/* /Components/TopBarIndicators.razor.rz.scp.css */
.topbar-indicators[b-q323e2iip6] {
    display: inline-flex;
    align-items: center;
    gap: .28rem;
    direction: rtl;
    min-height: 30px;
    padding: 0 .22rem;
  /*  border: 1px solid rgba(0, 118, 173, .12);*/
    border-radius: .25rem;
    background: rgba(238, 246, 249, .45);
    padding-right: 14px;
}

.topbar-indicator-button[b-q323e2iip6] {
    position: relative;
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: .2rem;
    background: transparent;
    color: #0076ad;
    padding: 0;
    margin-bottom: -6px;
}

.topbar-indicator-button:hover[b-q323e2iip6],
.topbar-indicator-button:focus-visible[b-q323e2iip6] {
    background: #eef6f9;
    color: #005875;
    outline: 0;
}

.topbar-indicator-button.is-ok[b-q323e2iip6] {
    color: #087a46;
}

.topbar-indicator-button.is-warning[b-q323e2iip6] {
    color: #64748b;
}

.indicator-icon[b-q323e2iip6] {
    width: 1.18rem;
    height: 1.18rem;
    display: inline-block;
    background: currentColor;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
}

/*.indicator-badge {
    position: absolute;
    top: -8px;
    right: -5px;
    min-width: 16px;
    height: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 3px;
    border-radius: 999px;
    background: #f44336;
    color: #ffffff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .2);
    font-size: 9px;
    font-weight: 800;
    line-height: 1;
    z-index: 2;
}*/

    .indicator-badge[b-q323e2iip6] {
        position: absolute;
        top: 0px;
        right: -5px;
        min-width: 16px;
        height: 16px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0 3px;
        border-radius: 999px;
        background: #f44336;
        color: #ffffff;
        font-size: 10px;
        font-weight: 800;
        line-height: 1;
        z-index: 2;
    }



.indicator-status[b-q323e2iip6] {
    position: absolute;
    top: 0px;
    right: -5px;
    width: 16px;
    height: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    color: #ffffff;
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
}

.indicator-status-error[b-q323e2iip6] {
    background: #ef4444;
}

.indicator-mail[b-q323e2iip6] {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 3h13v10h-13V3zm1.4 1.5L8 8.1l5.1-3.6H2.9zm10.2 7V6.1L8 9.7 2.9 6.1v5.4h10.2z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 3h13v10h-13V3zm1.4 1.5L8 8.1l5.1-3.6H2.9zm10.2 7V6.1L8 9.7 2.9 6.1v5.4h10.2z'/%3E%3C/svg%3E");
}

.indicator-bell[b-q323e2iip6] {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 15a2 2 0 0 0 1.9-1.4H6.1A2 2 0 0 0 8 15zm5-3-1.2-1.4V7A3.9 3.9 0 0 0 9 3.2V2a1 1 0 0 0-2 0v1.2A3.9 3.9 0 0 0 4.2 7v3.6L3 12v.8h10V12z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 15a2 2 0 0 0 1.9-1.4H6.1A2 2 0 0 0 8 15zm5-3-1.2-1.4V7A3.9 3.9 0 0 0 9 3.2V2a1 1 0 0 0-2 0v1.2A3.9 3.9 0 0 0 4.2 7v3.6L3 12v.8h10V12z'/%3E%3C/svg%3E");
}

.indicator-fingerprint[b-q323e2iip6] {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.2c3 0 5.4 2.4 5.4 5.4 0 .4-.3.7-.7.7s-.7-.3-.7-.7a4 4 0 0 0-8 0c0 .4-.3.7-.7.7s-.7-.3-.7-.7c0-3 2.4-5.4 5.4-5.4zm0 2.5a2.9 2.9 0 0 1 2.9 2.9c0 2.2.6 3.6 1.5 4.7.2.3.2.7-.1 1-.3.2-.8.2-1-.1-1.2-1.5-1.8-3.2-1.8-5.6a1.5 1.5 0 0 0-3 0c0 1.7-.2 3.1-.7 4.2-.4 1.1-1.1 2-2 2.8-.3.3-.7.2-1-.1-.2-.3-.2-.7.1-1 .8-.6 1.3-1.3 1.6-2.2.4-.9.6-2.1.6-3.7A2.9 2.9 0 0 1 8 3.7zm0 2.5c.4 0 .7.3.7.7 0 2.9.9 4.8 2.5 6.3.3.3.3.7 0 1-.2.3-.7.3-1 0-1.9-1.8-2.9-4-2.9-7.3 0-.4.3-.7.7-.7z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.2c3 0 5.4 2.4 5.4 5.4 0 .4-.3.7-.7.7s-.7-.3-.7-.7a4 4 0 0 0-8 0c0 .4-.3.7-.7.7s-.7-.3-.7-.7c0-3 2.4-5.4 5.4-5.4zm0 2.5a2.9 2.9 0 0 1 2.9 2.9c0 2.2.6 3.6 1.5 4.7.2.3.2.7-.1 1-.3.2-.8.2-1-.1-1.2-1.5-1.8-3.2-1.8-5.6a1.5 1.5 0 0 0-3 0c0 1.7-.2 3.1-.7 4.2-.4 1.1-1.1 2-2 2.8-.3.3-.7.2-1-.1-.2-.3-.2-.7.1-1 .8-.6 1.3-1.3 1.6-2.2.4-.9.6-2.1.6-3.7A2.9 2.9 0 0 1 8 3.7zm0 2.5c.4 0 .7.3.7.7 0 2.9.9 4.8 2.5 6.3.3.3.3.7 0 1-.2.3-.7.3-1 0-1.9-1.8-2.9-4-2.9-7.3 0-.4.3-.7.7-.7z'/%3E%3C/svg%3E");
}

.indicator-whatsapp[b-q323e2iip6] {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8.1 1.3A6.4 6.4 0 0 0 2.7 11L2 14.4l3.5-.9a6.4 6.4 0 1 0 2.6-12.2zm0 1.3a5.1 5.1 0 0 1 0 10.2c-.9 0-1.7-.2-2.4-.6l-.3-.2-1.6.4.3-1.6-.2-.3a5.1 5.1 0 0 1 4.2-7.9zm-2 2.5c-.1 0-.3 0-.4.2-.2.2-.6.6-.6 1.4s.6 1.7.7 1.8c.1.1 1.2 1.9 2.9 2.6 1.4.6 1.7.5 2 .5.3 0 1-.4 1.1-.8.1-.4.1-.8.1-.9 0-.1-.1-.2-.3-.3l-1.1-.5c-.2-.1-.4-.1-.5.1l-.4.6c-.1.1-.2.2-.4.1-.2-.1-.8-.3-1.5-.9-.6-.5-.9-1.1-1-1.3-.1-.2 0-.3.1-.4l.3-.3c.1-.1.1-.2.2-.3.1-.1.1-.2 0-.4l-.5-1.1c-.1-.3-.3-.3-.5-.3h-.2z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8.1 1.3A6.4 6.4 0 0 0 2.7 11L2 14.4l3.5-.9a6.4 6.4 0 1 0 2.6-12.2zm0 1.3a5.1 5.1 0 0 1 0 10.2c-.9 0-1.7-.2-2.4-.6l-.3-.2-1.6.4.3-1.6-.2-.3a5.1 5.1 0 0 1 4.2-7.9zm-2 2.5c-.1 0-.3 0-.4.2-.2.2-.6.6-.6 1.4s.6 1.7.7 1.8c.1.1 1.2 1.9 2.9 2.6 1.4.6 1.7.5 2 .5.3 0 1-.4 1.1-.8.1-.4.1-.8.1-.9 0-.1-.1-.2-.3-.3l-1.1-.5c-.2-.1-.4-.1-.5.1l-.4.6c-.1.1-.2.2-.4.1-.2-.1-.8-.3-1.5-.9-.6-.5-.9-1.1-1-1.3-.1-.2 0-.3.1-.4l.3-.3c.1-.1.1-.2.2-.3.1-.1.1-.2 0-.4l-.5-1.1c-.1-.3-.3-.3-.5-.3h-.2z'/%3E%3C/svg%3E");
}

.indicator-bot[b-q323e2iip6] {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M7.3 1h1.4v2H12a2 2 0 0 1 2 2v5.5a2.5 2.5 0 0 1-2.5 2.5h-7A2.5 2.5 0 0 1 2 10.5V5a2 2 0 0 1 2-2h3.3V1zM4 5v5.5c0 .6.4 1 1 1h6c.6 0 1-.4 1-1V5H4zm1.6 2.2a1.1 1.1 0 1 1 2.2 0 1.1 1.1 0 0 1-2.2 0zm3.8 0a1.1 1.1 0 1 1 2.2 0 1.1 1.1 0 0 1-2.2 0zM6 9.8h4v1H6v-1z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M7.3 1h1.4v2H12a2 2 0 0 1 2 2v5.5a2.5 2.5 0 0 1-2.5 2.5h-7A2.5 2.5 0 0 1 2 10.5V5a2 2 0 0 1 2-2h3.3V1zM4 5v5.5c0 .6.4 1 1 1h6c.6 0 1-.4 1-1V5H4zm1.6 2.2a1.1 1.1 0 1 1 2.2 0 1.1 1.1 0 0 1-2.2 0zm3.8 0a1.1 1.1 0 1 1 2.2 0 1.1 1.1 0 0 1-2.2 0zM6 9.8h4v1H6v-1z'/%3E%3C/svg%3E");
}
/* /Components/WakeelReportViewer.razor.rz.scp.css */
.wakeel-report-actions[b-fe53il1jfo] {
    gap: 0;
    justify-content: center;
    align-items: center;
    margin-top: .65rem;
    margin-bottom: .5rem;
    direction: rtl;
}

.report-icon-button[b-fe53il1jfo] {
    width: 50px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 0;
    border-inline-start: 1px solid rgba(255, 255, 255, .18);
    border-inline-end: 1px solid rgba(0, 70, 105, .24);
    color: #ffffff;
    background: #087fad;
    box-shadow: 0 2px 4px rgba(15, 23, 42, .26);
    cursor: pointer;
    transition: background-color .14s ease, box-shadow .14s ease;
}

.report-icon-button:first-child[b-fe53il1jfo] {
    border-start-end-radius: 2px;
    border-end-end-radius: 2px;
}

.report-icon-button:last-child[b-fe53il1jfo] {
    border-start-start-radius: 2px;
    border-end-start-radius: 2px;
}

.report-icon-button-separated[b-fe53il1jfo] {
    margin-inline-end: 4px;
    border-start-end-radius: 2px;
    border-end-end-radius: 2px;
}

.report-icon-button:hover:not(:disabled)[b-fe53il1jfo] {
    background: #07739e;
    box-shadow: 0 2px 5px rgba(15, 23, 42, .32);
}

.report-icon-button:focus[b-fe53il1jfo],
.report-icon-button:focus-visible[b-fe53il1jfo] {
    outline: 0;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .55), 0 2px 5px rgba(15, 23, 42, .28);
}

.report-icon-button:disabled[b-fe53il1jfo] {
    background: #087fad;
    color: #00000066;
    box-shadow: none;
    cursor: default;
    opacity: 1;
}

.report-icon[b-fe53il1jfo] {
    width: 18px;
    height: 18px;
    display: block;
    fill: currentColor;
    flex: 0 0 auto;
}

.report-icon-regular[b-fe53il1jfo] {
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.wakeel-report-frame-wrap[b-fe53il1jfo] {
    position: relative;
    min-height: 680px;
    margin-top: 1rem;
    border: 1px solid #d9e2ea;
    background: #ffffff;
    overflow: hidden;
}

.wakeel-report-frame[b-fe53il1jfo] {
    display: block;
    width: 100%;
    min-height: 680px;
    border: 0;
}

.wakeel-report-loading-overlay[b-fe53il1jfo] {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    padding: 1rem;
    background: rgba(248, 252, 253, .92);
    color: #123044;
    text-align: center;
}

.wakeel-report-loader[b-fe53il1jfo] {
    width: 42px;
    height: 42px;
    border: 4px solid #d4e6ee;
    border-top-color: #087fad;
    border-radius: 50%;
    animation: wakeel-report-spin-b-fe53il1jfo .8s linear infinite;
}

.wakeel-report-loading-overlay strong[b-fe53il1jfo] {
    font-size: 14px;
    font-weight: 900;
}

.wakeel-report-loading-overlay span[b-fe53il1jfo] {
    color: #64748b;
    font-size: 12px;
    font-weight: 700;
}

@keyframes wakeel-report-spin-b-fe53il1jfo {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 760px) {
    .wakeel-report-actions.wakeel-report-actions[b-fe53il1jfo] {
        width: max-content;
        max-width: 100%;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        margin-right: auto;
        margin-left: auto;
    }

    .report-icon-button[b-fe53il1jfo] {
        width: 44px;
        height: 32px;
        flex: 0 0 44px;
    }

    .wakeel-report-frame-wrap[b-fe53il1jfo] {
        min-height: 540px;
    }

    .wakeel-report-frame[b-fe53il1jfo] {
        min-height: 540px;
    }
}
/* /Components/WizardReturnButton.razor.rz.scp.css */
.wizard-return-banner[b-xxi995lm11]{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 18px;padding:13px 16px;border:1px solid #bfe2dc;border-radius:16px;background:#f1faf7;color:#315f59}
.wizard-return-banner>div[b-xxi995lm11]{display:flex;align-items:center;gap:11px;min-width:0}
.wizard-return-banner>div>i[b-xxi995lm11]{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:12px;background:#d9f1eb;color:#16816f;font-size:1.05rem}
.wizard-return-banner span strong[b-xxi995lm11],.wizard-return-banner span small[b-xxi995lm11]{display:block}
.wizard-return-banner span strong[b-xxi995lm11]{font-size:.8rem}
.wizard-return-banner span small[b-xxi995lm11]{margin-top:3px;color:#6e8984;font-size:.68rem}
.wizard-return-banner>a[b-xxi995lm11]{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:0 0 auto;padding:9px 14px;border-radius:11px;background:#168b78;color:#fff;text-decoration:none;font-size:.76rem;font-weight:800;box-shadow:0 5px 14px rgba(22,139,120,.17)}
.wizard-return-banner>a:hover[b-xxi995lm11]{background:#117766;color:#fff}
@media(max-width:680px){.wizard-return-banner[b-xxi995lm11]{align-items:stretch;flex-direction:column}.wizard-return-banner>a[b-xxi995lm11]{width:100%}}
/* /Features/Certificates/Certificates.razor.rz.scp.css */
.certificate-content[b-xp8bjlaa7d]{display:grid;gap:1rem;padding:1rem 1.25rem 1.4rem}.certificate-library[b-xp8bjlaa7d],.certificate-workspace[b-xp8bjlaa7d],.certificate-recipients[b-xp8bjlaa7d]{border:1px solid #d3e2ea;background:#fff}.certificate-section-head[b-xp8bjlaa7d]{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.75rem .9rem;border-bottom:1px solid #d7e5ec;background:#f8fbfd}.certificate-section-head>div:first-child[b-xp8bjlaa7d]{display:grid;gap:.15rem}.certificate-section-head strong[b-xp8bjlaa7d]{color:#173b52;font-size:.9rem;font-weight:900}.certificate-section-head span[b-xp8bjlaa7d]{color:#647f90;font-size:.7rem}.certificate-section-head button[b-xp8bjlaa7d],.editor-actions button[b-xp8bjlaa7d],.recipient-filters button[b-xp8bjlaa7d],.generate-bar button[b-xp8bjlaa7d],.certificate-state button[b-xp8bjlaa7d]{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-height:34px;padding:.4rem .7rem;border:1px solid #a8c9d8;background:#fff;color:#17617f;font-size:.72rem;font-weight:900}.certificate-section-head button.primary[b-xp8bjlaa7d],.editor-actions button.primary[b-xp8bjlaa7d],.recipient-filters button.primary[b-xp8bjlaa7d],.generate-bar button.primary[b-xp8bjlaa7d]{border-color:#0a83ae;background:#0a83ae;color:#fff}.certificate-section-head button:disabled[b-xp8bjlaa7d],.editor-actions button:disabled[b-xp8bjlaa7d],.recipient-filters button:disabled[b-xp8bjlaa7d],.generate-bar button:disabled[b-xp8bjlaa7d]{opacity:.48}.certificate-template-list[b-xp8bjlaa7d]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;padding:.8rem}.certificate-template-card[b-xp8bjlaa7d]{min-width:0;display:grid;grid-template-columns:78px minmax(0,1fr) 30px;align-items:center;gap:.55rem;padding:.45rem;border:1px solid #d3e1e9;background:#fff;cursor:pointer}.certificate-template-card:hover[b-xp8bjlaa7d],.certificate-template-card.selected[b-xp8bjlaa7d]{border-color:#0785b2;box-shadow:0 0 0 1px #0785b2}.template-thumb[b-xp8bjlaa7d]{aspect-ratio:1.42;display:grid;place-items:center;align-content:center;gap:.12rem;border:1px solid #d7e3e9;color:#087da8;text-align:center}.template-thumb i[b-xp8bjlaa7d]{font-size:1rem}.template-thumb span[b-xp8bjlaa7d]{font-size:.5rem;font-weight:900}.certificate-template-card>div:nth-child(2)[b-xp8bjlaa7d]{min-width:0;display:grid;gap:.12rem}.certificate-template-card strong[b-xp8bjlaa7d]{overflow:hidden;color:#21455b;font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.certificate-template-card span[b-xp8bjlaa7d]{color:#708796;font-size:.62rem}.certificate-template-card>button[b-xp8bjlaa7d]{width:28px;height:28px;border:0;background:#eef6f9;color:#087fae}.editor-head[b-xp8bjlaa7d]{align-items:flex-start}.editor-actions[b-xp8bjlaa7d]{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.35rem}.editor-actions button.danger[b-xp8bjlaa7d]{border-color:#efb1b1;color:#b21e1e}.certificate-editor-grid[b-xp8bjlaa7d]{display:grid;grid-template-columns:290px minmax(0,1fr);min-height:500px}.certificate-tools[b-xp8bjlaa7d]{display:grid;align-content:start;grid-template-columns:1fr 1fr;gap:.55rem;padding:.75rem;border-left:1px solid #d6e4eb;background:#fbfdfe}.certificate-tools label[b-xp8bjlaa7d],.recipient-filters label[b-xp8bjlaa7d]{min-width:0;display:grid;gap:.2rem}.certificate-tools label>span[b-xp8bjlaa7d],.recipient-filters label>span[b-xp8bjlaa7d],.variable-tools>span[b-xp8bjlaa7d]{color:#3c5c70;font-size:.66rem;font-weight:900}.certificate-tools input[b-xp8bjlaa7d],.certificate-tools select[b-xp8bjlaa7d],.certificate-tools textarea[b-xp8bjlaa7d],.recipient-filters select[b-xp8bjlaa7d]{width:100%;min-width:0;min-height:34px;padding:.32rem .45rem;border:1px solid #bfd2dc;background:#fff;color:#17394e;font-size:.72rem}.certificate-tools input[type=color][b-xp8bjlaa7d]{padding:2px}.asset-picker[b-xp8bjlaa7d],.variable-tools[b-xp8bjlaa7d],.element-properties[b-xp8bjlaa7d]{grid-column:1/-1}.asset-picker[b-xp8bjlaa7d]{padding:.5rem;border:1px dashed #a8c5d3;background:#f4f9fb}.variable-tools[b-xp8bjlaa7d]{display:flex;flex-wrap:wrap;gap:.3rem;padding:.55rem;border:1px solid #d5e4eb;background:#f8fbfc}.variable-tools>span[b-xp8bjlaa7d]{width:100%}.variable-tools button[b-xp8bjlaa7d]{padding:.22rem .38rem;border:1px solid #b8d3df;background:#fff;color:#087ca7;font-size:.62rem;font-weight:900}.element-properties[b-xp8bjlaa7d]{display:grid;grid-template-columns:1fr 1fr;gap:.45rem;padding-top:.6rem;border-top:1px solid #d5e3ea}.element-properties>strong[b-xp8bjlaa7d],.element-properties .wide[b-xp8bjlaa7d]{grid-column:1/-1}.element-properties textarea[b-xp8bjlaa7d]{min-height:72px;resize:vertical}.lock-option[b-xp8bjlaa7d]{display:flex!important;align-items:center;gap:.35rem}.lock-option input[b-xp8bjlaa7d]{width:auto;min-height:0}.certificate-canvas-wrap[b-xp8bjlaa7d]{min-width:0;display:grid;place-items:center;align-content:center;gap:.45rem;padding:1rem;overflow:auto;background:#eaf1f5}.certificate-canvas[b-xp8bjlaa7d]{position:relative;overflow:hidden;width:min(100%,850px);aspect-ratio:1.414/1;background-color:#fff;background-position:center;background-size:cover;box-shadow:0 8px 25px #405b6b38;user-select:none}.certificate-canvas.portrait[b-xp8bjlaa7d]{width:min(72%,600px);aspect-ratio:1/1.414}.certificate-canvas-element[b-xp8bjlaa7d]{position:absolute;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:2px;line-height:1.3;white-space:pre-wrap;cursor:move}.certificate-canvas-element img[b-xp8bjlaa7d]{width:100%;height:100%;object-fit:contain}.certificate-canvas-element.selected[b-xp8bjlaa7d]{outline:2px solid #0794c5;outline-offset:1px;background:#dff6ff32}.certificate-canvas-element.locked[b-xp8bjlaa7d]{cursor:not-allowed}.certificate-canvas-wrap>p[b-xp8bjlaa7d]{margin:0;color:#708593;font-size:.65rem}.recipient-filters[b-xp8bjlaa7d]{display:grid;grid-template-columns:1fr 1fr 150px 150px;align-items:end;gap:.6rem;padding:.8rem}.excel-import[b-xp8bjlaa7d]{position:relative;display:flex!important;align-items:center;justify-content:center;gap:.35rem;min-height:34px;border:1px solid #1b986b;color:#147553;font-size:.7rem;font-weight:900;cursor:pointer}.excel-import input[b-xp8bjlaa7d]{position:absolute;width:1px;height:1px;opacity:0}.recipient-toolbar[b-xp8bjlaa7d]{display:flex;align-items:center;justify-content:space-between;padding:.55rem .8rem;border-block:1px solid #d8e5ec;background:#f8fbfd;color:#31566c;font-size:.7rem}.recipient-toolbar label[b-xp8bjlaa7d]{display:flex;align-items:center;gap:.35rem}.recipient-table-wrap[b-xp8bjlaa7d]{padding:.55rem}.recipient-table[b-xp8bjlaa7d]{width:100%;max-width: 600px;border-collapse:collapse;table-layout:auto}.recipient-table th[b-xp8bjlaa7d],.recipient-table td[b-xp8bjlaa7d]{padding:.4rem .5rem;border:1px solid #c9dce6;color:#27485c;font-size:.69rem;text-align:center;white-space:nowrap}.recipient-table th[b-xp8bjlaa7d]{background:#e7f3f8;font-weight:900}.recipient-table td:nth-child(2)[b-xp8bjlaa7d]{min-width:200px;text-align:right;font-weight:800}.recipient-table input:not([type=checkbox])[b-xp8bjlaa7d]{width:100%;min-width:130px;padding:.24rem;border:1px solid #bdd2dc}.manual-recipients[b-xp8bjlaa7d]{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin:.55rem;padding:.55rem;border:1px solid #cfe2ea;background:#f7fbfd;font-size:.68rem}.manual-recipients span[b-xp8bjlaa7d]{padding:.22rem .4rem;background:#e6f3f8}.manual-recipients button[b-xp8bjlaa7d]{margin-inline-start:auto;border:1px solid #d59b9b;background:#fff;color:#9d1c1c}.generate-bar[b-xp8bjlaa7d]{display:flex;justify-content:center;padding:.75rem;border-top:1px solid #d8e5eb}.generate-bar button[b-xp8bjlaa7d]{min-width:220px}.certificate-state[b-xp8bjlaa7d]{min-height:200px;display:flex;align-items:center;justify-content:center;gap:.5rem;color:#3c5c70}.certificate-state.error[b-xp8bjlaa7d]{flex-direction:column;color:#a41d1d}
@media(max-width:980px){.certificate-template-list[b-xp8bjlaa7d]{grid-template-columns:repeat(2,minmax(0,1fr))}.certificate-editor-grid[b-xp8bjlaa7d]{grid-template-columns:250px minmax(0,1fr)}}
@media(max-width:760px){.certificate-content[b-xp8bjlaa7d]{gap:.65rem;padding:.65rem}.certificate-section-head[b-xp8bjlaa7d]{padding:.62rem}.certificate-editor-grid[b-xp8bjlaa7d]{grid-template-columns:1fr}.certificate-tools[b-xp8bjlaa7d]{border-left:0;border-bottom:1px solid #d6e4eb}.certificate-canvas-wrap[b-xp8bjlaa7d]{padding:.55rem}.recipient-filters[b-xp8bjlaa7d]{grid-template-columns:1fr 1fr}.recipient-table-wrap[b-xp8bjlaa7d]{padding:3px}}
@media(max-width:560px){.certificate-template-list[b-xp8bjlaa7d]{grid-template-columns:1fr;padding:.55rem}.editor-head[b-xp8bjlaa7d]{display:grid}.editor-actions[b-xp8bjlaa7d]{display:grid;grid-template-columns:repeat(2,1fr)}.certificate-canvas-wrap[b-xp8bjlaa7d]{padding:3px}.certificate-canvas[b-xp8bjlaa7d],.certificate-canvas.portrait[b-xp8bjlaa7d]{width:100%}.recipient-filters[b-xp8bjlaa7d]{grid-template-columns:1fr}.certificate-section-head>button[b-xp8bjlaa7d]{width:100%}}
@media(max-width:360px){.editor-actions[b-xp8bjlaa7d]{grid-template-columns:1fr}.certificate-tools[b-xp8bjlaa7d]{grid-template-columns:1fr}.certificate-tools label[b-xp8bjlaa7d],.element-properties[b-xp8bjlaa7d],.element-properties>*[b-xp8bjlaa7d]{grid-column:1}.certificate-content[b-xp8bjlaa7d]{padding:3px}}
.certificate-template-card[b-xp8bjlaa7d]{grid-template-columns:78px minmax(0,1fr) auto}.certificate-template-card>button[b-xp8bjlaa7d]{display:none}.template-card-actions[b-xp8bjlaa7d]{display:grid;gap:.2rem}.template-card-actions button[b-xp8bjlaa7d]{width:28px;height:28px;border:0;background:#eef6f9;color:#087fae}.template-card-actions button.danger[b-xp8bjlaa7d]{background:#fff0f0;color:#a91f1f}.editor-upload[b-xp8bjlaa7d]{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-height:34px;padding:.4rem .7rem;border:1px solid #a8c9d8;background:#fff;color:#17617f;font-size:.72rem;font-weight:900;cursor:pointer}.editor-upload[b-xp8bjlaa7d]  input[type=file]{position:absolute!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;opacity:0!important;pointer-events:none}
.template-thumb[b-xp8bjlaa7d]{background-position:center!important;background-repeat:no-repeat!important;background-size:100% 100%!important}.certificate-canvas[b-xp8bjlaa7d]{background-position:center;background-repeat:no-repeat;background-size:100% 100%}
.recipient-empty[b-xp8bjlaa7d]{margin:.55rem;padding:.8rem;border:1px dashed #bed5e0;background:#f8fbfd;color:#5b7484;font-size:.72rem;font-weight:800;text-align:center}.generate-bar[b-xp8bjlaa7d]{align-items:center;flex-wrap:wrap;gap:.65rem}.generate-status[b-xp8bjlaa7d]{font-size:.7rem;font-weight:900}.generate-status.ready[b-xp8bjlaa7d]{color:#16734e}.generate-status.waiting[b-xp8bjlaa7d]{color:#8a6212}
.library-actions[b-xp8bjlaa7d]{display:flex;flex-wrap:wrap;gap:.4rem}.library-actions .editor-upload[b-xp8bjlaa7d],.library-actions button[b-xp8bjlaa7d]{min-height:34px}.library-actions .editor-upload.primary[b-xp8bjlaa7d]{border-color:#0a83ae;background:#0a83ae;color:#fff}.library-subhead[b-xp8bjlaa7d]{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.55rem .8rem;border-top:1px solid #d8e5ec;border-bottom:1px solid #e1ebf0;background:#fbfdfe}.library-subhead strong[b-xp8bjlaa7d]{color:#244a60;font-size:.76rem;font-weight:900}.library-subhead span[b-xp8bjlaa7d]{color:#708695;font-size:.64rem}.certificate-background-list[b-xp8bjlaa7d]{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.55rem;padding:.7rem}.certificate-background-card[b-xp8bjlaa7d]{position:relative;min-width:0;display:grid;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:.45rem;padding:.4rem;border:1px solid #d1e0e7;background:#fff;cursor:pointer}.certificate-background-card:hover[b-xp8bjlaa7d],.certificate-background-card.selected[b-xp8bjlaa7d]{border-color:#0785b2;box-shadow:0 0 0 1px #0785b2}.background-thumb[b-xp8bjlaa7d]{width:92px;aspect-ratio:1.414/1;background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:100% 100%;box-shadow:inset 0 0 0 1px #dce7ec}.certificate-background-card>div:nth-child(2)[b-xp8bjlaa7d]{min-width:0;display:grid;gap:.12rem}.certificate-background-card strong[b-xp8bjlaa7d]{overflow:hidden;color:#21455b;font-size:.67rem;text-overflow:ellipsis;white-space:nowrap}.certificate-background-card span[b-xp8bjlaa7d]{color:#708796;font-size:.58rem}.certificate-background-card>button[b-xp8bjlaa7d]{position:absolute;top:3px;left:3px;width:24px;height:24px;border:1px solid #edb6b6;background:#fff5f5;color:#a91f1f}.certificate-tools .variable-tools[b-xp8bjlaa7d]{margin-top:.1rem}
@media(max-width:980px){.certificate-background-list[b-xp8bjlaa7d]{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.certificate-background-list[b-xp8bjlaa7d]{grid-template-columns:repeat(2,minmax(0,1fr))}.library-subhead[b-xp8bjlaa7d]{align-items:flex-start;flex-direction:column}.library-actions[b-xp8bjlaa7d]{width:100%}.library-actions>*[b-xp8bjlaa7d]{flex:1}}
@media(max-width:420px){.certificate-background-list[b-xp8bjlaa7d]{grid-template-columns:1fr}.certificate-background-card[b-xp8bjlaa7d]{grid-template-columns:110px minmax(0,1fr)}.background-thumb[b-xp8bjlaa7d]{width:110px}}
.excel-import[b-xp8bjlaa7d]  input[type=file]{position:absolute!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;opacity:0!important;pointer-events:none}
.recipient-filters[b-xp8bjlaa7d]{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 160px}.recipient-table-wrap[b-xp8bjlaa7d]{display:block}.recipient-table[b-xp8bjlaa7d]{min-width:0;margin-inline:auto}.recipient-table td:nth-child(2)[b-xp8bjlaa7d]{min-width:180px}@media(max-width:760px){.recipient-filters[b-xp8bjlaa7d]{grid-template-columns:1fr 1fr}.recipient-filters button[b-xp8bjlaa7d]{grid-column:1/-1}.recipient-table[b-xp8bjlaa7d]{min-width:420px}}@media(max-width:420px){.recipient-filters[b-xp8bjlaa7d]{grid-template-columns:1fr}.recipient-filters button[b-xp8bjlaa7d]{grid-column:auto}}
.certificate-canvas-element[b-xp8bjlaa7d]{overflow:visible;padding:0;touch-action:none}.certificate-element-content[b-xp8bjlaa7d]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:2px;line-height:1.3;white-space:pre-wrap}.certificate-element-content img[b-xp8bjlaa7d]{width:100%;height:100%;object-fit:contain}.canvas-element-toolbar[b-xp8bjlaa7d]{position:absolute;right:0;bottom:calc(100% + 7px);z-index:1005;display:flex;gap:3px;padding:3px;border:1px solid #9fc8d9;background:#fff;box-shadow:0 3px 12px #173b5240;direction:rtl;white-space:nowrap}.canvas-element-toolbar.below[b-xp8bjlaa7d]{top:calc(100% + 7px);bottom:auto}.canvas-element-toolbar button[b-xp8bjlaa7d]{width:28px;height:27px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;background:#eef7fa;color:#087da8;font-size:.78rem;cursor:pointer}.canvas-element-toolbar button:hover[b-xp8bjlaa7d]{background:#dceff6}.canvas-element-toolbar button.danger[b-xp8bjlaa7d]{background:#fff0f0;color:#b22020}.resize-handle[b-xp8bjlaa7d]{position:absolute;z-index:1004;width:11px;height:11px;border:2px solid #fff;border-radius:50%;background:#0789b8;box-shadow:0 0 0 1px #076f98}.resize-handle.north-west[b-xp8bjlaa7d]{top:-6px;left:-6px;cursor:nwse-resize}.resize-handle.north[b-xp8bjlaa7d]{top:-6px;left:50%;transform:translateX(-50%);cursor:ns-resize}.resize-handle.north-east[b-xp8bjlaa7d]{top:-6px;right:-6px;cursor:nesw-resize}.resize-handle.east[b-xp8bjlaa7d]{top:50%;right:-6px;transform:translateY(-50%);cursor:ew-resize}.resize-handle.south-east[b-xp8bjlaa7d]{right:-6px;bottom:-6px;cursor:nwse-resize}.resize-handle.south[b-xp8bjlaa7d]{bottom:-6px;left:50%;transform:translateX(-50%);cursor:ns-resize}.resize-handle.south-west[b-xp8bjlaa7d]{bottom:-6px;left:-6px;cursor:nesw-resize}.resize-handle.west[b-xp8bjlaa7d]{top:50%;left:-6px;transform:translateY(-50%);cursor:ew-resize}.certificate-canvas-element.selected[b-xp8bjlaa7d]{outline:2px solid #0789b8;outline-offset:0}.certificate-canvas-element.locked.selected[b-xp8bjlaa7d]{outline-style:dashed}.certificate-canvas-element.locked .certificate-element-content[b-xp8bjlaa7d]{cursor:not-allowed}@media(max-width:560px){.resize-handle[b-xp8bjlaa7d]{width:14px;height:14px}.resize-handle.north-west[b-xp8bjlaa7d],.resize-handle.north[b-xp8bjlaa7d],.resize-handle.north-east[b-xp8bjlaa7d]{top:-7px}.resize-handle.south-west[b-xp8bjlaa7d],.resize-handle.south[b-xp8bjlaa7d],.resize-handle.south-east[b-xp8bjlaa7d]{bottom:-7px}.resize-handle.west[b-xp8bjlaa7d],.resize-handle.north-west[b-xp8bjlaa7d],.resize-handle.south-west[b-xp8bjlaa7d]{left:-7px}.resize-handle.east[b-xp8bjlaa7d],.resize-handle.north-east[b-xp8bjlaa7d],.resize-handle.south-east[b-xp8bjlaa7d]{right:-7px}.canvas-element-toolbar button[b-xp8bjlaa7d]{width:32px;height:30px}}
/* /Features/ClassroomVisits/ClassroomVisits.razor.rz.scp.css */
.classroom-visits[b-qq86rqa3ze]{padding-bottom:24px}.cv-subtitle[b-qq86rqa3ze]{margin:0;padding:12px 18px;color:#64748b;border-bottom:1px solid #d8e4ec}.cv-tabs[b-qq86rqa3ze]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:14px 18px;padding:5px;background:#eef6f9}.cv-tabs button[b-qq86rqa3ze]{border:1px solid #c8dce7;background:#fff;color:#075b78;padding:9px;font-weight:700}.cv-tabs button.active[b-qq86rqa3ze]{background:#0d82ac;color:#fff}.cv-card[b-qq86rqa3ze]{margin:14px 18px;border:1px solid #cfe0e9;background:#fff;padding:16px}.cv-list-head[b-qq86rqa3ze],.cv-section-head[b-qq86rqa3ze]{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.cv-list-head h2[b-qq86rqa3ze],.cv-section-head h2[b-qq86rqa3ze]{font-size:1.05rem;margin:0;color:#083f57}.cv-section-head p[b-qq86rqa3ze]{margin:3px 0 0;color:#64748b;font-size:.82rem}.cv-form-grid[b-qq86rqa3ze]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.cv-check[b-qq86rqa3ze]{display:flex;align-items:center;gap:7px;margin-top:12px;font-weight:700}.app-table-scroll[b-qq86rqa3ze]{overflow-x:auto;padding:3px}.cv-table[b-qq86rqa3ze]{width:100%;border-collapse:collapse;white-space:nowrap}.cv-table th[b-qq86rqa3ze],.cv-table td[b-qq86rqa3ze]{border:1px solid #cadce6;padding:9px;text-align:center}.cv-table th[b-qq86rqa3ze]{background:#eaf5f8;color:#084d68}.cv-secret[b-qq86rqa3ze]{color:#0b87ac;margin-inline-start:6px}.cv-status[b-qq86rqa3ze]{display:inline-flex;padding:3px 9px;border-radius:12px;background:#fff4ce;color:#705600}.cv-status.completed[b-qq86rqa3ze]{background:#dff5e8;color:#17683a}.cv-row-actions[b-qq86rqa3ze]{display:flex;gap:5px;justify-content:center}.cv-row-actions button[b-qq86rqa3ze],.cv-criteria-edit button[b-qq86rqa3ze],.cv-section-head>button[b-qq86rqa3ze]{border:1px solid #8ebfd2;background:white;color:#096d92;padding:5px 9px}.danger[b-qq86rqa3ze]{color:#c62828!important;border-color:#f1a8a8!important}.cv-score-total[b-qq86rqa3ze]{font-size:1.35rem;font-weight:800;color:#0a789f}.cv-category[b-qq86rqa3ze]{border:1px solid #d4e4eb;margin-bottom:12px}.cv-category h3[b-qq86rqa3ze]{font-size:.95rem;background:#eaf5f8;color:#075875;padding:9px 12px;margin:0}.cv-criterion[b-qq86rqa3ze]{padding:12px;border-top:1px solid #e2ebef}.cv-criterion:first-of-type[b-qq86rqa3ze]{border-top:0}.cv-criterion-title[b-qq86rqa3ze]{display:flex;justify-content:space-between;gap:10px;margin-bottom:9px}.cv-criterion-title span[b-qq86rqa3ze]{font-weight:700}.cv-criterion-title small[b-qq86rqa3ze]{color:#64748b}.cv-rating[b-qq86rqa3ze]{display:grid;grid-template-columns:repeat(5,minmax(70px,1fr));gap:5px;margin-bottom:8px}.cv-rating button[b-qq86rqa3ze]{border:1px solid #bfd5df;background:#fff;color:#315769;padding:6px}.cv-rating button strong[b-qq86rqa3ze]{display:block;font-size:1rem}.cv-rating button span[b-qq86rqa3ze]{font-size:.72rem}.cv-rating button.selected[b-qq86rqa3ze]{background:#0c88b2;color:white;border-color:#0c88b2}.cv-notes-grid[b-qq86rqa3ze]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cv-notes-grid label span[b-qq86rqa3ze]{display:block;font-weight:700;margin-bottom:5px}.cv-notes-grid textarea[b-qq86rqa3ze]{width:100%;min-height:82px;border:1px solid #bfd2dd;padding:8px}.cv-primary-actions[b-qq86rqa3ze]{display:flex;justify-content:center;gap:8px;margin-top:16px}.cv-template-list[b-qq86rqa3ze]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:16px}.cv-template-list button[b-qq86rqa3ze]{position:relative;text-align:right;border:1px solid #c9dce6;background:#fff;padding:10px}.cv-template-list button.active[b-qq86rqa3ze]{border-color:#0c88b2;background:#eef9fc}.cv-template-list strong[b-qq86rqa3ze],.cv-template-list span[b-qq86rqa3ze]{display:block}.cv-template-list span[b-qq86rqa3ze]{font-size:.76rem;color:#607884}.cv-template-list em[b-qq86rqa3ze]{position:absolute;left:7px;top:7px;font-size:.7rem;color:#087da4}.cv-template-editor[b-qq86rqa3ze]{border-top:2px solid #0c88b2;padding-top:16px}.cv-criterion-edit[b-qq86rqa3ze]{display:grid;grid-template-columns:190px minmax(240px,1fr) 80px 40px;gap:6px;margin-bottom:6px}.cv-criterion-edit input[b-qq86rqa3ze],.cv-criterion-edit textarea[b-qq86rqa3ze]{border:1px solid #bfd3dd;padding:7px;min-height:38px}.cv-criterion-edit textarea[b-qq86rqa3ze]{resize:vertical}.app-panel-message.error[b-qq86rqa3ze]{color:#b42318}
@media(max-width:760px){.cv-form-grid[b-qq86rqa3ze]{grid-template-columns:repeat(2,minmax(0,1fr))}.cv-template-list[b-qq86rqa3ze]{grid-template-columns:repeat(2,minmax(0,1fr))}.cv-rating[b-qq86rqa3ze]{grid-template-columns:repeat(3,minmax(0,1fr))}.cv-criterion-edit[b-qq86rqa3ze]{grid-template-columns:1fr 70px 40px}.cv-criterion-edit textarea[b-qq86rqa3ze]{grid-column:1/-1;grid-row:2}.cv-notes-grid[b-qq86rqa3ze]{grid-template-columns:1fr}}
@media(max-width:560px){.classroom-visits[b-qq86rqa3ze]{padding-inline:0}.cv-subtitle[b-qq86rqa3ze]{padding:8px 3px}.cv-tabs[b-qq86rqa3ze],.cv-card[b-qq86rqa3ze]{margin-inline:3px}.cv-card[b-qq86rqa3ze]{padding:9px}.cv-form-grid[b-qq86rqa3ze]{grid-template-columns:1fr}.cv-tabs[b-qq86rqa3ze]{grid-template-columns:repeat(3,1fr)}.cv-rating[b-qq86rqa3ze]{grid-template-columns:repeat(2,minmax(0,1fr))}.cv-template-list[b-qq86rqa3ze]{grid-template-columns:1fr}.cv-primary-actions[b-qq86rqa3ze]{display:grid;grid-template-columns:repeat(3,1fr)}.cv-primary-actions .btn[b-qq86rqa3ze]{padding-inline:4px}.cv-criterion-title[b-qq86rqa3ze]{display:block}}
@media(max-width:360px){.cv-tabs[b-qq86rqa3ze],.cv-primary-actions[b-qq86rqa3ze]{grid-template-columns:1fr}}
/* /Pages/AcademicCalendar/AcademicCalendarPage.razor.rz.scp.css */
.academic-calendar-page[b-749oinjd7o] {
    direction: rtl;
}

/* التواريخ العامة تُدار من واجهة إدارة المنصة فقط. */
.academic-calendar-page .calendar-term-settings[b-749oinjd7o] { display: none; }

.calendar-shell[b-749oinjd7o] {
    display: grid;
    gap: 18px;
    padding: 18px;
    border: 1px solid #d7e7ef;
    border-radius: 8px;
    background: #fff;
}

.calendar-header[b-749oinjd7o] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    padding-bottom: 16px;
    border-bottom: 1px solid #e4edf2;
}

.calendar-kicker[b-749oinjd7o] {
    display: inline-flex;
    margin-bottom: 6px;
    color: #0b7a99;
    font-size: 0.78rem;
    font-weight: 800;
}

.calendar-header h2[b-749oinjd7o] {
    margin: 0;
    color: #0f2f3d;
    font-size: 1.1rem;
    font-weight: 800;
}

.calendar-header p[b-749oinjd7o] {
    margin: 7px 0 0;
    color: #587083;
    font-size: 0.84rem;
    line-height: 1.8;
}

.calendar-actions[b-749oinjd7o] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.calendar-button[b-749oinjd7o] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 34px;
    padding: 0 16px;
    border: 1px solid #b9d3df;
    border-radius: 4px;
    font-size: 0.82rem;
    font-weight: 800;
    text-decoration: none;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.calendar-button.primary[b-749oinjd7o] {
    border-color: #0d8fbd;
    background: #0d8fbd;
    color: #fff;
}

.calendar-button.secondary[b-749oinjd7o] {
    background: #f7fbfd;
    color: #0f5670;
}

.calendar-button:not(:disabled):hover[b-749oinjd7o] {
    border-color: #086d8f;
}

.calendar-button:disabled[b-749oinjd7o] {
    cursor: not-allowed;
    opacity: 0.65;
}

.calendar-toolbar[b-749oinjd7o] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px;
    border: 1px solid #dceaf1;
    border-radius: 8px;
    background: #f7fbfd;
}

.calendar-year-field[b-749oinjd7o] {
    width: min(190px, 100%);
    margin: 0;
}

.calendar-summary[b-749oinjd7o] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.calendar-summary div[b-749oinjd7o] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 34px;
    padding: 0 12px;
    border: 1px solid #d8e7ef;
    border-radius: 4px;
    background: #fff;
}

.calendar-summary span[b-749oinjd7o] {
    color: #587083;
    font-size: 0.76rem;
    font-weight: 700;
}

.calendar-summary strong[b-749oinjd7o] {
    color: #062f44;
    font-size: 0.92rem;
}

.calendar-term-settings[b-749oinjd7o] {
    display: grid;
    gap: 14px;
    padding: 16px;
    border: 1px solid #d6e7ee;
    border-radius: 8px;
    background: linear-gradient(135deg, #f9fcfd, #eef8fa);
}

.calendar-term-settings-head[b-749oinjd7o] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.calendar-term-settings-head h3[b-749oinjd7o] { margin: 0; color: #0f2f3d; font-size: 1rem; font-weight: 800; }
.calendar-term-settings-head p[b-749oinjd7o] { margin: 5px 0 0; color: #587083; font-size: .8rem; line-height: 1.8; }
.calendar-term-settings-head > i[b-749oinjd7o] { color: #0d8fbd; font-size: 1.8rem; }
.calendar-term-settings-grid[b-749oinjd7o] { display: grid; grid-template-columns: 1.3fr 1fr 1fr; gap: 10px; }
.calendar-term-settings-grid .app-floating-field[b-749oinjd7o] { margin: 0; }
.calendar-term-settings-actions[b-749oinjd7o] { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-start; }
.calendar-button.danger[b-749oinjd7o] { border-color: #e7b9b9; background: #fff7f7; color: #a33a3a; }
.calendar-term-message[b-749oinjd7o] { padding: 9px 12px; border-radius: 5px; font-size: .82rem; font-weight: 700; }
.calendar-term-message.success[b-749oinjd7o] { background: #eaf8f0; color: #187848; }
.calendar-term-message.error[b-749oinjd7o] { background: #fff0f0; color: #a52828; }

.calendar-loading[b-749oinjd7o],
.calendar-alert[b-749oinjd7o],
.calendar-empty[b-749oinjd7o] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 120px;
    padding: 22px;
    border: 1px dashed #c9dce6;
    border-radius: 8px;
    background: #f8fbfd;
    color: #587083;
    font-size: 0.88rem;
    font-weight: 700;
    text-align: center;
}

.calendar-alert[b-749oinjd7o] {
    border-style: solid;
    background: #fff8ee;
    color: #8a4f00;
}

.calendar-spinner[b-749oinjd7o] {
    width: 20px;
    height: 20px;
    border: 3px solid #cfe1eb;
    border-top-color: #0d8fbd;
    border-radius: 999px;
    animation: calendar-spin-b-749oinjd7o 0.75s linear infinite;
}

.calendar-events[b-749oinjd7o] {
    display: grid;
    gap: 10px;
}

.calendar-event[b-749oinjd7o] {
    display: grid;
    grid-template-columns: 118px minmax(0, 1fr);
    gap: 14px;
    align-items: stretch;
    padding: 12px;
    border: 1px solid #dce8ef;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 8px 18px rgba(15, 47, 61, 0.045);
}

.event-date[b-749oinjd7o] {
    display: grid;
    place-content: center;
    min-height: 68px;
    padding: 8px;
    border-radius: 6px;
    background: #e9f3f4;
    color: #0d5f78;
    text-align: center;
}

.event-date strong[b-749oinjd7o] {
    font-size: 0.9rem;
    line-height: 1.45;
}

.event-date span[b-749oinjd7o] {
    color: #527484;
    font-size: 0.72rem;
    font-weight: 800;
}

.event-body[b-749oinjd7o] {
    align-self: center;
    min-width: 0;
}

.event-body h3[b-749oinjd7o] {
    margin: 0;
    color: #172033;
    font-size: 0.92rem;
    font-weight: 800;
    line-height: 1.8;
}

.event-body p[b-749oinjd7o] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin: 7px 0 0;
    color: #587083;
    font-size: 0.8rem;
}

@keyframes calendar-spin-b-749oinjd7o {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 700px) {
    .calendar-shell[b-749oinjd7o] {
        padding: 14px;
    }

    .calendar-header[b-749oinjd7o],
    .calendar-toolbar[b-749oinjd7o] {
        flex-direction: column;
        align-items: stretch;
    }

    .calendar-actions[b-749oinjd7o] {
        justify-content: stretch;
    }

    .calendar-button[b-749oinjd7o],
    .calendar-year-field[b-749oinjd7o] {
        width: 100%;
    }

    .calendar-event[b-749oinjd7o] {
        grid-template-columns: 1fr;
    }

    .calendar-term-settings-grid[b-749oinjd7o] { grid-template-columns: 1fr; }
    .calendar-term-settings-actions[b-749oinjd7o] { flex-direction: column; }

    .event-date[b-749oinjd7o] {
        min-height: 56px;
    }
}
/* /Pages/Admin/AcademicTermSettings.razor.rz.scp.css */
.platform-calendar-settings[b-kve507fbuc] { max-width: 980px; }
.platform-setting-note[b-kve507fbuc] { margin: 0 0 18px; color: #587083; line-height: 1.8; }
.platform-setting-grid[b-kve507fbuc] { display: grid; grid-template-columns: 1.3fr 1fr 1fr; gap: 14px; }
.platform-setting-year[b-kve507fbuc] { max-width: 260px; margin-bottom: 14px; }
.platform-setting-year .app-floating-field[b-kve507fbuc] { margin: 0; }
.platform-setting-grid .app-floating-field[b-kve507fbuc] { margin: 0; }
.platform-setting-actions[b-kve507fbuc] { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.platform-calendar-link[b-kve507fbuc] { display: inline-flex; align-items: center; gap: 7px; text-decoration: none; }
.platform-setting-message[b-kve507fbuc] { margin-top: 14px; padding: 10px 14px; border-radius: 6px; font-weight: 700; }
.platform-setting-message.success[b-kve507fbuc] { color: #176c43; background: #e9f8ef; }
.platform-setting-message.error[b-kve507fbuc] { color: #9f2c2c; background: #fff0f0; }
@media (max-width: 700px) { .platform-setting-grid[b-kve507fbuc] { grid-template-columns: 1fr; } .platform-setting-actions > button[b-kve507fbuc] { width: 100%; } }
/* /Pages/Admin/AmazonSesAdministration.razor.rz.scp.css */
.ses-page[b-evrxdqn7o8]{max-width:1180px;margin:0 auto;color:#15334a}.ses-hero[b-evrxdqn7o8]{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:30px 34px;margin-bottom:18px;color:#fff;background:linear-gradient(125deg,#123d59,#078f97)}.ses-hero small[b-evrxdqn7o8]{font-weight:700;color:#a9f2e9}.ses-hero h1[b-evrxdqn7o8]{font-size:2rem;margin:5px 0}.ses-hero p[b-evrxdqn7o8]{margin:0;color:#def8f5}.ses-hero>i[b-evrxdqn7o8]{font-size:3rem;opacity:.85}.ses-loading[b-evrxdqn7o8]{min-height:240px;display:flex;align-items:center;justify-content:center;gap:12px}.ses-metrics[b-evrxdqn7o8]{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.ses-metrics article[b-evrxdqn7o8]{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #d9e6ec;padding:16px}.ses-metrics i[b-evrxdqn7o8]{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#e9f8f7;color:#078b91;font-size:1.2rem}.ses-metrics span[b-evrxdqn7o8]{display:block;color:#71879a;font-size:.78rem}.ses-metrics strong[b-evrxdqn7o8]{font-size:1.05rem}.ses-metrics .ok[b-evrxdqn7o8]{color:#16844f}.ses-metrics .off[b-evrxdqn7o8]{color:#bf5a42}.ses-card[b-evrxdqn7o8]{background:#fff;border:1px solid #d6e3e9;padding:22px;margin-bottom:16px}.card-heading[b-evrxdqn7o8]{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.card-heading h2[b-evrxdqn7o8]{font-size:1.22rem;margin:0 0 4px}.card-heading p[b-evrxdqn7o8]{margin:0;color:#71879a}.ses-switch[b-evrxdqn7o8]{display:flex;align-items:center;gap:8px;background:#eef8f7;padding:10px 13px;font-weight:700}.ses-switch input[b-evrxdqn7o8]{width:18px;height:18px}.notice[b-evrxdqn7o8]{display:flex;align-items:flex-start;gap:10px;background:#fff8e8;border:1px solid #efdba9;color:#6c541c;padding:12px;margin-bottom:18px}.ses-grid[b-evrxdqn7o8]{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.ses-grid label>span[b-evrxdqn7o8]{display:block;font-weight:700;font-size:.84rem;margin-bottom:6px}.form-control[b-evrxdqn7o8],.form-select[b-evrxdqn7o8]{min-height:45px;border-color:#cfdee5}.endpoint[b-evrxdqn7o8]{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#f4f8fa;padding:11px 14px;margin-top:16px;color:#63798a}.endpoint code[b-evrxdqn7o8]{color:#0a6f79}.ses-primary[b-evrxdqn7o8],.test-row button[b-evrxdqn7o8]{border:0;background:linear-gradient(90deg,#0a83a6,#12a1a5);color:#fff;font-weight:700;padding:11px 18px;display:inline-flex;align-items:center;gap:8px;margin-top:16px}.ses-primary:disabled[b-evrxdqn7o8],.test-row button:disabled[b-evrxdqn7o8]{opacity:.55}.test-row[b-evrxdqn7o8]{display:flex;gap:10px}.test-row button[b-evrxdqn7o8]{margin:0;white-space:nowrap}.last-test[b-evrxdqn7o8]{padding:7px 11px;font-size:.82rem;font-weight:700}.last-test.success[b-evrxdqn7o8]{background:#e7f7ee;color:#127747}.last-test.failed[b-evrxdqn7o8]{background:#fff0ee;color:#b43d32}.test-message[b-evrxdqn7o8]{background:#f5f8fa;margin:12px 0 0;padding:10px;color:#607688}.refresh[b-evrxdqn7o8]{border:1px solid #d4e1e7;background:#fff;color:#0a8490;width:38px;height:38px}.table-responsive[b-evrxdqn7o8]{overflow:auto}table[b-evrxdqn7o8]{width:100%;border-collapse:collapse;font-size:.84rem}th[b-evrxdqn7o8],td[b-evrxdqn7o8]{text-align:right;padding:11px 9px;border-bottom:1px solid #e4ecef;vertical-align:top}th[b-evrxdqn7o8]{background:#f2f7f9;color:#526b7c}.delivery[b-evrxdqn7o8]{display:inline-block;padding:4px 8px;font-weight:700}.delivery.sent[b-evrxdqn7o8]{background:#e4f6ec;color:#117847}.delivery.failed[b-evrxdqn7o8]{background:#ffefed;color:#b33c31}.error-cell[b-evrxdqn7o8]{max-width:290px;color:#9d4139}.empty[b-evrxdqn7o8]{text-align:center;color:#75899a;padding:28px}@media(max-width:900px){.ses-metrics[b-evrxdqn7o8]{grid-template-columns:repeat(2,1fr)}.ses-grid[b-evrxdqn7o8]{grid-template-columns:1fr}}@media(max-width:560px){.ses-hero[b-evrxdqn7o8]{padding:22px}.ses-hero h1[b-evrxdqn7o8]{font-size:1.55rem}.ses-hero>i[b-evrxdqn7o8]{display:none}.ses-metrics[b-evrxdqn7o8]{grid-template-columns:1fr}.card-heading[b-evrxdqn7o8],.endpoint[b-evrxdqn7o8],.test-row[b-evrxdqn7o8]{flex-direction:column}.test-row button[b-evrxdqn7o8]{width:100%;justify-content:center}.ses-card[b-evrxdqn7o8]{padding:16px}}
/* /Pages/Admin/PlatformAdministrationHome.razor.rz.scp.css */
.platform-home[b-7gc0ft28e8]{max-width:1200px;margin:auto}.admin-hero[b-7gc0ft28e8]{min-height:190px;padding:32px 38px;border-radius:24px;display:flex;align-items:center;justify-content:space-between;color:#fff;background:radial-gradient(circle at 15% 20%,rgba(255,255,255,.15),transparent 30%),linear-gradient(125deg,#102f45,#0a6f82 67%,#0a9b8d);box-shadow:0 18px 45px rgba(14,55,76,.16)}.admin-hero span[b-7gc0ft28e8]{font-size:.75rem;color:#aee6df;font-weight:800}.admin-hero h1[b-7gc0ft28e8]{font-size:2rem;margin:8px 0}.admin-hero p[b-7gc0ft28e8]{margin:0;color:#d9edf1}.admin-hero>i[b-7gc0ft28e8]{font-size:4.5rem;opacity:.18}
.security-strip[b-7gc0ft28e8]{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:17px 0}.security-strip article[b-7gc0ft28e8]{padding:16px 18px;border:1px solid #dce7ec;border-radius:15px;background:#fff}.security-strip span[b-7gc0ft28e8],.security-strip strong[b-7gc0ft28e8]{display:block}.security-strip span[b-7gc0ft28e8]{font-size:.7rem;color:#718595}.security-strip strong[b-7gc0ft28e8]{margin-top:5px;font-size:.95rem;overflow-wrap:anywhere}.security-strip .warning[b-7gc0ft28e8]{border-color:#f0d09c;background:#fffaf0}.security-strip .warning strong[b-7gc0ft28e8]{color:#b56d00}
.admin-section[b-7gc0ft28e8]{margin-top:27px}.section-title span[b-7gc0ft28e8]{font-size:.72rem;color:#0a9b8d;font-weight:800}.section-title h2[b-7gc0ft28e8]{font-size:1.3rem;margin:4px 0 15px}.module-grid[b-7gc0ft28e8]{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.module-card[b-7gc0ft28e8]{position:relative;min-height:150px;padding:22px;border:1px solid #dbe6eb;border-radius:19px;background:#fff;display:flex;align-items:flex-start;gap:14px;color:#19384c;text-decoration:none;box-shadow:0 8px 24px rgba(24,55,75,.05);transition:.18s}.module-card:hover[b-7gc0ft28e8]{transform:translateY(-3px);box-shadow:0 14px 30px rgba(24,55,75,.1)}.module-icon[b-7gc0ft28e8]{width:47px;height:47px;flex:0 0 47px;border-radius:14px;display:grid;place-items:center;background:#eaf4fb;color:#2979aa;font-size:1.2rem}.module-card h3[b-7gc0ft28e8]{font-size:1rem;margin:3px 0 7px}.module-card p[b-7gc0ft28e8]{font-size:.78rem;line-height:1.7;color:#718494;margin:0}.module-card .arrow[b-7gc0ft28e8]{position:absolute;bottom:15px;left:17px;color:#94a7b3;font-size:1.3rem}.module-card.teal .module-icon[b-7gc0ft28e8]{background:#e7f8f5;color:#0b9887}.module-card.green .module-icon[b-7gc0ft28e8]{background:#ecf8ef;color:#26844c}.module-card.purple .module-icon[b-7gc0ft28e8]{background:#f3effb;color:#7550aa}.module-card.orange .module-icon[b-7gc0ft28e8]{background:#fff4e7;color:#bc7523}.module-card.red .module-icon[b-7gc0ft28e8]{background:#fff0f0;color:#b94343}
.protection-note[b-7gc0ft28e8]{display:flex;gap:13px;margin-top:22px;padding:18px 20px;border:1px solid #cae3df;border-radius:16px;background:#f0faf8;color:#285d59}.protection-note>i[b-7gc0ft28e8]{font-size:1.15rem}.protection-note strong[b-7gc0ft28e8],.protection-note p[b-7gc0ft28e8]{display:block}.protection-note p[b-7gc0ft28e8]{margin:4px 0 0;font-size:.78rem;color:#5c7778}
@media(max-width:1000px){.module-grid[b-7gc0ft28e8]{grid-template-columns:repeat(2,1fr)}.security-strip[b-7gc0ft28e8]{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.admin-hero[b-7gc0ft28e8]{padding:25px 22px;min-height:160px}.admin-hero h1[b-7gc0ft28e8]{font-size:1.55rem}.admin-hero>i[b-7gc0ft28e8]{display:none}.module-grid[b-7gc0ft28e8]{grid-template-columns:1fr}.security-strip[b-7gc0ft28e8]{grid-template-columns:1fr 1fr}.module-card[b-7gc0ft28e8]{min-height:135px}}
/* /Pages/Admin/PlatformAdministrators.razor.rz.scp.css */
.administrators-page[b-4lmd4kb3hy]{max-width:1050px;margin:auto}.administrators-page>header[b-4lmd4kb3hy]{padding:25px 28px;border:1px solid #dbe7ec;border-radius:20px;background:#fff}.administrators-page header span[b-4lmd4kb3hy]{color:#0a998d;font-size:.72rem;font-weight:800}.administrators-page h1[b-4lmd4kb3hy]{font-size:1.45rem;margin:5px 0}.administrators-page header p[b-4lmd4kb3hy]{margin:0;color:#718695;font-size:.82rem}.security-rule[b-4lmd4kb3hy]{display:flex;gap:13px;margin:14px 0;padding:16px 18px;border:1px solid #cbe4df;border-radius:15px;background:#f0faf8;color:#285f58}.security-rule p[b-4lmd4kb3hy]{margin:3px 0 0;color:#66807d;font-size:.78rem}.search-bar[b-4lmd4kb3hy]{display:flex;gap:9px;margin-bottom:12px}.search-bar button[b-4lmd4kb3hy]{border:0;border-radius:10px;padding:0 18px;background:#087f91;color:#fff;font-weight:700}.users-panel[b-4lmd4kb3hy]{border:1px solid #dbe7ec;border-radius:18px;background:#fff;overflow:hidden}.user-card[b-4lmd4kb3hy]{display:grid;grid-template-columns:45px minmax(0,1fr) auto;align-items:center;gap:13px;padding:17px 20px;border-bottom:1px solid #e5edf1}.user-card:last-child[b-4lmd4kb3hy]{border-bottom:0}.user-card.administrator[b-4lmd4kb3hy]{background:#f8fcfb}.avatar[b-4lmd4kb3hy]{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#edf4f7;color:#507487}.user-info strong[b-4lmd4kb3hy],.user-info small[b-4lmd4kb3hy]{display:block}.user-info small[b-4lmd4kb3hy]{color:#778c99;font-size:.72rem}.user-info div[b-4lmd4kb3hy]{display:flex;gap:7px;margin-top:7px;flex-wrap:wrap}.user-info div span[b-4lmd4kb3hy]{padding:3px 7px;border-radius:20px;font-size:.63rem}.ok[b-4lmd4kb3hy]{background:#e8f7ef;color:#277b53}.bad[b-4lmd4kb3hy]{background:#fff0f0;color:#ad4141}.permission-state[b-4lmd4kb3hy]{display:flex;align-items:center;gap:8px}.permission-state button[b-4lmd4kb3hy],.granted[b-4lmd4kb3hy]{padding:7px 10px;border-radius:9px;font-size:.72rem;font-weight:700}.granted[b-4lmd4kb3hy]{background:#e6f7f2;color:#147a64}.grant[b-4lmd4kb3hy]{border:0;background:#0a9187;color:#fff}.revoke[b-4lmd4kb3hy]{border:1px solid #efc5c5;background:#fff;color:#af3939}.empty[b-4lmd4kb3hy]{min-height:230px;display:flex;align-items:center;justify-content:center;gap:10px;color:#78909c}@media(max-width:650px){.user-card[b-4lmd4kb3hy]{grid-template-columns:40px 1fr}.permission-state[b-4lmd4kb3hy]{grid-column:1/-1;justify-content:flex-end}.search-bar button[b-4lmd4kb3hy]{padding-inline:12px}}
/* /Pages/Admin/PlatformAdminLayout.razor.rz.scp.css */
.platform-shell[b-5xkwsynluy]{--pa-navy:#0d2b3d;--pa-navy-2:#123f55;--pa-teal:#0b9c92;--pa-bg:#f3f7f9;min-height:100vh;display:grid;grid-template-columns:292px minmax(0,1fr);background:var(--pa-bg);color:#183348}
.platform-sidebar[b-5xkwsynluy]{position:sticky;top:0;height:100vh;padding:20px 16px 16px;display:flex;flex-direction:column;color:#fff;background:radial-gradient(circle at 10% 0,rgba(24,190,174,.24),transparent 31%),linear-gradient(180deg,var(--pa-navy-2),#0a2232 72%);border-left:1px solid rgba(255,255,255,.08);box-shadow:-10px 0 30px rgba(14,42,58,.08)}
.platform-brand[b-5xkwsynluy]{display:flex;align-items:center;gap:13px;padding:4px 7px 21px;margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.12);color:#fff!important;text-decoration:none!important}.brand-mark[b-5xkwsynluy]{width:48px;height:48px;flex:0 0 48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#16b9aa,#0785a3);box-shadow:0 9px 22px rgba(0,0,0,.24);font-size:1.3rem}.platform-brand strong[b-5xkwsynluy],.platform-brand small[b-5xkwsynluy]{display:block}.platform-brand strong[b-5xkwsynluy]{font-size:1.05rem;font-weight:850;line-height:1.5}.platform-brand small[b-5xkwsynluy]{margin-top:1px;color:#bbd8e1;font-size:.76rem;font-weight:600}
.platform-sidebar nav[b-5xkwsynluy]{display:flex;flex-direction:column;gap:6px;overflow:auto;padding:0 1px 14px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.22) transparent}.platform-sidebar nav[b-5xkwsynluy]  .platform-nav-item,.sidebar-footer a[b-5xkwsynluy]{min-height:49px;display:flex;align-items:center;gap:12px;padding:7px 9px;border:1px solid transparent;border-radius:12px;color:#d9e9ef!important;text-decoration:none!important;font-size:.91rem;font-weight:750;line-height:1.35;transition:background .16s,color .16s,transform .16s,border-color .16s}.platform-sidebar nav[b-5xkwsynluy]  .platform-nav-item:hover{color:#fff!important;background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.1);transform:translateX(-2px)}.platform-sidebar nav[b-5xkwsynluy]  .platform-nav-item.active{color:#0b4053!important;background:#fff;box-shadow:0 8px 20px rgba(0,0,0,.2);border-color:#fff;transform:none}.platform-sidebar nav[b-5xkwsynluy]  .platform-nav-item i,.sidebar-footer i[b-5xkwsynluy]{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:9px;background:rgba(255,255,255,.1);color:#5de1d4;font-size:1rem}.platform-sidebar nav[b-5xkwsynluy]  .platform-nav-item.active i{color:#fff;background:linear-gradient(135deg,#12aa9d,#087d9a);box-shadow:0 4px 10px rgba(8,125,154,.24)}.platform-sidebar nav[b-5xkwsynluy]  .platform-nav-item span{display:block;color:inherit;text-decoration:none}.nav-label[b-5xkwsynluy]{margin-top:8px;padding:9px 12px 7px;border-top:1px solid rgba(255,255,255,.1);color:#8fb8c7;font-size:.71rem;font-weight:850;letter-spacing:.01em}.nav-label[b-5xkwsynluy]::after{content:"";display:inline-block;width:24px;height:1px;margin-right:8px;vertical-align:middle;background:rgba(143,184,199,.35)}.sidebar-footer[b-5xkwsynluy]{margin-top:auto;padding-top:13px;border-top:1px solid rgba(255,255,255,.12)}.sidebar-footer a[b-5xkwsynluy]{color:#fff!important}.sidebar-footer a:hover[b-5xkwsynluy]{background:rgba(255,255,255,.1)}
.platform-workspace[b-5xkwsynluy]{min-width:0}.platform-topbar[b-5xkwsynluy]{height:67px;padding:0 28px;border-bottom:1px solid #dce7ec;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);position:sticky;top:0;z-index:20}.platform-topbar>div[b-5xkwsynluy],.admin-identity[b-5xkwsynluy]{display:flex;align-items:center;gap:9px;font-size:.78rem}.secure-dot[b-5xkwsynluy]{width:9px;height:9px;border-radius:50%;background:#11aa7b;box-shadow:0 0 0 5px rgba(17,170,123,.11)}.admin-identity[b-5xkwsynluy]{padding:8px 12px;border:1px solid #d9e5ea;border-radius:10px;color:#466173}.platform-content[b-5xkwsynluy]{padding:25px}
@media(max-width:900px){.platform-shell[b-5xkwsynluy]{grid-template-columns:76px minmax(0,1fr)}.platform-sidebar[b-5xkwsynluy]{padding-inline:10px}.platform-brand[b-5xkwsynluy]{justify-content:center}.platform-brand>span:last-child[b-5xkwsynluy],.platform-sidebar nav[b-5xkwsynluy]  span,.nav-label[b-5xkwsynluy],.sidebar-footer span[b-5xkwsynluy]{display:none}.platform-sidebar nav[b-5xkwsynluy]  .platform-nav-item,.sidebar-footer a[b-5xkwsynluy]{justify-content:center;font-size:1rem}.platform-sidebar nav[b-5xkwsynluy]  .platform-nav-item i{width:34px}.platform-topbar[b-5xkwsynluy]{padding-inline:17px}}
@media(max-width:600px){.platform-shell[b-5xkwsynluy]{display:block}.platform-sidebar[b-5xkwsynluy]{position:relative;width:100%;height:auto;padding:10px}.platform-brand[b-5xkwsynluy]{padding:4px 5px 10px;justify-content:flex-start}.platform-brand>span:last-child[b-5xkwsynluy]{display:block}.platform-sidebar nav[b-5xkwsynluy]{flex-direction:row;overflow:auto;padding-bottom:3px}.platform-sidebar nav[b-5xkwsynluy]  .platform-nav-item{min-width:50px}.sidebar-footer[b-5xkwsynluy],.nav-label[b-5xkwsynluy]{display:none}.platform-workspace[b-5xkwsynluy]{min-height:calc(100vh - 118px)}.platform-topbar[b-5xkwsynluy]{top:0;height:56px}.platform-topbar strong[b-5xkwsynluy]{display:none}.platform-content[b-5xkwsynluy]{padding:12px}}
/* /Pages/Admin/PlatformAuditLog.razor.rz.scp.css */
.audit-page[b-p5fid0lsb5]{max-width:1250px;margin:auto}.audit-page>header[b-p5fid0lsb5]{padding:25px 28px;border:1px solid #dbe7ec;border-radius:20px;background:#fff;display:flex;align-items:center;justify-content:space-between}.audit-page header span[b-p5fid0lsb5]{color:#0b998d;font-size:.72rem;font-weight:800}.audit-page h1[b-p5fid0lsb5]{font-size:1.45rem;margin:5px 0}.audit-page header p[b-p5fid0lsb5]{margin:0;color:#718695;font-size:.82rem}.audit-page header button[b-p5fid0lsb5]{padding:9px 14px;border:1px solid #cadbe3;border-radius:10px;background:#fff;color:#315c72;font-weight:700}.audit-toolbar[b-p5fid0lsb5]{display:grid;grid-template-columns:1fr 230px;gap:11px;margin:14px 0}.audit-panel[b-p5fid0lsb5]{border:1px solid #dbe7ec;border-radius:18px;background:#fff;overflow:hidden}.audit-panel table[b-p5fid0lsb5]{width:100%;border-collapse:collapse;font-size:.76rem}.audit-panel th[b-p5fid0lsb5]{padding:12px;background:#f1f6f8;color:#567080;text-align:right;white-space:nowrap}.audit-panel td[b-p5fid0lsb5]{padding:12px;border-top:1px solid #e5edf1;vertical-align:top}.audit-panel tr.denied[b-p5fid0lsb5]{background:#fffafa}.audit-panel code[b-p5fid0lsb5]{font-size:.68rem;color:#415c6d;white-space:normal}.event-badge[b-p5fid0lsb5]{padding:5px 8px;border-radius:20px;background:#eaf6f4;color:#147968;white-space:nowrap}.event-badge.access_denied[b-p5fid0lsb5]{background:#fff0f0;color:#b33a3a}.audit-empty[b-p5fid0lsb5]{min-height:250px;display:flex;align-items:center;justify-content:center;gap:10px;color:#78909e}.audit-empty>i[b-p5fid0lsb5]{font-size:1.5rem}@media(max-width:700px){.audit-toolbar[b-p5fid0lsb5]{grid-template-columns:1fr}.audit-page>header[b-p5fid0lsb5]{align-items:flex-start;gap:12px}.audit-page h1[b-p5fid0lsb5]{font-size:1.2rem}}
/* /Pages/Admin/PlatformDataIntegrity.razor.rz.scp.css */
.integrity-page[b-sufqpfhqom]{max-width:1400px;margin:0 auto;color:#183348}.integrity-hero[b-sufqpfhqom]{min-height:190px;padding:30px 34px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-radius:25px;background:radial-gradient(circle at 10% 20%,rgba(63,214,198,.2),transparent 30%),linear-gradient(135deg,#123f55,#087e83);color:#fff;box-shadow:0 18px 45px rgba(14,61,75,.14)}.eyebrow[b-sufqpfhqom]{display:inline-flex;align-items:center;gap:7px;color:#8ff1e4;font-size:.78rem;font-weight:850}.integrity-hero h1[b-sufqpfhqom]{margin:10px 0 8px;font-size:2rem;font-weight:950}.integrity-hero p[b-sufqpfhqom]{margin:0;max-width:700px;color:#d2e8ed;line-height:1.8}.hero-actions[b-sufqpfhqom]{display:flex;gap:9px;flex-wrap:wrap}.hero-actions button[b-sufqpfhqom]{height:45px;padding:0 16px;display:flex;align-items:center;gap:7px;border-radius:11px;font-weight:800}.hero-actions .secondary[b-sufqpfhqom]{border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.1);color:#fff}.hero-actions .primary[b-sufqpfhqom]{border:0;background:#fff;color:#08756f;box-shadow:0 8px 20px rgba(0,0,0,.15)}button:disabled[b-sufqpfhqom]{opacity:.55;cursor:not-allowed}.health-summary[b-sufqpfhqom]{margin-top:18px;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.health-summary article[b-sufqpfhqom]{min-height:91px;padding:16px;display:flex;align-items:center;gap:12px;border:1px solid #dae6eb;border-radius:16px;background:#fff;box-shadow:0 7px 20px rgba(18,56,72,.04)}.health-summary article.danger-card[b-sufqpfhqom]{border-color:#f4c8c8;background:#fffafa}.metric-icon[b-sufqpfhqom]{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;font-size:1.05rem}.metric-icon.blue[b-sufqpfhqom]{background:#e7f2fc;color:#1976b9}.metric-icon.cyan[b-sufqpfhqom]{background:#e5f7f6;color:#078f87}.metric-icon.green[b-sufqpfhqom]{background:#e9f8ef;color:#16945a}.metric-icon.amber[b-sufqpfhqom]{background:#fff4df;color:#c47b0a}.metric-icon.red[b-sufqpfhqom]{background:#fdeaea;color:#ca3a3a}.health-summary article div[b-sufqpfhqom]{display:grid;gap:3px}.health-summary small[b-sufqpfhqom]{color:#7a909c;font-size:.73rem}.health-summary strong[b-sufqpfhqom]{font-size:1.45rem}.integrity-tabs[b-sufqpfhqom]{margin:22px 0 13px;padding:5px;display:flex;width:max-content;border:1px solid #dbe6eb;border-radius:13px;background:#eaf1f4}.integrity-tabs button[b-sufqpfhqom]{min-width:145px;padding:10px 15px;border:0;border-radius:9px;background:transparent;color:#657d89;font-weight:800}.integrity-tabs button.active[b-sufqpfhqom]{background:#fff;color:#087e83;box-shadow:0 3px 10px rgba(20,64,80,.1)}.integrity-tabs b[b-sufqpfhqom]{margin-right:6px;padding:2px 6px;border-radius:8px;background:#e7f2f4;font-size:.7rem}.issue-toolbar[b-sufqpfhqom]{margin-bottom:12px;display:flex;justify-content:space-between;gap:12px}.search-box[b-sufqpfhqom]{height:44px;min-width:360px;padding:0 13px;display:flex;align-items:center;gap:8px;border:1px solid #d8e5ea;border-radius:11px;background:#fff;color:#89a0aa}.search-box input[b-sufqpfhqom]{width:100%;border:0;outline:0;background:transparent;font-size:.84rem}.severity-filter[b-sufqpfhqom]{padding:4px;display:flex;border:1px solid #dce7eb;border-radius:11px;background:#fff}.severity-filter button[b-sufqpfhqom]{padding:7px 12px;border:0;border-radius:8px;background:transparent;color:#718895;font-size:.78rem;font-weight:750}.severity-filter button.active[b-sufqpfhqom]{background:#e7f4f4;color:#087d7a}.issues-panel[b-sufqpfhqom]{display:grid;gap:9px}.issue-row[b-sufqpfhqom]{padding:15px;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:13px;border:1px solid #dae6eb;border-right:4px solid #7ba8b7;border-radius:14px;background:#fff}.issue-row.severity-critical[b-sufqpfhqom]{border-right-color:#db4e4e}.issue-row.severity-warning[b-sufqpfhqom]{border-right-color:#e5a11b}.issue-row.severity-info[b-sufqpfhqom]{border-right-color:#338fbd}.severity-mark[b-sufqpfhqom]{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#eef5f7;color:#55818f}.severity-critical .severity-mark[b-sufqpfhqom]{background:#fdecec;color:#d13e3e}.severity-warning .severity-mark[b-sufqpfhqom]{background:#fff5df;color:#c98406}.severity-info .severity-mark[b-sufqpfhqom]{background:#eaf5fb;color:#2585b3}.issue-title[b-sufqpfhqom]{display:flex;align-items:center;gap:9px}.issue-title strong[b-sufqpfhqom]{font-size:.92rem}.issue-title span[b-sufqpfhqom]{padding:3px 7px;border-radius:7px;background:#eff4f6;color:#718792;font-size:.65rem;font-weight:800}.issue-main p[b-sufqpfhqom]{margin:5px 0 8px;color:#6d8490;font-size:.79rem}.issue-meta[b-sufqpfhqom]{display:flex;gap:12px;flex-wrap:wrap;color:#8296a0;font-size:.7rem}.issue-meta span[b-sufqpfhqom]{display:flex;align-items:center;gap:4px}.issue-action button[b-sufqpfhqom]{padding:9px 12px;display:flex;align-items:center;gap:6px;border:1px solid #a9d8d5;border-radius:9px;background:#eef9f8;color:#087e78;font-size:.74rem;font-weight:850}.issue-action>span[b-sufqpfhqom]{display:flex;align-items:center;gap:5px;color:#879ba4;font-size:.72rem}.clean-state[b-sufqpfhqom],.loading-state[b-sufqpfhqom],.empty-state[b-sufqpfhqom]{min-height:250px;display:grid;place-items:center;align-content:center;gap:9px;border:1px dashed #cbdce3;border-radius:17px;background:#fff;color:#708894}.clean-state i[b-sufqpfhqom],.empty-state i[b-sufqpfhqom]{font-size:2.4rem;color:#19a270}.loading-state small[b-sufqpfhqom]{color:#95a5ad}.empty-state button[b-sufqpfhqom]{border:0;border-radius:8px;padding:8px 14px;background:#087e83;color:#fff}.tables-panel[b-sufqpfhqom]{border:1px solid #d9e5ea;border-radius:17px;background:#fff;overflow:hidden}.tables-panel>header[b-sufqpfhqom]{padding:18px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e2ebee}.tables-panel header p[b-sufqpfhqom]{margin:3px 0 0;color:#8295a0;font-size:.76rem}.tables-panel time[b-sufqpfhqom]{color:#8196a0;font-size:.72rem}.table-grid[b-sufqpfhqom]{padding:17px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.table-grid article[b-sufqpfhqom]{padding:13px;display:flex;align-items:center;gap:10px;border:1px solid #e0e9ed;border-radius:12px;background:#fafcfd}.table-grid article>span[b-sufqpfhqom]{width:37px;height:37px;display:grid;place-items:center;border-radius:10px;background:#e9f6f4;color:#0a9288}.table-grid article>div[b-sufqpfhqom]{min-width:0;display:grid;flex:1}.table-grid small[b-sufqpfhqom]{color:#8ba0aa;font-size:.65rem}.table-grid strong[b-sufqpfhqom]{font-size:.82rem}.table-grid em[b-sufqpfhqom]{color:#66808c;font-size:.7rem;font-style:normal}.table-grid .state[b-sufqpfhqom]{color:#19a270}.table-grid .table-error[b-sufqpfhqom]{border-color:#efcccc;background:#fffafa}.table-grid .table-error>span[b-sufqpfhqom],.table-grid .table-error .state[b-sufqpfhqom]{background:#fdeaea;color:#d34242}.scan-note[b-sufqpfhqom]{margin-top:14px;padding:12px 15px;display:flex;align-items:center;gap:8px;border-radius:11px;background:#eaf4f7;color:#5b7885;font-size:.76rem}
@media(max-width:1100px){.health-summary[b-sufqpfhqom]{grid-template-columns:repeat(3,1fr)}.table-grid[b-sufqpfhqom]{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.integrity-hero[b-sufqpfhqom]{padding:22px;display:block}.hero-actions[b-sufqpfhqom]{margin-top:18px}.health-summary[b-sufqpfhqom]{grid-template-columns:repeat(2,1fr)}.issue-toolbar[b-sufqpfhqom]{display:block}.search-box[b-sufqpfhqom]{min-width:0;margin-bottom:8px}.severity-filter[b-sufqpfhqom]{overflow:auto}.issue-row[b-sufqpfhqom]{grid-template-columns:40px minmax(0,1fr)}.issue-action[b-sufqpfhqom]{grid-column:2}.table-grid[b-sufqpfhqom]{grid-template-columns:1fr}.tables-panel>header[b-sufqpfhqom]{align-items:flex-start;gap:8px;flex-direction:column}}@media(max-width:450px){.health-summary[b-sufqpfhqom]{grid-template-columns:1fr}.integrity-tabs[b-sufqpfhqom]{width:100%}.integrity-tabs button[b-sufqpfhqom]{min-width:0;flex:1}.hero-actions button[b-sufqpfhqom]{flex:1;justify-content:center}}
/* /Pages/Admin/ReferralAdministration.razor.rz.scp.css */
.admin-ref[b-sct31wyslg]{max-width:1180px;margin:auto;padding:25px;color:#17364b}.admin-ref-hero[b-sct31wyslg]{padding:27px 30px;background:linear-gradient(125deg,#123e59,#0ba59b);color:#fff;display:flex;align-items:center;justify-content:space-between}.admin-ref-hero h1[b-sct31wyslg]{font-size:2rem;margin:4px 0}.admin-ref-hero p[b-sct31wyslg]{margin:0;color:#ddfffb}.admin-ref-hero i[b-sct31wyslg]{font-size:4rem;opacity:.25}.loading[b-sct31wyslg]{height:250px;display:flex;align-items:center;justify-content:center;gap:10px}.metric-grid[b-sct31wyslg]{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:14px 0}.metric-grid article[b-sct31wyslg],.settings-card[b-sct31wyslg],.data-card[b-sct31wyslg]{background:#fff;border:1px solid #d8e5ea;border-radius:13px}.metric-grid article[b-sct31wyslg]{padding:14px}.metric-grid span[b-sct31wyslg]{display:block;color:#768c98;font-size:.8rem}.metric-grid strong[b-sct31wyslg]{font-size:1.45rem}.settings-card[b-sct31wyslg],.data-card[b-sct31wyslg]{padding:20px;margin-top:14px}.section-title[b-sct31wyslg]{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-title h2[b-sct31wyslg]{font-size:1.2rem;margin:0}.section-title p[b-sct31wyslg]{margin:3px 0 0;color:#748b98}.master-switch[b-sct31wyslg]{display:flex;align-items:center;gap:8px;padding:9px 13px;background:#ecf8f7;border-radius:20px;font-weight:800}.master-switch input[b-sct31wyslg]{width:18px;height:18px}.settings-grid[b-sct31wyslg]{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.settings-grid label>span[b-sct31wyslg],.terms>span[b-sct31wyslg]{display:block;font-weight:700;margin-bottom:5px}.settings-grid small[b-sct31wyslg]{color:#7a909c}.guards[b-sct31wyslg]{display:flex;gap:20px;background:#f4f8f9;padding:12px;margin:15px 0}.guards label[b-sct31wyslg]{display:flex;gap:7px;align-items:center}.terms[b-sct31wyslg]{display:block}.btn-save[b-sct31wyslg]{border:0;background:#087f98;color:#fff;border-radius:8px;padding:10px 18px;font-weight:800;margin-top:13px}.refresh[b-sct31wyslg]{border:1px solid #cbdce2;background:#fff;border-radius:8px;padding:8px 12px}table[b-sct31wyslg]{width:100%;border-collapse:collapse}th[b-sct31wyslg],td[b-sct31wyslg]{padding:10px;border-bottom:1px solid #e7eef1;text-align:right;white-space:nowrap}.status[b-sct31wyslg]{padding:4px 8px;background:#edf3f4;border-radius:14px}.s-2[b-sct31wyslg],.s-3[b-sct31wyslg]{color:#087446;background:#dff8eb}.s-4[b-sct31wyslg]{color:#9b2525;background:#ffe4e4}.row-actions[b-sct31wyslg]{display:flex;gap:5px}.row-actions button[b-sct31wyslg]{border:0;border-radius:6px;padding:5px 9px}.approve[b-sct31wyslg]{background:#def6e9;color:#087449}.reject[b-sct31wyslg]{background:#ffe5e5;color:#a22424}@media(max-width:900px){.metric-grid[b-sct31wyslg]{grid-template-columns:repeat(3,1fr)}.settings-grid[b-sct31wyslg]{grid-template-columns:1fr 1fr}}@media(max-width:600px){.admin-ref[b-sct31wyslg]{padding:12px}.metric-grid[b-sct31wyslg]{grid-template-columns:1fr 1fr}.settings-grid[b-sct31wyslg]{grid-template-columns:1fr}.guards[b-sct31wyslg]{flex-direction:column}.admin-ref-hero i[b-sct31wyslg]{display:none}}
/* /Pages/Admin/ScheduledAttendanceAdministration.razor.rz.scp.css */
.attendance-admin[b-lrgnm5u7y4]{--ink:#14314a;--muted:#6b8092;--brand:#0789a9;--brand-dark:#075f7c;--line:#dce7ed;max-width:1180px;margin:0 auto;padding:24px 20px 48px;color:var(--ink)}
.service-hero[b-lrgnm5u7y4]{min-height:210px;padding:34px 38px;border-radius:28px;display:flex;align-items:center;justify-content:space-between;gap:24px;color:#fff;background:radial-gradient(circle at 12% 20%,rgba(255,255,255,.16),transparent 30%),linear-gradient(125deg,#075879,#078ead 62%,#14a68f);box-shadow:0 18px 40px rgba(5,85,115,.18)}
.hero-eyebrow[b-lrgnm5u7y4]{display:inline-flex;gap:8px;align-items:center;padding:7px 12px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:rgba(255,255,255,.1);font-size:.82rem}.service-hero h1[b-lrgnm5u7y4]{margin:16px 0 6px;font-size:2.2rem;font-weight:800}.service-hero p[b-lrgnm5u7y4]{margin:0;color:#e5f8fb}
.live-state[b-lrgnm5u7y4]{min-width:190px;padding:18px 20px;border:1px solid rgba(255,255,255,.25);border-radius:20px;display:flex;align-items:center;gap:13px;background:rgba(0,25,45,.18);backdrop-filter:blur(8px)}.state-dot[b-lrgnm5u7y4]{width:13px;height:13px;border-radius:50%;background:#ffbe55;box-shadow:0 0 0 7px rgba(255,190,85,.14)}.live-state.ready .state-dot[b-lrgnm5u7y4]{background:#7ff4bd;box-shadow:0 0 0 7px rgba(127,244,189,.14)}.live-state.running .state-dot[b-lrgnm5u7y4]{background:#fff;animation:pulse-b-lrgnm5u7y4 1.5s infinite}.live-state small[b-lrgnm5u7y4],.live-state strong[b-lrgnm5u7y4]{display:block}.live-state small[b-lrgnm5u7y4]{opacity:.75;font-size:.75rem}.live-state strong[b-lrgnm5u7y4]{margin-top:3px}
.metrics-grid[b-lrgnm5u7y4]{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.metrics-grid article[b-lrgnm5u7y4]{padding:19px;border:1px solid var(--line);border-radius:18px;background:#fff;display:flex;align-items:center;gap:14px;box-shadow:0 8px 22px rgba(28,64,86,.05)}.metrics-grid i[b-lrgnm5u7y4]{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;background:#eaf8fb;color:var(--brand);font-size:1.25rem}.metrics-grid strong[b-lrgnm5u7y4],.metrics-grid span[b-lrgnm5u7y4]{display:block}.metrics-grid strong[b-lrgnm5u7y4]{font-size:1.5rem}.metrics-grid span[b-lrgnm5u7y4]{color:var(--muted);font-size:.8rem}
.admin-tabs[b-lrgnm5u7y4]{display:flex;gap:8px;padding:7px;margin-bottom:14px;border:1px solid var(--line);border-radius:16px;background:#f7fafb}.admin-tabs button[b-lrgnm5u7y4]{border:0;background:transparent;padding:11px 18px;border-radius:11px;color:#5f7586;font-weight:700}.admin-tabs button.active[b-lrgnm5u7y4]{background:#fff;color:var(--brand-dark);box-shadow:0 5px 14px rgba(32,70,91,.09)}.admin-tabs button span[b-lrgnm5u7y4]{display:inline-grid;place-items:center;min-width:22px;height:22px;margin-inline-start:6px;border-radius:20px;background:#e7f3f6;font-size:.7rem}
.content-grid[b-lrgnm5u7y4]{display:grid;grid-template-columns:1.05fr .95fr;gap:16px}.panel[b-lrgnm5u7y4]{border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 12px 30px rgba(29,64,85,.06)}.panel-heading[b-lrgnm5u7y4]{padding:23px 25px;border-bottom:1px solid #e7eef2;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.panel-heading h2[b-lrgnm5u7y4]{font-size:1.18rem;margin:3px 0 0;font-weight:800}.panel-heading p[b-lrgnm5u7y4]{color:var(--muted);margin:7px 0 0;font-size:.85rem}.section-kicker[b-lrgnm5u7y4]{font-size:.73rem;color:#0a9b8f;font-weight:800}.icon-button[b-lrgnm5u7y4]{width:38px;height:38px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--brand)}
.run-panel[b-lrgnm5u7y4]{text-align:center;padding-bottom:26px}.run-panel .panel-heading[b-lrgnm5u7y4]{text-align:right}.status-orbit[b-lrgnm5u7y4]{width:92px;height:92px;margin:28px auto 15px;border-radius:50%;display:grid;place-items:center;color:#159a8e;background:#e9faf6;border:8px solid #f6fcfb;font-size:2rem;box-shadow:0 0 0 1px #d7efe9}.status-orbit.is-running i[b-lrgnm5u7y4]{animation:spin-b-lrgnm5u7y4 1.3s linear infinite}.run-panel h3[b-lrgnm5u7y4]{font-size:1.25rem;font-weight:800;margin:0 0 7px}.run-panel>p[b-lrgnm5u7y4]{color:var(--muted);margin:0 20px 23px}.run-actions[b-lrgnm5u7y4]{display:flex;justify-content:center;gap:9px;flex-wrap:wrap}
.primary-button[b-lrgnm5u7y4],.secondary-button[b-lrgnm5u7y4],.danger-button[b-lrgnm5u7y4]{border-radius:11px;padding:10px 16px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:7px}.primary-button[b-lrgnm5u7y4]{border:1px solid var(--brand);background:var(--brand);color:#fff}.secondary-button[b-lrgnm5u7y4]{border:1px solid #cbdbe3;background:#fff;color:#416176}.danger-button[b-lrgnm5u7y4]{border:1px solid #f0c9c9;background:#fff7f7;color:#b43d3d}button:disabled[b-lrgnm5u7y4]{opacity:.52;cursor:not-allowed}
.details-panel dl[b-lrgnm5u7y4]{margin:0;padding:12px 24px 20px}.details-panel dl div[b-lrgnm5u7y4]{display:flex;justify-content:space-between;gap:18px;padding:13px 0;border-bottom:1px dashed #e1e9ed}.details-panel dt[b-lrgnm5u7y4]{color:var(--muted);font-weight:500}.details-panel dd[b-lrgnm5u7y4]{margin:0;font-weight:750}.instance[b-lrgnm5u7y4]{direction:ltr;font-family:monospace}.danger-text[b-lrgnm5u7y4]{color:#bd3e3e}.error-note[b-lrgnm5u7y4]{display:flex;gap:9px;margin:0 22px 22px;padding:12px;border-radius:12px;background:#fff3f3;color:#a33434;font-size:.85rem}
.settings-panel[b-lrgnm5u7y4]{overflow:hidden}.switch-row[b-lrgnm5u7y4]{margin:0 25px;padding:19px 0;border-bottom:1px solid #e8eef1;display:flex;align-items:center;justify-content:space-between;gap:20px}.switch-row strong[b-lrgnm5u7y4],.switch-row span[b-lrgnm5u7y4]{display:block}.switch-row span[b-lrgnm5u7y4]{color:var(--muted);font-size:.82rem;margin-top:3px}.main-switch[b-lrgnm5u7y4]{background:#f6fbfc;margin:20px 25px 0;padding:17px;border:1px solid #dbecef;border-radius:15px}.toggle input[b-lrgnm5u7y4]{position:absolute;opacity:0}.toggle span[b-lrgnm5u7y4]{width:48px;height:27px;background:#c4d1d8;border-radius:30px;position:relative;cursor:pointer;transition:.2s}.toggle span[b-lrgnm5u7y4]:after{content:"";position:absolute;width:21px;height:21px;top:3px;right:3px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.18);transition:.2s}.toggle input:checked+span[b-lrgnm5u7y4]{background:#0a9b8f}.toggle input:checked+span[b-lrgnm5u7y4]:after{transform:translateX(-21px)}
.form-grid[b-lrgnm5u7y4]{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;padding:24px 25px}.form-grid label>span[b-lrgnm5u7y4]{display:block;margin-bottom:7px;font-size:.8rem;font-weight:700}.form-control[b-lrgnm5u7y4]{border-color:#cedde5;border-radius:10px;min-height:43px}.legacy-confirm[b-lrgnm5u7y4]{display:flex;gap:12px;margin:0 25px 20px;padding:15px;border-radius:13px;background:#fff8e8;border:1px solid #f2dda8}.legacy-confirm input[b-lrgnm5u7y4]{margin-top:5px}.legacy-confirm strong[b-lrgnm5u7y4],.legacy-confirm small[b-lrgnm5u7y4]{display:block}.legacy-confirm small[b-lrgnm5u7y4]{margin-top:3px;color:#7b6841}.panel-footer[b-lrgnm5u7y4]{padding:17px 25px;border-top:1px solid #e7eef2;display:flex;justify-content:flex-end}
.logs-panel[b-lrgnm5u7y4]{overflow:hidden}.log-actions[b-lrgnm5u7y4]{display:flex;gap:8px}.log-list[b-lrgnm5u7y4]{padding:8px 25px 22px}.log-entry[b-lrgnm5u7y4]{display:flex;gap:13px;padding:15px 0;border-bottom:1px solid #e8eef1}.log-mark[b-lrgnm5u7y4]{width:35px;height:35px;flex:0 0 35px;display:grid;place-items:center;border-radius:11px;background:#edf6fa;color:#2780a0}.log-entry.success .log-mark[b-lrgnm5u7y4]{background:#e9f8f2;color:#11845f}.log-entry.warning .log-mark[b-lrgnm5u7y4]{background:#fff5dd;color:#ad7400}.log-entry.error .log-mark[b-lrgnm5u7y4]{background:#fff0f0;color:#c23a3a}.log-message strong[b-lrgnm5u7y4]{font-size:.88rem}.log-message div[b-lrgnm5u7y4]{display:flex;gap:13px;flex-wrap:wrap;margin-top:5px;color:var(--muted);font-size:.73rem}.no-logs[b-lrgnm5u7y4],.loading-panel[b-lrgnm5u7y4],.empty-panel[b-lrgnm5u7y4]{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;color:var(--muted)}.loading-panel[b-lrgnm5u7y4]{flex-direction:row}.empty-panel i[b-lrgnm5u7y4],.no-logs i[b-lrgnm5u7y4]{font-size:2rem;color:#8fb1c1}
.modal-shade[b-lrgnm5u7y4]{position:fixed;inset:0;z-index:1100;background:rgba(9,31,47,.55);display:grid;place-items:center;padding:18px;backdrop-filter:blur(3px)}.confirm-dialog[b-lrgnm5u7y4]{width:min(440px,100%);padding:28px;border-radius:23px;background:#fff;box-shadow:0 24px 70px rgba(0,0,0,.25);text-align:center;direction:rtl}.dialog-icon[b-lrgnm5u7y4]{width:65px;height:65px;margin:auto;display:grid;place-items:center;border-radius:50%;background:#e8f8f5;color:#0b998b;font-size:1.8rem}.confirm-dialog h2[b-lrgnm5u7y4]{font-size:1.3rem;margin:16px 0 8px}.confirm-dialog p[b-lrgnm5u7y4]{color:var(--muted);font-size:.88rem}.confirm-dialog label[b-lrgnm5u7y4]{display:block;margin:20px 0;padding:12px;border-radius:11px;background:#f5f9fa;text-align:right;font-size:.83rem}.confirm-dialog>div[b-lrgnm5u7y4]{display:flex;justify-content:center;gap:9px}
@keyframes pulse-b-lrgnm5u7y4{50%{box-shadow:0 0 0 11px rgba(255,255,255,.05)}}@keyframes spin-b-lrgnm5u7y4{to{transform:rotate(360deg)}}
@media(max-width:850px){.metrics-grid[b-lrgnm5u7y4]{grid-template-columns:repeat(2,1fr)}.content-grid[b-lrgnm5u7y4]{grid-template-columns:1fr}.form-grid[b-lrgnm5u7y4]{grid-template-columns:repeat(2,1fr)}.service-hero[b-lrgnm5u7y4]{min-height:auto;padding:27px;align-items:flex-start}.live-state[b-lrgnm5u7y4]{min-width:0}.admin-tabs[b-lrgnm5u7y4]{overflow:auto}.admin-tabs button[b-lrgnm5u7y4]{white-space:nowrap}}
@media(max-width:560px){.attendance-admin[b-lrgnm5u7y4]{padding:12px 10px 32px}.service-hero[b-lrgnm5u7y4]{border-radius:20px;display:block}.live-state[b-lrgnm5u7y4]{margin-top:22px}.service-hero h1[b-lrgnm5u7y4]{font-size:1.75rem}.metrics-grid[b-lrgnm5u7y4]{grid-template-columns:1fr 1fr;gap:8px}.metrics-grid article[b-lrgnm5u7y4]{padding:13px;gap:9px}.metrics-grid i[b-lrgnm5u7y4]{width:36px;height:36px}.metrics-grid strong[b-lrgnm5u7y4]{font-size:1.2rem}.form-grid[b-lrgnm5u7y4]{grid-template-columns:1fr}.panel-heading[b-lrgnm5u7y4]{padding:19px}.switch-row[b-lrgnm5u7y4],.main-switch[b-lrgnm5u7y4]{margin-inline:16px}.log-actions[b-lrgnm5u7y4]{flex-direction:column}.log-list[b-lrgnm5u7y4]{padding-inline:17px}}
/* /Pages/Adm/DataExport.razor.rz.scp.css */
.data-export-page[b-h2fdxk9ckz] {
    padding-inline: clamp(14px, 3vw, 34px);
    padding-bottom: 30px;
}

.data-export-intro[b-h2fdxk9ckz] {
    display: flex;
    align-items: center;
    gap: 13px;
    margin: 20px 0;
    padding: 13px 15px;
    color: #245568;
    background: #f3f9fb;
    border-right: 4px solid #1689b4;
}

.data-export-intro > i[b-h2fdxk9ckz] {
    flex: 0 0 auto;
    color: #0a8b61;
    font-size: 28px;
}

.data-export-intro div[b-h2fdxk9ckz] {
    display: grid;
    gap: 4px;
}

.data-export-intro span[b-h2fdxk9ckz] {
    color: #647b85;
    font-size: 13px;
}

.data-export-types[b-h2fdxk9ckz] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.data-export-type[b-h2fdxk9ckz] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 11px;
    min-height: 82px;
    padding: 12px;
    color: #365763;
    background: #fff;
    border: 1px solid #d4e1e6;
    border-radius: 0;
    text-align: right;
    transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease;
}

.data-export-type:hover:not(:disabled)[b-h2fdxk9ckz] {
    border-color: #63abc5;
    background: #f8fcfd;
}

.data-export-type.active[b-h2fdxk9ckz] {
    border-color: #1689b4;
    background: #eef8fb;
    box-shadow: inset -3px 0 #1689b4;
}

.data-export-type-icon[b-h2fdxk9ckz] {
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    width: 39px;
    height: 39px;
    color: #087fa8;
    background: #e2f1f6;
    font-size: 20px;
}

.data-export-type-copy[b-h2fdxk9ckz] {
    display: grid;
    gap: 4px;
}

.data-export-type-copy strong[b-h2fdxk9ckz] {
    color: #173f50;
    font-size: 14px;
}

.data-export-type-copy small[b-h2fdxk9ckz] {
    color: #71858d;
    font-size: 11px;
    line-height: 1.55;
}

.data-export-check[b-h2fdxk9ckz] {
    position: absolute;
    top: 7px;
    left: 7px;
    color: #1689b4;
    opacity: 0;
}

.data-export-type.active .data-export-check[b-h2fdxk9ckz] {
    opacity: 1;
}

.data-export-filter[b-h2fdxk9ckz] {
    margin-top: 22px;
}

.data-export-scope[b-h2fdxk9ckz] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 42px;
    margin-top: 10px;
    padding: 8px 11px;
    color: #526b75;
    background: #f6f9fa;
    font-size: 13px;
}

.data-export-scope i[b-h2fdxk9ckz] {
    color: #1689b4;
}

.data-export-actions[b-h2fdxk9ckz] {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.data-export-actions .app-search-button[b-h2fdxk9ckz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 190px;
}

@media (max-width: 720px) {
    .data-export-page[b-h2fdxk9ckz] {
        padding-inline: 7px;
    }

    .data-export-types[b-h2fdxk9ckz] {
        grid-template-columns: 1fr;
    }

    .data-export-type[b-h2fdxk9ckz] {
        min-height: 70px;
    }

    .data-export-actions .app-search-button[b-h2fdxk9ckz] {
        width: 100%;
    }
}
/* /Pages/Adm/WhatsApp/BotChat.razor.rz.scp.css */
.bot-chat-page[b-dtlsy23nyn] { direction: rtl; }
.bot-chat-shell[b-dtlsy23nyn] { display: grid; grid-template-columns: minmax(300px, .42fr) minmax(0, 1fr); min-height: 720px; padding: 0; overflow: hidden; }
.bot-chat-conversations[b-dtlsy23nyn] { border-left: 1px solid #dbe8ed; background: #f8fbfc; display: grid; grid-template-rows: auto 1fr; min-width: 0; }
.bot-chat-toolbar[b-dtlsy23nyn] { display: grid; gap: .6rem; padding: 1rem; border-bottom: 1px solid #dbe8ed; }
.bot-chat-recipient-search[b-dtlsy23nyn] { border-bottom: 1px solid #dbe8ed; display: grid; gap: .55rem; padding: 1rem; }
.recipient-results[b-dtlsy23nyn] { border: 1px solid #dbe8ed; display: grid; max-height: 220px; overflow: auto; }
.recipient-results button[b-dtlsy23nyn] { background: #fff; border: 0; border-bottom: 1px solid #edf3f5; display: grid; gap: .15rem; padding: .55rem .7rem; text-align: right; }
.recipient-results button:hover[b-dtlsy23nyn] { background: #e9f3f4; }
.recipient-results strong[b-dtlsy23nyn] { color: #173744; font-size: .82rem; }
.recipient-results span[b-dtlsy23nyn] { color: #667b89; font-size: .74rem; }
.conversation-list[b-dtlsy23nyn] { overflow: auto; display: grid; align-content: start; }
.conversation-item[b-dtlsy23nyn] { border: 0; border-bottom: 1px solid #e5eef2; background: transparent; color: #173744; cursor: pointer; display: grid; gap: .2rem; padding: .85rem 1rem; position: relative; text-align: right; }
.conversation-item:hover[b-dtlsy23nyn], .conversation-item.active[b-dtlsy23nyn] { background: #e9f3f4; }
.conversation-title[b-dtlsy23nyn] { font-weight: 900; }
.conversation-meta[b-dtlsy23nyn], .conversation-last[b-dtlsy23nyn] { color: #667b89; font-size: .78rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.conversation-badge[b-dtlsy23nyn] { background: #ef4444; border-radius: 999px; color: white; font-size: .7rem; font-weight: 900; min-width: 1.25rem; padding: .1rem .35rem; position: absolute; left: .8rem; top: .8rem; text-align: center; }
.bot-chat-window[b-dtlsy23nyn] { display: grid; grid-template-rows: auto 1fr auto; min-width: 0; }
.bot-chat-empty[b-dtlsy23nyn], .app-panel-message[b-dtlsy23nyn] { align-items: center; color: #607383; display: flex; gap: .5rem; justify-content: center; min-height: 220px; padding: 1rem; text-align: center; }
.bot-chat-header[b-dtlsy23nyn] { align-items: center; background: #fff; border-bottom: 1px solid #dbe8ed; display: flex; justify-content: space-between; gap: 1rem; padding: .9rem 1rem; }
.bot-chat-header strong[b-dtlsy23nyn] { color: #0f2f3b; display: block; font-weight: 900; }
.bot-chat-header span[b-dtlsy23nyn] { color: #607383; font-size: .8rem; }
.bot-chat-messages[b-dtlsy23nyn] { background: linear-gradient(180deg, #f8fbfc, #eef6f8); display: flex; flex-direction: column; gap: .55rem; overflow: auto; padding: 1rem; }
.message-row[b-dtlsy23nyn] { display: flex; }
.message-row.incoming[b-dtlsy23nyn] { justify-content: flex-start; }
.message-row.outgoing[b-dtlsy23nyn] { justify-content: flex-end; }
.message-bubble[b-dtlsy23nyn] { border: 1px solid #dbe8ed; border-radius: 1rem; max-width: min(680px, 80%); padding: .65rem .8rem; }
.incoming .message-bubble[b-dtlsy23nyn] { background: #fff; border-bottom-right-radius: .25rem; }
.outgoing .message-bubble[b-dtlsy23nyn] { background: #dff7ea; border-color: #bdebd0; border-bottom-left-radius: .25rem; }
.message-bubble p[b-dtlsy23nyn] { margin: 0; white-space: pre-wrap; }
.message-bubble a[b-dtlsy23nyn] { display: inline-block; margin-top: .35rem; }
.message-bubble time[b-dtlsy23nyn] { color: #6b7d88; display: block; font-size: .68rem; margin-top: .35rem; text-align: left; }
.bot-chat-compose[b-dtlsy23nyn] { align-items: end; border-top: 1px solid #dbe8ed; display: grid; gap: .7rem; grid-template-columns: minmax(0, 1fr) minmax(180px, auto) auto; padding: .85rem; background: #fff; }
.bot-chat-file[b-dtlsy23nyn] { display: grid; gap: .35rem; color: #607383; font-size: .78rem; }
@media (max-width: 980px) { .bot-chat-shell[b-dtlsy23nyn] { grid-template-columns: 1fr; } .bot-chat-conversations[b-dtlsy23nyn] { border-left: 0; border-bottom: 1px solid #dbe8ed; max-height: 430px; } .message-bubble[b-dtlsy23nyn] { max-width: 92%; } .bot-chat-compose[b-dtlsy23nyn] { grid-template-columns: 1fr; } }
/* /Pages/Adm/WhatsApp/BotRequests.razor.rz.scp.css */
.bot-requests-page[b-jeniznjiuw] { direction: rtl; }
.bot-requests-shell[b-jeniznjiuw] { display: grid; gap: 1rem; }
.bot-requests-head[b-jeniznjiuw] { align-items: flex-start; border-bottom: 1px solid #dbe8ed; display: flex; gap: 1rem; justify-content: space-between; padding-bottom: .85rem; }
.bot-requests-head h2[b-jeniznjiuw] { color: #0f2f3b; font-size: 1.05rem; font-weight: 800; margin: 0 0 .25rem; }
.bot-requests-head span[b-jeniznjiuw] { color: #607383; font-size: .82rem; }
.bot-requests-toolbar[b-jeniznjiuw] { align-items: end; background: #f8fbfc; border: 1px solid #dbe8ed; display: grid; gap: .75rem; grid-template-columns: repeat(3, minmax(160px, 1fr)) auto; padding: 1rem; }
.bot-summary-row[b-jeniznjiuw] { display: grid; gap: .6rem; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.bot-summary-card[b-jeniznjiuw] { background: #fff; border: 1px solid #dbe8ed; display: flex; justify-content: space-between; padding: .75rem .85rem; }
.bot-summary-card strong[b-jeniznjiuw] { color: #0f2f3b; font-size: 1.25rem; font-weight: 900; }
.bot-summary-card small[b-jeniznjiuw] { color: #607383; font-weight: 700; }
.bot-summary-card.pending[b-jeniznjiuw] { background: #fff7ed; border-color: #fed7aa; }
.bot-summary-card.approved[b-jeniznjiuw] { background: #f0fdf4; border-color: #bbf7d0; }
.bot-summary-card.rejected[b-jeniznjiuw] { background: #fef2f2; border-color: #fecaca; }
.bot-requests-list[b-jeniznjiuw] { display: grid; gap: .75rem; }
.bot-request-card[b-jeniznjiuw] { background: #fff; border: 1px solid #dbe8ed; overflow: hidden; }
.bot-request-card header[b-jeniznjiuw] { align-items: flex-start; background: #f8fbfc; border-bottom: 1px solid #e7eef2; display: flex; gap: 1rem; justify-content: space-between; padding: .85rem 1rem; }
.bot-request-card header strong[b-jeniznjiuw] { color: #0f2f3b; display: block; font-size: .95rem; font-weight: 900; }
.bot-request-card header span[b-jeniznjiuw] { color: #607383; font-size: .78rem; }
.status-pill[b-jeniznjiuw] { border-radius: 999px; font-size: .78rem; font-weight: 900; padding: .32rem .7rem; white-space: nowrap; }
.status-pill.pending[b-jeniznjiuw] { background: #ffedd5; color: #9a3412; }
.status-pill.progress[b-jeniznjiuw] { background: #dbeafe; color: #1d4ed8; }
.status-pill.approved[b-jeniznjiuw] { background: #dcfce7; color: #166534; }
.status-pill.rejected[b-jeniznjiuw] { background: #fee2e2; color: #991b1b; }
.bot-request-body[b-jeniznjiuw] { display: grid; gap: 1rem; grid-template-columns: minmax(220px, .75fr) minmax(0, 1.25fr); padding: 1rem; }
.bot-request-body div[b-jeniznjiuw] { display: grid; gap: .25rem; }
.bot-request-body small[b-jeniznjiuw] { color: #71818c; font-size: .76rem; font-weight: 800; }
.bot-request-body strong[b-jeniznjiuw] { color: #172f3a; font-weight: 900; white-space: pre-wrap; }
.bot-request-body span[b-jeniznjiuw] { color: #526875; font-size: .82rem; }
.bot-request-card footer[b-jeniznjiuw] { align-items: center; border-top: 1px solid #e7eef2; display: flex; flex-wrap: wrap; gap: .45rem; padding: .65rem .8rem; }
.app-outline-button.success[b-jeniznjiuw] { border-color: #86efac; color: #166534; }
.app-outline-button.danger[b-jeniznjiuw] { border-color: #fecaca; color: #991b1b; }
.delete-action[b-jeniznjiuw] { margin-right: auto; }
.app-panel-message[b-jeniznjiuw] { align-items: center; color: #607383; display: flex; gap: .5rem; justify-content: center; min-height: 160px; padding: 1rem; text-align: center; }
@media (max-width: 920px) { .bot-requests-head[b-jeniznjiuw], .bot-requests-toolbar[b-jeniznjiuw], .bot-request-body[b-jeniznjiuw] { display: grid; grid-template-columns: 1fr; } .bot-summary-row[b-jeniznjiuw] { grid-template-columns: repeat(2, minmax(0, 1fr)); } .delete-action[b-jeniznjiuw] { margin-right: 0; } }
/* /Pages/Ai/AiChat.razor.rz.scp.css */
.ai-chat-page[b-qjn37uxypa] {
    max-width: 920px;
    margin: 0 auto;
    padding: 1rem 0 2rem;
}

.ai-chat-header h1[b-qjn37uxypa] {
    font-size: 1.6rem;
    margin-bottom: 1rem;
}

.ai-chat-panel[b-qjn37uxypa] {
    border: 1px solid #d8dde6;
    border-radius: 8px;
    padding: 1rem;
    background: #fff;
}

.ai-chat-actions[b-qjn37uxypa] {
    display: flex;
    justify-content: flex-start;
    margin-top: 0.75rem;
}

.ai-chat-answer[b-qjn37uxypa] {
    margin-top: 1rem;
    border: 1px solid #d8dde6;
    border-radius: 8px;
    padding: 1rem;
    background: #f8fafc;
    line-height: 1.8;
}

.ai-chat-answer p:last-child[b-qjn37uxypa] {
    margin-bottom: 0;
}
/* /Pages/AlertsPage.razor.rz.scp.css */
.alerts-page[b-dsj4474k0j] { max-width: 1080px; }
.alerts-summary-grid[b-dsj4474k0j] { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem; margin:1.25rem 0; }
.alerts-summary-grid article[b-dsj4474k0j] { display:flex; flex-direction:column; gap:.35rem; padding:1.1rem; border:1px solid #d8e3e9; border-radius:.75rem; background:#fff; }
.alerts-summary-grid strong[b-dsj4474k0j] { color:#087da5; font-size:1.7rem; }
.alerts-summary-grid span[b-dsj4474k0j] { color:#5d727d; font-weight:700; }
.alerts-empty[b-dsj4474k0j] { display:flex; flex-direction:column; align-items:center; gap:.4rem; padding:3rem 1rem; border:1px dashed #b8cbd4; border-radius:.75rem; color:#58717d; }
.alerts-empty strong[b-dsj4474k0j] { color:#087d62; font-size:1.2rem; }
.alerts-actions[b-dsj4474k0j] { display:flex; flex-wrap:wrap; gap:.65rem; }
.alerts-actions button[b-dsj4474k0j] { border:0; border-radius:.45rem; padding:.65rem 1rem; background:#087da5; color:#fff; font-weight:700; }
@media (max-width:700px) { .alerts-summary-grid[b-dsj4474k0j] { grid-template-columns:repeat(2,minmax(0,1fr)); } }
/* /Pages/Analytics/StudentResultsAnalysis.razor.rz.scp.css */
.results-analysis-content[b-jjh321lwle]{display:grid;gap:1rem;padding:1.15rem 1.35rem 1.5rem}.results-upload-panel[b-jjh321lwle],.results-panel[b-jjh321lwle]{border:1px solid #d4e2ea;background:#fff}.results-section-heading[b-jjh321lwle]{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1rem;border-bottom:1px solid #dce7ee;background:#f8fbfd}.results-section-heading>div[b-jjh321lwle]{display:grid;gap:.15rem}.results-section-heading strong[b-jjh321lwle]{color:#17334a;font-size:.95rem;font-weight:900}.results-section-heading span[b-jjh321lwle]{color:#647d8f;font-size:.74rem;font-weight:700}.results-section-heading.compact[b-jjh321lwle]{padding:.68rem .85rem}.results-format[b-jjh321lwle],.results-count[b-jjh321lwle]{padding:.25rem .55rem;border:1px solid #a9d2e3;background:#eaf7fc;color:#047aa8!important;font-size:.68rem!important;font-weight:900!important}.results-upload-body[b-jjh321lwle]{display:grid;grid-template-columns:minmax(0,1fr) 185px;gap:.7rem;padding:1rem}.results-file-picker[b-jjh321lwle]{min-width:0;display:flex;align-items:center;gap:.75rem;min-height:72px;padding:.65rem .8rem;border:1px dashed #9dbdcd;background:#f9fcfd;cursor:pointer}.results-file-picker:hover[b-jjh321lwle],.results-file-picker.selected[b-jjh321lwle]{border-color:#0985b3;background:#eff9fd}.results-file-picker>i[b-jjh321lwle]{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;background:#e0f2f8;color:#0781ae;font-size:1.35rem}.results-file-picker>span[b-jjh321lwle]{min-width:0;display:grid;gap:.18rem}.results-file-picker strong[b-jjh321lwle]{overflow:hidden;color:#1b3b51;font-size:.82rem;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.results-file-picker small[b-jjh321lwle]{color:#6c8393;font-size:.7rem}.results-file-picker em[b-jjh321lwle]{margin-inline-start:auto;padding:.3rem .65rem;border:1px solid #1688b5;background:#fff;color:#087fae;font-size:.72rem;font-style:normal;font-weight:900;white-space:nowrap}.results-native-file[b-jjh321lwle]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.results-primary-action[b-jjh321lwle],.results-pdf-action[b-jjh321lwle]{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border:1px solid #087fae;background:#087fae;color:#fff;font-size:.78rem;font-weight:900}.results-primary-action:disabled[b-jjh321lwle],.results-pdf-action:disabled[b-jjh321lwle]{opacity:.6;cursor:not-allowed}.results-state[b-jjh321lwle]{min-height:160px;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;border:1px solid #d5e3ea;background:#fafcfd;color:#4f6b7d}.results-state.empty[b-jjh321lwle]{flex-direction:column;text-align:center}.results-state.empty i[b-jjh321lwle]{color:#0a86b3;font-size:2rem}.results-state.empty strong[b-jjh321lwle]{color:#17334a;font-size:.95rem}.results-state.empty span[b-jjh321lwle]{font-size:.76rem}.results-state.error[b-jjh321lwle]{min-height:58px;border-color:#efb8b8;background:#fff4f4;color:#a61b1b;font-weight:800}.results-report-head[b-jjh321lwle]{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1rem;border-right:5px solid #0a87b4;background:#f2f9fc}.results-report-head>div[b-jjh321lwle]{min-width:0}.results-report-head span[b-jjh321lwle]{color:#087eaa;font-size:.68rem;font-weight:900}.results-report-head h1[b-jjh321lwle]{margin:.1rem 0;color:#17334a;font-size:1.15rem;font-weight:900}.results-report-head p[b-jjh321lwle]{margin:0;color:#687f90;font-size:.72rem}.results-pdf-action[b-jjh321lwle]{min-width:150px;min-height:36px;background:#fff;color:#087fae}.results-kpis[b-jjh321lwle]{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.65rem}.results-kpis article[b-jjh321lwle]{min-width:0;display:grid;align-content:center;gap:.12rem;min-height:92px;padding:.7rem .8rem;border:1px solid #d2e1e9;background:#f9fcfd}.results-kpis article.primary[b-jjh321lwle]{border-color:#087fae;background:#087fae}.results-kpis span[b-jjh321lwle],.results-kpis small[b-jjh321lwle]{overflow:hidden;color:#60798a;font-size:.69rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.results-kpis strong[b-jjh321lwle]{color:#0b5275;font-size:1.45rem;font-weight:900}.results-kpis .primary span[b-jjh321lwle],.results-kpis .primary small[b-jjh321lwle],.results-kpis .primary strong[b-jjh321lwle]{color:#fff}.results-dashboard-grid[b-jjh321lwle]{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:1rem}.results-band-list[b-jjh321lwle]{display:grid;gap:.48rem;padding:.85rem}.results-band-row[b-jjh321lwle]{display:grid;grid-template-columns:105px minmax(80px,1fr) 42px 52px;align-items:center;gap:.55rem}.results-band-row>span[b-jjh321lwle]{color:#29485d;font-size:.72rem;font-weight:800}.results-band-row>strong[b-jjh321lwle]{color:#075b82;font-size:.78rem;text-align:center}.results-band-row>em[b-jjh321lwle]{color:#60798b;font-size:.69rem;font-style:normal;text-align:left}.results-meter[b-jjh321lwle]{height:8px;overflow:hidden;background:#e4eef3}.results-meter i[b-jjh321lwle]{display:block;height:100%;background:linear-gradient(90deg,#45b6cf,#087fae)}.results-insights[b-jjh321lwle]{display:grid;gap:.55rem;padding:.85rem}.results-insights article[b-jjh321lwle]{display:flex;gap:.65rem;padding:.68rem;border:1px solid #d5e3ea;background:#f8fbfd}.results-insights article.positive[b-jjh321lwle]{border-color:#a9d8c5;background:#f3fbf8}.results-insights article.warning[b-jjh321lwle]{border-color:#ecd28d;background:#fffaf0}.results-insights i[b-jjh321lwle]{margin-top:.1rem;color:#087fae}.results-insights article.warning i[b-jjh321lwle]{color:#b17800}.results-insights article.positive i[b-jjh321lwle]{color:#14845b}.results-insights article>div[b-jjh321lwle]{display:grid;gap:.12rem}.results-insights strong[b-jjh321lwle]{color:#213f54;font-size:.76rem;font-weight:900}.results-insights span[b-jjh321lwle]{color:#60788a;font-size:.69rem;line-height:1.65}.results-table-scroll[b-jjh321lwle]{padding:.75rem}.results-table[b-jjh321lwle]{width:100%;border-collapse:collapse;table-layout:auto}.results-table th[b-jjh321lwle],.results-table td[b-jjh321lwle]{padding:.55rem .65rem;border:1px solid #c9dbe5;text-align:center;white-space:nowrap}.results-table th[b-jjh321lwle]{background:#e6f3f8;color:#22475e;font-size:.72rem;font-weight:900}.results-table td[b-jjh321lwle]{color:#314f62;font-size:.72rem}.results-table tbody tr:nth-child(even)[b-jjh321lwle]{background:#f8fbfd}.results-table .subject-name[b-jjh321lwle]{min-width:170px;text-align:right;font-weight:900}.rate-pill[b-jjh321lwle]{display:inline-block;min-width:55px;padding:.18rem .3rem;background:#eff5f7;color:#385667;font-weight:900}.rate-pill.good[b-jjh321lwle]{background:#e9f8f2;color:#08724e}.rate-pill.warning[b-jjh321lwle]{background:#fff0ee;color:#b02b23}.results-group-grid[b-jjh321lwle]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;padding:.85rem}.results-group-grid>article[b-jjh321lwle]{padding:.7rem;border:1px solid #d4e2ea;background:#fafcfd}.results-group-grid>article>div[b-jjh321lwle]{display:flex;justify-content:space-between;gap:.5rem}.results-group-grid strong[b-jjh321lwle]{color:#17334a;font-size:.8rem}.results-group-grid span[b-jjh321lwle]{color:#657d8f;font-size:.7rem}.results-group-grid dl[b-jjh321lwle]{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;margin:.6rem 0 0}.results-group-grid dl div[b-jjh321lwle]{padding:.4rem;background:#edf6f9;text-align:center}.results-group-grid dt[b-jjh321lwle]{color:#6b8190;font-size:.62rem}.results-group-grid dd[b-jjh321lwle]{margin:.1rem 0 0;color:#087aa7;font-size:.9rem;font-weight:900}
@media(max-width:900px){.results-kpis[b-jjh321lwle]{grid-template-columns:repeat(3,minmax(0,1fr))}.results-dashboard-grid[b-jjh321lwle]{grid-template-columns:1fr}.results-upload-body[b-jjh321lwle]{grid-template-columns:minmax(0,1fr) 150px}}
@media(max-width:760px){.results-analysis-content[b-jjh321lwle]{gap:.65rem;padding:.65rem}.results-upload-body[b-jjh321lwle]{padding:.65rem}.results-kpis[b-jjh321lwle]{gap:.45rem}.results-kpis article[b-jjh321lwle]{min-height:78px;padding:.55rem}.results-kpis strong[b-jjh321lwle]{font-size:1.2rem}.results-table-scroll[b-jjh321lwle]{padding:3px}.results-section-heading[b-jjh321lwle]{padding:.62rem .68rem}}
@media(max-width:560px){.results-upload-body[b-jjh321lwle]{grid-template-columns:1fr}.results-primary-action[b-jjh321lwle]{min-height:38px}.results-file-picker[b-jjh321lwle]{min-height:64px}.results-report-head[b-jjh321lwle]{align-items:stretch;flex-direction:column}.results-pdf-action[b-jjh321lwle]{width:100%;min-height:36px}.results-kpis[b-jjh321lwle]{grid-template-columns:repeat(2,minmax(0,1fr))}.results-kpis article.primary[b-jjh321lwle]{grid-column:span 2}.results-band-row[b-jjh321lwle]{grid-template-columns:85px minmax(55px,1fr) 34px 45px;gap:.35rem}.results-group-grid[b-jjh321lwle]{grid-template-columns:1fr}.results-file-picker em[b-jjh321lwle]{display:none}.results-table th[b-jjh321lwle],.results-table td[b-jjh321lwle]{padding:.42rem .45rem}}
@media(max-width:390px){.results-analysis-content[b-jjh321lwle]{padding:.45rem}.results-file-picker[b-jjh321lwle]{padding:.5rem}.results-kpis article[b-jjh321lwle]{min-height:72px}.results-band-row[b-jjh321lwle]{grid-template-columns:78px minmax(45px,1fr) 30px 42px}.results-band-row>span[b-jjh321lwle],.results-band-row>em[b-jjh321lwle]{font-size:.63rem}}
.results-export-box[b-jjh321lwle]{display:grid;grid-template-columns:minmax(135px,1fr) minmax(110px,.75fr) auto;align-items:end;gap:.45rem;min-width:min(100%,470px)}.results-export-box label[b-jjh321lwle]{min-width:0;display:grid;gap:.2rem}.results-export-box label>span[b-jjh321lwle]{color:#49697c;font-size:.64rem;font-weight:900}.results-export-box select[b-jjh321lwle]{width:100%;min-width:0;min-height:36px;padding:.35rem .45rem;border:1px solid #b8ced9;background:#fff;color:#24475d;font-size:.7rem;font-weight:800}.results-export-box .results-pdf-action[b-jjh321lwle]{height:36px;white-space:nowrap}
@media(max-width:850px){.results-report-head[b-jjh321lwle]{align-items:stretch;flex-direction:column}.results-export-box[b-jjh321lwle]{width:100%;min-width:0}}
@media(max-width:560px){.results-export-box[b-jjh321lwle]{grid-template-columns:1fr 1fr}.results-export-box .results-pdf-action[b-jjh321lwle]{grid-column:1/-1;width:100%}}
@media(max-width:360px){.results-export-box[b-jjh321lwle]{grid-template-columns:1fr}.results-export-box .results-pdf-action[b-jjh321lwle]{grid-column:1}}
.results-export-box[b-jjh321lwle]{display:flex;min-width:0}.results-export-box .results-pdf-action.configure[b-jjh321lwle]{min-width:210px;background:#087fae;color:#fff}
.report-designer-backdrop[b-jjh321lwle]{position:fixed;inset:0;z-index:1080;display:grid;place-items:center;padding:18px;background:rgba(7,32,47,.64);backdrop-filter:blur(2px)}
.report-designer-dialog[b-jjh321lwle]{width:min(1180px,100%);max-height:calc(100dvh - 36px);overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr) auto;border:1px solid #b8d0db;background:#fff;box-shadow:0 22px 70px rgba(2,24,36,.34)}
.report-designer-head[b-jjh321lwle]{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1rem;border-bottom:1px solid #d4e3ea;background:#f6fafc}.report-designer-head>div[b-jjh321lwle]{display:grid;gap:.16rem}.report-designer-head strong[b-jjh321lwle]{color:#17384d;font-size:.96rem;font-weight:900}.report-designer-head span[b-jjh321lwle]{color:#657f90;font-size:.7rem}.report-designer-head>button[b-jjh321lwle]{width:34px;height:34px;border:1px solid #c6d9e2;background:#fff;color:#31566c}
.report-designer-body[b-jjh321lwle]{min-height:0;display:grid;grid-template-columns:350px minmax(0,1fr);direction:rtl}.report-designer-controls[b-jjh321lwle]{min-height:0;overflow:auto;padding:.8rem;border-left:1px solid #d7e4ea;background:#fbfdfe}.report-output-settings[b-jjh321lwle]{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.report-output-settings label[b-jjh321lwle]{display:grid;gap:.22rem}.report-output-settings span[b-jjh321lwle]{color:#49687b;font-size:.66rem;font-weight:900}.report-output-settings select[b-jjh321lwle]{width:100%;min-height:37px;padding:.35rem .45rem;border:1px solid #b9cfd9;background:#fff;color:#24475c;font-size:.72rem;font-weight:800}
.report-components-head[b-jjh321lwle]{display:grid;gap:.12rem;margin:.8rem 0 .45rem;padding-top:.7rem;border-top:1px solid #dce8ed}.report-components-head strong[b-jjh321lwle]{color:#17384d;font-size:.82rem;font-weight:900}.report-components-head span[b-jjh321lwle]{color:#708797;font-size:.66rem;line-height:1.55}.report-component-list[b-jjh321lwle]{display:grid;gap:.4rem}.report-component-list article[b-jjh321lwle]{display:flex;align-items:center;justify-content:space-between;gap:.45rem;padding:.5rem;border:1px solid #d1e0e7;background:#fff}.report-component-list article.selected[b-jjh321lwle]{border-color:#69b7d2;background:#f0f9fc}.report-component-list article.unavailable[b-jjh321lwle]{opacity:.48;background:#f3f5f6}.report-component-list label[b-jjh321lwle]{min-width:0;display:flex;align-items:center;gap:.48rem;cursor:pointer}.report-component-list label>i[b-jjh321lwle]{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;background:#e7f4f8;color:#087fae}.report-component-list label>span[b-jjh321lwle]{min-width:0;display:grid;gap:.06rem}.report-component-list label strong[b-jjh321lwle]{color:#27485c;font-size:.72rem;font-weight:900}.report-component-list label small[b-jjh321lwle]{overflow:hidden;color:#718695;font-size:.61rem;text-overflow:ellipsis;white-space:nowrap}.component-order-actions[b-jjh321lwle]{display:flex;gap:.2rem}.component-order-actions button[b-jjh321lwle]{width:27px;height:27px;border:1px solid #c5d8e1;background:#fff;color:#35647a}.component-order-actions button:disabled[b-jjh321lwle]{opacity:.3}
.report-preview-area[b-jjh321lwle]{min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);background:#e9f0f4}.report-preview-heading[b-jjh321lwle]{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.58rem .8rem;border-bottom:1px solid #cbdce4;background:#f9fcfd}.report-preview-heading>div[b-jjh321lwle]{display:grid;gap:.08rem}.report-preview-heading strong[b-jjh321lwle]{color:#1b3a4e;font-size:.78rem;font-weight:900}.report-preview-heading span[b-jjh321lwle]{color:#6e8493;font-size:.63rem}.report-preview-heading em[b-jjh321lwle]{padding:.2rem .5rem;background:#e4f3f8;color:#087da9;font-size:.64rem;font-style:normal;font-weight:900}.report-preview-stage[b-jjh321lwle]{min-height:0;overflow:auto;display:grid;place-items:start center;padding:1rem}.report-preview-sheet[b-jjh321lwle]{width:min(760px,100%);min-height:470px;display:flex;flex-direction:column;padding:1rem;background:#fff;box-shadow:0 5px 20px rgba(31,65,82,.18);direction:rtl}.report-preview-sheet.landscape[b-jjh321lwle]{aspect-ratio:1.414/1}.report-preview-sheet.portrait[b-jjh321lwle]{width:min(520px,100%);aspect-ratio:1/1.414}.report-preview-empty[b-jjh321lwle]{flex:1;display:grid;place-items:center;align-content:center;gap:.5rem;color:#6d8492;font-size:.75rem}.report-preview-empty i[b-jjh321lwle]{font-size:1.5rem}
.report-designer-footer[b-jjh321lwle]{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.65rem .9rem;border-top:1px solid #d2e1e8;background:#fafcfd}.report-designer-footer>span[b-jjh321lwle]{color:#526f80;font-size:.7rem;font-weight:800}.report-designer-footer>div[b-jjh321lwle]{display:flex;gap:.45rem}.report-designer-footer button[b-jjh321lwle]{min-height:36px;padding:.35rem .9rem;border:1px solid #b9ced8;background:#fff;color:#31566a;font-size:.72rem;font-weight:900}.report-designer-footer button.primary[b-jjh321lwle]{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-width:170px;border-color:#087fae;background:#087fae;color:#fff}.report-designer-footer button:disabled[b-jjh321lwle]{opacity:.55}
@media(max-width:900px){.report-designer-backdrop[b-jjh321lwle]{padding:8px}.report-designer-dialog[b-jjh321lwle]{max-height:calc(100dvh - 16px)}.report-designer-body[b-jjh321lwle]{grid-template-columns:1fr;overflow:auto}.report-designer-controls[b-jjh321lwle]{overflow:visible;border-left:0;border-bottom:1px solid #d7e4ea}.report-component-list[b-jjh321lwle]{grid-template-columns:repeat(2,minmax(0,1fr))}.report-preview-area[b-jjh321lwle]{min-height:520px}.report-preview-stage[b-jjh321lwle]{overflow:visible}.report-component-list label small[b-jjh321lwle]{white-space:normal}.results-export-box .results-pdf-action.configure[b-jjh321lwle]{width:100%}}
@media(max-width:560px){.report-designer-head[b-jjh321lwle]{padding:.62rem}.report-designer-head span[b-jjh321lwle]{display:none}.report-output-settings[b-jjh321lwle]{grid-template-columns:1fr}.report-component-list[b-jjh321lwle]{grid-template-columns:1fr}.report-preview-area[b-jjh321lwle]{min-height:410px}.report-preview-stage[b-jjh321lwle]{padding:.45rem}.report-preview-sheet[b-jjh321lwle]{min-height:360px;padding:.55rem}.report-designer-footer[b-jjh321lwle]{align-items:stretch;flex-direction:column}.report-designer-footer>div[b-jjh321lwle]{display:grid;grid-template-columns:1fr 2fr}.report-designer-footer button.primary[b-jjh321lwle]{min-width:0}.results-export-box .results-pdf-action.configure[b-jjh321lwle]{min-width:0}}
.pdf-preview-stage[b-jjh321lwle]{display:block;padding:.55rem;overflow:hidden;background:#dfe7eb}.report-pdf-frame[b-jjh321lwle]{display:block;width:100%;height:100%;min-height:650px;border:0;background:#dfe7eb}.report-preview-loading[b-jjh321lwle]{min-height:650px;display:grid;place-items:center;align-content:center;gap:.75rem;color:#31566a;text-align:center}.report-preview-loading .spinner-border[b-jjh321lwle]{color:#0784b0}.report-preview-loading.error[b-jjh321lwle]{color:#a12424}.report-preview-loading button[b-jjh321lwle]{padding:.4rem .8rem;border:1px solid #0784b0;background:#fff;color:#0784b0;font-weight:800}
@media(max-width:900px){.report-pdf-frame[b-jjh321lwle],.report-preview-loading[b-jjh321lwle]{min-height:500px}}
@media(max-width:560px){.report-pdf-frame[b-jjh321lwle],.report-preview-loading[b-jjh321lwle]{min-height:400px}.pdf-preview-stage[b-jjh321lwle]{padding:.2rem}}
.results-native-input[b-jjh321lwle]{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}
.results-selected-files[b-jjh321lwle]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;padding:0 1rem 1rem}.results-selected-files>span[b-jjh321lwle]{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:.42rem;padding:.45rem .55rem;border:1px solid #cee0e8;background:#f8fbfd}.results-selected-files>span>i[b-jjh321lwle]{color:#16815c}.results-selected-files strong[b-jjh321lwle]{overflow:hidden;color:#29495d;font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}.results-selected-files small[b-jjh321lwle]{color:#718695;font-size:.61rem;white-space:nowrap}.results-selected-files button[b-jjh321lwle]{display:grid;place-items:center;width:26px;height:26px;border:1px solid #e0b7b7;background:#fff;color:#b12424}.results-file-status-panel[b-jjh321lwle]{border:1px solid #d4e2ea;background:#fff}.results-file-status-list[b-jjh321lwle]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;padding:.75rem}.results-file-status-list article[b-jjh321lwle]{min-width:0;display:flex;align-items:flex-start;gap:.5rem;padding:.55rem;border:1px solid #d4e2ea;background:#fafcfd}.results-file-status-list article.success[b-jjh321lwle]{border-color:#a9d8c5;background:#f3fbf8}.results-file-status-list article.error[b-jjh321lwle]{border-color:#efb8b8;background:#fff4f4}.results-file-status-list article>i[b-jjh321lwle]{margin-top:.08rem;color:#13825c}.results-file-status-list article.error>i[b-jjh321lwle]{color:#b12424}.results-file-status-list article>span[b-jjh321lwle]{min-width:0;display:grid;gap:.1rem}.results-file-status-list strong[b-jjh321lwle]{overflow:hidden;color:#29495d;font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.results-file-status-list small[b-jjh321lwle]{color:#687f8f;font-size:.64rem;line-height:1.5}.results-combined-badge[b-jjh321lwle]{display:inline-flex!important;align-items:center;gap:.35rem;margin-top:.42rem;padding:.25rem .55rem;border:1px solid #9fcddd;background:#fff;color:#087fae!important}.results-merge-details[b-jjh321lwle]{border:1px solid #d4e2ea;background:#fff}.results-merge-details summary[b-jjh321lwle]{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.72rem .85rem;cursor:pointer;list-style:none}.results-merge-details summary[b-jjh321lwle]::-webkit-details-marker{display:none}.results-merge-details summary>span[b-jjh321lwle]{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:.5rem}.results-merge-details summary>span>i[b-jjh321lwle]{grid-row:1/3;color:#087fae}.results-merge-details summary strong[b-jjh321lwle]{color:#17334a;font-size:.8rem}.results-merge-details summary small[b-jjh321lwle]{color:#6b8291;font-size:.65rem}.results-merge-details[open] summary>i[b-jjh321lwle]{transform:rotate(180deg)}.results-merge-details table[b-jjh321lwle]{width:100%;border-collapse:collapse}.results-merge-details th[b-jjh321lwle],.results-merge-details td[b-jjh321lwle]{padding:.48rem;border:1px solid #cddde5;font-size:.68rem;text-align:center}.results-merge-details th[b-jjh321lwle]{background:#e9f4f8;color:#24485e}.results-merge-details td:nth-child(2)[b-jjh321lwle]{text-align:right}
@media(max-width:700px){.results-selected-files[b-jjh321lwle],.results-file-status-list[b-jjh321lwle]{grid-template-columns:1fr}}
@media(max-width:430px){.results-selected-files[b-jjh321lwle]{padding:0 .65rem .65rem}.results-selected-files>span[b-jjh321lwle]{grid-template-columns:auto minmax(0,1fr) auto}.results-selected-files small[b-jjh321lwle]{display:none}.results-file-status-list[b-jjh321lwle]{padding:.55rem}.results-merge-details summary small[b-jjh321lwle]{display:none}}
.report-output-settings[b-jjh321lwle]{grid-template-columns:1fr}
/* /Pages/Billing/BackupManagement.razor.rz.scp.css */
.advanced-backup-settings[b-w7tzlgddpo] {
    background: linear-gradient(135deg, #f8fbfd, #eef6f8);
}

.advanced-backup-settings summary[b-w7tzlgddpo] {
    cursor: pointer;
    color: #075b73;
    padding: .25rem .15rem;
}

.advanced-backup-settings summary[b-w7tzlgddpo]::marker {
    color: #0c8ba5;
}

.restore-wizard-section[b-w7tzlgddpo] {
    border-color: #d5e3e9 !important;
    box-shadow: 0 8px 22px rgba(21, 77, 96, .07);
}

.restore-warning[b-w7tzlgddpo] {
    border-right: 4px solid #dc3545;
    line-height: 1.8;
}

.restore-choice[b-w7tzlgddpo] {
    display: flex;
    align-items: center;
    gap: .65rem;
    min-height: 44px;
    padding: .65rem .8rem;
    border: 1px solid #dbe7ec;
    border-radius: .65rem;
    background: #fff;
    cursor: pointer;
}

.restore-choice .form-check-input[b-w7tzlgddpo],
.restore-files-option .form-check-input[b-w7tzlgddpo],
.restore-db-option .form-check-input[b-w7tzlgddpo] {
    position: static;
    float: none;
    flex: 0 0 auto;
    margin: 0;
}

.restore-result-panel[b-w7tzlgddpo] {
    background: #f8fbfc !important;
    border-color: #d7e7ec !important;
}

.restore-db-option[b-w7tzlgddpo] {
    display: inline-flex;
    align-items: center;
    gap: .6rem;
    min-width: 170px;
    padding: .65rem .85rem;
    border: 1px solid #cfe0e6;
    border-radius: .65rem;
    background: #fff;
    color: #16495a;
    font-weight: 600;
    cursor: pointer;
    transition: border-color .15s ease, background .15s ease, transform .15s ease;
}

.restore-db-option:hover[b-w7tzlgddpo] {
    border-color: #0b8ca5;
    background: #f0fafc;
    transform: translateY(-1px);
}

.restore-files-option[b-w7tzlgddpo] {
    display: flex;
    align-items: center;
    gap: .6rem;
    width: fit-content;
    padding: .55rem .75rem;
    border: 1px dashed #b9d0d8;
    border-radius: .6rem;
    color: #285665;
    cursor: pointer;
}

.restore-result-panel .form-control[b-w7tzlgddpo] {
    max-width: 360px;
    border-color: #d4b2b7;
}

.backup-operation-progress[b-w7tzlgddpo] {
    padding: .85rem 1rem;
    border: 1px solid #b9dce5;
    border-radius: .75rem;
    background: linear-gradient(135deg, #f1fbfd, #e9f5f7);
    color: #14576b;
}

.backup-spinner[b-w7tzlgddpo] {
    width: 1rem;
    height: 1rem;
    border: 2px solid #b6dce4;
    border-top-color: #0789a5;
    border-radius: 50%;
    animation: backup-spin-b-w7tzlgddpo .8s linear infinite;
}

.backup-progress-track[b-w7tzlgddpo] {
    height: .45rem;
    overflow: hidden;
    border-radius: 999px;
    background: #d7edf1;
}

.backup-progress-bar[b-w7tzlgddpo] {
    width: 38%;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #0789a5, #16a085);
    animation: backup-progress-b-w7tzlgddpo 1.4s ease-in-out infinite;
}

.restore-source-options[b-w7tzlgddpo] { display: flex; flex-wrap: wrap; gap: .75rem; }
.restore-source-option[b-w7tzlgddpo] { display: flex; align-items: flex-start; gap: .65rem; flex: 1 1 260px; padding: .85rem 1rem; border: 1px solid #d8e2eb; border-radius: .7rem; background: #fff; cursor: pointer; }
.restore-source-option.selected[b-w7tzlgddpo] { border-color: #087f8c; box-shadow: 0 0 0 2px rgba(8,127,140,.12); background: #f1fbfc; }
.restore-source-option input[b-w7tzlgddpo] { margin-top: .25rem; accent-color: #087f8c; }
.restore-source-option span[b-w7tzlgddpo] { display: grid; gap: .2rem; }
.restore-source-option small[b-w7tzlgddpo] { color: #6c7a89; }
.backup-operation-steps[b-w7tzlgddpo] { padding-right: 1.2rem; color: #31566b; font-size: .9rem; }
.backup-operation-steps li[b-w7tzlgddpo] { margin-top: .2rem; }

@keyframes backup-spin-b-w7tzlgddpo { to { transform: rotate(360deg); } }
@keyframes backup-progress-b-w7tzlgddpo {
    0% { transform: translateX(270%); }
    100% { transform: translateX(-270%); }
}
/* /Pages/Billing/BillingAdmin.razor.rz.scp.css */
.billing-admin[b-zjfchwypo8]{overflow:hidden}.admin-content[b-zjfchwypo8]{padding:15px;display:grid;gap:14px}.admin-stats[b-zjfchwypo8]{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.admin-stats article[b-zjfchwypo8]{border:1px solid #cfe0e7;background:#f7fbfc;padding:12px;display:grid;gap:5px}.admin-stats span[b-zjfchwypo8]{font-size:11px;color:#627985}.admin-stats strong[b-zjfchwypo8]{font-size:22px;color:#087da8}.admin-toolbar[b-zjfchwypo8]{display:flex;gap:7px;flex-wrap:wrap;justify-content:center}.admin-panel[b-zjfchwypo8]{border:1px solid #d2e2e8;padding:12px}.panel-head[b-zjfchwypo8]{display:grid;gap:3px;margin-bottom:10px}.panel-head strong[b-zjfchwypo8]{color:#073f5b;font-size:17px}.panel-head span[b-zjfchwypo8]{color:#6a818c;font-size:12px}.app-table-scroll[b-zjfchwypo8]{overflow-x:auto;padding:2px}.admin-panel table[b-zjfchwypo8]{width:100%;border-collapse:collapse}.admin-panel th[b-zjfchwypo8],.admin-panel td[b-zjfchwypo8]{border:1px solid #d1e0e7;padding:7px;text-align:center;white-space:nowrap}.admin-panel th[b-zjfchwypo8]{background:#e8f4f8;color:#174b62}.row-actions[b-zjfchwypo8]{display:flex;gap:5px;justify-content:center}.admin-loading[b-zjfchwypo8]{display:flex;justify-content:center;gap:8px;padding:35px}@media(max-width:760px){.admin-content[b-zjfchwypo8]{padding:6px;gap:8px}.admin-stats[b-zjfchwypo8]{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-stats article:last-child[b-zjfchwypo8]{grid-column:1/-1}.admin-panel[b-zjfchwypo8]{padding:5px}.admin-panel th[b-zjfchwypo8],.admin-panel td[b-zjfchwypo8]{padding:5px}.row-actions[b-zjfchwypo8]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:380px){.admin-stats[b-zjfchwypo8]{grid-template-columns:minmax(0,1fr)}.admin-stats article:last-child[b-zjfchwypo8]{grid-column:auto}.admin-toolbar .btn[b-zjfchwypo8]{width:100%}.row-actions[b-zjfchwypo8]{grid-template-columns:minmax(0,1fr)}}
/* /Pages/Billing/BillingSettings.razor.rz.scp.css */
.billing-settings[b-81793evj4i]{overflow:hidden}.settings-content[b-81793evj4i]{padding:15px;display:grid;gap:12px}.settings-nav[b-81793evj4i]{display:flex;gap:7px;justify-content:center;flex-wrap:wrap}.settings-panel[b-81793evj4i]{border:1px solid #d1e1e8;padding:13px}.panel-head[b-81793evj4i]{display:grid;gap:3px;margin-bottom:12px}.panel-head strong[b-81793evj4i]{font-size:17px;color:#073f5b}.panel-head span[b-81793evj4i]{font-size:12px;color:#687f8a}.editor-list[b-81793evj4i]{display:grid;gap:12px}.editor-card[b-81793evj4i]{border:1px solid #cedfe7;padding:12px;background:#fbfdfe}.editor-grid[b-81793evj4i]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.editor-grid label[b-81793evj4i]{display:grid;gap:4px;min-width:0}.editor-grid label>span[b-81793evj4i]{font-size:11px;color:#315b6e;font-weight:700}.editor-grid .wide[b-81793evj4i]{grid-column:span 2}.editor-grid .check[b-81793evj4i]{display:flex;align-items:center;gap:6px}.editor-grid textarea[b-81793evj4i]{min-height:70px}.save[b-81793evj4i]{display:block;min-width:220px;margin:12px auto 0}.ltr[b-81793evj4i]{direction:ltr}.settings-loading[b-81793evj4i]{display:flex;justify-content:center;gap:8px;padding:35px}.service-groups[b-81793evj4i]{display:grid;gap:12px}.service-group[b-81793evj4i]{border:1px solid #cfe0e8;background:#fbfdfe}.service-group h3[b-81793evj4i]{margin:0;padding:9px 12px;background:#edf6f9;color:#064a69;font-size:14px;border-bottom:1px solid #cfe0e8}.service-rule-list[b-81793evj4i]{display:grid}.service-rule[b-81793evj4i]{display:grid;grid-template-columns:minmax(220px,1fr) minmax(180px,240px) 90px;align-items:center;gap:10px;padding:8px 10px;border-bottom:1px solid #e0e9ed}.service-rule:last-child[b-81793evj4i]{border-bottom:0}.service-name[b-81793evj4i]{display:grid;min-width:0}.service-name strong[b-81793evj4i]{font-size:13px;color:#183f51}.service-name small[b-81793evj4i]{font-size:10px;color:#71848d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}.service-active[b-81793evj4i]{display:flex;align-items:center;gap:5px;margin:0;font-size:12px;font-weight:700;color:#315b6e}.service-rule .form-select[b-81793evj4i]{min-width:0}@media(max-width:760px){.settings-content[b-81793evj4i]{padding:6px}.settings-panel[b-81793evj4i],.editor-card[b-81793evj4i]{padding:7px}.editor-grid[b-81793evj4i]{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-grid .wide[b-81793evj4i]{grid-column:1/-1}.service-rule[b-81793evj4i]{grid-template-columns:minmax(0,1fr) minmax(145px,190px)}.service-active[b-81793evj4i]{grid-column:1/-1}}@media(max-width:520px){.service-rule[b-81793evj4i]{grid-template-columns:minmax(0,1fr);gap:6px}.service-active[b-81793evj4i]{grid-column:auto}}@media(max-width:420px){.editor-grid[b-81793evj4i]{grid-template-columns:minmax(0,1fr)}.editor-grid .wide[b-81793evj4i]{grid-column:auto}.settings-nav .btn[b-81793evj4i],.save[b-81793evj4i]{width:100%;min-width:0}}
/* /Pages/Billing/Subscription.razor.rz.scp.css */
.billing-page[b-tlkfq5tz3u]{overflow:hidden}.billing-content[b-tlkfq5tz3u]{padding:16px;display:grid;gap:16px}.billing-current[b-tlkfq5tz3u]{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px;border:1px solid #cfe0e8;background:linear-gradient(135deg,#f4fbfd,#fff)}.billing-current>div:first-child[b-tlkfq5tz3u]{display:grid;gap:4px}.billing-current strong[b-tlkfq5tz3u]{font-size:22px;color:#075578}.billing-current-meta[b-tlkfq5tz3u]{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.status[b-tlkfq5tz3u]{display:inline-flex;padding:4px 9px;border-radius:20px;font-weight:800;font-size:12px;background:#eef3f5;color:#40535c}.s-1[b-tlkfq5tz3u],.i-2[b-tlkfq5tz3u]{background:#e4f7eb;color:#16703a}.s-2[b-tlkfq5tz3u]{background:#fff4d6;color:#8a5c00}.s-5[b-tlkfq5tz3u],.i-5[b-tlkfq5tz3u]{background:#fde9e9;color:#a32929}.billing-trial-cta[b-tlkfq5tz3u]{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 18px;border:1px solid #b9dfd0;background:linear-gradient(135deg,#f0fbf6,#fff)}.trial-copy[b-tlkfq5tz3u]{display:flex;align-items:center;gap:12px;min-width:0}.trial-icon[b-tlkfq5tz3u]{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:50%;background:#daf4e7;color:#13794a;font-size:20px}.trial-copy strong[b-tlkfq5tz3u]{display:block;color:#0a5f3a;font-size:17px}.trial-copy p[b-tlkfq5tz3u]{margin:3px 0 0;color:#56736a;font-size:12px;line-height:1.7}.trial-button[b-tlkfq5tz3u]{flex:0 0 auto;min-width:190px;font-weight:800}.billing-cycle[b-tlkfq5tz3u]{display:flex;justify-content:center}.billing-cycle button[b-tlkfq5tz3u]{border:1px solid #9ec7d8;background:#fff;padding:8px 20px;color:#075578;font-weight:800}.billing-cycle button.active[b-tlkfq5tz3u]{background:#0a82ad;color:#fff}.billing-cycle small[b-tlkfq5tz3u]{display:block;font-size:10px}.billing-plans[b-tlkfq5tz3u]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch}.billing-plan[b-tlkfq5tz3u]{position:relative;border:1px solid #cbdde5;padding:18px;display:flex;flex-direction:column;gap:11px;background:#fff}.billing-plan.featured[b-tlkfq5tz3u]{border:2px solid #0a82ad;box-shadow:0 8px 24px #0a82ad1a}.billing-plan.selected[b-tlkfq5tz3u]{background:#f5fbfd}.popular[b-tlkfq5tz3u]{position:absolute;top:-12px;left:16px;background:#0a82ad;color:#fff;padding:4px 10px;font-size:11px}.billing-plan h2[b-tlkfq5tz3u]{margin:0;color:#074c6a}.billing-plan p[b-tlkfq5tz3u]{color:#607985;min-height:42px;margin:0}.price strong[b-tlkfq5tz3u]{font-size:30px;color:#087da8}.price span[b-tlkfq5tz3u]{color:#667d88}.capacity[b-tlkfq5tz3u]{display:flex;gap:7px;flex-wrap:wrap}.capacity span[b-tlkfq5tz3u]{border:1px solid #d6e5eb;padding:4px 7px;font-size:11px}.billing-plan ul[b-tlkfq5tz3u]{list-style:none;padding:0;margin:0;display:grid;gap:7px;flex:1}.billing-plan li[b-tlkfq5tz3u]{display:flex;gap:7px}.billing-plan li i[b-tlkfq5tz3u]{color:#16834b}.billing-checkout[b-tlkfq5tz3u],.billing-invoices[b-tlkfq5tz3u]{border:1px solid #d2e2e9;padding:15px}.section-head[b-tlkfq5tz3u]{display:grid;gap:3px;margin-bottom:12px}.section-head strong[b-tlkfq5tz3u]{font-size:17px;color:#073f5b}.section-head span[b-tlkfq5tz3u]{color:#6a818c;font-size:12px}.payment-methods[b-tlkfq5tz3u]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.payment-method[b-tlkfq5tz3u]{display:grid;gap:5px;border:1px solid #ccdde5;padding:12px;cursor:pointer}.payment-method.selected[b-tlkfq5tz3u]{border-color:#0a82ad;background:#f2fafc}.payment-method input[b-tlkfq5tz3u]{justify-self:start}.payment-method span[b-tlkfq5tz3u]{font-size:11px;color:#647b86}.transfer-fields[b-tlkfq5tz3u]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.checkout-button[b-tlkfq5tz3u]{display:block;min-width:260px;margin:16px auto 0;font-weight:800}.app-table-scroll[b-tlkfq5tz3u]{overflow-x:auto;padding:2px}.billing-invoices table[b-tlkfq5tz3u]{width:100%;border-collapse:collapse}.billing-invoices th[b-tlkfq5tz3u],.billing-invoices td[b-tlkfq5tz3u]{border:1px solid #d1e0e7;padding:8px;text-align:center;white-space:nowrap}.billing-invoices th[b-tlkfq5tz3u]{background:#e9f4f8;color:#174b62}.billing-loading[b-tlkfq5tz3u],.empty[b-tlkfq5tz3u]{padding:35px;display:flex;justify-content:center;gap:10px;color:#617a85}@media(max-width:760px){.billing-content[b-tlkfq5tz3u]{padding:6px;gap:8px}.billing-current[b-tlkfq5tz3u]{padding:10px;align-items:stretch;flex-direction:column}.billing-trial-cta[b-tlkfq5tz3u]{align-items:stretch;flex-direction:column;padding:12px}.trial-button[b-tlkfq5tz3u]{width:100%;min-width:0}.billing-plans[b-tlkfq5tz3u]{grid-template-columns:minmax(0,1fr)}.billing-plan p[b-tlkfq5tz3u]{min-height:0}.payment-methods[b-tlkfq5tz3u]{grid-template-columns:minmax(0,1fr)}.transfer-fields[b-tlkfq5tz3u]{grid-template-columns:minmax(0,1fr)}.checkout-button[b-tlkfq5tz3u]{width:100%;min-width:0}.billing-checkout[b-tlkfq5tz3u],.billing-invoices[b-tlkfq5tz3u]{padding:8px}.billing-invoices th[b-tlkfq5tz3u],.billing-invoices td[b-tlkfq5tz3u]{padding:5px}}
.capacity-usage[b-tlkfq5tz3u]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) auto;gap:12px;align-items:end;padding:14px;border:1px solid #cfe0e8;background:#f7fbfd}.capacity-usage>div[b-tlkfq5tz3u]{display:grid;grid-template-columns:1fr auto;gap:5px}.capacity-usage progress[b-tlkfq5tz3u]{grid-column:1/-1;width:100%;height:10px;accent-color:#0a82ad}.capacity-usage span[b-tlkfq5tz3u]{font-weight:800;color:#075578}.capacity-usage button[b-tlkfq5tz3u]{white-space:nowrap}@media(max-width:760px){.capacity-usage[b-tlkfq5tz3u]{grid-template-columns:1fr;padding:10px}.capacity-usage button[b-tlkfq5tz3u]{width:100%}}
/* /Pages/Billing/SubscriptionCheckout.razor.rz.scp.css */
.checkout-content[b-f6gf6ibr8w] {
    display: grid;
    gap: 16px;
    padding: 16px;
}

.checkout-loading[b-f6gf6ibr8w], .checkout-error[b-f6gf6ibr8w] {
    min-height: 260px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    flex-direction: column;
    color: #607985;
}

.checkout-steps[b-f6gf6ibr8w] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border: 1px solid #d3e2e8;
    background: #f8fbfc;
}

.checkout-steps span[b-f6gf6ibr8w] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 10px;
    color: #71858e;
    font-size: 12px;
}

.checkout-steps b[b-f6gf6ibr8w] {
    display: grid;
    place-items: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #e4edf1;
}

.checkout-steps .done[b-f6gf6ibr8w], .checkout-steps .active[b-f6gf6ibr8w] { color: #087da8; font-weight: 800; }
.checkout-steps .done b[b-f6gf6ibr8w], .checkout-steps .active b[b-f6gf6ibr8w] { background: #087da8; color: #fff; }

.checkout-layout[b-f6gf6ibr8w] {
    display: grid;
    grid-template-columns: minmax(0, 1.65fr) minmax(280px, .75fr);
    gap: 14px;
    align-items: start;
}

.checkout-main[b-f6gf6ibr8w], .checkout-summary[b-f6gf6ibr8w] {
    border: 1px solid #d2e2e9;
    background: #fff;
    padding: 16px;
}

.checkout-section-head[b-f6gf6ibr8w] { display: grid; gap: 3px; margin-bottom: 13px; }
.checkout-section-head strong[b-f6gf6ibr8w] { color: #073f5b; font-size: 18px; }
.checkout-section-head span[b-f6gf6ibr8w] { color: #6a818c; font-size: 12px; }
.checkout-methods[b-f6gf6ibr8w] { display: grid; gap: 9px; }

.checkout-method[b-f6gf6ibr8w] {
    display: grid;
    grid-template-columns: auto 38px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    border: 1px solid #ccdde5;
    padding: 12px;
    cursor: pointer;
}

.checkout-method.selected[b-f6gf6ibr8w] { border-color: #0a82ad; background: #f2fafc; box-shadow: inset 3px 0 #0a82ad; }
.method-icon[b-f6gf6ibr8w] { display: grid; place-items: center; height: 36px; background: #eaf5f8; color: #087da8; font-size: 18px; }
.method-copy[b-f6gf6ibr8w] { display: grid; gap: 3px; min-width: 0; }
.method-copy small[b-f6gf6ibr8w] { color: #647b86; line-height: 1.5; }
.method-copy bdi[b-f6gf6ibr8w] { color: #075578; font-weight: 800; }
.checkout-fields[b-f6gf6ibr8w] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 13px; }
.checkout-terms[b-f6gf6ibr8w] { display: flex; align-items: center; gap: 7px; margin: 14px 0 0; color: #607985; font-size: 11px; }
.checkout-terms i[b-f6gf6ibr8w] { color: #16834b; font-size: 16px; }
.summary-head[b-f6gf6ibr8w] { display: grid; gap: 4px; padding-bottom: 13px; border-bottom: 1px solid #dde8ed; }
.summary-head span[b-f6gf6ibr8w], .summary-head small[b-f6gf6ibr8w] { color: #6b808a; }
.summary-head strong[b-f6gf6ibr8w] { color: #075578; font-size: 21px; }
.summary-capacity[b-f6gf6ibr8w] { display: flex; gap: 6px; flex-wrap: wrap; padding: 12px 0; }
.summary-capacity span[b-f6gf6ibr8w] { border: 1px solid #d6e5eb; padding: 4px 7px; font-size: 11px; }
.checkout-summary dl[b-f6gf6ibr8w] { margin: 0; display: grid; gap: 9px; }
.checkout-summary dl div[b-f6gf6ibr8w] { display: flex; justify-content: space-between; gap: 10px; }
.checkout-summary dt[b-f6gf6ibr8w] { color: #607985; font-weight: 500; }
.checkout-summary dd[b-f6gf6ibr8w] { margin: 0; font-weight: 800; color: #214b5d; }
.checkout-summary .summary-total[b-f6gf6ibr8w] { border-top: 1px solid #cbdde5; padding-top: 11px; font-size: 17px; }
.checkout-summary .summary-total dd[b-f6gf6ibr8w] { color: #087da8; }
.summary-end[b-f6gf6ibr8w] { display: flex; justify-content: space-between; gap: 8px; margin-top: 14px; padding: 10px; background: #f3f8fa; font-size: 12px; }
.checkout-actions[b-f6gf6ibr8w] { display: flex; justify-content: center; gap: 10px; }
.checkout-actions .btn[b-f6gf6ibr8w] { min-width: 190px; font-weight: 800; }

@media (max-width: 760px) {
    .checkout-content[b-f6gf6ibr8w] { padding: 6px; gap: 8px; }
    .checkout-layout[b-f6gf6ibr8w] { grid-template-columns: minmax(0, 1fr); }
    .checkout-summary[b-f6gf6ibr8w] { order: -1; }
    .checkout-main[b-f6gf6ibr8w], .checkout-summary[b-f6gf6ibr8w] { padding: 10px; }
    .checkout-fields[b-f6gf6ibr8w] { grid-template-columns: minmax(0, 1fr); }
    .checkout-actions[b-f6gf6ibr8w] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .checkout-actions .btn[b-f6gf6ibr8w] { min-width: 0; }
}

@media (max-width: 420px) {
    .checkout-steps span[b-f6gf6ibr8w] { padding: 7px 3px; gap: 4px; font-size: 10px; }
    .checkout-method[b-f6gf6ibr8w] { grid-template-columns: auto 32px minmax(0, 1fr); padding: 9px; }
    .checkout-actions[b-f6gf6ibr8w] { grid-template-columns: minmax(0, 1fr); }
}
/* /Pages/CurriculumLibrary/CurriculumLibrary.razor.rz.scp.css */
.curriculum-page[b-0hvxywvp9b] {
    --curriculum-line: #d9e2ec;
    --curriculum-soft: #f6f9fc;
    --curriculum-ink: #162033;
    --curriculum-muted: #637083;
    --curriculum-primary: #0b7fab;
}

.curriculum-hero[b-0hvxywvp9b] {
    background: linear-gradient(135deg, #eef9fb, #fff);
    border-bottom: 1px solid var(--curriculum-line);
}

.curriculum-kicker[b-0hvxywvp9b] {
    display: block;
    color: var(--curriculum-primary);
    font-weight: 700;
    margin-bottom: 0.35rem;
}

.curriculum-upload-panel[b-0hvxywvp9b],
.curriculum-books-panel[b-0hvxywvp9b],
.curriculum-details-panel[b-0hvxywvp9b] {
    margin-top: 1rem;
}

.curriculum-panel-head[b-0hvxywvp9b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.85rem;
}

.curriculum-panel-head strong[b-0hvxywvp9b],
.curriculum-panel-head span[b-0hvxywvp9b] {
    display: block;
}

.curriculum-panel-head strong[b-0hvxywvp9b] {
    color: var(--curriculum-ink);
}

.curriculum-panel-head span[b-0hvxywvp9b] {
    color: var(--curriculum-muted);
    font-size: 0.9rem;
}

.curriculum-upload-grid[b-0hvxywvp9b] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
}

.curriculum-file-field[b-0hvxywvp9b] {
    grid-column: span 2;
}

.curriculum-file-chip[b-0hvxywvp9b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.7rem;
    border: 1px solid var(--curriculum-line);
    border-radius: 8px;
    background: #fff;
    color: var(--curriculum-muted);
    margin-top: 0.75rem;
    padding: 0.6rem 0.75rem;
}

.curriculum-file-chip span[b-0hvxywvp9b] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.curriculum-metrics[b-0hvxywvp9b] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
    margin-top: 1rem;
}

.curriculum-metrics > div[b-0hvxywvp9b] {
    border: 1px solid var(--curriculum-line);
    border-radius: 8px;
    background: var(--curriculum-soft);
    padding: 0.8rem;
}

.curriculum-metrics span[b-0hvxywvp9b],
.curriculum-metrics strong[b-0hvxywvp9b] {
    display: block;
}

.curriculum-metrics span[b-0hvxywvp9b] {
    color: var(--curriculum-muted);
    font-size: 0.88rem;
}

.curriculum-metrics strong[b-0hvxywvp9b] {
    color: var(--curriculum-ink);
    font-size: 1.25rem;
}

.curriculum-layout[b-0hvxywvp9b] {
    display: grid;
    grid-template-columns: minmax(250px, 0.34fr) minmax(0, 1fr);
    gap: 1rem;
}

.curriculum-book-list[b-0hvxywvp9b],
.curriculum-section-list[b-0hvxywvp9b] {
    display: grid;
    gap: 0.6rem;
}

.curriculum-book-card[b-0hvxywvp9b] {
    border: 1px solid var(--curriculum-line);
    border-radius: 8px;
    background: #fff;
    color: var(--curriculum-ink);
    padding: 0.75rem;
    text-align: start;
}

.curriculum-book-card.active[b-0hvxywvp9b] {
    border-color: var(--curriculum-primary);
    box-shadow: 0 0 0 3px rgba(11, 127, 171, 0.1);
}

.curriculum-book-card strong[b-0hvxywvp9b],
.curriculum-book-card span[b-0hvxywvp9b],
.curriculum-book-card small[b-0hvxywvp9b] {
    display: block;
}

.curriculum-book-card span[b-0hvxywvp9b],
.curriculum-book-card small[b-0hvxywvp9b] {
    color: var(--curriculum-muted);
    margin-top: 0.2rem;
}

.curriculum-section-list[b-0hvxywvp9b] {
    max-height: 680px;
    overflow: auto;
    padding-inline-end: 0.15rem;
}

.curriculum-section-card[b-0hvxywvp9b] {
    border: 1px solid var(--curriculum-line);
    border-radius: 8px;
    background: #fff;
    padding: 0.75rem;
}

.curriculum-section-top[b-0hvxywvp9b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.curriculum-section-top strong[b-0hvxywvp9b] {
    color: var(--curriculum-ink);
}

.curriculum-section-top span[b-0hvxywvp9b],
.curriculum-section-card p[b-0hvxywvp9b],
.curriculum-section-card small[b-0hvxywvp9b] {
    color: var(--curriculum-muted);
}

.curriculum-section-card p[b-0hvxywvp9b] {
    margin: 0.5rem 0;
    line-height: 1.7;
}

.curriculum-actions[b-0hvxywvp9b] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.smart-danger-button[b-0hvxywvp9b] {
    border: 1px solid #f1b8b8;
    border-radius: 6px;
    background: #fff5f5;
    color: #b42318;
    padding: 0.45rem 0.8rem;
}

@media (max-width: 980px) {
    .curriculum-upload-grid[b-0hvxywvp9b],
    .curriculum-metrics[b-0hvxywvp9b],
    .curriculum-layout[b-0hvxywvp9b] {
        grid-template-columns: 1fr;
    }

    .curriculum-file-field[b-0hvxywvp9b] {
        grid-column: auto;
    }

    .curriculum-panel-head[b-0hvxywvp9b],
    .curriculum-section-top[b-0hvxywvp9b],
    .curriculum-actions[b-0hvxywvp9b] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Pages/Documents/Document.razor.rz.scp.css */
.documents-page[b-937ru79yla] {
    --documents-border: #d8e5ec;
    --documents-soft: #f7fbfd;
    --documents-accent: #087fa8;
}

.documents-toolbar[b-937ru79yla] {
    display: grid;
    grid-template-columns: repeat(2, minmax(160px, 220px)) minmax(240px, 1fr);
    gap: .75rem;
    align-items: end;
}

.documents-toolbar-actions[b-937ru79yla] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap;
}

.documents-toolbar-actions .app-search-button[b-937ru79yla],
.documents-toolbar-actions .app-outline-button[b-937ru79yla] {
    min-width: 110px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
}

.documents-metrics[b-937ru79yla] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
    padding: 0 1rem;
    margin: 1rem 0;
}

.documents-metric[b-937ru79yla] {
    border: 1px solid var(--documents-border);
    background: var(--documents-soft);
    min-height: 54px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .6rem .75rem;
    color: #263845;
}

.documents-metric strong[b-937ru79yla] {
    min-width: 38px;
    min-height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #eaf7fc;
    color: #0078a4;
    font-size: 1rem;
}

.documents-metric.new strong[b-937ru79yla] {
    background: #fff4dc;
    color: #9a6200;
}

.documents-metric.read strong[b-937ru79yla] {
    background: #e6fbef;
    color: #007941;
}

.documents-metric.selected strong[b-937ru79yla] {
    background: #eef3ff;
    color: #315ca8;
}

.documents-workspace[b-937ru79yla] {
    display: block;
    padding: 0 1rem 1rem;
}

.documents-preview-panel[b-937ru79yla] {
    display: none;
}

.documents-list-panel[b-937ru79yla] {
    min-width: 0;
}

.documents-panel-head[b-937ru79yla] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding-block-end: .65rem;
    margin-block-end: .65rem;
}

.documents-panel-head div[b-937ru79yla] {
    min-width: 0;
}

.documents-panel-head strong[b-937ru79yla],
.documents-panel-head small[b-937ru79yla] {
    display: block;
}

.documents-panel-head small[b-937ru79yla] {
    margin-block-start: .2rem;
    color: #5e7180;
    font-size: .75rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.documents-panel-head > span[b-937ru79yla] {
    color: #0078a4;
    font-weight: 700;
    white-space: nowrap;
}

.documents-table-wrap[b-937ru79yla] {
    width: 100%;
    max-width: 100%;
    max-height: none;
    overflow-x: auto;
    overflow-y: visible;
    scrollbar-gutter: auto;
}

.documents-table[b-937ru79yla] {
    width: 100%;
    min-width: 720px;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: .78rem;
    table-layout: fixed;
}

.documents-no-col[b-937ru79yla] {
    width: 42px;
}

.documents-title-col[b-937ru79yla] {
    width: 28%;
}

.documents-party-col[b-937ru79yla] {
    width: 23%;
}

.documents-date-col[b-937ru79yla] {
    width: 14%;
}

.documents-time-col[b-937ru79yla] {
    width: 9%;
}

.documents-status-col[b-937ru79yla] {
    width: 86px;
}

.documents-action-col[b-937ru79yla] {
    width: 78px;
}

.documents-table-with-delete .documents-action-col[b-937ru79yla] {
    width: 106px;
}

.documents-table th[b-937ru79yla],
.documents-table td[b-937ru79yla] {
    white-space: nowrap;
    padding: .48rem .55rem;
    border: 1px solid #dbe7ee !important;
}

.documents-table tbody tr:not(.documents-preview-row) td:not(.documents-title-cell):not(:last-child)[b-937ru79yla] {
    overflow: hidden;
    text-overflow: ellipsis;
}

.documents-table thead th[b-937ru79yla] {
    background: #f4f9fb;
    color: #23404e;
    font-size: .76rem;
    font-weight: 800;
}

.documents-table tbody tr:not(.documents-preview-row)[b-937ru79yla] {
    background: #fff;
    transition: background-color .15s ease;
}

.documents-table tbody tr:not(.documents-preview-row):hover > *[b-937ru79yla] {
    background: #f6fbfd !important;
}

.documents-table tbody tr.active > *[b-937ru79yla] {
    background: #eaf7fc !important;
}

.documents-table th[b-937ru79yla],
.documents-table td[b-937ru79yla] {
    text-align: center;
    vertical-align: middle;
}

.documents-title-cell[b-937ru79yla] {
    text-align: right !important;
    min-width: 0;
    max-width: none;
}

.documents-title-button[b-937ru79yla] {
    border: 0;
    background: transparent;
    color: #243746;
    font-weight: 800;
    padding: 0;
    width: 100%;
    text-align: right;
    white-space: normal;
    overflow-wrap: anywhere;
    line-height: 1.35;
}

.documents-title-button:hover[b-937ru79yla] {
    color: var(--documents-accent);
}

.documents-status[b-937ru79yla] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 50px;
    min-height: 24px;
    padding: .16rem .45rem;
    font-size: .72rem;
    font-weight: 700;
    border-radius: 999px;
}

.documents-status.new[b-937ru79yla] {
    background: #fff3d7;
    color: #935f00;
}

.documents-status.read[b-937ru79yla] {
    background: #e6faef;
    color: #00723e;
}

.documents-actions[b-937ru79yla] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .34rem;
    white-space: nowrap;
    width: 100%;
}

.documents-actions > button:nth-child(3)[b-937ru79yla] {
    display: none;
}

.documents-action-button[b-937ru79yla] {
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: #087fa8;
    width: 28px;
    height: 28px;
    font-size: .72rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    box-shadow: none;
    transition: background-color .15s ease, color .15s ease, transform .15s ease;
}

.documents-action-svg[b-937ru79yla] {
    width: 14px;
    height: 14px;
    display: block;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.documents-table th:last-child[b-937ru79yla],
.documents-table tbody tr:not(.documents-preview-row) td:last-child[b-937ru79yla] {
    width: auto;
    min-width: 0;
    padding-inline: .18rem;
    white-space: nowrap;
    background: #fff;
}

.documents-table thead th:last-child[b-937ru79yla] {
    background: #f5f9fb;
    text-align: center;
}

.documents-preview-row > td[b-937ru79yla] {
    position: static !important;
    background: #f7fbfd !important;
    padding: .55rem !important;
    box-shadow: none !important;
}
/*
.documents-inline-preview {
    border: 1px solid var(--documents-border);
    background: #fff;
    padding: .55rem;
}*/

.documents-inline-preview-head[b-937ru79yla] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding-bottom: .45rem;
    margin-bottom: .55rem;
}

.documents-inline-preview-head div:first-child[b-937ru79yla] {
    min-width: 0;
    text-align: right;
}

.documents-inline-preview-head strong[b-937ru79yla],
.documents-inline-preview-head small[b-937ru79yla] {
    display: block;
}

.documents-inline-preview-head strong[b-937ru79yla] {
    color: #173746;
    font-size: .86rem;
}

.documents-inline-preview-head small[b-937ru79yla] {
    color: #607383;
    font-size: .72rem;
    white-space: normal;
    overflow-wrap: anywhere;
}

.documents-inline-preview-actions[b-937ru79yla] {
    display: inline-flex;
    gap: .25rem;
    flex-shrink: 0;
}

.documents-action-button:hover[b-937ru79yla] {
    background: #e6f5fb;
    color: #075f80;
    transform: translateY(-1px);
}

.documents-action-button:disabled[b-937ru79yla],
.documents-action-button:disabled:hover[b-937ru79yla] {
    cursor: not-allowed;
    opacity: .45;
    background: transparent;
    color: #8aa0ad;
    transform: none;
    box-shadow: none;
}

.documents-action-button.danger[b-937ru79yla] {
    color: #d93a42;
}

.documents-action-button.close[b-937ru79yla] {
    color: #6b7780;
    background: transparent;
}

.documents-action-button.close:hover[b-937ru79yla] {
    color: #c62828;
    background: #fff4f4;
}

.documents-preview-frame[b-937ru79yla] {
    width: 100%;
    min-height: min(680px, 72vh);
    border: 1px solid var(--documents-border);
    background: #fff;
}

.documents-image-preview[b-937ru79yla] {
    border: 1px solid var(--documents-border);
    background: #fff;
    min-height: 500px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    overflow: auto;
    padding: .75rem;
}

.documents-image-preview img[b-937ru79yla] {
    max-width: 100%;
    height: auto;
}

.documents-empty[b-937ru79yla],
.documents-preview-empty[b-937ru79yla] {
    min-height: 220px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    color: #667987;
    border: 1px dashed #cfe0e8;
    background: #fbfdfe;
    text-align: center;
}

.documents-preview-empty i[b-937ru79yla] {
    font-size: 2.4rem;
    color: #90a8b5;
}

.documents-preview-file-icon[b-937ru79yla] {
    display: inline-flex;
    color: #90a8b5;
}

.documents-preview-svg[b-937ru79yla] {
    width: 42px;
    height: 42px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.documents-confirm[b-937ru79yla] {
    width: min(100%, 420px);
    padding: 1rem;
    text-align: center;
}

.documents-confirm h3[b-937ru79yla] {
    font-size: 1rem;
    margin: 0 0 .5rem;
}

.documents-confirm p[b-937ru79yla] {
    color: #5b6d78;
    margin-bottom: 1rem;
}

.documents-confirm div[b-937ru79yla] {
    display: flex;
    justify-content: center;
    gap: .6rem;
}

.danger-button[b-937ru79yla] {
    background: #d93a42 !important;
}

@media (max-width: 1100px) {
    .documents-workspace[b-937ru79yla] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .documents-toolbar[b-937ru79yla],
    .documents-metrics[b-937ru79yla] {
        grid-template-columns: 1fr;
    }

    .documents-workspace[b-937ru79yla],
    .documents-metrics[b-937ru79yla] {
        padding-inline: .5rem;
    }
}
/* /Pages/Documents/DownloadForms.razor.rz.scp.css */
.download-forms-page[b-5h39768jub] {
    direction: rtl;
}

.download-forms-shell[b-5h39768jub] {
    display: grid;
    gap: 1rem;
}

.download-forms-head[b-5h39768jub] {
    align-items: flex-start;
    border-bottom: 1px solid #dbe8ed;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding-bottom: .85rem;
}

.download-forms-head h2[b-5h39768jub] {
    color: #0f2f3b;
    font-size: 1.05rem;
    font-weight: 800;
    margin: 0 0 .25rem;
}

.download-forms-head span[b-5h39768jub],
.download-forms-preview-head small[b-5h39768jub] {
    color: #607383;
    font-size: .82rem;
}

.download-forms-summary[b-5h39768jub] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    justify-content: flex-end;
}

.download-forms-summary span[b-5h39768jub] {
    background: #f7fbfd;
    border: 1px solid #d6e5ec;
    color: #24495a;
    font-weight: 700;
    min-width: 92px;
    padding: .38rem .6rem;
    text-align: center;
}

.download-forms-toolbar[b-5h39768jub] {
    align-items: end;
    background: #f8fbfc;
    border: 1px solid #dbe8ed;
    display: grid;
    gap: .75rem;
    grid-template-columns: minmax(180px, .45fr) minmax(240px, 1fr) auto;
    padding: 1rem;
}

.download-forms-layout[b-5h39768jub] {
    align-items: start;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(260px, .42fr) minmax(0, 1fr);
}

.download-forms-list[b-5h39768jub] {
    display: grid;
    gap: .5rem;
    max-height: 680px;
    overflow: auto;
    padding-inline-end: .2rem;
}

.download-form-card[b-5h39768jub] {
    background: #fff;
    border: 1px solid #d7e5eb;
    color: #264452;
    cursor: pointer;
    display: grid;
    gap: .15rem;
    padding: .72rem .82rem;
    text-align: right;
    transition: border-color .15s ease, background-color .15s ease, color .15s ease;
}

.download-form-card:hover[b-5h39768jub],
.download-form-card.active[b-5h39768jub] {
    background: #e9f3f4;
    border-color: #0d86ad;
    color: #063c51;
}

.download-form-card strong[b-5h39768jub] {
    font-size: .86rem;
    line-height: 1.45;
}

.download-form-card span[b-5h39768jub] {
    color: #667b89;
    font-size: .74rem;
}

.download-forms-preview[b-5h39768jub] {
    border: 1px solid #dbe8ed;
    display: grid;
    min-height: 680px;
    grid-template-rows: auto 1fr;
    min-width: 0;
}

.download-forms-preview-head[b-5h39768jub] {
    align-items: center;
    background: #f8fbfc;
    border-bottom: 1px solid #dbe8ed;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: .85rem 1rem;
}

.download-forms-preview-head strong[b-5h39768jub] {
    color: #0f2f3b;
    display: block;
    font-size: .95rem;
}

.download-forms-actions[b-5h39768jub] {
    display: flex;
    gap: .45rem;
}

.download-forms-frame[b-5h39768jub] {
    border: 0;
    height: 100%;
    min-height: 620px;
    width: 100%;
}

.download-forms-empty[b-5h39768jub],
.app-panel-message[b-5h39768jub] {
    align-items: center;
    color: #607383;
    display: flex;
    gap: .5rem;
    justify-content: center;
    min-height: 180px;
    padding: 1rem;
    text-align: center;
}

@media (max-width: 920px) {
    .download-forms-head[b-5h39768jub],
    .download-forms-toolbar[b-5h39768jub],
    .download-forms-layout[b-5h39768jub] {
        grid-template-columns: 1fr;
        display: grid;
    }

    .download-forms-summary[b-5h39768jub] {
        justify-content: stretch;
    }

    .download-forms-summary span[b-5h39768jub] {
        flex: 1 1 120px;
    }
}
/* /Pages/Documents/SendDocumentModal.razor.rz.scp.css */
.document-modal[b-9xo4g3wta2] {
    width: min(100%, 980px);
    max-height: min(760px, calc(100vh - 2rem));
    overflow: hidden;
    background: #fff;
    border: 1px solid #d8e5ec;
    box-shadow: 0 18px 42px rgba(15, 23, 42, .2);
    display: flex;
    flex-direction: column;
}

.document-modal-header[b-9xo4g3wta2],
.document-modal-footer[b-9xo4g3wta2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .85rem 1rem;
    border-bottom: 1px solid #d8e5ec;
}

.document-modal-header h2[b-9xo4g3wta2] {
    font-size: 1rem;
    margin: 0 0 .2rem;
    color: #163141;
}

.document-modal-header p[b-9xo4g3wta2] {
    margin: 0;
    color: #607481;
    font-size: .78rem;
}

.document-modal-footer[b-9xo4g3wta2] {
    border-top: 1px solid #d8e5ec;
    border-bottom: 0;
    justify-content: center;
}

.document-modal-footer .app-search-button[b-9xo4g3wta2],
.document-modal-footer .app-outline-button[b-9xo4g3wta2] {
    min-width: 110px;
}

.document-modal-body[b-9xo4g3wta2] {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(300px, .92fr);
    gap: .85rem;
    padding: 1rem;
    overflow: auto;
}

.document-send-main[b-9xo4g3wta2],
.document-recipient-panel[b-9xo4g3wta2] {
    min-width: 0;
    border: 1px solid #d8e5ec;
    background: #fbfdfe;
    padding: .9rem;
}

.document-send-main[b-9xo4g3wta2] {
    display: grid;
    gap: .85rem;
    align-content: start;
}

.document-send-kind[b-9xo4g3wta2] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border: 1px solid #cfe0e8;
    background: #fff;
}

.document-send-kind-button[b-9xo4g3wta2] {
    border: 0;
    border-inline-start: 1px solid #cfe0e8;
    background: #fff;
    color: #24404f;
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    font-size: .78rem;
    font-weight: 600;
}

.document-send-kind-button:first-child[b-9xo4g3wta2] {
    border-inline-start: 0;
}

.document-send-kind-button.active[b-9xo4g3wta2] {
    background: #087fa8;
    color: #fff;
}

.document-upload-panel[b-9xo4g3wta2] {
    border: 1px dashed #c9dbe4;
    background: #fff;
    min-height: 170px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .9rem;
    text-align: center;
}

.document-upload-panel-ready[b-9xo4g3wta2] {
    min-height: 128px;
    border-style: solid;
    background: #f4fbfd;
}

.document-upload-button[b-9xo4g3wta2] {
    position: relative;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    min-width: 170px;
    min-height: 38px;
    background: #2099e8;
    color: #fff;
    box-shadow: 0 2px 5px rgba(15, 23, 42, .16);
    cursor: pointer;
    font-size: .78rem;
    font-weight: 600;
}

.document-upload-button input[type="file"][b-9xo4g3wta2] {
    position: absolute;
    inline-size: 1px;
    block-size: 1px;
    opacity: 0;
    pointer-events: none;
}

.document-upload-state[b-9xo4g3wta2] {
    color: #5d7180;
    font-size: .78rem;
    min-height: 24px;
}

.document-busy[b-9xo4g3wta2],
.document-uploaded[b-9xo4g3wta2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
}

.document-uploaded[b-9xo4g3wta2] {
    color: #007941;
    font-weight: 700;
}

.document-recipient-panel[b-9xo4g3wta2] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    min-height: 420px;
}

.document-recipient-head[b-9xo4g3wta2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding-block-end: .55rem;
    border-bottom: 1px solid #d8e5ec;
}

.document-link-button[b-9xo4g3wta2] {
    border: 0;
    background: transparent;
    color: #087fa8;
    font-weight: 700;
    font-size: .76rem;
}

.document-search-field[b-9xo4g3wta2] {
    width: 100%;
}

.document-recipient-list[b-9xo4g3wta2] {
    overflow: auto;
    max-height: 330px;
    border: 1px solid #d8e5ec;
    background: #fff;
}

.document-recipient-row[b-9xo4g3wta2] {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    align-items: center;
    gap: .35rem;
    padding: .55rem .6rem;
    border-bottom: 1px solid #e8f0f4;
    cursor: pointer;
}

.document-recipient-row:last-child[b-9xo4g3wta2] {
    border-bottom: 0;
}

.document-recipient-row:hover[b-9xo4g3wta2] {
    background: #f1f8fb;
}

.document-recipient-row strong[b-9xo4g3wta2],
.document-recipient-row small[b-9xo4g3wta2] {
    display: block;
}

.document-recipient-row strong[b-9xo4g3wta2] {
    color: #1f3442;
    font-size: .79rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.document-recipient-row small[b-9xo4g3wta2] {
    color: #6b7d88;
    font-size: .72rem;
    margin-top: .1rem;
}

.document-empty-state[b-9xo4g3wta2] {
    min-height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6b7d88;
    text-align: center;
}

.document-icon-button[b-9xo4g3wta2] {
    border: 0;
    background: #eaf7fc;
    color: #087fa8;
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 800px) {
    .document-modal[b-9xo4g3wta2] {
        max-height: calc(100vh - 1rem);
    }

    .document-modal-body[b-9xo4g3wta2] {
        grid-template-columns: 1fr;
        padding: .75rem;
    }

    .document-send-kind[b-9xo4g3wta2] {
        grid-template-columns: 1fr;
    }

    .document-send-kind-button[b-9xo4g3wta2] {
        border-inline-start: 0;
        border-top: 1px solid #cfe0e8;
    }

    .document-send-kind-button:first-child[b-9xo4g3wta2] {
        border-top: 0;
    }
}
/* /Pages/Employees/EmployeeAttendancePages.razor.rz.scp.css */
.employee-attendance-page[b-ywkve2ppvn] {
    width: min(1000px, calc(100vw - 34px));
    max-width: 1000px;
    margin: 22px auto 48px;
    padding: 0 40px 34px;
    background: #fff;
    border: 1px solid #dfe5e8;
    box-shadow: 0 1px 3px rgba(15, 23, 42, .04);
    color: #132333;
}

.employee-attendance-page .employee-hero[b-ywkve2ppvn] {
    margin: 0 -40px 18px;
    padding: 22px 32px 30px;
    min-height: 98px;
    border-bottom: 1px solid #d7e1e6;
    background: linear-gradient(135deg, rgba(18, 128, 132, .10), rgba(255, 255, 255, .94));
}

.employee-time-overlay-wrap[b-ywkve2ppvn] {
    position: relative;
    width: 92px;
    margin: 0 auto;
}

    .employee-time-overlay-wrap .employee-time[b-ywkve2ppvn] {
        width: 92px;
        padding-left: 22px;
    }

.employee-time-period-badge[b-ywkve2ppvn] {
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 15px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #f8fbfc;
    color: #334155;
    border-radius: 2px;
    font-size: 11px;
    font-weight: 800;
    pointer-events: none;
}




.employee-attendance-page .employee-hero > div:first-child[b-ywkve2ppvn] {
    display: block;
    width: 100%;
}

.employee-attendance-page .employee-hero h1[b-ywkve2ppvn] {
    width: 100%;
    height: 44px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #087da6;
    color: #fff;
    font-family: Arial, sans-serif;
    font-size: 15px;
    font-weight: 800;
    line-height: 1;
    text-align: center;
}

.employee-attendance-page .employee-hero p[b-ywkve2ppvn],
.employee-attendance-page .app-page-kicker[b-ywkve2ppvn],
.employee-attendance-page .employee-summary[b-ywkve2ppvn] {
    display: none !important;
}

.employee-attendance-page .employee-panel[b-ywkve2ppvn] {
    width: 100%;
    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.employee-attendance-page .employee-toolbar[b-ywkve2ppvn] {
    max-width: 832px;
    margin: 0 auto 16px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 22px;
    align-items: end;
}

.employee-attendance-page .employee-toolbar .btn[b-ywkve2ppvn] {
    justify-self: center;
    min-width: 104px;
    height: 34px;
    padding: 4px 18px;
    border-radius: 2px;
    font-size: 12px;
    font-weight: 700;
}

.employee-attendance-page .employee-toolbar > .btn-primary[b-ywkve2ppvn],
.employee-attendance-page .employee-toolbar > .btn-success[b-ywkve2ppvn] {
    grid-column: 1 / -1;
    justify-self: center;
}

.employee-attendance-page .app-floating-field[b-ywkve2ppvn] {
    min-height: 40px;
    padding-top: .45rem;
}

.employee-attendance-page .employee-period-field[b-ywkve2ppvn] {
    grid-column: 1 / -1;
    width: 175px;
    justify-self: start;
}

.employee-attendance-page .employee-date-row[b-ywkve2ppvn] {
    grid-column: 1 / -1;
    width: min(100%, 470px);
    margin: -2px 0 2px;
    display: grid;
    justify-self: start;
    justify-content: start;
    justify-items: stretch;
    align-items: end;
}

.employee-attendance-page .employee-date-row.single[b-ywkve2ppvn] {
    width: min(100%, 178px);
    grid-template-columns: 1fr;
}

.employee-attendance-page .employee-date-row.range[b-ywkve2ppvn] {
    width: min(100%, 366px);
    grid-template-columns: repeat(2, 178px);
    gap: 10px;
}

.employee-attendance-page .employee-date-row .employee-date-field[b-ywkve2ppvn] {
    width: 100%;
}

.employee-attendance-page .employee-date-row[b-ywkve2ppvn]  .gyab-date-time,
.employee-attendance-page .employee-date-field .gyab-date-time[b-ywkve2ppvn] {
    width: 178px;
    grid-template-columns: 110px 54px;
    gap: 6px;
    justify-content: center;
    align-items: end;
    margin-bottom: 0 !important;
}

.employee-attendance-page .employee-date-row[b-ywkve2ppvn]  .gyab-hijri-picker,
.employee-attendance-page .employee-date-field .gyab-hijri-picker[b-ywkve2ppvn] {
/*    width: 118px;
    margin-bottom: 0;*/
}

.employee-attendance-page .employee-date-row[b-ywkve2ppvn]  .gyab-hijri-input,
.employee-attendance-page .employee-date-field .gyab-hijri-input[b-ywkve2ppvn] {
    min-height: 34px;
    height: 34px;
    padding: 4px 8px;
    justify-content: space-between;
    text-align: center;
    font-weight: 800;
    border-radius: 0;
}

.employee-attendance-page .employee-date-row[b-ywkve2ppvn]  .gyab-date-chip,
.employee-attendance-page .employee-date-field .gyab-date-chip[b-ywkve2ppvn] {
    width: 54px;
    min-height: 34px;
    height: 34px;
    padding: 0 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #bcc6cc;
    background: #fff;
    color: #111827;
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
}

.employee-attendance-page .employee-date-row[b-ywkve2ppvn]  .gyab-hijri-calendar,
.employee-attendance-page .employee-date-field .gyab-hijri-calendar[b-ywkve2ppvn] {
    z-index: 20;
}

.employee-attendance-page .app-floating-field > span[b-ywkve2ppvn],
.employee-attendance-page .app-floating-field .app-field-label[b-ywkve2ppvn],
.employee-attendance-page .employee-date-row[b-ywkve2ppvn]  .app-field-label {
    position: absolute;
    top: 0;
    right: .75rem;
    z-index: 2;
    padding: 0 .25rem;
    background: #ffffff;
    color: #b91c1c;
    font-size: .76rem;
    line-height: 1;
    font-weight: 500;
}

.employee-attendance-page .form-control[b-ywkve2ppvn],
.employee-attendance-page .form-select[b-ywkve2ppvn] {
    min-height: 40px;
    border-radius: 0;
    border-color: #bfc7cf;
    font-size: 12px;
    font-weight: 800;
    color: #000000ad;
    background-color: #fff;
}

.employee-attendance-page .employee-note[b-ywkve2ppvn] {
    width: fit-content;
    max-width: 100%;
    margin: 2px auto 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    font-size: 11px;
    color: #334155;
}

.employee-attendance-page .employee-note span[b-ywkve2ppvn] {
    min-height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 9px;
    border: 1px solid #d7e1e6;
    background: #f8fbfc;
    color: #0f3342;
    font-weight: 700;
    white-space: nowrap;
}

.employee-attendance-page .employee-cards[b-ywkve2ppvn] {
    max-width: 832px;
    margin: 0 auto 14px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.employee-attendance-page .employee-cards > div[b-ywkve2ppvn] {
    border: 1px solid #d9e1e5;
    background: #f8fbfc;
    padding: 10px 12px;
    text-align: center;
}

.employee-attendance-page .employee-cards span[b-ywkve2ppvn] {
    display: block;
    font-size: 12px;
    color: #52606d;
}

.employee-attendance-page .employee-cards strong[b-ywkve2ppvn] {
    display: block;
    margin-top: 4px;
    color: #0a5f7d;
    font-size: 20px;
}

.employee-attendance-page .employee-compact-summary[b-ywkve2ppvn] {
    width: fit-content;
    max-width: 100%;
    margin: 0 auto 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.employee-attendance-page .employee-compact-summary > div[b-ywkve2ppvn] {
    min-width: 104px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 5px 10px;
}

.employee-attendance-page .employee-compact-summary span[b-ywkve2ppvn] {
    display: inline;
    font-size: 11px;
}

.employee-attendance-page .employee-compact-summary strong[b-ywkve2ppvn] {
    display: inline;
    margin: 0;
    font-size: 14px;
    line-height: 1;
}

.employee-attendance-page .app-data-table-wrap[b-ywkve2ppvn] {
    margin: 0 auto;
    border: 0;
    box-shadow: none;
    overflow-x: auto;
}

.employee-record-page .app-data-table-wrap[b-ywkve2ppvn],
.employee-state-page .app-data-table-wrap[b-ywkve2ppvn] {
    max-width: 100%;
    width: fit-content;
    display: block;
}

.employee-record-page .app-data-table-wrap[b-ywkve2ppvn] {
    overflow-x: visible;
}

.employee-view-page .app-data-table-wrap[b-ywkve2ppvn],
.employee-stats-page .app-data-table-wrap[b-ywkve2ppvn],
.employee-people-page .app-data-table-wrap[b-ywkve2ppvn] {
    max-width: 860px;
}

.employee-attendance-page .app-data-table[b-ywkve2ppvn],
.employee-attendance-page table[b-ywkve2ppvn] {
    width: 100%;
    margin: 0 auto;
    table-layout: fixed;
    border-collapse: collapse;
    font-size: 12px;
    background: #fff;
}

.employee-attendance-page .app-data-table thead th[b-ywkve2ppvn] {
    height: 36px;
    padding: 5px 6px;
    background: #087da6;
    color: #fff;
    border: 1px solid #087da6;
    text-align: center;
    font-weight: 800;
    white-space: nowrap;
}

.employee-attendance-page .app-data-table tbody td[b-ywkve2ppvn] {
    height: 34px;
    padding: 3px 5px;
    border: 1px solid #bdc8cc;
    text-align: center;
    vertical-align: middle;
    color: #061625;
}

.employee-attendance-page .app-data-table tbody tr:nth-child(odd) td[b-ywkve2ppvn] {
    background: #eef6f8;
}

.employee-attendance-page .app-data-table tbody tr:nth-child(even) td[b-ywkve2ppvn] {
    background: #fff;
}

.employee-attendance-page .app-data-table tbody tr.employee-row-selected td[b-ywkve2ppvn] {
    background: #ffe3b9;
}

.employee-attendance-page .app-data-table .employee-no-col[b-ywkve2ppvn] {
    width: 36px !important;
    min-width: 36px;
    max-width: 36px;
    padding-inline: 3px;
    white-space: nowrap;
}

.employee-attendance-page .app-data-table .employee-name-col[b-ywkve2ppvn] {
    width: auto;
    min-width: 220px;
}

.employee-view-page .app-data-table .employee-name-col[b-ywkve2ppvn],
.employee-stats-page .app-data-table .employee-name-col[b-ywkve2ppvn],
.employee-people-page .app-data-table .employee-name-col[b-ywkve2ppvn] {
    width: 42%;
}

.employee-record-page .app-data-table th:nth-child(4)[b-ywkve2ppvn],
.employee-record-page .app-data-table td:nth-child(4)[b-ywkve2ppvn],
.employee-state-page .app-data-table th:nth-child(4)[b-ywkve2ppvn],
.employee-state-page .app-data-table td:nth-child(4)[b-ywkve2ppvn] {
    display: none;
}

.employee-record-page .employee-absence-table th:nth-child(5)[b-ywkve2ppvn],
.employee-record-page .employee-absence-table td:nth-child(5)[b-ywkve2ppvn],
.employee-record-page .employee-absence-table th:nth-child(6)[b-ywkve2ppvn],
.employee-record-page .employee-absence-table td:nth-child(6)[b-ywkve2ppvn],
.employee-state-page .employee-absence-table th:nth-child(5)[b-ywkve2ppvn],
.employee-state-page .employee-absence-table td:nth-child(5)[b-ywkve2ppvn],
.employee-state-page .employee-absence-table th:nth-child(6)[b-ywkve2ppvn],
.employee-state-page .employee-absence-table td:nth-child(6)[b-ywkve2ppvn] {
    display: none;
}

.employee-record-page .app-data-table th:nth-child(1)[b-ywkve2ppvn],
.employee-state-page .app-data-table th:nth-child(1)[b-ywkve2ppvn],
.employee-record-page .app-data-table td:nth-child(1)[b-ywkve2ppvn],
.employee-state-page .app-data-table td:nth-child(1)[b-ywkve2ppvn] {
    width: 38px;
}

.employee-record-page .app-data-table th:nth-child(2)[b-ywkve2ppvn],
.employee-state-page .app-data-table th:nth-child(2)[b-ywkve2ppvn],
.employee-record-page .app-data-table td:nth-child(2)[b-ywkve2ppvn],
.employee-state-page .app-data-table td:nth-child(2)[b-ywkve2ppvn] {
    width: 72px;
}

.employee-record-page .app-data-table th:nth-child(3)[b-ywkve2ppvn],
.employee-record-page .app-data-table td:nth-child(3)[b-ywkve2ppvn],
.employee-state-page .app-data-table th:nth-child(3)[b-ywkve2ppvn],
.employee-state-page .app-data-table td:nth-child(3)[b-ywkve2ppvn] {
    width: 220px;
}

.employee-record-page .app-data-table th:nth-child(5)[b-ywkve2ppvn],
.employee-record-page .app-data-table td:nth-child(5)[b-ywkve2ppvn],
.employee-state-page .app-data-table th:nth-child(5)[b-ywkve2ppvn],
.employee-state-page .app-data-table td:nth-child(5)[b-ywkve2ppvn] {
    width: 104px;
}

.employee-record-page .app-data-table th:nth-child(6)[b-ywkve2ppvn],
.employee-record-page .app-data-table td:nth-child(6)[b-ywkve2ppvn],
.employee-state-page .app-data-table th:nth-child(6)[b-ywkve2ppvn],
.employee-state-page .app-data-table td:nth-child(6)[b-ywkve2ppvn] {
    width: 58px;
}

.employee-record-page .app-data-table th:nth-child(7)[b-ywkve2ppvn],
.employee-record-page .app-data-table td:nth-child(7)[b-ywkve2ppvn],
.employee-state-page .app-data-table th:nth-child(7)[b-ywkve2ppvn],
.employee-state-page .app-data-table td:nth-child(7)[b-ywkve2ppvn] {
    width: 132px;
}

.employee-record-page .form-check-input[b-ywkve2ppvn],
.employee-state-page .form-check-input[b-ywkve2ppvn] {
    width: 14px;
    height: 14px;
}

.employee-record-page .app-data-table[b-ywkve2ppvn],
.employee-state-page .app-data-table[b-ywkve2ppvn] {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    table-layout: auto !important;
}

.employee-record-page .app-data-table th[b-ywkve2ppvn],
.employee-record-page .app-data-table td[b-ywkve2ppvn],
.employee-state-page .app-data-table th[b-ywkve2ppvn],
.employee-state-page .app-data-table td[b-ywkve2ppvn] {
    width: auto !important;
    white-space: nowrap;
}

.employee-record-page .app-data-table th:nth-child(1)[b-ywkve2ppvn],
.employee-record-page .app-data-table td:nth-child(1)[b-ywkve2ppvn],
.employee-state-page .app-data-table th:nth-child(1)[b-ywkve2ppvn],
.employee-state-page .app-data-table td:nth-child(1)[b-ywkve2ppvn] {
    width: 34px !important;
    min-width: 34px;
}

.employee-record-page .app-data-table th:nth-child(2)[b-ywkve2ppvn],
.employee-record-page .app-data-table td:nth-child(2)[b-ywkve2ppvn],
.employee-state-page .app-data-table th:nth-child(2)[b-ywkve2ppvn],
.employee-state-page .app-data-table td:nth-child(2)[b-ywkve2ppvn] {
    width: 52px !important;
    min-width: 52px;
}

.employee-record-page .app-data-table th:nth-child(7)[b-ywkve2ppvn],
.employee-record-page .app-data-table td:nth-child(7)[b-ywkve2ppvn],
.employee-state-page .app-data-table th:nth-child(7)[b-ywkve2ppvn],
.employee-state-page .app-data-table td:nth-child(7)[b-ywkve2ppvn] {
    min-width: 92px;
}

.employee-record-page .app-data-table .employee-state-select[b-ywkve2ppvn],
.employee-state-page .app-data-table .employee-state-select[b-ywkve2ppvn] {
    width: 92px;
    min-width: 92px;
    height: 26px;
    min-height: 26px;
    margin: 0 auto;
    padding: 1px 7px 1px 22px;
    border: 1px solid #bfc7cf;
    border-radius: 0;
    background-color: #fff;
    background-position: left .45rem center;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
    color: #111827;
    box-shadow: none;
}

.employee-record-page .app-data-table .employee-state-select:disabled[b-ywkve2ppvn] {
    border-color: #c4cdd5;
    background-color: #e7edf1;
    color: #374151;
    opacity: 1;
    cursor: not-allowed;
}

.employee-table-actions[b-ywkve2ppvn] {
    max-width: 640px;
    margin: 12px auto 0;
    display: flex;
    justify-content: center;
}

.employee-table-actions .btn[b-ywkve2ppvn] {
    min-width: 118px;
    height: 34px;
    border-radius: 2px;
    font-size: 12px;
    font-weight: 700;
}

.employee-name[b-ywkve2ppvn] {
    font-size: 11px;
    font-weight: 800;
    line-height: 1.35;
}

.employee-attendance-page small[b-ywkve2ppvn] {
    color: #28566b;
    font-size: 10px;
}

.employee-attendance-page .employee-time[b-ywkve2ppvn] {
    max-width: 92px;
    margin: 0 auto;
    min-height: 30px;
    height: 30px;
    text-align: center;
}

.employee-attendance-page .form-select-sm[b-ywkve2ppvn] {
    min-height: 30px;
    height: 30px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.employee-pill[b-ywkve2ppvn] {
    display: inline-flex;
    align-items: center;
    margin: 1px;
    padding: 2px 6px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 700;
}

.employee-pill.danger[b-ywkve2ppvn] { background: #fee2e2; color: #991b1b; }
.employee-pill.warn[b-ywkve2ppvn] { background: #fef3c7; color: #92400e; }
.employee-pill.info[b-ywkve2ppvn] { background: #dbeafe; color: #1e40af; }

@media (max-width: 900px) {
    .employee-attendance-page[b-ywkve2ppvn] {
        width: min(100%, calc(100vw - 18px));
        padding: 0 12px 28px;
    }

    .employee-attendance-page .employee-hero[b-ywkve2ppvn] {
        margin: 0 -12px 16px;
        min-height: auto;
        padding: 18px 18px 24px;
    }

    .employee-attendance-page .employee-hero h1[b-ywkve2ppvn] {
        height: 42px;
        font-size: 14px;
    }

    .employee-attendance-page .employee-toolbar[b-ywkve2ppvn] {
        grid-template-columns: 1fr;
        max-width: 100%;
    }

    .employee-record-page .app-data-table-wrap[b-ywkve2ppvn],
    .employee-state-page .app-data-table-wrap[b-ywkve2ppvn] {
        max-width: 100%;
        overflow-x: auto;
    }

    .employee-attendance-page .employee-date-row.range[b-ywkve2ppvn] {
        grid-template-columns: 1fr;
        width: min(100%, 178px);
    }
}
/* /Pages/Exams/ExamGyabRecord.razor.rz.scp.css */
.exam-attendance-page .app-content-panel[b-edococ158r] {
    padding: 1.25rem 1.5rem 1.5rem;
}

.exam-attendance-toolbar[b-edococ158r] {
    display: grid;
    grid-template-columns: minmax(150px, 1.2fr) minmax(130px, .8fr) minmax(120px, .7fr) minmax(120px, .7fr) auto;
    gap: .75rem;
    align-items: end;
}

.exam-attendance-actions[b-edococ158r] {
    display: flex;
    justify-content: center;
    gap: .75rem;
    margin: 1rem 0;
}

.exam-attendance-table .student-name[b-edococ158r] {
    min-width: 220px;
    font-weight: 900;
    color: #172033;
}

.exam-attendance-table tr.selected td[b-edococ158r] {
    background: #fff7ed;
}

.exam-attendance-check[b-edococ158r] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    margin: 0;
    color: #0f172a;
    font-size: .8rem;
    font-weight: 900;
    white-space: nowrap;
}

.exam-attendance-check input[b-edococ158r] {
    width: 16px;
    height: 16px;
    accent-color: #0476aa;
}

@media (max-width: 900px) {
    .exam-attendance-toolbar[b-edococ158r] {
        grid-template-columns: repeat(2, minmax(150px, 1fr));
    }
}

@media (max-width: 640px) {
    .exam-attendance-page .app-content-panel[b-edococ158r] {
        padding: 1rem;
    }

    .exam-attendance-toolbar[b-edococ158r] {
        grid-template-columns: 1fr;
    }

    .exam-attendance-actions[b-edococ158r] {
        flex-direction: column;
    }
}
/* /Pages/Exams/ExamGyabView.razor.rz.scp.css */
.exam-attendance-view-page .app-content-panel[b-zbknf7hud1] {
    padding: 1.25rem 1.5rem 1.5rem;
}

.exam-attendance-view-toolbar[b-zbknf7hud1] {
    display: grid;
    grid-template-columns: repeat(3, minmax(150px, 1fr)) auto;
    gap: .75rem;
    align-items: end;
}

.exam-attendance-view-actions[b-zbknf7hud1] {
    display: flex;
    justify-content: center;
    gap: .75rem;
    margin: 1rem 0;
}

.exam-attendance-view-table .student-name[b-zbknf7hud1] {
    min-width: 220px;
    font-weight: 900;
    color: #172033;
}

@media print {
    .app-sidebar[b-zbknf7hud1],
    .app-header[b-zbknf7hud1],
    .app-page-hero[b-zbknf7hud1],
    .exam-attendance-view-toolbar[b-zbknf7hud1],
    .exam-attendance-view-actions[b-zbknf7hud1] {
        display: none !important;
    }

    .exam-attendance-view-page .app-content-panel[b-zbknf7hud1] {
        padding: 0;
        border: 0;
        box-shadow: none;
    }
}

@media (max-width: 900px) {
    .exam-attendance-view-toolbar[b-zbknf7hud1] {
        grid-template-columns: repeat(2, minmax(150px, 1fr));
    }
}

@media (max-width: 640px) {
    .exam-attendance-view-page .app-content-panel[b-zbknf7hud1] {
        padding: 1rem;
    }

    .exam-attendance-view-toolbar[b-zbknf7hud1] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Exams/ExamReport.razor.rz.scp.css */
.exam-report-shell[b-czdckcb2z1] {
    margin: 0 1rem 1rem;
    padding: 1rem;
}

.exam-report-head[b-czdckcb2z1] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: .8rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #e5eef4;
}

.exam-report-head h2[b-czdckcb2z1] {
    margin: 0;
    color: #123044;
    font-size: 14px;
    font-weight: 800;
}

.exam-report-head span[b-czdckcb2z1] {
    display: block;
    margin-top: .22rem;
    color: #64748b;
    font-size: 12.2px;
    line-height: 1.6;
}

.exam-report-summary[b-czdckcb2z1] {
    display: flex;
    gap: .45rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.exam-report-summary span[b-czdckcb2z1] {
    min-height: 30px;
    display: inline-flex;
    align-items: center;
    padding: .25rem .55rem;
    border: 1px solid #dbe7ef;
    background: #f8fbfd;
    color: #245064;
    font-size: 12px;
    font-weight: 800;
}

.exam-report-warning[b-czdckcb2z1] {
    display: flex;
    align-items: center;
    gap: .55rem;
    padding: .65rem .75rem;
    margin-bottom: 1rem;
    border: 1px solid #edd6a4;
    background: #fffaf0;
    color: #7a5a14;
    font-size: 12.5px;
    font-weight: 800;
}

.exam-report-layout[b-czdckcb2z1] {
    min-width: 0;
}

.exam-report-options[b-czdckcb2z1] {
    min-width: 0;
    border: 1px solid #dbe7ef;
    background: #ffffff;
    padding: .9rem;
}

.exam-report-select-panel[b-czdckcb2z1] {
    max-width: 520px;
    margin-bottom: .85rem;
    padding: 0;
    border: 0;
    background: transparent;
}

.exam-report-kind-field[b-czdckcb2z1] {
    margin: 0;
}

.exam-report-kind-field select[b-czdckcb2z1] {
    min-height: 42px;
    border-color: #bdd4df;
    color: #123044;
    font-size: 13px;
    font-weight: 800;
    background-color: #fff;
}

.report-filter-grid[b-czdckcb2z1] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
    margin-bottom: .9rem;
}

@media (max-width: 760px) {
    .exam-report-shell[b-czdckcb2z1] {
        margin-inline: .75rem;
    }

    .exam-report-head[b-czdckcb2z1] {
        flex-direction: column;
    }

    .exam-report-summary[b-czdckcb2z1] {
        justify-content: flex-start;
    }

    .report-filter-grid[b-czdckcb2z1] {
        grid-template-columns: 1fr;
    }

    .exam-report-select-panel[b-czdckcb2z1] {
        max-width: none;
        padding: 0;
    }
}
/* /Pages/Exams/ExamTablePage.razor.rz.scp.css */
.exam-copy-panel[b-2aly8nd18d] {
    margin: 0 0 1rem;
    padding: .9rem 1rem;
}

.exam-copy-head[b-2aly8nd18d] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .75rem;
}

.exam-copy-head strong[b-2aly8nd18d] {
    color: #123044;
    font-size: 13px;
    font-weight: 800;
}

.exam-copy-head span[b-2aly8nd18d] {
    display: block;
    margin-top: .18rem;
    color: #64748b;
    font-size: 12px;
}

.exam-copy-grid[b-2aly8nd18d] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
    gap: .65rem;
    align-items: end;
}

.exam-copy-grid .app-search-button[b-2aly8nd18d] {
    min-height: 38px;
    white-space: nowrap;
}

.exam-workbench[b-2aly8nd18d] {
    margin: 0 1rem 1rem;
    padding: 1rem;
}

.exam-workbench-head[b-2aly8nd18d] {
    display: flex;
    direction: rtl;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: .8rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #e5eef4;
}

.exam-summary-grid[b-2aly8nd18d] {
    display: flex;
    justify-content: flex-end;
    gap: .5rem;
    flex-wrap: wrap;
}

.exam-summary-card[b-2aly8nd18d] {
    min-width: 92px;
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .6rem;
    padding: .45rem .65rem;
    border: 1px solid #dbe7ef;
    background: #f8fbfd;
    box-shadow: none;
}

.exam-summary-card span[b-2aly8nd18d] {
    color: #64748b;
    font-size: 11.5px;
    font-weight: 700;
}

.exam-summary-card strong[b-2aly8nd18d] {
    color: #123044;
    font-size: 1rem;
    line-height: 1;
}

.exam-summary-card.accent[b-2aly8nd18d] {
    border-color: #dbe7ef;
    background: #ffffff;
}

.exam-summary-card.success[b-2aly8nd18d] {
    border-color: #dbe7ef;
    background: #ffffff;
}

.exam-head-actions[b-2aly8nd18d] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: .5rem;
}

.exam-results-panel[b-2aly8nd18d] {
    min-width: 0;
    margin: 0 1rem 1rem;
    border: 1px solid #dbe7ef;
    background: #ffffff;
    box-shadow: 0 2px 8px rgba(15, 23, 42, .06);
    padding: 1rem;
}

.exam-editor-panel[b-2aly8nd18d] {
    min-width: 0;
    display: grid;
    direction: ltr;
    grid-template-columns: minmax(420px, 1.22fr) minmax(280px, .78fr);
    grid-template-areas:
        "head head"
        "shobas properties"
        "actions actions";
    gap: .9rem;
    align-items: stretch;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.exam-section-head[b-2aly8nd18d] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .9rem;
}

.exam-editor-panel > .exam-section-head[b-2aly8nd18d] {
    grid-area: head;
    direction: rtl;
    margin-bottom: 0;
}

.exam-properties-card[b-2aly8nd18d] {
    grid-area: properties;
    direction: rtl;
    min-width: 0;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    margin: 0;
    border: 1px solid #dbe7ef;
    background-color: #ffffff;
    box-shadow: 0 1px 4px rgba(15, 23, 42, .045);
    border-radius: 4px;
    padding: 0;
    overflow: hidden;
}

.exam-card-head[b-2aly8nd18d],
.exam-box-head[b-2aly8nd18d] {
    min-height: 56px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .75rem .9rem;
    color: #ffffff;
}

.exam-card-head[b-2aly8nd18d] {
    border-bottom: 1px solid #cfe0e8;
}

.exam-card-head-primary[b-2aly8nd18d] {
    background: #e9f3f4;
}

.exam-card-head strong[b-2aly8nd18d],
.exam-card-head span[b-2aly8nd18d],
.exam-box-head strong[b-2aly8nd18d],
.exam-box-head span[b-2aly8nd18d] {
    display: block;
}

.exam-card-head strong[b-2aly8nd18d],
.exam-box-head strong[b-2aly8nd18d] {
    color: #123044;
    font-size: 13px;
    font-weight: 800;
}

.exam-card-head span[b-2aly8nd18d],
.exam-box-head span[b-2aly8nd18d] {
    margin-top: .18rem;
    color: #60717c;
    font-size: 12px;
    line-height: 1.45;
}

.exam-section-head.compact[b-2aly8nd18d] {
    margin-bottom: .75rem;
}

.exam-section-head h2[b-2aly8nd18d] {
    margin: 0;
    color: #123044;
    font-size: 14px;
    font-weight: 800;
}

.exam-section-head span[b-2aly8nd18d] {
    display: block;
    margin-top: .22rem;
    color: #64748b;
    font-size: 12.2px;
    line-height: 1.6;
}

.exam-clear-edit[b-2aly8nd18d] {
    border: 1px solid #d9c38f;
    background: #fff8e8;
    color: #8a5a00;
    min-height: 28px;
    padding: .25rem .6rem;
    font-size: 12px;
    font-weight: 800;
}

.exam-form-grid[b-2aly8nd18d] {
    --exam-date-period-width: 100%;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: .72rem;
    padding: 1rem 1.1rem .35rem;
}

.exam-date-picker-cell[b-2aly8nd18d],
.exam-period-field[b-2aly8nd18d],
.exam-time-field[b-2aly8nd18d] {
    justify-self: start;
    width: min(100%, var(--exam-date-period-width));
    min-width: 0;
}

.exam-date-picker-cell[b-2aly8nd18d] (.gyab-date-time) {
    width: 100%;
    margin-bottom: 0 !important;
    justify-content: stretch;
}

.exam-period-field .form-select[b-2aly8nd18d] {
    width: 100%;
}

.exam-time-field .form-control[b-2aly8nd18d] {
    width: 100%;
}

.exam-date-picker-cell[b-2aly8nd18d] (.gyab-hijri-picker),
.exam-date-picker-cell[b-2aly8nd18d] (.gyab-hijri-input),
.exam-date-picker-cell[b-2aly8nd18d] (.gyab-gregorian-input) {
    width: 100%;
}

.exam-time-presets[b-2aly8nd18d] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .45rem;
    margin-top: .45rem;
    padding: .75rem 1.1rem 1rem;
    border-top: 1px solid #edf3f6;
    background: #fbfdfe;
}

.exam-time-presets button[b-2aly8nd18d],
.exam-box-actions button[b-2aly8nd18d],
.exam-clear-edit[b-2aly8nd18d] {
    border-radius: 2px;
}

.exam-time-presets button[b-2aly8nd18d],
.exam-box-actions button[b-2aly8nd18d] {
    border: 1px solid #cfe0e8;
    background: #f8fcfe;
    color: #245064;
    min-height: 28px;
    padding: .25rem .55rem;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.exam-time-presets button:hover[b-2aly8nd18d],
.exam-box-actions button:hover[b-2aly8nd18d] {
    border-color: #87c5dc;
    background: #eaf8fd;
    color: #087fac;
}

.exam-time-presets button.active[b-2aly8nd18d] {
    border-color: #087fac;
    background: #eaf8fd;
    color: #075f80;
}

.exam-shoba-box[b-2aly8nd18d] {
    grid-area: shobas;
    direction: rtl;
    margin: 0;
    min-width: 0;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    border: 1px solid #dbe7ef;
    background-color: #ffffff;
    box-shadow: 0 1px 4px rgba(15, 23, 42, .045);
    border-radius: 4px;
    padding: 0;
    overflow: hidden;
}

.exam-box-head[b-2aly8nd18d] {
    margin-bottom: 0;
    background: #e9f3f4;
    border-bottom: 1px solid #cfe0e8;
}

.exam-box-actions[b-2aly8nd18d] {
    display: flex;
    align-items: center;
    gap: .35rem;
    flex-wrap: wrap;
}

.exam-shoba-count[b-2aly8nd18d] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    min-width: 48px;
    padding: .25rem .5rem;
    border: 1px solid #c7dbe3;
    background: #ffffff;
    color: #245064;
    font-size: 11.5px;
    font-weight: 800;
}

.exam-shoba-selector[b-2aly8nd18d] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .55rem;
    padding: .55rem .55rem .25rem;
    border-bottom: 1px solid #edf3f6;
}

.exam-check-grid[b-2aly8nd18d] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    padding: .45rem .55rem .55rem;
    max-height: none;
    overflow: visible;
    flex: 1 1 auto;
}

.exam-check-item[b-2aly8nd18d] {
    min-height: 30px;
    display: flex;
    gap: .35rem;
    align-items: center;
    border: 1px solid #e2edf3;
    background: #ffffff;
    padding: .18rem .35rem;
    color: #243746;
    font-size: 11.8px;
    font-weight: 700;
    border-radius: 3px;
    transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease;
}

.exam-check-item.selected[b-2aly8nd18d] {
    color: #087fac;
    border-color: #83c7dc;
    background: #effaff;
    box-shadow: inset 3px 0 0 #087fac;
}

.exam-check-item.reserved[b-2aly8nd18d] {
    border-color: #edd6a4;
    background: #fffaf0;
    color: #7a5a14;
}

.exam-check-item input[b-2aly8nd18d] {
    flex: 0 0 auto;
    accent-color: #087fac;
}

.exam-check-item span[b-2aly8nd18d],
.exam-check-item small[b-2aly8nd18d] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.exam-check-item span[b-2aly8nd18d] {
    flex: 0 0 auto;
    color: #123044;
    font-weight: 800;
}

.exam-check-item small[b-2aly8nd18d] {
    flex: 1 1 auto;
    padding-inline-start: .35rem;
    border-inline-start: 1px solid #e5eef4;
    color: #7a8a96;
    font-size: 10.8px;
    font-weight: 500;
}

.exam-check-item em[b-2aly8nd18d] {
    flex: 0 0 auto;
    min-height: 18px;
    display: inline-flex;
    align-items: center;
    padding: .05rem .3rem;
    border: 1px solid #e5c36f;
    background: #fff4cf;
    color: #8a5a00;
    font-size: 10.5px;
    font-style: normal;
    font-weight: 800;
}

.exam-empty-mini[b-2aly8nd18d],
.exam-empty-state[b-2aly8nd18d] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .6rem;
    color: #64748b;
    text-align: center;
}

.exam-empty-mini[b-2aly8nd18d] {
    min-height: 120px;
}

.exam-shoba-box .exam-empty-mini[b-2aly8nd18d] {
    margin: .85rem .9rem .9rem;
    border: 1px dashed #d4e3eb;
    background: #fbfdfe;
}

.exam-empty-state[b-2aly8nd18d] {
    min-height: 220px;
    border: 1px dashed #cfe0e8;
    background: #fbfdfe;
    font-weight: 700;
}

.exam-empty-state i[b-2aly8nd18d],
.exam-empty-mini i[b-2aly8nd18d] {
    color: #7da8bb;
    font-size: 1.4rem;
}

.exam-editor-actions[b-2aly8nd18d] {
    grid-area: actions;
    display: flex;
    justify-content: center;
    gap: .65rem;
    margin-top: -.15rem;
    padding: .2rem 1rem 0;
}

.exam-editor-actions .app-search-button[b-2aly8nd18d],
.exam-editor-actions .app-outline-button[b-2aly8nd18d] {
    min-width: 132px;
}

.exam-results-toolbar[b-2aly8nd18d] {
    display: grid;
    grid-template-columns: 230px minmax(150px, 1fr) 280px;
    align-items: end;
    gap: .75rem;
    margin-bottom: .9rem;
    padding: .75rem;
    border: 1px solid #dbe7ef;
    background: #f8fbfd;
}

.exam-results-filters[b-2aly8nd18d] {
    display: grid;
    grid-template-columns: 1fr;
    gap: .5rem;
    align-items: stretch;
}

.exam-view-options[b-2aly8nd18d] {
    display: grid;
    gap: .45rem;
    justify-self: start;
    width: 280px;
    max-width: 100%;
}

.exam-view-switch[b-2aly8nd18d] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-height: 36px;
    border: 1px solid #d9e6ee;
    background: #f8fbfd;
}

.exam-view-switch button[b-2aly8nd18d] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    min-height: 36px;
    border: 0;
    border-inline-start: 1px solid #d9e6ee;
    background: transparent;
    color: #405969;
    font-size: 12.2px;
    font-weight: 800;
}

.exam-view-switch button:first-child[b-2aly8nd18d] {
    border-inline-start: 0;
}

.exam-view-switch button.active[b-2aly8nd18d] {
    background: #087fac;
    color: #ffffff;
}

.exam-teacher-toggle[b-2aly8nd18d] {
    min-height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    border: 1px solid #d9e6ee;
    background: #ffffff;
    color: #405969;
    font-size: 12px;
    font-weight: 800;
    align-self: end;
    justify-self: center;
    min-width: 150px;
}

.exam-teacher-toggle input[b-2aly8nd18d] {
    accent-color: #087fac;
}

.exam-print-button[b-2aly8nd18d] {
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    border: 1px solid #cfe0e8;
    background: #ffffff;
    color: #245064;
    font-size: 12px;
    font-weight: 800;
}

.exam-print-button:hover:not(:disabled)[b-2aly8nd18d] {
    border-color: #87c5dc;
    background: #eaf8fd;
    color: #087fac;
}

.exam-print-button:disabled[b-2aly8nd18d] {
    opacity: .6;
}

.exam-muted-chip[b-2aly8nd18d] {
    align-self: center;
    padding: .25rem .55rem;
    border: 1px solid #e2e8f0;
    background: #f8fafc;
    color: #64748b !important;
    font-size: 12px !important;
    font-weight: 800;
    white-space: nowrap;
}

.exam-table-scroll[b-2aly8nd18d],
.exam-matrix-scroll[b-2aly8nd18d] {
    overflow: auto;
    border: 1px solid #d7e2ea;
    background: #ffffff;
}

.exam-table[b-2aly8nd18d] {
    width: 100%;
    min-width: 0;
    table-layout: auto;
}

.exam-table th[b-2aly8nd18d],
.exam-table td[b-2aly8nd18d] {
    border: 1px solid #e5e7eb;
    white-space: normal;
    vertical-align: middle;
    text-align: center;
}

.exam-table th:nth-child(1)[b-2aly8nd18d],
.exam-table td:nth-child(1)[b-2aly8nd18d],
.exam-table th:nth-child(2)[b-2aly8nd18d],
.exam-table td:nth-child(2)[b-2aly8nd18d],
.exam-table th:nth-child(3)[b-2aly8nd18d],
.exam-table td:nth-child(3)[b-2aly8nd18d],
.exam-table th:nth-child(6)[b-2aly8nd18d],
.exam-table td:nth-child(6)[b-2aly8nd18d],
.exam-table th:nth-child(7)[b-2aly8nd18d],
.exam-table td:nth-child(7)[b-2aly8nd18d],
.exam-table th:nth-child(9)[b-2aly8nd18d],
.exam-table td:nth-child(9)[b-2aly8nd18d] {
    white-space: nowrap;
}

.exam-table th:nth-child(4)[b-2aly8nd18d],
.exam-table td:nth-child(4)[b-2aly8nd18d] {
    min-width: 110px;
}

.exam-table th:nth-child(5)[b-2aly8nd18d],
.exam-table td:nth-child(5)[b-2aly8nd18d] {
    min-width: 105px;
}

.exam-table th:nth-child(8)[b-2aly8nd18d],
.exam-table td:nth-child(8)[b-2aly8nd18d] {
    min-width: 130px;
    max-width: 230px;
}

.exam-table td strong[b-2aly8nd18d],
.exam-table td small[b-2aly8nd18d] {
    display: block;
}

.exam-table td small[b-2aly8nd18d] {
    margin-top: .15rem;
    color: #64748b;
    font-size: 11.5px;
}

.selected-row > *[b-2aly8nd18d] {
    background: #fff7e8 !important;
}

.exam-subject-cell[b-2aly8nd18d] {
    color: #06394d !important;
    font-weight: 800 !important;
}

.exam-period-pill[b-2aly8nd18d] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 56px;
    min-height: 24px;
    padding: .1rem .45rem;
    border: 1px solid #cde6ef;
    background: #eef9fd;
    color: #08769c;
    font-size: 11.5px;
    font-weight: 800;
}

.exam-row-actions[b-2aly8nd18d] {
    display: inline-flex;
    gap: .25rem;
}

.exam-row-actions .app-icon-button[b-2aly8nd18d] {
    width: 28px;
    height: 28px;
    font-size: 14px;
}

.exam-row-actions .app-action-icon[b-2aly8nd18d] {
    width: 15px;
    height: 15px;
}

.exam-matrix-table[b-2aly8nd18d] {
    width: 100%;
    min-width: 500px;
    border-collapse: collapse;
    direction: rtl;
    color: #17202a;
    font-family: "Segoe UI", Tahoma, Arial, sans-serif;
    font-size: 12.4px;
    text-align: center;
}

.exam-matrix-table th[b-2aly8nd18d],
.exam-matrix-table td[b-2aly8nd18d] {
    border: 1px solid #2f3b44;
    padding: .45rem .5rem;
    vertical-align: middle;
}

.exam-matrix-table thead th[b-2aly8nd18d] {
    background: #e8f0f4;
    color: #10283a;
    font-weight: 800;
}

.exam-date-cell[b-2aly8nd18d] {
    min-width: 120px;
    background: #f8fafc;
}

.exam-date-cell strong[b-2aly8nd18d],
.exam-date-cell small[b-2aly8nd18d],
.matrix-subject-cell strong[b-2aly8nd18d],
.matrix-subject-cell small[b-2aly8nd18d] {
    display: block;
}

.exam-date-cell small[b-2aly8nd18d],
.matrix-subject-cell small[b-2aly8nd18d] {
    margin-top: .15rem;
    color: #5f7180;
    font-size: 11.4px;
}

.matrix-subject-cell[b-2aly8nd18d] {
    background: #fff8e6;
    color: #122f45;
    font-weight: 800;
}

.matrix-empty-cell[b-2aly8nd18d] {
    background: #eef3f6;
    color: #94a3b8;
}

.exam-confirm-modal[b-2aly8nd18d] {
    max-width: 440px;
}

.exam-delete-preview[b-2aly8nd18d] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .45rem;
}

.exam-delete-preview span[b-2aly8nd18d] {
    padding: .45rem .35rem;
    border: 1px solid #e2e8f0;
    background: #f8fafc;
    color: #334155;
    font-size: 12px;
    font-weight: 800;
    text-align: center;
}

.danger-button[b-2aly8nd18d] {
    background: #d9303f !important;
}

@media (max-width: 1100px) {
    .exam-workbench-head[b-2aly8nd18d] {
        flex-direction: column;
        align-items: stretch;
    }

    .exam-summary-grid[b-2aly8nd18d] {
        justify-content: flex-start;
    }

    .exam-head-actions[b-2aly8nd18d] {
        justify-content: flex-start;
    }

    .exam-results-toolbar[b-2aly8nd18d] {
        grid-template-columns: 1fr;
    }

    .exam-copy-grid[b-2aly8nd18d] {
        grid-template-columns: 1fr 1fr;
    }

    .exam-copy-grid .app-search-button[b-2aly8nd18d] {
        grid-column: 1 / -1;
        justify-self: start;
    }

    .exam-view-switch[b-2aly8nd18d] {
        width: 260px;
        max-width: 100%;
    }

    .exam-teacher-toggle[b-2aly8nd18d],
    .exam-view-options[b-2aly8nd18d] {
        justify-self: start;
    }
}

@media (max-width: 960px) {
    .exam-editor-panel[b-2aly8nd18d] {
        direction: rtl;
        grid-template-columns: 1fr;
        grid-template-areas:
            "head"
            "properties"
            "shobas"
            "actions";
    }

    .exam-check-grid[b-2aly8nd18d] {
        max-height: none;
    }
}

@media (max-width: 780px) {
    .exam-section-head[b-2aly8nd18d],
    .exam-box-head[b-2aly8nd18d] {
        align-items: stretch;
        flex-direction: column;
    }

    .exam-form-grid[b-2aly8nd18d],
    .exam-time-presets[b-2aly8nd18d],
    .exam-shoba-selector[b-2aly8nd18d],
    .exam-copy-grid[b-2aly8nd18d],
    .exam-results-toolbar[b-2aly8nd18d],
    .exam-results-filters[b-2aly8nd18d] {
        grid-template-columns: 1fr;
    }

    .exam-workbench[b-2aly8nd18d],
    .exam-results-panel[b-2aly8nd18d] {
        margin-inline: .75rem;
    }

    .exam-copy-head[b-2aly8nd18d] {
        align-items: stretch;
        flex-direction: column;
        gap: .25rem;
    }

    .exam-head-actions[b-2aly8nd18d],
    .exam-editor-actions[b-2aly8nd18d],
    .exam-view-switch[b-2aly8nd18d] {
        justify-content: stretch;
    }

    .exam-view-switch[b-2aly8nd18d] {
        width: 100%;
    }

    .exam-head-actions .app-outline-button[b-2aly8nd18d],
    .exam-editor-actions .app-search-button[b-2aly8nd18d],
    .exam-editor-actions .app-outline-button[b-2aly8nd18d] {
        flex: 1 1 auto;
    }
}

@page {
    size: A4 landscape;
    margin: 7mm;
}

@media print {
    .exam-head-actions[b-2aly8nd18d],
    .exam-copy-panel[b-2aly8nd18d],
    .exam-editor-panel[b-2aly8nd18d],
    .exam-results-toolbar[b-2aly8nd18d],
    .exam-summary-grid[b-2aly8nd18d],
    .exam-results-panel > .exam-section-head[b-2aly8nd18d] {
        display: none !important;
    }

    .exam-page[b-2aly8nd18d],
    .exam-results-panel[b-2aly8nd18d] {
        border: 0;
        box-shadow: none;
        background: #ffffff;
        margin: 0;
        padding: 0;
    }

    .exam-page > .app-page-hero[b-2aly8nd18d] {
        border-bottom: 1px solid #000000;
        margin-bottom: .5rem;
    }

    .exam-matrix-scroll[b-2aly8nd18d],
    .exam-table-scroll[b-2aly8nd18d] {
        border: 0;
        overflow: visible !important;
        width: auto;
    }

    .exam-matrix-scroll[b-2aly8nd18d] {
        display: flex;
        justify-content: center;
    }

    .exam-table-scroll[b-2aly8nd18d] {
        display: none !important;
    }

    .exam-matrix-table[b-2aly8nd18d] {
        width: auto !important;
        min-width: 0 !important;
        margin-inline: auto;
        table-layout: auto;
        font-size: 10px;
        line-height: 1.35;
        break-inside: avoid;
        page-break-inside: avoid;
    }

    .exam-matrix-table th[b-2aly8nd18d],
    .exam-matrix-table td[b-2aly8nd18d] {
        padding: 3px 5px;
        overflow-wrap: normal;
        word-break: keep-all;
        white-space: nowrap;
    }

    .exam-date-cell[b-2aly8nd18d] {
        min-width: max-content;
    }

    .exam-date-cell small[b-2aly8nd18d],
    .matrix-subject-cell small[b-2aly8nd18d] {
        font-size: 8.5px;
        line-height: 1.25;
    }

    .matrix-subject-cell strong[b-2aly8nd18d] {
        font-size: 10px;
    }

    .exam-matrix-table tr[b-2aly8nd18d] {
        break-inside: avoid;
        page-break-inside: avoid;
    }
}
/* /Pages/Exams/LejanPage.razor.rz.scp.css */
.lejan-panel-head[b-8j1ub04sgv] { display: flex; align-items: start; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
    .lejan-panel-head h2[b-8j1ub04sgv], .distribution-results-box h3[b-8j1ub04sgv] { margin: 0 0 .25rem; font-size: 14px; font-weight: 700; color: #10283a; }
    .lejan-panel-head p[b-8j1ub04sgv] { margin: 0; color: #496171; font-size: 12.4px; }
    .lejan-counter[b-8j1ub04sgv], .lejan-totals span[b-8j1ub04sgv] { border: 1px solid #d9e7ef; background: #f7fbfd; padding: .45rem .7rem; font-size: 12.4px; font-weight: 700; white-space: nowrap; }
    .lejan-totals[b-8j1ub04sgv] { display: flex; gap: .5rem; flex-wrap: wrap; justify-content: flex-end; }
    .lejan-form-grid[b-8j1ub04sgv], .lock-form-grid[b-8j1ub04sgv] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
    .committees-panel[b-8j1ub04sgv] {
        padding: 1.1rem 1.25rem 1.25rem;
        background: #ffffff;
    }
    .committees-panel .lejan-panel-head[b-8j1ub04sgv] {
        align-items: center;
        border-bottom: 1px solid #e4edf3;
        padding-bottom: .8rem;
        margin-bottom: .95rem;
    }
.committee-editor[b-8j1ub04sgv] {
    width: 100%;
    margin-inline: auto;
    border: 1px solid #d7e5ed;
    background: #f8fbfc;
    box-shadow: 0 8px 18px rgba(15, 23, 42, .055);
    padding: .85rem .95rem .95rem;
}
    .committee-editor-title[b-8j1ub04sgv] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: .75rem;
        margin-bottom: .85rem;
        color: #405969;
        font-size: 12px;
    }
    .committee-editor-title span[b-8j1ub04sgv] {
        color: #087fac;
        font-size: 13px;
        font-weight: 800;
    }
    .committee-editor-title strong[b-8j1ub04sgv] {
        font-weight: 700;
        color: #10283a;
        background: #fff;
        border: 1px solid #e0e9ef;
        padding: .28rem .55rem;
    }
.committee-form-grid[b-8j1ub04sgv] {
        display: grid;
        grid-template-columns: 92px minmax(210px, 1fr) minmax(210px, 1fr) 94px;
        grid-template-areas:
            "number name name observers"
            "place place door door";
        gap: .65rem;
        align-items: end;
    }
    .committee-no-field[b-8j1ub04sgv] { grid-area: number; }
    .committee-name-field[b-8j1ub04sgv] { grid-area: name; }
    .committee-place-field[b-8j1ub04sgv] { grid-area: place; }
    .committee-door-field[b-8j1ub04sgv] { grid-area: door; }
    .committee-observers-field[b-8j1ub04sgv] { grid-area: observers; }
    .committee-form-grid .form-control[b-8j1ub04sgv],
    .committee-form-grid .form-select[b-8j1ub04sgv] {
        min-height: 36px;
        font-size: 12.4px;
        font-weight: 600;
        background-color: #fff;
    }
    .committee-action-row[b-8j1ub04sgv] {
        display: flex;
        margin-top: .85rem;
        justify-content: center;
        gap: .7rem;
    }
    .committee-action-row .app-search-button[b-8j1ub04sgv],
    .committee-action-row .app-outline-button[b-8j1ub04sgv] {
        min-width: 120px;
        min-height: 35px;
        font-size: 13px;
    }
    .committee-list-head[b-8j1ub04sgv] {
        width: 100%;
        margin: 1rem auto 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: .75rem;
        border: 1px solid #d7e5ed;
        border-bottom: 0;
        background: #f2f8fb;
        padding: .55rem .7rem;
    }
    .committee-list-head span[b-8j1ub04sgv] {
        display: block;
        color: #087fac;
        font-size: 13px;
        font-weight: 800;
    }
    .committee-list-head strong[b-8j1ub04sgv] {
        display: block;
        margin-top: .15rem;
        color: #405969;
        font-size: 12px;
        font-weight: 600;
    }
    .committee-list-summary[b-8j1ub04sgv] {
        display: flex;
        gap: .45rem;
        flex-wrap: wrap;
    }
    .committee-list-summary span[b-8j1ub04sgv] {
        color: #10283a;
        background: #fff;
        border: 1px solid #dce8ef;
        padding: .28rem .55rem;
        font-size: 12px;
    }

.committee-table-bleed[b-8j1ub04sgv] {
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    overflow: hidden;
}
    .lejan-table th[b-8j1ub04sgv], .lejan-table td[b-8j1ub04sgv] { white-space: nowrap; }
    .committee-table-scroll[b-8j1ub04sgv] {
        width: 100%;
        max-width: 100%;
        margin-inline: auto;
        border: 1px solid #d7e2ea;
        background: #fff;
        box-shadow: 0 8px 18px rgba(15, 23, 42, .045);
        overflow-x: auto;
        overflow-y: hidden;
        overscroll-behavior-x: contain;
        -webkit-overflow-scrolling: touch;
    }
    .committee-table.app-data-table[b-8j1ub04sgv] {
        width: 100%;
        min-width: 620px;
        margin: 0;
        table-layout: fixed;
    }
.committee-table th[b-8j1ub04sgv],
.committee-table td[b-8j1ub04sgv] {
    padding: .42rem .4rem;
    vertical-align: middle;
    text-align: center;
    border-color: #d7e2ea;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    border: 1px solid #aebfc9;
}
.committee-table th[b-8j1ub04sgv] {
    background: #e9f3f4;
    font-weight: 700;
    color: rgb(62 71 81);
}
    .committee-table tbody tr:nth-child(even)[b-8j1ub04sgv] { background: #fbfdfe; }
    .committee-table tbody tr:hover[b-8j1ub04sgv] { background: #eef8fc; }
    .committee-col-number[b-8j1ub04sgv] { width: 70px; }
    .committee-col-name[b-8j1ub04sgv] { width: 28%; }
    .committee-col-place[b-8j1ub04sgv] { width: auto; }
    .committee-col-door[b-8j1ub04sgv] { width: 13%; }
    .committee-col-observers[b-8j1ub04sgv] { width: 70px; }
    .committee-col-actions[b-8j1ub04sgv] { width: 78px; }
    .committee-table th:last-child[b-8j1ub04sgv],
    .committee-table td:last-child[b-8j1ub04sgv] {
        padding-inline: .2rem;
        overflow: visible;
    }
    .lejan-table.compact th[b-8j1ub04sgv], .lejan-table.compact td[b-8j1ub04sgv] { padding: .35rem .45rem; font-size: 12px; }
    .lejan-actions-cell[b-8j1ub04sgv] {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: .3rem;
        min-height: 30px;
    }
    .lejan-actions-cell .app-icon-button[b-8j1ub04sgv] {
        width: 26px;
        height: 26px;
        background: #fff;
        font-size: 13px;
        font-weight: 800;
        box-shadow: 0 1px 3px rgba(15, 23, 42, .08);
    }

    .lejan-modal-close-button[b-8j1ub04sgv] {
        flex: 0 0 28px;
        width: 28px;
        height: 28px;
        color: #334155;
        border-color: #d7e3ea;
        background: #fff;
    }
    .lejan-modal-close-button:hover[b-8j1ub04sgv] {
        color: #0b7fa8;
        background: #eef8fc;
        border-color: #9ac9dd;
    }
    .lejan-modal-close-button .app-action-icon[b-8j1ub04sgv] {
        width: 13px;
        height: 13px;
    }
    .selected-row[b-8j1ub04sgv] { background: #fff7e8 !important; box-shadow: inset 3px 0 0 #d48a00; }
    .lejan-counts-workspace[b-8j1ub04sgv] {
        display: grid;
        grid-template-columns: minmax(170px, 190px) minmax(0, 1fr);
        gap: .85rem;
        align-items: start;
    }
    .lejan-counts-sidebar[b-8j1ub04sgv],
    .lejan-counts-main[b-8j1ub04sgv] {
        min-width: 0;
    }
    .lejan-counts-main[b-8j1ub04sgv] {
        max-width: 100%;
        overflow: hidden;
    }
    .lejan-counts-workspace.many-safs[b-8j1ub04sgv] {
        grid-template-columns: 1fr;
    }
    .lejan-counts-workspace.many-safs .lejan-counts-sidebar[b-8j1ub04sgv] {
        order: 1;
    }
    .lejan-counts-workspace.many-safs .lejan-counts-main[b-8j1ub04sgv] {
        order: 2;
    }
    .lejan-counts-sidebar[b-8j1ub04sgv] {
        border: 1px solid #d9e7ef;
        background: linear-gradient(180deg, #f7fcfe 0%, #fff 100%);
        padding: .55rem;
        box-shadow: 0 8px 18px rgba(15, 23, 42, .045);
    }
    .counts-sidebar-head[b-8j1ub04sgv] {
        display: grid;
        gap: .45rem;
        padding-bottom: .5rem;
        margin-bottom: .5rem;
        border-bottom: 1px solid #e2edf3;
    }
    .counts-sidebar-head > span[b-8j1ub04sgv] {
        color: #405969;
        font-size: 11.8px;
        font-weight: 700;
    }
    .counts-sidebar-head div[b-8j1ub04sgv] {
        display: flex;
        gap: .35rem;
        flex-wrap: wrap;
    }
    .counts-sidebar-head strong[b-8j1ub04sgv] {
        display: inline-flex;
        align-items: center;
        min-height: 26px;
        padding: .25rem .45rem;
        color: #087fac;
        background: #eaf7fc;
        border: 1px solid #d0e9f4;
        font-size: 11.8px;
    }
    .saf-cards[b-8j1ub04sgv] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .6rem; }
    .counts-saf-cards[b-8j1ub04sgv] {
        grid-template-columns: 1fr;
        gap: .45rem;
    }
    .lejan-counts-workspace.many-safs .counts-saf-cards[b-8j1ub04sgv] {
        grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    }
    .lejan-counts-workspace.many-safs .counts-sidebar-head[b-8j1ub04sgv] {
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
    }
    .saf-card[b-8j1ub04sgv] {
        position: relative;
        border: 1px solid #d9e2e9;
        padding: .45rem .45rem .45rem 2.25rem;
        display: grid;
        gap: .18rem;
        cursor: pointer;
        background: #fff;
        min-height: 52px;
        box-shadow: 0 1px 4px rgba(15, 23, 42, .04);
    }
    .saf-card.active[b-8j1ub04sgv] {
        background: #eef9ff;
        border-color: #9bcfe8;
        box-shadow: inset 3px 0 0 #087fac;
    }
    .saf-card input[b-8j1ub04sgv] {
        position: absolute;
        left: .5rem;
        top: 50%;
        transform: translateY(-50%);
    }
    .saf-name[b-8j1ub04sgv] {
        color: #10283a;
        font-size: 11.6px;
        font-weight: 800;
        line-height: 1.25;
    }
    .saf-card span:not(.saf-name)[b-8j1ub04sgv] {
        color: #405969;
        font-size: 11.6px;
        font-weight: 600;
    }
    .ok[b-8j1ub04sgv] { color: #00865a; }
    .warn[b-8j1ub04sgv] { color: #b76b00; }
    .saf-card .ok[b-8j1ub04sgv] { color: #00865a; }
    .saf-card .warn[b-8j1ub04sgv] { color: #b76b00; }
    .lejan-counts-table-head[b-8j1ub04sgv] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: .75rem;
        border: 1px solid #d9e7ef;
        border-bottom: 0;
        background: #f2f8fb;
        padding: .55rem .7rem;
    }
    .lejan-counts-table-head span[b-8j1ub04sgv] {
        display: block;
        color: #087fac;
        font-size: 13px;
        font-weight: 800;
    }
    .lejan-counts-table-head strong[b-8j1ub04sgv] {
        display: block;
        margin-top: .12rem;
        color: #405969;
        font-size: 11.8px;
        font-weight: 600;
    }
    .lejan-counts-table-head > span[b-8j1ub04sgv] {
        background: #fff;
        border: 1px solid #dce8ef;
        color: #10283a;
        padding: .28rem .55rem;
        white-space: nowrap;
    }
    .lejan-counts-scroll[b-8j1ub04sgv] {
        width: 100%;
        max-width: 100%;
        margin-top: 0 !important;
        border-color: #d9e7ef;
        overflow-x: auto;
        overflow-y: hidden;
        overscroll-behavior-x: contain;
        -webkit-overflow-scrolling: touch;
    }
    .lejan-counts-table[b-8j1ub04sgv] {
        width: 100%;
        min-width: 720px;
        table-layout: fixed;
        border-collapse: collapse;
        margin: 0;
    }
    .lejan-counts-workspace.many-safs .lejan-counts-table[b-8j1ub04sgv] {
        min-width: max(100%, 920px);
    }
    .lejan-counts-table th[b-8j1ub04sgv],
    .lejan-counts-table td[b-8j1ub04sgv] {
        text-align: center;
        white-space: nowrap;
        padding: .32rem .35rem;
        vertical-align: middle;
        border: 1px solid #aebfc9;
    }
    .lejan-counts-table th[b-8j1ub04sgv] {
        border-color: #087fac;
        white-space: normal;
        line-height: 1.35;
        overflow-wrap: anywhere;
    }
    .lejan-counts-table .lejan-count-committee-cell[b-8j1ub04sgv] {
        width: 105px;
        min-width: 105px;
        max-width: 105px;
        white-space: normal;
        overflow: hidden;
    }
    .lejan-count-committee-text[b-8j1ub04sgv] {
        display: -webkit-box;
        max-height: 2.7em;
        line-height: 1.35;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow-wrap: anywhere;
    }
    .lejan-counts-table tfoot td[b-8j1ub04sgv] {
        background: #f7fbfd;
        font-weight: 800;
    }
    .lejan-counts-table tfoot tr:last-child td[b-8j1ub04sgv] {
        background: #fffaf0;
    }
    .lejan-counts-table tfoot tr:last-child td.remaining-ok[b-8j1ub04sgv] {
        color: #006b3f;
        background: #dff8ea;
        border-color: #91d8ac;
    }
    .lejan-counts-table tfoot tr:last-child td.remaining-warn[b-8j1ub04sgv] {
        color: #a30000;
        background: #ffe4e4;
        border-color: #f0a6a6;
    }
.lejan-count-input[b-8j1ub04sgv] {
    width: stretch;
    min-height: 28px;
    border: 1px solid #cbd9e2;
    text-align: center;
    font-weight: 800;
    background: #fff;
}

.lejan-distribution-panel[b-8j1ub04sgv] {
    display: grid;
    gap: 1rem;
}

.distribution-head[b-8j1ub04sgv] {
    align-items: center;
}

.distribution-state[b-8j1ub04sgv] {
    min-width: 160px;
    border: 1px solid #d9e2e9;
    background: #f8fbfd;
    padding: .55rem .75rem;
    text-align: center;
}

.distribution-state strong[b-8j1ub04sgv],
.distribution-state span[b-8j1ub04sgv] {
    display: block;
}

.distribution-state strong[b-8j1ub04sgv] {
    font-size: 13px;
    font-weight: 800;
}

.distribution-state span[b-8j1ub04sgv] {
    color: #64748b;
    font-size: 11.6px;
    margin-top: .15rem;
}

.distribution-state.ready[b-8j1ub04sgv] {
    border-color: #91d8ac;
    background: #edfdf4;
    color: #006b3f;
}

.distribution-state.blocked[b-8j1ub04sgv] {
    border-color: #f3d28b;
    background: #fff8e8;
    color: #8a5300;
}

.distribution-summary-row[b-8j1ub04sgv] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
}

.distribution-summary-card[b-8j1ub04sgv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    border: 1px solid #d9e2e9;
    background: #fbfdfe;
    padding: .65rem .8rem;
}

.distribution-summary-card span[b-8j1ub04sgv] {
    color: #4b6472;
    font-size: 12px;
    font-weight: 600;
}

.distribution-summary-card strong[b-8j1ub04sgv] {
    min-width: 44px;
    background: #eef8fc;
    color: #0476aa;
    padding: .25rem .45rem;
    text-align: center;
    font-size: 15px;
    font-weight: 800;
}

.distribution-grid[b-8j1ub04sgv] {
    display: grid;
    grid-template-columns: minmax(250px, 300px) minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
}

.distribution-options[b-8j1ub04sgv],
.distribution-results-box[b-8j1ub04sgv] {
    border: 1px solid #d9e2e9;
    background: #fff;
    padding: .9rem;
    min-width: 0;
}

.distribution-results-box[b-8j1ub04sgv] {
    min-height: 100%;
}

.distribution-secondary-card[b-8j1ub04sgv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    border: 1px solid #e2ebf1;
    background: #fbfdfe;
    padding: .65rem .7rem;
    margin-top: .75rem;
    flex-direction: column;
}

.distribution-secondary-card div[b-8j1ub04sgv] {
    display: grid;
    gap: .15rem;
}

.distribution-lock-button[b-8j1ub04sgv] {
    width: 100%;
}

.distribution-secondary-card strong[b-8j1ub04sgv] {
    color: #1f3440;
    font-size: 12.4px;
    font-weight: 800;
}

.distribution-secondary-card span[b-8j1ub04sgv] {
    color: #64748b;
    font-size: 11.6px;
    line-height: 1.6;
}

.distribution-section-head[b-8j1ub04sgv] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .75rem;
    padding-bottom: .55rem;
    border-bottom: 1px solid #e8eef2;
}

.distribution-section-head.compact[b-8j1ub04sgv] {
    margin-top: .8rem;
}

.distribution-section-head h3[b-8j1ub04sgv] {
    margin: 0;
    color: #0f4f63;
    font-size: 13px;
    font-weight: 800;
}

.distribution-section-head span[b-8j1ub04sgv] {
    color: #64748b;
    font-size: 11.8px;
    line-height: 1.7;
}

.distribution-method-grid[b-8j1ub04sgv] {
    display: grid;
    grid-template-columns: 1fr;
    gap: .55rem;
}

.distribution-method-option[b-8j1ub04sgv] {
    position: relative;
    display: grid;
    gap: .2rem;
    min-height: 50px;
    border: 1px solid #d9e2e9;
    background: #fbfdfe;
    padding: .55rem 2.1rem .55rem .65rem;
    cursor: pointer;
    transition: border-color .15s ease, background .15s ease, box-shadow .15s ease;
}

.distribution-method-option input[b-8j1ub04sgv] {
    position: absolute;
    inset-inline-start: .65rem;
    top: .65rem;
}

.distribution-method-option strong[b-8j1ub04sgv] {
    font-size: 12.4px;
    font-weight: 800;
    color: #1f3440;
}

.distribution-method-option span[b-8j1ub04sgv] {
    color: #607281;
    font-size: 11.4px;
    line-height: 1.45;
}

.distribution-method-option.selected[b-8j1ub04sgv] {
    border-color: #0b83b3;
    background: #eef9fd;
    box-shadow: inset 0 3px 0 #0b83b3;
}

.distribution-toggle-grid[b-8j1ub04sgv] {
    display: grid;
    grid-template-columns: 1fr;
    gap: .55rem;
    margin-top: .65rem;
}

.seat-options-card[b-8j1ub04sgv] {
    border: 1px solid #d9e2e9;
    background: #fbfdfe;
    padding: .75rem;
}

.seat-start-inline[b-8j1ub04sgv] {
    display: grid;
    grid-template-columns: auto minmax(84px, 1fr);
    align-items: center;
    gap: .55rem;
    margin: 0;
    color: #374955;
    font-size: 13px;
    font-weight: 700;
}

.seat-start-inline input[b-8j1ub04sgv] {
    min-height: 30px;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
}

.seat-start-hint[b-8j1ub04sgv] {
    color: #64748b;
    font-size: 10.8px;
    font-weight: 600;
    line-height: 1.55;
    margin-top: .25rem;
}

.seat-short-name-row[b-8j1ub04sgv] {
    display: grid;
    gap: .45rem;
    margin-top: .65rem;
}

.seat-short-name-row div[b-8j1ub04sgv] {
    display: grid;
    gap: .1rem;
}

.seat-short-name-row strong[b-8j1ub04sgv] {
    color: #1f3440;
    font-size: 12.2px;
    font-weight: 800;
}

.seat-short-name-row span[b-8j1ub04sgv] {
    color: #64748b;
    font-size: 11.4px;
    line-height: 1.55;
}

.seat-short-name-row .app-outline-button[b-8j1ub04sgv] {
    width: 100%;
}

.lejan-check-row[b-8j1ub04sgv] {
    display: flex;
    align-items: center;
    gap: .5rem;
    border: 1px solid #e2ebf1;
    background: #fbfdfe;
    padding: .55rem .6rem;
    margin: 0;
    font-size: 12.4px;
    font-weight: 600;
}

.small-saf-grid[b-8j1ub04sgv] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-top: .65rem;
}

.distribution-actions[b-8j1ub04sgv] {
    justify-content: center;
    margin-top: .9rem;
}

.distribution-note[b-8j1ub04sgv] {
    border: 1px solid #f3d28b;
    background: #fff8e8;
    color: #8a5300;
    font-size: 11.8px;
    font-weight: 600;
    line-height: 1.7;
    padding: .55rem .7rem;
    margin-top: .75rem;
}

.lock-form-grid[b-8j1ub04sgv] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .6rem;
}

.student-lock-list[b-8j1ub04sgv] {
    border: 1px solid #d9e2e9;
    margin-top: .8rem;
    overflow: hidden;
}

.student-lock-list-head[b-8j1ub04sgv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    background: #f3f8fb;
    border-bottom: 1px solid #d9e2e9;
    padding: .45rem .6rem;
}

.student-lock-list-head strong[b-8j1ub04sgv] {
    color: #0f4f63;
    font-size: 12.4px;
    font-weight: 800;
}

.student-lock-list-head span[b-8j1ub04sgv] {
    color: #64748b;
    font-size: 11.6px;
}

.student-lock-table-wrap[b-8j1ub04sgv] {
    width: 100%;
    overflow-x: auto;
}

.student-lock-table[b-8j1ub04sgv] {
    width: 100%;
    min-width: 0;
    table-layout: auto;
}

    .student-lock-table th[b-8j1ub04sgv],
    .student-lock-table td[b-8j1ub04sgv] {
        white-space: normal;
        overflow-wrap: anywhere;
        border: 1px solid lightgray;
        text-align: center;
    }

.student-lock-table th:last-child[b-8j1ub04sgv],
.student-lock-table td:last-child[b-8j1ub04sgv] {
    text-align: center;
}

.distribution-result-head[b-8j1ub04sgv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
    padding-bottom: .55rem;
    border-bottom: 1px solid #e3ebf0;
}

.distribution-result-head h3[b-8j1ub04sgv] {
    margin: 0;
    color: #0f4f63;
    font-size: 13px;
    font-weight: 800;
}

.distribution-result-head span[b-8j1ub04sgv] {
    color: #64748b;
    font-size: 11.8px;
}

.distribution-refresh-button[b-8j1ub04sgv] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    min-height: 30px;
    padding-inline: .75rem;
    white-space: nowrap;
}

.lejan-students-table[b-8j1ub04sgv] {
    width: 100%;
    min-width: 0;
    table-layout: auto;
    border-collapse: collapse;
}

.lejan-students-table th[b-8j1ub04sgv],
.lejan-students-table td[b-8j1ub04sgv] {
    border: 1px solid #d4e0e8;
    padding: .38rem .45rem;
    text-align: center;
    vertical-align: middle;
    font-size: 12px;
    line-height: 1.45;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: normal;
}

.lejan-students-table th[b-8j1ub04sgv] {
    background: #087fac;
    color: #fff;
    font-weight: 700;
}

.lejan-sort-button[b-8j1ub04sgv] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .25rem;
    width: 100%;
    min-height: 22px;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    line-height: inherit;
    cursor: pointer;
}

.lejan-sort-button span[b-8j1ub04sgv] {
    min-width: 10px;
    color: #dff6ff;
    font-size: 9px;
    line-height: 1;
}

.lejan-sort-button:focus[b-8j1ub04sgv] {
    outline: 0;
}

.lejan-sort-button:focus-visible[b-8j1ub04sgv] {
    box-shadow: inset 0 -2px 0 #ffffff;
}

.lejan-students-table tbody tr:nth-child(even)[b-8j1ub04sgv] {
    background: #f7fbfd;
}

.lejan-students-table tbody tr:hover[b-8j1ub04sgv] {
    background: #eef8fc;
}

.student-name-cell[b-8j1ub04sgv] {
    color: #1f3440;
    font-weight: 700;
    text-align: start !important;
    white-space: normal;
    overflow-wrap: anywhere;
}

.lejan-table-pill[b-8j1ub04sgv] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    min-height: 22px;
    padding: .15rem .45rem;
    background: #eef4f7;
    color: #344b58;
    font-size: 11.6px;
    font-weight: 700;
    line-height: 1.3;
    white-space: normal;
    overflow-wrap: anywhere;
}

.lejan-table-pill.committee[b-8j1ub04sgv],
.lejan-table-pill.seat[b-8j1ub04sgv] {
    background: #e8f7ee;
    color: #08733e;
}

.lejan-table-pill.saf[b-8j1ub04sgv] {
    background: #f2f6f8;
    color: #334955;
}

.lejan-table-pill.shoba[b-8j1ub04sgv] {
    min-width: 28px;
    padding-inline: .35rem;
    background: #edf7fc;
    color: #087fac;
}

    .lejan-modal[b-8j1ub04sgv] {
        width: min(100%, 560px);
        max-height: calc(100vh - 2rem);
        overflow: auto;
        background: #fff;
        border: 1px solid #d9e2e9;
        box-shadow: 0 18px 45px rgba(15, 23, 42, .25);
        padding: 1rem;
    }
    .lejan-wide-modal[b-8j1ub04sgv] {
        width: min(100%, 760px);
    }
    .lejan-modal-head[b-8j1ub04sgv] {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 1rem;
        padding-bottom: .75rem;
        margin-bottom: .8rem;
        border-bottom: 1px solid #e8eef2;
    }
    .lejan-modal-head h3[b-8j1ub04sgv] {
        margin: 0;
        color: #0f4f63;
        font-size: 14px;
        font-weight: 800;
    }
    .lejan-modal-head p[b-8j1ub04sgv] {
        margin: .25rem 0 0;
        color: #64748b;
        font-size: 11.8px;
        line-height: 1.7;
    }
    .modal-saf-grid[b-8j1ub04sgv] {
        margin-bottom: .85rem;
    }
    .lejan-confirm-modal[b-8j1ub04sgv] { width: min(100%, 420px); background: #fff; border: 1px solid #d9e2e9; box-shadow: 0 16px 38px rgba(15, 23, 42, .2); padding: 1rem; }
    .lejan-confirm-modal h3[b-8j1ub04sgv] { margin: 0 0 .65rem; font-size: 15px; font-weight: 700; }
    .danger-button[b-8j1ub04sgv] { background: #d9303f !important; }
    @media (max-width: 1050px) {
        .committee-form-grid[b-8j1ub04sgv] {
/*            grid-template-columns: 100px minmax(150px, 1fr) minmax(150px, 1fr) 100px;
*/            
grid-template-columns: 150px minmax(150px, 1fr) minmax(150px, 1fr) 150px;
        }
        .saf-cards[b-8j1ub04sgv] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
        .counts-saf-cards[b-8j1ub04sgv] { grid-template-columns: 1fr; }
        .distribution-grid[b-8j1ub04sgv] { grid-template-columns: 1fr; }
        .student-lock-table[b-8j1ub04sgv] { min-width: 0; }
    }
    @media (max-width: 760px) {
        .committee-table-bleed[b-8j1ub04sgv] {
            margin-inline: -.5rem;
        }
        .committee-list-head[b-8j1ub04sgv] {
            align-items: stretch;
            flex-direction: column;
        }
        .committee-table.app-data-table[b-8j1ub04sgv] {
            width: 100%;
            min-width: 620px;
            table-layout: fixed;
        }
        .committee-table th[b-8j1ub04sgv],
        .committee-table td[b-8j1ub04sgv] {
            padding: .38rem .25rem;
            font-size: 11.6px;
            white-space: normal;
            line-height: 1.35;
            overflow-wrap: anywhere;
            word-break: normal;
           
        }
        .committee-col-number[b-8j1ub04sgv] { width: 42px; }
        .committee-col-name[b-8j1ub04sgv] { width: 27%; }
        .committee-col-place[b-8j1ub04sgv] { width: auto; }
        .committee-col-door[b-8j1ub04sgv] { width: 13%; }
        .committee-col-observers[b-8j1ub04sgv] { width: 48px; }
        .committee-col-actions[b-8j1ub04sgv] { width: 56px; }
        .lejan-actions-cell .app-icon-button[b-8j1ub04sgv] {
            width: 22px;
            height: 22px;
            font-size: 12px;
        }
        .lejan-actions-cell[b-8j1ub04sgv] {
            gap: .2rem;
        }
    }
    @media (max-width: 680px) {
        .lejan-panel[b-8j1ub04sgv] { padding: .75rem; }
        .lejan-panel-head[b-8j1ub04sgv], .lejan-totals[b-8j1ub04sgv] { flex-direction: column; align-items: stretch; }
        .lejan-counts-workspace[b-8j1ub04sgv] { grid-template-columns: 1fr; }
        .lejan-counts-sidebar[b-8j1ub04sgv] { order: 1; }
        .lejan-counts-main[b-8j1ub04sgv] { order: 2; }
        .lejan-counts-table-head[b-8j1ub04sgv] { align-items: stretch; flex-direction: column; }
        .lejan-form-grid[b-8j1ub04sgv],
        .lock-form-grid[b-8j1ub04sgv],
        .small-saf-grid[b-8j1ub04sgv],
        .saf-cards[b-8j1ub04sgv],
        .distribution-summary-row[b-8j1ub04sgv],
        .distribution-method-grid[b-8j1ub04sgv],
        .distribution-toggle-grid[b-8j1ub04sgv] {
            grid-template-columns: 1fr;
        }
        .distribution-section-head[b-8j1ub04sgv],
        .distribution-result-head[b-8j1ub04sgv] {
            flex-direction: column;
            align-items: stretch;
        }
        .counts-saf-cards[b-8j1ub04sgv] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
        .committee-form-grid[b-8j1ub04sgv] {
            grid-template-columns: 1fr 1fr;
            grid-template-areas:
                "number observers"
                "name name"
                "place place"
                "door door";
        }
    }


    @media (max-width: 520px) {
        .committees-panel[b-8j1ub04sgv] {
            padding-inline: .75rem;
        }
       
        .committee-table th[b-8j1ub04sgv],
        .committee-table td[b-8j1ub04sgv] {
            font-size: 10.6px;
            padding-inline: .14rem;
        }
        .committee-col-number[b-8j1ub04sgv] { width: 36px; }
        .committee-col-name[b-8j1ub04sgv] { width: 26%; }
        .committee-col-place[b-8j1ub04sgv] { width: auto; }
        .committee-col-door[b-8j1ub04sgv] { width: 12%; }
        .committee-col-observers[b-8j1ub04sgv] { width: 38px; }
        .committee-col-actions[b-8j1ub04sgv] { width: 48px; }
        .lejan-actions-cell .app-icon-button[b-8j1ub04sgv] {
            width: 20px;
            height: 20px;
        }
        .app-action-icon[b-8j1ub04sgv] {
            width: 12px;
            height: 12px;
        }
        .counts-saf-cards[b-8j1ub04sgv] { grid-template-columns: 1fr; }
        .lejan-counts-table[b-8j1ub04sgv] { min-width: 620px; }
    }

    @media (max-width: 760px) {
        .lejan-page > .app-page-hero[b-8j1ub04sgv] {
            display: contents;
        }

        .lejan-page > .app-page-hero > .app-page-head[b-8j1ub04sgv] {
            width: 100%;
            margin: 0 !important;
            border-radius: 0;
        }

        .lejan-page > .app-tabs[b-8j1ub04sgv] {
            gap: .2rem;
            margin-top: 2px;
        }
    }
/* /Pages/Exams/LejanStudentOrder.razor.rz.scp.css */
.committee-level-page .app-content-panel[b-cnpgkl37vk] {
    padding: 1.25rem 1.5rem 1.5rem;
}

.committee-info[b-cnpgkl37vk] {
    display: grid;
    gap: .35rem;
    margin-bottom: 1rem;
    padding: .85rem 1rem;
    border: 1px solid #dbeafe;
    background: #eff6ff;
    color: #17456b;
    font-size: .88rem;
    font-weight: 800;
}

.committee-level-toolbar[b-cnpgkl37vk] {
    display: grid;
    grid-template-columns: minmax(180px, 1fr) minmax(180px, 1fr) auto;
    gap: .75rem;
    align-items: end;
}

.committee-level-actions[b-cnpgkl37vk] {
    display: flex;
    justify-content: center;
    gap: .75rem;
    margin: 1rem 0;
}

.committee-level-table .student-name[b-cnpgkl37vk] {
    min-width: 220px;
    font-weight: 900;
    color: #172033;
}

.committee-level-table tr.changed td[b-cnpgkl37vk] {
    background: #fff7ed;
}

.committee-level-input[b-cnpgkl37vk] {
    width: 82px;
    min-height: 34px;
    border: 1px solid #cbd5e1;
    border-radius: 3px;
    background: #ffffff;
    color: #172033;
    font-weight: 900;
    text-align: center;
}

.committee-level-input:focus[b-cnpgkl37vk] {
    border-color: #0476aa;
    box-shadow: 0 0 0 3px rgba(4, 118, 170, .14);
    outline: 0;
}

@media (max-width: 760px) {
    .committee-level-page .app-content-panel[b-cnpgkl37vk] {
        padding: 1rem;
    }

    .committee-level-toolbar[b-cnpgkl37vk] {
        grid-template-columns: 1fr;
    }

    .committee-level-actions[b-cnpgkl37vk] {
        flex-direction: column;
    }
}
/* /Pages/Exams/MolahdhEditPage.razor.rz.scp.css */
.molahdh-edit-page[b-n5lfj1y0qz] {
    font-size: 11.8px;
}

.molahdh-edit-page .app-page-hero[b-n5lfj1y0qz] {
    padding: 1.3rem 1.5rem 1rem;
    background: linear-gradient(180deg, #f2fbfa 0%, #ffffff 100%);
    border-bottom: 1px solid #dbe9ee;
}

.molahdh-edit-page .app-page-head[b-n5lfj1y0qz] {
    margin: 0 auto !important;
    max-width: 900px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .04);
}

.molahdh-edit-page .app-content-panel[b-n5lfj1y0qz] {
    border-color: #d8e7ee;
    box-shadow: 0 6px 18px rgba(15, 23, 42, .045);
}

.molahdh-edit-toolbar[b-n5lfj1y0qz] {
    display: grid;
    grid-template-columns: minmax(220px, 340px) 1fr;
    gap: .85rem;
    align-items: end;
    margin-top: .85rem;
    background: #fbfdfe;
}

.molahdh-filter[b-n5lfj1y0qz] {
    margin: 0;
    max-width: 340px;
}

.molahdh-filter > span[b-n5lfj1y0qz] {
    position: absolute;
    top: 0;
    right: .75rem;
    z-index: 2;
    padding: 0 .25rem;
    background: #ffffff;
    color: #b91c1c;
    font-size: .78rem;
    line-height: 1;
    font-weight: 800;
}

.molahdh-filter .form-select[b-n5lfj1y0qz] {
    min-height: 40px;
    height: 40px;
    width: 100%;
    direction: rtl;
    padding: .45rem .75rem .45rem 2.25rem;
    border: 1px solid #bfc7cf;
    border-radius: 0;
    background-color: #ffffff;
    background-position: left .75rem center;
    background-size: 14px 10px;
    color: #000000ad;
    font-size: 13px;
    font-weight: 800;
    text-align: right;
    box-shadow: none;
}

.molahdh-filter .form-select:focus[b-n5lfj1y0qz] {
    border-color: #5b8db8;
    box-shadow: 0 0 0 .12rem rgba(91, 141, 184, .16);
    outline: 0;
}

.molahdh-toolbar-actions[b-n5lfj1y0qz] {
    display: flex;
    gap: .55rem;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.molahdh-guide[b-n5lfj1y0qz] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    justify-content: space-between;
    align-items: stretch;
    gap: 1rem;
    background: linear-gradient(90deg, #ffffff 0%, #f7fcff 100%);
    border-inline-start: 4px solid #0782ad;
}

.molahdh-guide p[b-n5lfj1y0qz],
.molahdh-grid-head p[b-n5lfj1y0qz] {
    margin: .25rem 0 0;
    color: #536775;
    line-height: 1.75;
}

.molahdh-guide .app-content-title[b-n5lfj1y0qz],
.molahdh-grid-head .app-content-title[b-n5lfj1y0qz] {
    color: #05384e;
    font-size: 13px;
    font-weight: 700;
}

.molahdh-status-list[b-n5lfj1y0qz] {
    display: grid;
    grid-template-columns: repeat(2, minmax(92px, 1fr));
    gap: .45rem;
    min-width: 290px;
}

.molahdh-status-list span[b-n5lfj1y0qz],
.selected-pill[b-n5lfj1y0qz] {
    border: 1px solid #d8e7ef;
    background: #f8fbfd;
    color: #263746;
    padding: .42rem .6rem;
}

.molahdh-status-list b[b-n5lfj1y0qz] {
    color: #007dac;
    margin-inline-end: .25rem;
}

.issue-count.is-danger b[b-n5lfj1y0qz] {
    color: #c82333;
}

.issue-count.is-ok b[b-n5lfj1y0qz] {
    color: #00885a;
}

.empty-count.has-empty b[b-n5lfj1y0qz] {
    color: #d68100;
}

.empty-count.is-ok b[b-n5lfj1y0qz] {
    color: #00885a;
}

.molahdh-grid-panel[b-n5lfj1y0qz] {
    padding: .85rem;
    background: #ffffff;
    min-width: 0;
}

.molahdh-grid-head[b-n5lfj1y0qz] {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 1rem;
    margin-bottom: .75rem;
    padding: .7rem .85rem;
    background: #f7fbfd;
    border: 1px solid #d8e7ee;
}

.selected-pill[b-n5lfj1y0qz] {
    min-width: 205px;
    display: grid;
    gap: .15rem;
    border-color: #9fd6e8;
    background: #ecfaff;
    box-shadow: inset 3px 0 0 #0782ad;
}

.selected-pill span[b-n5lfj1y0qz],
.selected-pill small[b-n5lfj1y0qz] {
    color: #536775;
}

.selected-pill strong[b-n5lfj1y0qz] {
    color: #05384e;
}

.molahdh-matrix-scroll[b-n5lfj1y0qz] {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
    overflow-y: visible;
    overscroll-behavior-inline: contain;
    scrollbar-gutter: stable;
    border: 1px solid #a9c6d2;
    background: #fff;
    box-shadow: inset 0 0 0 1px #edf5f8;
}

.molahdh-matrix[b-n5lfj1y0qz] {
    width: max-content;
    min-width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: auto;
}

.molahdh-matrix th[b-n5lfj1y0qz],
.molahdh-matrix td[b-n5lfj1y0qz] {
    border-inline-end: 1px solid #bed3dc;
    border-bottom: 1px solid #bed3dc;
    text-align: center;
    vertical-align: middle;
}

.molahdh-matrix thead th[b-n5lfj1y0qz] {
    min-width: 35px;
    padding: .25rem .2rem;
    background: #0b789c;
    color: #fff;
    font-weight: 600;
    font-size: 11.2px;
    border-color: #7fb3c5;
}

.molahdh-matrix thead th span[b-n5lfj1y0qz],
.molahdh-matrix thead th strong[b-n5lfj1y0qz],
.molahdh-matrix thead th small[b-n5lfj1y0qz] {
    display: block;
    line-height: 1.35;
}

.molahdh-matrix .observer-col[b-n5lfj1y0qz] {
    position: sticky;
    right: 0;
    z-index: 5;
    width: 155px;
    min-width: 110px;
    max-width: 200px;
    text-align: right;
    background: #f3fbff;
    border-inline-left: 2px solid #8db9c9;
}

.molahdh-matrix thead .observer-col[b-n5lfj1y0qz] {
    background: #075f7f;
    color: #fff;
}

.molahdh-matrix tbody .observer-col[b-n5lfj1y0qz] {
    padding: .28rem .4rem;
    color: #263746;
    font-weight: 600;
    background: #f5fbfe;
}

.molahdh-matrix tbody .observer-col span[b-n5lfj1y0qz],
.molahdh-matrix tbody .observer-col small[b-n5lfj1y0qz] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.molahdh-matrix tbody .observer-col small[b-n5lfj1y0qz] {
    color: #6b7a86;
    font-weight: 500;
    margin-top: .12rem;
}

.molahdh-matrix td[b-n5lfj1y0qz] {
    min-width: 35px;
    height: 38px;
    padding: .12rem;
    color: #263746;
    cursor: pointer;
    background: #fff;
    font-size: 11.2px;
    transition: background-color .12s ease, box-shadow .12s ease, outline-color .12s ease;
}

.molahdh-matrix tbody tr:nth-child(even) td[b-n5lfj1y0qz] {
    background: #f7fbfc;
}

.molahdh-matrix tbody tr:hover td[b-n5lfj1y0qz],
.molahdh-matrix tbody tr:hover .observer-col[b-n5lfj1y0qz] {
    background: #edf8fb;
}

.molahdh-matrix .summary-col[b-n5lfj1y0qz] {
    width: 45px;
    min-width: 43px;
    max-width: 55px ;
    padding: .18rem .2rem;
    text-align: center;
    font-weight: 700;
}

.molahdh-matrix thead .summary-col[b-n5lfj1y0qz] {
    background: #075f7f;
    color: #fff;
    white-space: normal;
    line-height: 1.25;
}

.molahdh-matrix tbody td.summary-col[b-n5lfj1y0qz] {
    cursor: default;
    background: #f2f8fb;
    color: #06394d;
}

.molahdh-matrix tbody tr:nth-child(even) td.summary-col[b-n5lfj1y0qz] {
    background: #edf6fa;
}

.molahdh-matrix tbody tr:hover td.summary-col[b-n5lfj1y0qz] {
    background: #e1f2f8;
}

.molahdh-matrix tbody td.standby-total-col[b-n5lfj1y0qz] {
    color: #b36b00;
}

.molahdh-matrix tbody td.committee-total-col[b-n5lfj1y0qz] {
    color: #007dac;
}

.committee-no[b-n5lfj1y0qz],
.empty-cell[b-n5lfj1y0qz],
.temp-badge[b-n5lfj1y0qz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.committee-no[b-n5lfj1y0qz] {
    min-width: 44px;
    min-height: 36px;
    padding: .28rem .45rem;
    background: #5f9fa2;
    color: #fff;
    font-weight: 700;
    border-radius: 0;
    box-shadow: none;
}

.empty-cell[b-n5lfj1y0qz] {
    color: #33414a;
    font-weight: 500;
}

.temp-badge[b-n5lfj1y0qz] {
    min-width: 44px;
    min-height: 36px;
    padding: .28rem .45rem;
    background: #d8a414;
    color: #fff;
    font-size: 10.5px;
    font-weight: 700;
    border-radius: 0;
    box-shadow: none;
}

.period-cell-inner[b-n5lfj1y0qz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 36px;
    padding: .18rem .3rem;
    border: 2px solid transparent;
    background: transparent;
    box-shadow: none;
    color: #263746;
    line-height: 1.25;
    transition: background-color .12s ease, border-color .12s ease, color .12s ease;
}

.molahdh-matrix td.is-selected .period-cell-inner[b-n5lfj1y0qz] {
    border-color: #8f0000;
    background: #980000;
    color: #fff;
    box-shadow: none;
    animation: selectedCellBlink-b-n5lfj1y0qz .95s ease-in-out infinite;
}

.molahdh-matrix td.is-safe-target .period-cell-inner[b-n5lfj1y0qz] {
    border-color: #16a86b;
    background: #dff7ea;
    color: #006f45;
    box-shadow: none;
}

.molahdh-matrix td.is-warning-target .period-cell-inner[b-n5lfj1y0qz] {
    border-color: #e3a000;
    background: #fff1be;
    color: #6d5000;
    box-shadow: none;
}

.molahdh-matrix td.is-danger-target .period-cell-inner[b-n5lfj1y0qz] {
    border-color: #980000;
    background: #980000;
    color: #fff;
    box-shadow: none;
}

@keyframes selectedCellBlink-b-n5lfj1y0qz {
    0%, 100% {
        border-color: #8f0000;
        background: #980000;
        color: #fff;
    }

    50% {
        border-color: #ffc44d;
        background: #c51f1f;
        color: #fff;
    }
}

.molahdh-matrix td.is-blocked[b-n5lfj1y0qz] {
    opacity: .38;
    cursor: not-allowed;
}

.molahdh-matrix td.has-issue:not(.is-selected):not(.is-safe-target):not(.is-warning-target):not(.is-danger-target)[b-n5lfj1y0qz] {
    box-shadow: none;
}

.molahdh-matrix td.has-issue:not(.is-selected):not(.is-safe-target):not(.is-warning-target):not(.is-danger-target) .period-cell-inner[b-n5lfj1y0qz] {
    border-color: #e3a000;
    background: #fff1be;
    color: #6d5000;
    box-shadow: none;
}

.molahdh-matrix td.is-selected .committee-no[b-n5lfj1y0qz],
.molahdh-matrix td.is-selected .temp-badge[b-n5lfj1y0qz],
.molahdh-matrix td.is-safe-target .committee-no[b-n5lfj1y0qz],
.molahdh-matrix td.is-safe-target .temp-badge[b-n5lfj1y0qz],
.molahdh-matrix td.is-warning-target .committee-no[b-n5lfj1y0qz],
.molahdh-matrix td.is-warning-target .temp-badge[b-n5lfj1y0qz],
.molahdh-matrix td.is-danger-target .committee-no[b-n5lfj1y0qz],
.molahdh-matrix td.is-danger-target .temp-badge[b-n5lfj1y0qz],
.molahdh-matrix td.has-issue:not(.is-selected):not(.is-safe-target):not(.is-warning-target):not(.is-danger-target) .committee-no[b-n5lfj1y0qz],
.molahdh-matrix td.has-issue:not(.is-selected):not(.is-safe-target):not(.is-warning-target):not(.is-danger-target) .temp-badge[b-n5lfj1y0qz] {
    min-width: auto;
    min-height: auto;
    padding: 0;
    background: transparent;
    color: inherit;
    box-shadow: none;
}

.issue-panel[b-n5lfj1y0qz] {
    padding: .85rem;
    background: #fbfdfe;
}

.issue-list[b-n5lfj1y0qz] {
    display: flex;
    gap: .45rem;
    flex-wrap: wrap;
}

.issue-chip[b-n5lfj1y0qz] {
    display: inline-flex;
    padding: .32rem .55rem;
    border: 1px solid transparent;
    background: #f8fbfd;
    color: #263746;
    line-height: 1.7;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
}

.issue-chip.is-warning[b-n5lfj1y0qz] {
    border-color: #ffd98d;
    background: #fff7e6;
    color: #735000;
}

.issue-chip.is-danger[b-n5lfj1y0qz] {
    border-color: #f3a6ad;
    background: #fdebed;
    color: #9c1c29;
}

.swap-summary-status[b-n5lfj1y0qz] {
    display: grid;
    gap: .18rem;
    margin-bottom: .75rem;
    padding: .65rem .75rem;
    border: 1px solid #d8e7ef;
    background: #f8fbfd;
}

.swap-summary-status strong[b-n5lfj1y0qz] {
    font-size: 12.5px;
    color: #06394d;
}

.swap-summary-status span[b-n5lfj1y0qz] {
    color: #536775;
    line-height: 1.7;
}

.swap-summary-status.is-clean[b-n5lfj1y0qz] {
    border-color: #a9e3bf;
    background: #effbf4;
}

.swap-summary-status.is-clean strong[b-n5lfj1y0qz] {
    color: #08733b;
}

.swap-summary-status.has-issues[b-n5lfj1y0qz] {
    border-color: #ffd98d;
    background: #fff8e8;
}

.swap-summary-status.has-issues strong[b-n5lfj1y0qz] {
    color: #946000;
}

.swap-summary-routes[b-n5lfj1y0qz] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem;
    margin-bottom: .75rem;
}

.swap-summary-route[b-n5lfj1y0qz] {
    display: grid;
    gap: .2rem;
    padding: .65rem;
    border: 1px solid #d8e7ef;
    background: #fff;
    box-shadow: inset 3px 0 0 #0782ad;
}

.swap-summary-route span[b-n5lfj1y0qz] {
    color: #6b7a86;
}

.swap-summary-route strong[b-n5lfj1y0qz] {
    color: #263746;
    font-size: 12.5px;
}

.swap-summary-route small[b-n5lfj1y0qz] {
    color: #536775;
    line-height: 1.7;
}

.swap-summary-issues-title[b-n5lfj1y0qz] {
    margin: .2rem 0 .5rem;
    color: #735000;
    font-weight: 700;
}

.swap-load-summary[b-n5lfj1y0qz] {
    display: grid;
    gap: .45rem;
    margin-bottom: .75rem;
}

.swap-load-row[b-n5lfj1y0qz] {
    display: grid;
    grid-template-columns: minmax(120px, 1fr) repeat(2, minmax(0, auto));
    gap: .5rem;
    align-items: center;
    padding: .55rem .65rem;
    border: 1px solid #d8e7ef;
    background: #f8fbfd;
}

.swap-load-row.has-change[b-n5lfj1y0qz] {
    border-color: #ffd98d;
    background: #fff8e8;
}

.swap-load-row strong[b-n5lfj1y0qz] {
    color: #263746;
    font-size: 12px;
    font-weight: 700;
}

.swap-load-row span[b-n5lfj1y0qz] {
    color: #536775;
    font-size: 11.5px;
    font-weight: 600;
}

@media (max-width: 760px) {
    .molahdh-edit-toolbar[b-n5lfj1y0qz],
    .molahdh-guide[b-n5lfj1y0qz],
    .molahdh-grid-head[b-n5lfj1y0qz] {
        display: block;
    }

    .molahdh-toolbar-actions[b-n5lfj1y0qz],
    .molahdh-status-list[b-n5lfj1y0qz] {
        margin-top: .75rem;
    }

    .molahdh-status-list[b-n5lfj1y0qz] {
        min-width: 0;
    }

    .molahdh-matrix .observer-col[b-n5lfj1y0qz] {
        width: 110px;
        min-width: 110px;
        max-width: 110px;
    }

    .molahdh-matrix td[b-n5lfj1y0qz] {
        min-width: 35px;
        height: 38px;
    }

    .swap-summary-routes[b-n5lfj1y0qz] {
        grid-template-columns: 1fr;
    }

    .swap-load-row[b-n5lfj1y0qz] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Exams/MolahdhPage.razor.rz.scp.css */
.molahdh-page[b-447ab2if15] {
    --molahdh-blue: #087fac;
    --molahdh-border: #d8e4ec;
    --molahdh-soft: #f6fbfd;
    --molahdh-text: #20313f;
}

.molahdh-tabs[b-447ab2if15] {
    display: flex;
    justify-content: center;
    gap: .35rem;
    padding: .85rem 1rem 0;
    background: #fff;
    border-bottom: 1px solid var(--molahdh-border);
}

.molahdh-tab[b-447ab2if15] {
    min-width: 150px;
    height: 36px;
    border: 1px solid #cbdde7;
    background: #fff;
    color: #0b5f7c;
    font-size: 12px;
    font-weight: 600;
}

.molahdh-tab.is-active[b-447ab2if15] {
    background: var(--molahdh-blue);
    color: #fff;
    box-shadow: 0 3px 7px rgba(0, 0, 0, .14);
}

.molahdh-body[b-447ab2if15] {
    padding: 1rem;
}

.molahdh-stats[b-447ab2if15] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
    margin-bottom: 1rem;
}

.molahdh-stat[b-447ab2if15] {
    border: 1px solid var(--molahdh-border);
    background: #fbfdfe;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .7rem;
    padding: .65rem .8rem;
    color: var(--molahdh-text);
    font-size: 12.4px;
}

.molahdh-stat strong[b-447ab2if15] {
    color: var(--molahdh-blue);
    background: #eef9fd;
    min-width: 42px;
    text-align: center;
    padding: .3rem .55rem;
}

.molahdh-stat strong.is-ok[b-447ab2if15] {
    color: #00804b;
    background: #e9fff3;
}

.molahdh-stat strong.is-warn[b-447ab2if15] {
    color: #a66b00;
    background: #fff7e6;
}

.molahdh-panel[b-447ab2if15] {
   /* border: 1px solid var(--molahdh-border);*/
    background: #fff;
    margin-bottom: 1rem;
}

.molahdh-panel-header[b-447ab2if15] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: .75rem .9rem;
    border-bottom: 1px solid var(--molahdh-border);
    background: #f7fbfd;
}

.molahdh-panel-header h2[b-447ab2if15],
.molahdh-options h3[b-447ab2if15],
.molahdh-summary h3[b-447ab2if15] {
    margin: 0;
    font-size: 13px;
    font-weight: 700;
    color: #0b4f68;
}

.molahdh-panel-header p[b-447ab2if15] {
    margin: .25rem 0 0;
    font-size: 12px;
    color: #526775;
}

.molahdh-actions[b-447ab2if15] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: .5rem;
}

.molahdh-toolbar[b-447ab2if15] {
    display: flex;
    justify-content: space-between;
    align-items: end;
    flex-wrap: wrap;
    gap: .8rem;
    padding: .8rem .9rem 0;
}

.molahdh-role-filter[b-447ab2if15] {
    width: min(100%, 320px);
}

.molahdh-balance[b-447ab2if15] {
    display: flex;
    gap: .65rem;
    align-items: center;
    border: 1px solid var(--molahdh-border);
    background: #f9fcfe;
    padding: .45rem .65rem;
    font-size: 12px;
}

.molahdh-balance.is-ok[b-447ab2if15] {
    border-color: #92e1ba;
    background: #f0fff7;
}

.molahdh-balance.is-warn[b-447ab2if15] {
    border-color: #f2c36d;
    background: #fff9e9;
}

.molahdh-note[b-447ab2if15] {
    margin: .75rem .9rem;
    border: 1px solid var(--molahdh-border);
    padding: .55rem .75rem;
    font-size: 12px;
}

.molahdh-note.is-warn[b-447ab2if15] {
    background: #fff7e6;
    border-color: #f2c36d;
    color: #7a4a00;
}

.molahdh-table-scroll[b-447ab2if15] {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    border: 1px solid var(--molahdh-border);
    margin: .9rem 0 0;
}

.molahdh-panel > .molahdh-table-scroll[b-447ab2if15] {
    border-inline: 0;
    margin-top: 0;
}

.molahdh-table[b-447ab2if15] {
    width: 100%;
    min-width: 100%;
    table-layout: auto;
    border-collapse: collapse;
    font-size: 12px;
    color: var(--molahdh-text);
}

.molahdh-table-scroll > .molahdh-table[b-447ab2if15] {
    min-width: max(100%, 600px);
}

.molahdh-detail-scroll > .molahdh-detail-table[b-447ab2if15] {
    width: auto;
    min-width: 0;
}

.molahdh-detail-table th[b-447ab2if15],
.molahdh-detail-table td[b-447ab2if15] {
    white-space: nowrap;
    overflow-wrap: normal;
}

.molahdh-table th[b-447ab2if15] {
    background: var(--molahdh-blue);
    color: #fff;
    border: 1px solid var(--molahdh-blue);
    padding: .45rem;
    text-align: center;
    white-space: normal;
    overflow-wrap: anywhere;
    font-weight: 600;
}

.molahdh-table td[b-447ab2if15] {
    border: 1px solid var(--molahdh-border);
    padding: .35rem;
    text-align: center;
    vertical-align: middle;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: normal;
}

.molahdh-table tbody tr:nth-child(even)[b-447ab2if15] {
    background: #fbfdfe;
}

.molahdh-table tr.is-muted[b-447ab2if15] {
    color: #8a9aa5;
    background: #f6f8fa;
}

.molahdh-table tr.is-temp[b-447ab2if15] {
    background: #fff9eb;
}

.molahdh-table tfoot td[b-447ab2if15] {
    font-weight: 700;
    background: #f2f9fc;
}

.check-column[b-447ab2if15] {
    width: 64px;
}

.molahdh-checkbox[b-447ab2if15] {
    width: 16px;
    height: 16px;
}

.molahdh-number[b-447ab2if15] {
    width: 78px;
    text-align: center;
    margin-inline: auto;
}

.molahdh-distribution-layout[b-447ab2if15] {
    display: grid;
    grid-template-columns: minmax(280px, .75fr) minmax(260px, .45fr);
    gap: 1rem;
    padding: .9rem;
}

.molahdh-options[b-447ab2if15],
.molahdh-summary[b-447ab2if15] {
    border: 1px solid var(--molahdh-border);
    background: #fbfdfe;
    padding: .8rem;
}

.molahdh-options[b-447ab2if15] {
    display: grid;
    gap: .55rem;
}

.molahdh-radio[b-447ab2if15],
.molahdh-check[b-447ab2if15] {
    display: flex;
    align-items: center;
    gap: .5rem;
    border: 1px solid #e3edf3;
    background: #fff;
    padding: .45rem .6rem;
    font-size: 12px;
}

.molahdh-summary-grid[b-447ab2if15] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: .45rem .8rem;
    margin-top: .7rem;
    font-size: 12px;
}

.molahdh-summary-grid b[b-447ab2if15] {
    color: var(--molahdh-blue);
    background: #eef9fd;
    min-width: 40px;
    text-align: center;
    padding: .2rem .4rem;
}

.molahdh-viewbar[b-447ab2if15] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
    padding: .75rem .9rem;
    border-top: 1px solid var(--molahdh-border);
    background: #fff;
}

.molahdh-view-title[b-447ab2if15] {
    color: #0b4f68;
    font-size: 12px;
    font-weight: 700;
}

.molahdh-view-switch[b-447ab2if15] {
    display: inline-flex;
    border: 1px solid #cbdde7;
    background: #fff;
}

.molahdh-view-switch button[b-447ab2if15] {
    min-width: 82px;
    border: 0;
    border-inline-start: 1px solid #cbdde7;
    background: #fff;
    color: #0b5f7c;
    height: 32px;
    font-size: 12px;
    font-weight: 600;
}

.molahdh-view-switch button:first-child[b-447ab2if15] {
    border-inline-start: 0;
}

.molahdh-view-switch button.is-active[b-447ab2if15] {
    background: var(--molahdh-blue);
    color: #fff;
}

.molahdh-matrix-scroll[b-447ab2if15] {
/*    margin: .9rem;
*/   
    border: 1px solid var(--molahdh-border);
    background: #fff;
}

    .molahdh-matrix-scroll > .molahdh-table[b-447ab2if15] {
   /*     min-width: max(100%, 980px);*/
        min-width: max(100%, 600px);
    }

.molahdh-matrix-single th[b-447ab2if15],
.molahdh-matrix-single td[b-447ab2if15] {
    padding: .26rem .3rem;
    vertical-align: middle;
    white-space: normal;
    overflow-wrap: anywhere;
}

.matrix-observer-column[b-447ab2if15],
.matrix-observer-name[b-447ab2if15] {
    min-width: 120px;
}

.matrix-observer-name[b-447ab2if15] {
    text-align: start !important;
}

.matrix-slot-column[b-447ab2if15] {
    min-width: 20px;
}

.matrix-slot-head[b-447ab2if15] {
    display: grid;
    gap: .08rem;
    line-height: 1.2;
}

.matrix-slot-head strong[b-447ab2if15] {
    font-size: 10px;
}

.matrix-slot-head span[b-447ab2if15],
.matrix-slot-head small[b-447ab2if15] {
    font-size: 10.6px;
    font-weight: 600;
}

.matrix-assignment-cell[b-447ab2if15] {
    min-width: 30px;
}

.matrix-assignment-pill[b-447ab2if15] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 21px;
    padding: 0 .35rem;
   /* border: 1px solid #9edfed;*/
  /*  border-radius: 999px;*/
    background: #e4f8ff;
    color: #006b8f;
    font-weight: 700;
    line-height: 1;
}

.matrix-total-column[b-447ab2if15],
.matrix-total-cell[b-447ab2if15] {
    width: 50px;
    min-width: 50px;
    max-width: 65px;
    padding-inline: 2px !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
    word-break: normal;
    line-height: 1.15;
}

.matrix-total-cell[b-447ab2if15] {
    background: #eef8fc;
    color: #006b8f;
    font-weight: 700;
}

@media (max-width: 920px) {
    .molahdh-stats[b-447ab2if15],
    .molahdh-distribution-layout[b-447ab2if15] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .molahdh-panel-header[b-447ab2if15] {
        align-items: stretch;
        flex-direction: column;
    }
}

@media (max-width: 680px) {
    .molahdh-tabs[b-447ab2if15] {
        padding: .45rem;
        gap: .2rem;
    }

    .molahdh-tab[b-447ab2if15] {
        min-width: 0;
        flex: 1;
        font-size: 11px;
    }

    .molahdh-body[b-447ab2if15] {
        padding: .65rem;
    }

    .molahdh-stats[b-447ab2if15],
    .molahdh-distribution-layout[b-447ab2if15] {
        grid-template-columns: 1fr;
    }

    .molahdh-actions[b-447ab2if15],
    .molahdh-viewbar[b-447ab2if15] {
        align-items: stretch;
        flex-direction: column;
    }

    .molahdh-actions > *[b-447ab2if15],
    .molahdh-view-switch[b-447ab2if15],
    .molahdh-view-switch button[b-447ab2if15] {
        width: 100%;
    }

    .molahdh-table-scroll > .molahdh-table[b-447ab2if15] {
        min-width: max(100%, 600px);
    }

    .molahdh-detail-scroll > .molahdh-table th[b-447ab2if15],
    .molahdh-detail-scroll > .molahdh-table td[b-447ab2if15] {
        padding: 3px;
    }

    .molahdh-matrix-scroll > .molahdh-table[b-447ab2if15] {
        min-width: max(100%, 600px);
    }
}
/* /Pages/FingerPrint/AdmsDevices.razor.rz.scp.css */
.adms-shell[b-35qjx7625r] {
    padding: 20px 32px 24px;
    direction: rtl;
}

.adms-note[b-35qjx7625r] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-bottom: 14px;
    padding: 12px 14px;
    border: 1px solid #dbe5ec;
    background: #f8fbfd;
    color: #475569;
    font-size: 12.5px;
    font-weight: 600;
    line-height: 1.7;
}

.adms-note strong[b-35qjx7625r] {
    color: #0476aa;
}

.adms-panel[b-35qjx7625r],
.adms-toolbar[b-35qjx7625r],
.adms-table-wrap[b-35qjx7625r],
.adms-empty[b-35qjx7625r],
.adms-loading[b-35qjx7625r] {
    border: 1px solid #dce6ec;
    background: #ffffff;
    box-shadow: 0 3px 10px rgba(15, 23, 42, .05);
}

.adms-panel[b-35qjx7625r] {
    padding: 16px;
}

.adms-panel-head[b-35qjx7625r],
.adms-toolbar[b-35qjx7625r] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.adms-panel-head[b-35qjx7625r] {
    margin-bottom: 14px;
    padding-bottom: 12px;
    border-bottom: 1px solid #e6edf1;
}

.adms-panel-head h2[b-35qjx7625r] {
    margin: 0;
    color: #172033;
    font-size: 1rem;
    font-weight: 600;
}

.adms-link-button[b-35qjx7625r],
.adms-secondary-button[b-35qjx7625r] {
    min-height: 33px;
    border: 1px solid #cbd8df;
    background: #ffffff;
    color: #0476aa;
    font-size: 12.5px;
    font-weight: 600;
}

.adms-link-button[b-35qjx7625r] {
    border: 0;
    text-decoration: underline;
}

.adms-form-grid[b-35qjx7625r] {
    display: grid;
    grid-template-columns: repeat(3, minmax(160px, 1fr));
    gap: 12px;
}

.adms-toolbar[b-35qjx7625r] {
    margin-bottom: 12px;
    padding: 12px 14px;
}

.adms-stats[b-35qjx7625r],
.adms-toolbar-actions[b-35qjx7625r] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.adms-stats div[b-35qjx7625r] {
    min-width: 88px;
    padding: 8px 10px;
    border: 1px solid #dbe5ec;
    background: #f8fafc;
}

.adms-stats span[b-35qjx7625r] {
    display: block;
    color: #64748b;
    font-size: 11.5px;
    font-weight: 600;
}

.adms-stats strong[b-35qjx7625r] {
    display: block;
    margin-top: 2px;
    color: #172033;
    font-size: 15px;
    font-weight: 700;
}

.adms-toolbar-actions .app-search-button[b-35qjx7625r] {
    min-height: 33px;
}

.adms-loading[b-35qjx7625r],
.adms-empty[b-35qjx7625r] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 180px;
    color: #60707c;
    font-size: 13px;
    font-weight: 600;
}

.adms-spinner[b-35qjx7625r] {
    width: 26px;
    height: 26px;
    border: 3px solid #d7e7f1;
    border-top-color: #0476aa;
    border-radius: 50%;
    animation: adms-spin-b-35qjx7625r .75s linear infinite;
}

.adms-table-wrap[b-35qjx7625r] {
    overflow: auto;
}

.adms-table[b-35qjx7625r] {
    width: 100%;
    min-width: 920px;
    margin: 0;
    border-collapse: collapse;
    color: #3a474d;
    font-size: 12.4px;
    font-weight: 600;
}

.adms-table th[b-35qjx7625r] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #087fad;
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
}

.adms-table th[b-35qjx7625r],
.adms-table td[b-35qjx7625r] {
    padding: 7px 6px;
    border: 1px solid #dbe3ea;
    text-align: center;
    vertical-align: middle;
}

.adms-device-name[b-35qjx7625r] {
    min-width: 130px;
    text-align: right !important;
}

.adms-state[b-35qjx7625r] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 66px;
    min-height: 24px;
    padding: 2px 8px;
    color: #ffffff;
    font-size: 11.5px;
    font-weight: 600;
}

.adms-state.online[b-35qjx7625r] {
    background: #047857;
}

.adms-state.syncing[b-35qjx7625r] {
    background: #0f7aa7;
}

.adms-state.offline[b-35qjx7625r] {
    background: #b91c1c;
}

.adms-command-group[b-35qjx7625r] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    flex-wrap: wrap;
    min-width: 184px;
}

.adms-command-group button[b-35qjx7625r] {
    min-height: 25px;
    padding: 2px 8px;
    border: 1px solid #cbd8df;
    background: #ffffff;
    color: #0476aa;
    font-size: 11.5px;
    font-weight: 600;
}

.adms-command-group button:hover[b-35qjx7625r],
.adms-secondary-button:hover[b-35qjx7625r] {
    background: #edf6fb;
}

.adms-command-group button.danger[b-35qjx7625r] {
    color: #b91c1c;
}

.adms-command-group button:disabled[b-35qjx7625r],
.adms-secondary-button:disabled[b-35qjx7625r] {
    opacity: .55;
}

@keyframes adms-spin-b-35qjx7625r {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 760px) {
    .adms-shell[b-35qjx7625r] {
        padding: 16px;
    }

    .adms-panel-head[b-35qjx7625r],
    .adms-toolbar[b-35qjx7625r] {
        align-items: stretch;
        flex-direction: column;
    }

    .adms-form-grid[b-35qjx7625r] {
        grid-template-columns: 1fr;
    }

    .adms-toolbar-actions[b-35qjx7625r],
    .adms-toolbar-actions .app-search-button[b-35qjx7625r],
    .adms-secondary-button[b-35qjx7625r] {
        width: 100%;
    }
}
/* /Pages/FingerPrint/AdmsEmployees.razor.rz.scp.css */
.adms-employees-page[b-14sjewmn72] {
    font-size: 13px;
}

.fp-card[b-14sjewmn72] {
    background: #fff;
    border: 1px solid #d7e6ec;
}

.fp-card-head[b-14sjewmn72] {
    background: #e9f3f4;
    padding: .8rem 1rem;
    border-bottom: 1px solid #d7e6ec;
}

.fp-card-head h2[b-14sjewmn72] {
    font-size: 14px;
    font-weight: 800;
    margin: 0 0 .2rem;
    color: #0d3c4a;
}

.fp-card-head span[b-14sjewmn72] {
    color: #637787;
    font-size: 12px;
}

.adms-filter-grid[b-14sjewmn72] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
    padding: 1rem;
    align-items: end;
}

.adms-actions[b-14sjewmn72] {
    display: flex;
    justify-content: center;
    gap: .5rem;
    flex-wrap: wrap;
    padding: 0 1rem 1rem;
}

.adms-result-head[b-14sjewmn72] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .75rem 1rem;
    border-bottom: 1px solid #d7e6ec;
}

.adms-stat[b-14sjewmn72] {
    display: flex;
    align-items: center;
    gap: .35rem .5rem;
    color: #5d7280;
}

.adms-stat strong[b-14sjewmn72] {
    color: #087ea4;
    font-size: 18px;
}

.adms-users-table[b-14sjewmn72] {
    min-width: 820px;
    margin: 0;
}

.adms-users-table th[b-14sjewmn72],
.adms-users-table td[b-14sjewmn72] {
    border: 1px solid #d7e6ec;
    text-align: center;
    padding: .4rem .5rem;
}

.adms-users-table thead th[b-14sjewmn72] {
    background: #f3f8fa;
    color: #123b4a;
    font-weight: 800;
    white-space: nowrap;
}

.adms-badge[b-14sjewmn72] {
    display: inline-flex;
    min-width: 42px;
    justify-content: center;
    padding: .1rem .45rem;
    background: #fff1f1;
    color: #a13b3b;
    font-weight: 800;
}

.adms-badge.ok[b-14sjewmn72] {
    background: #e9f8ef;
    color: #08753f;
}

.adms-icon-button[b-14sjewmn72] {
    border: 0;
    background: transparent;
    color: #087ea4;
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.adms-icon-button svg[b-14sjewmn72] {
    width: 17px;
    height: 17px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.adms-delete-count[b-14sjewmn72] {
    display: inline-flex;
    background: #fff1f1;
    color: #a13b3b;
    font-weight: 800;
    padding: .25rem .6rem;
}

@media (max-width: 768px) {
    .adms-filter-grid[b-14sjewmn72] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/FingerPrint/FingerPrintData.razor.rz.scp.css */
.fingerprint-data-page[b-jflv7ggh5l] {
    font-size: 13px;
}

.fp-card[b-jflv7ggh5l] {
    background: #fff;
    border: 1px solid #d7e6ec;
}

.fp-card-head[b-jflv7ggh5l] {
    background: #e9f3f4;
    padding: .8rem 1rem;
    border-bottom: 1px solid #d7e6ec;
}

.fp-card-head h2[b-jflv7ggh5l] {
    font-size: 14px;
    font-weight: 800;
    margin: 0 0 .2rem;
    color: #0d3c4a;
}

.fp-card-head span[b-jflv7ggh5l] {
    color: #637787;
    font-size: 12px;
}

.fp-filter-grid[b-jflv7ggh5l] {
    display: grid;
    grid-template-columns: 1.3fr .8fr 1fr;
    gap: .75rem;
    padding: 1rem;
    align-items: end;
}

.fp-actions[b-jflv7ggh5l] {
    display: flex;
    justify-content: center;
    padding: 0 1rem 1rem;
}

.fp-result-head[b-jflv7ggh5l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .75rem 1rem;
    border-bottom: 1px solid #d7e6ec;
}

.fp-result-head div[b-jflv7ggh5l] {
    display: flex;
    align-items: center;
    gap: .35rem;
    color: #5d7280;
}

.fp-result-head strong[b-jflv7ggh5l] {
    color: #087ea4;
    font-size: 18px;
}

.fp-table[b-jflv7ggh5l] {
    margin: 0;
    min-width: 760px;
}

.fp-table th[b-jflv7ggh5l],
.fp-table td[b-jflv7ggh5l] {
    border: 1px solid #d7e6ec;
    text-align: center;
    padding: .45rem .55rem;
}

.fp-table thead th[b-jflv7ggh5l] {
    background: #f3f8fa;
    color: #123b4a;
    font-weight: 800;
}

.fp-date[b-jflv7ggh5l] {
    color: #8b1e1e;
    font-weight: 800;
}

@media (max-width: 768px) {
    .fp-filter-grid[b-jflv7ggh5l] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/FingerPrint/FingerPrintOpt.razor.rz.scp.css */
.fingerprint-loading[b-pihc4vtw7f] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 260px;
    color: #334155;
    font-size: 13px;
    font-weight: 600;
}

.fingerprint-spinner[b-pihc4vtw7f] {
    width: 26px;
    height: 26px;
    border: 3px solid #d7e7f1;
    border-top-color: #0476aa;
    border-radius: 50%;
    animation: fingerprint-spin-b-pihc4vtw7f .75s linear infinite;
}

.fingerprint-shell[b-pihc4vtw7f] {
    padding: 20px 32px 24px;
    direction: rtl;
}

.fingerprint-grid[b-pihc4vtw7f] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    align-items: start;
}

.fingerprint-card[b-pihc4vtw7f] {
    border: 1px solid #dce6ec;
    background: #ffffff;
    box-shadow: 0 3px 10px rgba(15, 23, 42, .05);
}

.fingerprint-card-head[b-pihc4vtw7f] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 15px 16px;
    border-bottom: 1px solid #e6edf1;
    background: #f8fbfd;
}

.fingerprint-card-head h2[b-pihc4vtw7f] {
    margin: 0 0 5px;
    color: #172033;
    font-size: 1rem;
    font-weight: 600;
}

.fingerprint-card-head p[b-pihc4vtw7f] {
    margin: 0;
    color: #60707c;
    font-size: 12.4px;
    font-weight: 600;
    line-height: 1.7;
}

.fingerprint-switch[b-pihc4vtw7f] {
    flex: 0 0 auto;
    position: relative;
    display: inline-flex;
    width: 48px;
    height: 26px;
    margin: 1px 0 0;
    cursor: pointer;
}

.fingerprint-switch input[b-pihc4vtw7f] {
    position: absolute;
    opacity: 0;
}

.fingerprint-switch span[b-pihc4vtw7f] {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid #b8c8d2;
    background: #e8eef2;
    transition: background-color .16s ease, border-color .16s ease;
}

.fingerprint-switch span[b-pihc4vtw7f]::after {
    position: absolute;
    top: 3px;
    right: 3px;
    width: 18px;
    height: 18px;
    background: #ffffff;
    box-shadow: 0 1px 3px rgba(15, 23, 42, .24);
    content: "";
    transition: transform .16s ease;
}

.fingerprint-switch input:checked + span[b-pihc4vtw7f] {
    border-color: #047857;
    background: #047857;
}

.fingerprint-switch input:checked + span[b-pihc4vtw7f]::after {
    transform: translateX(-22px);
}

.fingerprint-fields[b-pihc4vtw7f] {
    display: grid;
    grid-template-columns: repeat(2, minmax(150px, 1fr));
    gap: 12px;
    padding: 16px;
}

.fingerprint-options[b-pihc4vtw7f] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    padding: 0 16px 16px;
}

.fingerprint-option-row[b-pihc4vtw7f],
.fingerprint-saf-row[b-pihc4vtw7f] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 36px;
    margin: 0;
    padding: 8px 10px;
    border: 1px solid #e1e8ed;
    background: #fbfdfe;
    color: #263746;
    font-size: 12.5px;
    font-weight: 600;
}

.fingerprint-option-row input[b-pihc4vtw7f],
.fingerprint-saf-row input[b-pihc4vtw7f] {
    width: 16px;
    height: 16px;
    accent-color: #0476aa;
}

.fingerprint-safs[b-pihc4vtw7f] {
    margin: 0 16px 16px;
    border: 1px solid #dce6ec;
    background: #ffffff;
}

.fingerprint-safs-head[b-pihc4vtw7f] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 12px;
    border-bottom: 1px solid #e6edf1;
    background: #f4f8fb;
    color: #172033;
    font-size: 12.5px;
    font-weight: 600;
}

.fingerprint-link-button[b-pihc4vtw7f] {
    border: 0;
    background: transparent;
    color: #0476aa;
    font-size: 12px;
    font-weight: 600;
    text-decoration: underline;
}

.fingerprint-link-button:focus-visible[b-pihc4vtw7f] {
    outline: 1px solid #0476aa;
    outline-offset: 2px;
}

.fingerprint-saf-list[b-pihc4vtw7f] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    max-height: 280px;
    overflow: auto;
    padding: 10px;
}

.fingerprint-empty[b-pihc4vtw7f] {
    margin: 16px;
    padding: 18px;
    border: 1px dashed #cbd8df;
    background: #f8fafc;
    color: #60707c;
    font-size: 12.5px;
    font-weight: 600;
    text-align: center;
}

.fingerprint-service-status[b-pihc4vtw7f] {
    margin-top: 16px;
    padding: 16px;
    border: 1px solid #dce6ec;
    background: #fff;
}

.fingerprint-service-title[b-pihc4vtw7f],
.fingerprint-service-details[b-pihc4vtw7f] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.fingerprint-service-title h2[b-pihc4vtw7f] {
    margin: 0 0 4px;
    color: #172033;
    font-size: 16px;
}

.fingerprint-service-title p[b-pihc4vtw7f] {
    margin: 0;
    color: #647785;
    font-size: 12px;
}

.fingerprint-service-badge[b-pihc4vtw7f] {
    padding: 5px 12px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
}

.fingerprint-service-badge.is-enabled[b-pihc4vtw7f] {
    background: #e6f7ef;
    color: #087443;
}

.fingerprint-service-badge.is-disabled[b-pihc4vtw7f] {
    background: #f2f4f6;
    color: #66727c;
}

.fingerprint-service-details[b-pihc4vtw7f] {
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: 14px;
    color: #435663;
    font-size: 12px;
}

.fingerprint-service-details span[b-pihc4vtw7f] {
    padding-inline-end: 12px;
    border-inline-end: 1px solid #dce6ec;
}

.fingerprint-service-error[b-pihc4vtw7f] {
    margin-top: 12px;
    padding: 9px 11px;
    border: 1px solid #f2c7c7;
    background: #fff5f5;
    color: #a32929;
    font-size: 12px;
}

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

@media (max-width: 980px) {
    .fingerprint-grid[b-pihc4vtw7f] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 620px) {
    .fingerprint-shell[b-pihc4vtw7f] {
        padding: 16px;
    }

    .fingerprint-fields[b-pihc4vtw7f],
    .fingerprint-saf-list[b-pihc4vtw7f] {
        grid-template-columns: 1fr;
    }

    .fingerprint-card-head[b-pihc4vtw7f] {
        align-items: stretch;
    }
}
/* /Pages/FingerPrint/ToggleRow.razor.rz.scp.css */
.fingerprint-option-row[b-tys96xd2xh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 36px;
    margin: 0;
    padding: 8px 10px;
    border: 1px solid #e1e8ed;
    background: #fbfdfe;
    color: #263746;
    font-size: 12.5px;
    font-weight: 600;
}

.fingerprint-option-row input[b-tys96xd2xh] {
    width: 16px;
    height: 16px;
    accent-color: #0476aa;
}
/* /Pages/Gyab/GyabChart.razor.rz.scp.css */
.gyab-chart-page[b-jg6gbyxhk4] {
    position: relative;
    padding-inline: 18px;
    box-sizing: border-box;
    overflow: visible;
}

.gyab-chart-control-row[b-jg6gbyxhk4] {
    display: flex;
    align-items: flex-start;
    gap: .75rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.gyab-chart-kind[b-jg6gbyxhk4] {
    width: 140px;
    flex: 0 0 140px;
}

.gyab-chart-summary[b-jg6gbyxhk4] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .7rem;
    margin-top: 1rem;
}

.gyab-chart-total-card[b-jg6gbyxhk4],
.gyab-chart-metric[b-jg6gbyxhk4] {
    min-height: 76px;
    border: 1px solid #d9e2ea;
    background: #fff;
    padding: .65rem .75rem;
    box-shadow: 0 2px 8px rgba(15, 23, 42, .06);
}

.gyab-chart-total-card[b-jg6gbyxhk4] {
    background: linear-gradient(135deg, #0b7ea8, #065b76);
    color: #fff;
}

.gyab-chart-total-card span[b-jg6gbyxhk4],
.gyab-chart-metric span[b-jg6gbyxhk4] {
    display: block;
    font-size: 12px;
    font-weight: 700;
}

.gyab-chart-total-card strong[b-jg6gbyxhk4],
.gyab-chart-metric strong[b-jg6gbyxhk4] {
    display: block;
    margin-top: .2rem;
    font-size: 24px;
    line-height: 1;
    font-weight: 800;
}

.gyab-chart-total-card small[b-jg6gbyxhk4],
.gyab-chart-metric small[b-jg6gbyxhk4] {
    display: block;
    margin-top: .4rem;
    color: inherit;
    opacity: .78;
    font-size: 11px;
}

.gyab-chart-metric[b-jg6gbyxhk4] {
    border-top: 3px solid var(--accent);
}

.gyab-chart-metric strong[b-jg6gbyxhk4] {
    color: var(--accent);
}

.gyab-chart-grid[b-jg6gbyxhk4] {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(260px, .8fr);
    gap: .85rem;
    margin-top: .9rem;
}

.gyab-chart-panel[b-jg6gbyxhk4] {
    border: 1px solid #d9e2ea;
    background: #fff;
    padding: .85rem;
    box-shadow: 0 2px 8px rgba(15, 23, 42, .06);
}

.gyab-chart-panel-head[b-jg6gbyxhk4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    margin-bottom: .85rem;
    color: #1f2937;
}

.gyab-chart-panel-head strong[b-jg6gbyxhk4] {
    font-size: 13px;
    font-weight: 800;
}

.gyab-chart-panel-head span[b-jg6gbyxhk4] {
    color: #64748b;
    font-size: 11px;
    font-weight: 700;
}

.gyab-chart-bars[b-jg6gbyxhk4] {
    display: grid;
    gap: .55rem;
}

.gyab-chart-bar-row[b-jg6gbyxhk4] {
    display: grid;
    grid-template-columns: 86px minmax(0, 1fr) 34px;
    align-items: center;
    gap: .6rem;
    min-height: 28px;
}

.gyab-chart-bar-label[b-jg6gbyxhk4],
.gyab-chart-bar-value[b-jg6gbyxhk4] {
    color: #334155;
    font-size: 12px;
    font-weight: 700;
}

.gyab-chart-bar-value[b-jg6gbyxhk4] {
    text-align: left;
}

.gyab-chart-bar-track[b-jg6gbyxhk4] {
    height: 18px;
    border: 1px solid #e2e8f0;
    background: #f8fafc;
    overflow: hidden;
}

.gyab-chart-bar-fill[b-jg6gbyxhk4] {
    height: 100%;
    min-width: 0;
    background: var(--accent);
    box-shadow: inset 0 -8px 12px rgba(0, 0, 0, .08);
    transition: width .25s ease;
}

.gyab-chart-donut[b-jg6gbyxhk4] {
    width: 160px;
    height: 160px;
    margin: .25rem auto .75rem;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: var(--donut);
    position: relative;
}

.gyab-chart-donut[b-jg6gbyxhk4]::after {
    content: "";
    position: absolute;
    inset: 24px;
    border-radius: 50%;
    background: #fff;
    box-shadow: inset 0 0 0 1px #e2e8f0;
}

.gyab-chart-donut > div[b-jg6gbyxhk4] {
    position: relative;
    z-index: 1;
    display: grid;
    place-items: center;
    color: #1f2937;
}

.gyab-chart-donut strong[b-jg6gbyxhk4] {
    font-size: 24px;
    font-weight: 800;
    line-height: 1;
}

.gyab-chart-donut span[b-jg6gbyxhk4] {
    color: #64748b;
    font-size: 11px;
    font-weight: 700;
}

.gyab-chart-legend[b-jg6gbyxhk4] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .45rem .7rem;
}

.gyab-chart-legend span[b-jg6gbyxhk4],
.gyab-chart-table td[b-jg6gbyxhk4] {
    color: #17202a;
}

.gyab-chart-legend span[b-jg6gbyxhk4] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    font-size: 11.5px;
    font-weight: 700;
}

.gyab-chart-legend i[b-jg6gbyxhk4],
.gyab-chart-dot[b-jg6gbyxhk4] {
    display: inline-block;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    flex: 0 0 9px;
}

.gyab-chart-dot[b-jg6gbyxhk4] {
    margin-left: .35rem;
}

.gyab-chart-timeline-panel[b-jg6gbyxhk4] {
    margin-top: .9rem;
}

.gyab-chart-timeline[b-jg6gbyxhk4] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    align-items: end;
    gap: .75rem;
    min-height: 220px;
    padding-top: .5rem;
}

.gyab-chart-day[b-jg6gbyxhk4] {
    display: grid;
    grid-template-rows: 150px auto auto auto;
    justify-items: center;
    gap: .25rem;
}

.gyab-chart-day-bar[b-jg6gbyxhk4] {
    width: 44px;
    min-height: 6px;
    align-self: end;
    display: flex;
    flex-direction: column-reverse;
    overflow: hidden;
    border: 1px solid #d7e0e8;
    background: #f8fafc;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .5);
}

.gyab-chart-day-bar span[b-jg6gbyxhk4] {
    display: block;
    width: 100%;
}

.gyab-chart-day strong[b-jg6gbyxhk4] {
    font-size: 13px;
    font-weight: 800;
    color: #1f2937;
}

.gyab-chart-day small[b-jg6gbyxhk4] {
    font-size: 10.5px;
    font-weight: 700;
    color: #64748b;
}

.gyab-chart-table-wrap[b-jg6gbyxhk4] {
    margin-top: .65rem;
}

.gyab-chart-breakdown-panel[b-jg6gbyxhk4] {
    margin-top: .9rem;
}

.gyab-chart-breakdown-wrap[b-jg6gbyxhk4] {
    margin-top: .35rem;
}

.gyab-chart-breakdown-table[b-jg6gbyxhk4] {
    min-width: 760px;
    font-size: 12.4px;
    font-weight: 600;
}

.gyab-chart-breakdown-table th[b-jg6gbyxhk4],
.gyab-chart-breakdown-table td[b-jg6gbyxhk4] {
    padding: .28rem .35rem;
}

.gyab-chart-breakdown-total[b-jg6gbyxhk4] {
    color: #0b5f78 !important;
    font-weight: 800 !important;
}

.gyab-chart-breakdown-track[b-jg6gbyxhk4] {
    width: 100%;
    min-width: 86px;
    height: 12px;
    border: 1px solid #dbe4ec;
    background: #f8fafc;
    overflow: hidden;
}

.gyab-chart-breakdown-track span[b-jg6gbyxhk4] {
    display: block;
    height: 100%;
    background: linear-gradient(90deg, #0b7ea8, #38bdf8);
}

.gyab-chart-table[b-jg6gbyxhk4] {
    max-width: 560px;
    margin-right: auto;
    margin-left: auto;
}

@media (max-width: 900px) {
    .gyab-chart-page[b-jg6gbyxhk4] {
        padding-inline: 12px;
    }

    .gyab-chart-summary[b-jg6gbyxhk4] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .gyab-chart-grid[b-jg6gbyxhk4] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 560px) {
    .gyab-chart-page[b-jg6gbyxhk4] {
        padding-inline: 6px;
    }

    .gyab-chart-summary[b-jg6gbyxhk4] {
        grid-template-columns: 1fr;
    }

    .gyab-chart-bar-row[b-jg6gbyxhk4] {
        grid-template-columns: 72px minmax(0, 1fr) 28px;
        gap: .45rem;
    }

    .gyab-chart-timeline[b-jg6gbyxhk4] {
        gap: .4rem;
    }

    .gyab-chart-day-bar[b-jg6gbyxhk4] {
        width: 34px;
    }
}
/* /Pages/Gyab/GyabDateTimePicker.razor.rz.scp.css */
.gyab-date-time[b-yntcgx67j5] {
    display: grid;
    grid-template-columns: 110px 55px 90px;
    gap: .2rem;
    align-items: end;
    justify-content: start;
}

.gyab-date-time.has-calendar-mode[b-yntcgx67j5] {
    grid-template-columns: 92px 110px 55px 90px;
}

.gyab-date-time.no-time[b-yntcgx67j5] {
    grid-template-columns: 110px 55px;
}

.gyab-date-time.has-calendar-mode.no-time[b-yntcgx67j5] {
    grid-template-columns: 92px 110px 55px;
}

.gyab-date-field[b-yntcgx67j5],
.gyab-hijri-picker[b-yntcgx67j5],
.gyab-time-field[b-yntcgx67j5] {
    min-width: 0;
}

.gyab-hijri-picker[b-yntcgx67j5] {
    position: relative;
    width: 110px;
}

.gyab-calendar-mode[b-yntcgx67j5] {
    display: inline-flex;
    align-self: end;
    width: 92px;
    min-height: 40px;
    border: 1px solid #bfc7cf;
    background: #ffffff;
}

.gyab-calendar-mode button[b-yntcgx67j5] {
    flex: 1;
    border: 0;
    background: transparent;
    color: #334155;
    font-size: .78rem;
    font-weight: 900;
}

.gyab-calendar-mode button.active[b-yntcgx67j5] {
    background: #0476aa;
    color: #ffffff;
}

.gyab-calendar-mode button:focus-visible[b-yntcgx67j5] {
    outline: 0;
    box-shadow: inset 0 0 0 2px rgba(91, 141, 184, .25);
}

.gyab-hijri-input[b-yntcgx67j5],
.gyab-gregorian-input[b-yntcgx67j5] {
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 0;
    border-color: #bfc7cf;
    background-color: #ffffff;
    color: #243443;
    font-size: .82rem;
    font-weight: 900;
    text-align: right;
}

.gyab-gregorian-input[b-yntcgx67j5] {
    padding-right: .08rem;
    padding-left: .04rem;
    font-size: .78rem;
    direction: ltr;
    text-align: center;
    cursor: pointer;
}

.gyab-date-text[b-yntcgx67j5],
.gyab-gregorian-input[b-yntcgx67j5] {
    font-size: .8rem !important;
    font-weight: 700 !important;
    letter-spacing: .01em;
}

.gyab-gregorian-input[b-yntcgx67j5]::-webkit-calendar-picker-indicator {
    width: 14px;
    height: 14px;
    margin: 0;
    padding: 0;
}

.gyab-hijri-input:focus[b-yntcgx67j5],
.gyab-hijri-input:focus-visible[b-yntcgx67j5],
.gyab-gregorian-input:focus[b-yntcgx67j5],
.gyab-gregorian-input:focus-visible[b-yntcgx67j5] {
    border-color: #5b8db8;
    box-shadow: 0 0 0 .12rem rgba(91, 141, 184, .16);
    outline: 0;
}

.gyab-hijri-calendar-icon[b-yntcgx67j5] {
    color: #334155;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    font-size: .82rem;
    line-height: 1;
}

.gyab-hijri-calendar[b-yntcgx67j5] {
    position: absolute;
    top: calc(100% + 4px);
    right: 0;
    z-index: 3000;
    width: 292px;
    padding: .55rem;
    border: 1px solid rgba(15, 23, 42, .16);
    background: #ffffff;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .18);
}

.gyab-hijri-calendar-head[b-yntcgx67j5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    margin-bottom: .45rem;
}

.gyab-hijri-title[b-yntcgx67j5] {
    color: #243443;
    font-weight: 900;
    text-align: center;
}

.gyab-hijri-nav-button[b-yntcgx67j5],
.gyab-hijri-day[b-yntcgx67j5] {
    border: 0;
    background: transparent;
    color: #243443;
    font-weight: 800;
}

.gyab-hijri-nav-button[b-yntcgx67j5] {
    width: 30px;
    height: 30px;
    font-size: 1.2rem;
    line-height: 1;
}

.gyab-hijri-weekdays[b-yntcgx67j5],
.gyab-hijri-days[b-yntcgx67j5] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 2px;
}

.gyab-hijri-weekdays[b-yntcgx67j5] {
    margin-bottom: 2px;
    color: #64748b;
    font-size: .58rem;
    font-weight: 900;
    text-align: center;
}

.gyab-hijri-day[b-yntcgx67j5] {
    min-height: 30px;
    font-size: .75rem;
}

.gyab-hijri-day:not(.empty):hover[b-yntcgx67j5],
.gyab-hijri-day:not(.empty):focus-visible[b-yntcgx67j5],
.gyab-hijri-nav-button:hover[b-yntcgx67j5],
.gyab-hijri-nav-button:focus-visible[b-yntcgx67j5] {
    background: rgba(4, 118, 170, .10);
    color: #035f88;
    outline: 0;
}

.gyab-hijri-day.selected[b-yntcgx67j5] {
    background: #0476aa;
    color: #ffffff;
}

.gyab-date-chip[b-yntcgx67j5] {
    min-height: 40px;
    width: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 .65rem;
    border: 1px solid #cbd5e1;
    background: #f8fafc;
    color: #334155;
    font-weight: 800;
    white-space: nowrap;
    font-size: .75rem;
}

.gyab-time-field[b-yntcgx67j5] {
    width: 90px;
}

.gyab-time-control[b-yntcgx67j5] {
    position: relative;
}

.gyab-time-field .gyab-time-input[b-yntcgx67j5] {
    width: 90px;
    min-width: 90px;
    padding-left: 1.45rem;
}

.gyab-time-icon[b-yntcgx67j5] {
    position: absolute;
    left: .45rem;
    top: 50%;
    transform: translateY(-50%);
    color: #475569;
    font-size: .9rem;
    pointer-events: none;
}

@media (max-width: 390px) {
    .gyab-date-time.has-calendar-mode[b-yntcgx67j5] {
        grid-template-columns: 92px 110px  55px;
    }

    .gyab-date-time.has-calendar-mode .gyab-time-field[b-yntcgx67j5] {
        grid-column: 1;
    }
}
/* /Pages/Gyab/GyabEhsa.razor.rz.scp.css */
.gyab-ehsa-page[b-wdxkcouk2w] {
    position: relative;
    direction: rtl;
}

.gyab-ehsa-page[b-wdxkcouk2w]  .wakeel-report-frame-wrap {
    margin-inline: 18px;
}

.gyab-ehsa-overlay[b-wdxkcouk2w] {
    position: fixed;
    inset: 0;
    z-index: 1050;
    display: grid;
    place-items: center;
    background: rgba(15, 23, 42, 0.25);
}

.gyab-ehsa-spinner[b-wdxkcouk2w] {
    width: 42px;
    height: 42px;
    border: 4px solid #d8ebf2;
    border-top-color: #0d8fbd;
    border-radius: 999px;
    animation: gyab-ehsa-spin-b-wdxkcouk2w 0.75s linear infinite;
}

.gyab-ehsa-shell[b-wdxkcouk2w] {
    display: grid;
    gap: 16px;
}

.gyab-ehsa-head[b-wdxkcouk2w] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid #dceaf1;
}

.gyab-ehsa-head h2[b-wdxkcouk2w] {
    margin: 0;
    color: #0f2f3d;
    font-size: 1rem;
    font-weight: 800;
}

.gyab-ehsa-head span[b-wdxkcouk2w] {
    color: #607487;
    font-size: 0.8rem;
}

.gyab-ehsa-summary[b-wdxkcouk2w] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 5px;
}

.gyab-ehsa-summary span[b-wdxkcouk2w] {
    min-height: 24px;
    padding: 4px 7px;
    border: 1px solid #d8e7ef;
    border-radius: 3px;
    background: #f7fbfd;
    color: #0f5670;
    font-size: 11.5px;
    font-weight: 700;
    line-height: 1.25;
}

.gyab-ehsa-filters[b-wdxkcouk2w] {
    display: grid;
    grid-template-columns: repeat(4, minmax(140px, 1fr));
    gap: 12px;
    align-items: end;
}

.gyab-ehsa-small-field[b-wdxkcouk2w] {
    max-width: 110px;
}

.gyab-ehsa-late-row[b-wdxkcouk2w] {
    width: min(220px, 100%);
}

.gyab-ehsa-no-data[b-wdxkcouk2w] {
    width: min(calc(100% - 32px), 680px);
    margin: 14px auto 22px;
    padding: 10px 16px;
    border-inline-start: 3px solid #d99822;
    background: #fff8e8;
    color: #7b5715;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.6;
    text-align: center;
}

.gyab-ehsa-no-data i[b-wdxkcouk2w] {
    color: #c68113;
    font-size: 15px;
}

.gyab-ehsa-cards[b-wdxkcouk2w] {
    width: min(calc(100% - 32px), 760px);
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
    margin: 12px auto 8px;
}

.gyab-ehsa-card[b-wdxkcouk2w] {
    display: grid;
    gap: 4px;
    min-width: 0;
    padding: 7px 10px;
    border: 1px solid #d8e7ef;
    border-radius: 4px;
    background: #f7fbfd;
}

.gyab-ehsa-card span[b-wdxkcouk2w] {
    color: #607487;
    font-size: 11.5px;
    font-weight: 700;
    line-height: 1.25;
}

.gyab-ehsa-card strong[b-wdxkcouk2w] {
    color: #062f44;
    font-size: 18px;
    line-height: 1.15;
}

.gyab-ehsa-table-wrap[b-wdxkcouk2w] {
    width: min(calc(100% - 32px), 900px);
    max-width: 900px;
    margin: 14px auto 24px;
    padding: 0;
    border: 0;
    background: transparent;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
}

.gyab-ehsa-table[b-wdxkcouk2w] {
    display: table !important;
    width: max-content !important;
    min-width: 100% !important;
    max-width: none !important;
    table-layout: auto;
    border-collapse: separate;
    border-spacing: 0;
}

.gyab-ehsa-table th[b-wdxkcouk2w] {
    background: #e9f3f4;
    color: #0f2f3d;
}

.gyab-ehsa-table th[b-wdxkcouk2w],
.gyab-ehsa-table td[b-wdxkcouk2w] {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 10px 12px !important;
    border: 1px solid #d6dee6 !important;
    white-space: nowrap;
}

.gyab-ehsa-count[b-wdxkcouk2w] {
    color: #0d6f91;
    font-weight: 900;
}

@keyframes gyab-ehsa-spin-b-wdxkcouk2w {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 900px) {
    .gyab-ehsa-page[b-wdxkcouk2w]  .wakeel-report-frame-wrap {
        margin-inline: 12px;
    }

    .gyab-ehsa-head[b-wdxkcouk2w] {
        flex-direction: column;
    }

    .gyab-ehsa-summary[b-wdxkcouk2w] {
        justify-content: flex-start;
    }

    .gyab-ehsa-summary span[b-wdxkcouk2w] {
        min-height: 22px;
        padding: 3px 6px;
        font-size: 11px;
    }

    .gyab-ehsa-filters[b-wdxkcouk2w] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .gyab-ehsa-cards[b-wdxkcouk2w] {
        width: min(calc(100% - 24px), 760px);
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .gyab-ehsa-no-data[b-wdxkcouk2w] {
        width: calc(100% - 16px);
        margin-block: 10px 18px;
        padding: 9px 12px;
        font-size: 12px;
    }

  /*  .gyab-ehsa-cards {
        width: min(calc(100% - 16px), 760px);
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 5px;
        margin: 10px auto 6px;
    }*/

    .gyab-ehsa-card[b-wdxkcouk2w] {
        padding: 6px 8px;
    }

    .gyab-ehsa-card strong[b-wdxkcouk2w] {
        font-size: 16px;
    }

    .gyab-ehsa-table-wrap[b-wdxkcouk2w] {
        width: min(calc(100% - 16px), 900px);
        margin: 10px auto 18px;
        padding: 3px;
    }

    .gyab-ehsa-table[b-wdxkcouk2w] {
        font-size: 12.4px;
    }

    .gyab-ehsa-table th[b-wdxkcouk2w],
    .gyab-ehsa-table td[b-wdxkcouk2w] {
        padding: 6px 8px !important;
    }
}

@media (max-width: 560px) {
    .gyab-ehsa-page[b-wdxkcouk2w]  .wakeel-report-frame-wrap {
        margin-inline: 6px;
    }

    .gyab-ehsa-filters[b-wdxkcouk2w] {
        grid-template-columns: 1fr;
    }

    .gyab-ehsa-cards[b-wdxkcouk2w] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* /Pages/Gyab/GyabRecord.razor.rz.scp.css */
.gyab-results-shell[b-mt78qui2zn] {
    width: min(calc(100% - 2rem), 550px);
    margin: 1.15rem auto 1.5rem;
    border: 1px solid #d8e3e9;
    background: #fff;
    box-shadow: 0 5px 18px rgba(18, 66, 86, .08);
}

.gyab-results-head[b-mt78qui2zn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .75rem .9rem;
    border-bottom: 1px solid #e2e9ed;
    background: #f7fafb;
}

.gyab-results-head > div:first-child[b-mt78qui2zn] {
    display: flex;
    align-items: baseline;
    gap: .65rem;
}

.gyab-results-head strong[b-mt78qui2zn] {
    color: #183b4b;
    font-size: .95rem;
    font-weight: 900;
}

.gyab-results-head span[b-mt78qui2zn],
.gyab-results-status[b-mt78qui2zn] {
    color: #61747e;
    font-size: .78rem;
    font-weight: 750;
}

.gyab-results-status[b-mt78qui2zn] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
}

.gyab-results-status i[b-mt78qui2zn] {
    color: #07845f;
    font-size: 1rem;
}

.gyab-record-table-scroll[b-mt78qui2zn] {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0;
    overflow-x: auto;
    overflow-y: auto;
    border: 0;
    border-radius: 0;
    background: #fff;
    outline: none;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
}

.gyab-record-table-scroll:focus-visible[b-mt78qui2zn] {
    box-shadow: inset 0 0 0 2px rgba(4, 118, 170, .3);
}

.gyab-results-shell .gyab-table[b-mt78qui2zn] {
    display: block;
    width: 100% !important;
    max-width: none;
    min-width: 100%;
    color: #263a45;
    font-family: Calibri, "Segoe UI", Arial, sans-serif;
    font-size: .92rem;
    font-weight: 600;
}

.gyab-results-shell .gyab-table thead[b-mt78qui2zn],
.gyab-results-shell .gyab-table tbody[b-mt78qui2zn] {
    display: block;
    width: 100%;
}

.gyab-results-shell .gyab-table tr[b-mt78qui2zn] {
    display: grid;
    width: 100%;
}

.gyab-results-shell .gyab-table-compact tr[b-mt78qui2zn] {
    grid-template-columns: 52px 110px minmax(0, 1fr) 58px;
  
}

.gyab-results-shell .gyab-table-medium tr[b-mt78qui2zn] {
    grid-template-columns: 52px 110px minmax(220px, 1fr) 94px;
 
}

.gyab-results-shell .gyab-table-wide tr[b-mt78qui2zn] {
    grid-template-columns: 52px 90px minmax(150px, 1fr) 94px 72px 62px;
   
}

.gyab-results-shell .gyab-table thead[b-mt78qui2zn] {
    position: sticky;
    top: 0;
    z-index: 2;
}

.gyab-results-shell .gyab-table th[b-mt78qui2zn] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .62rem .45rem;
    border: 0;
    border-left: 1px solid rgba(255, 255, 255, .18);
    background: linear-gradient(180deg, #087fa7 0%, #066b8d 100%);
    color: #fff;
    font-size: .84rem;
    font-weight: 850;
}

.gyab-results-shell .gyab-table th:last-child[b-mt78qui2zn] {
    border-left: 0;
}

.gyab-results-shell .gyab-table td[b-mt78qui2zn] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 42px;
    padding: .35rem .45rem;
    border: 0;
    border-left: 1px solid rgba(105, 132, 145, .14);
    border-bottom: 1px solid rgba(105, 132, 145, .15);
    color: inherit;
    font-weight: 600;
}

.gyab-results-shell .gyab-table td:last-child[b-mt78qui2zn] {
    border-left: 0;
}

.gyab-results-shell .gyab-table tbody tr:last-child td[b-mt78qui2zn] {
    border-bottom: 0;
}

.gyab-results-shell .gyab-table tbody tr[b-mt78qui2zn] {
    transition: filter .15s ease, box-shadow .15s ease;
}

.gyab-results-shell .gyab-table tbody tr:hover[b-mt78qui2zn] {
    filter: brightness(.975);
    box-shadow: inset 3px 0 #24a1c9;
}

.gyab-results-shell .gyab-table tr.norm:nth-child(even)[b-mt78qui2zn] {
    background: #f8fafb;
}

.gyab-results-shell .gyab-table-wide[b-mt78qui2zn],
.gyab-results-shell .gyab-table-medium[b-mt78qui2zn] {
    min-width: 100%;
}

.gyab-results-shell .gyab-table th:not(:nth-child(3))[b-mt78qui2zn],
.gyab-results-shell .gyab-table td:not(:nth-child(3))[b-mt78qui2zn] {
    white-space: nowrap;
}

.gyab-results-shell .gyab-student-name[b-mt78qui2zn] {
    justify-content: flex-start !important;
    overflow: visible;
    color: #173747;
    font-size: .96rem;
    font-weight: 750;
    line-height: 1.25;
    text-align: right;
    text-overflow: initial;
    white-space: normal;
}

.gyab-results-shell .gyab-select-all[b-mt78qui2zn],
.gyab-results-shell .gyab-check[b-mt78qui2zn] {
    gap: .38rem;
    cursor: pointer;
}

.gyab-results-shell .gyab-select-all span[b-mt78qui2zn] {
    display: inline;
    font-size: .76rem;
}

.gyab-results-shell .gyab-select-all input[b-mt78qui2zn],
.gyab-results-shell .gyab-check input[b-mt78qui2zn] {
    flex: 0 0 auto;
    width: 17px;
    height: 17px;
    margin: 0;
    cursor: pointer;
}

.gyab-results-shell .gyab-check span[b-mt78qui2zn] {
    min-width: 44px;
    color: #344e5b;
    font-size: .78rem;
    font-weight: 800;
}

.gyab-results-shell .gyab-check input:disabled[b-mt78qui2zn] {
    cursor: not-allowed;
    opacity: .6;
}

.gyab-results-shell .gyab-time-input[b-mt78qui2zn] {
    width: 70px;
    height: 30px;
    margin: auto;
    padding: .2rem;
    border-color: #c9d8df;
    border-radius: .3rem;
    font-size: .86rem;
}

.gyab-results-footer[b-mt78qui2zn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 58px;
    padding: .65rem .9rem;
    border-top: 1px solid #e2e9ed;
    background: #f8fafb;
}

.gyab-results-shell .gyab-selected-count[b-mt78qui2zn] {
    min-height: 1.2rem;
    color: #087da5;
    font-size: .83rem;
}

.gyab-results-shell .gyab-save-button[b-mt78qui2zn] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    min-width: 140px;
    min-height: 36px;
    margin: 0;
    border-radius: .35rem;
    box-shadow: none;
    font-size: .84rem;
}

@media (max-width: 760px) {
    .gyab-results-shell[b-mt78qui2zn] {
        width: calc(100% - .4rem);
        margin-top: .8rem;
        max-width:550px;
    }

    .gyab-results-head[b-mt78qui2zn] {
        align-items: flex-start;
        padding: .65rem;
    }

    .gyab-results-head > div:first-child[b-mt78qui2zn] {
        align-items: flex-start;
        flex-direction: column;
        gap: .1rem;
    }

    .gyab-results-shell .gyab-table[b-mt78qui2zn] {
        font-size: .88rem;
    }

    .gyab-results-shell .gyab-table-compact[b-mt78qui2zn] {
        min-width: 100%;
    }

    .gyab-results-shell .gyab-table-medium[b-mt78qui2zn] {
        min-width: 560px;
    }

    .gyab-results-shell .gyab-table-wide[b-mt78qui2zn] {
        min-width: 500px;
    }

    .gyab-results-shell .gyab-table-compact tr[b-mt78qui2zn] {
/*        grid-template-columns: 42px 90px minmax(0, 1fr) 52px;*/
        grid-template-columns: 38px 74px minmax(0, 1fr) 45px;
    }

    .gyab-results-shell .gyab-table-medium tr[b-mt78qui2zn] {
        grid-template-columns: 42px 108px minmax(160px, 1fr) 86px;
    }

    .gyab-results-shell .gyab-table-wide tr[b-mt78qui2zn] {
/*        grid-template-columns: 35px 77px minmax(0, 1fr) 86px 66px 54px;*/
        grid-template-columns: 34px 75px minmax(140px, 1fr) 60px 53px 43px;
    }

    .gyab-results-shell .gyab-table th[b-mt78qui2zn] {
        padding: .52rem .35rem;
    }

    .gyab-results-shell .gyab-table td[b-mt78qui2zn] {
        height: 39px;
        padding: .28rem .35rem;
    }

    .gyab-results-footer[b-mt78qui2zn] {
        padding: .55rem .65rem;
    }
}

@media (max-width: 440px) {
    .gyab-results-head[b-mt78qui2zn] {
        flex-direction: column;
        gap: .35rem;
    }

    .gyab-results-status[b-mt78qui2zn] {
        align-self: stretch;
    }

    .gyab-results-footer[b-mt78qui2zn] {
        align-items: stretch;
        flex-direction: column;
        gap: .45rem;
    }

    .gyab-results-shell .gyab-save-button[b-mt78qui2zn] {
        width: 100%;
    }
}
/* /Pages/Gyab/GyabView.razor.rz.scp.css */
.gyab-view-page[b-zyml95mm01] {
    position: relative;
    overflow: visible;
}

.gyab-view-period-row[b-zyml95mm01] {
    display: flex;
    align-items: flex-start;
    gap: .75rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.gyab-view-period[b-zyml95mm01] {
    width: 140px;
    flex: 0 0 140px;
}

.gyab-view-page .app-action-row[b-zyml95mm01] {
    position: relative;
    justify-content: center;
    min-height: 34px;
}

.gyab-view-mode-group[b-zyml95mm01] {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    gap: .75rem;
    margin: 0;
}

.gyab-view-mode-toggle[b-zyml95mm01] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    min-height: 32px;
    margin: 0;
    color: #27333f;
    font-weight: 700;
}

.gyab-view-mode-toggle .form-check-input[b-zyml95mm01] {
    margin: 0;
    cursor: pointer;
}

.gyab-view-mode-toggle .form-check-label[b-zyml95mm01] {
    cursor: pointer;
    user-select: none;
}

.gyab-view-record-count[b-zyml95mm01] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    padding: 8px 14px;
    line-height: 1.4;
}

.gyab-view-table-wrap[b-zyml95mm01],
.gyab-view-pivot-wrap[b-zyml95mm01] {
    width: min(calc(100% - 24px), 760px);
    max-width: 760px;
    margin: 12px auto 20px;
    padding: 0;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    border: 1px solid #dce5ea;
    border-radius: 0;
    background: #fff;
    box-sizing: border-box;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
}

.gyab-view-table-wrap[b-zyml95mm01] {
    margin-top: 10px;
}

.gyab-view-pivot-wrap[b-zyml95mm01] {
    /*    width: min(calc(100% - 24px), 1000px);
    max-width: 1000px;*/
    width: min(calc(100% - 6px), 1060px);
    max-width: 1060px;
}

.gyab-view-table thead[b-zyml95mm01],
.gyab-view-pivot thead[b-zyml95mm01],
.gyab-view-table thead th[b-zyml95mm01],
.gyab-view-pivot thead th[b-zyml95mm01] {
    position: sticky !important;
    top: 0 !important;
    z-index: 10;
}

.gyab-view-table[b-zyml95mm01] {
    display: table !important;
    width: 100% !important;
    min-width: 620px !important;
    max-width: none !important;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0;
}

.gyab-view-table[b-zyml95mm01] {
    font-size: 13px;
}

.gyab-view-table th[b-zyml95mm01],
.gyab-view-table td[b-zyml95mm01] {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    border: 1px solid #d6dee6 !important;
}

.gyab-view-table th[b-zyml95mm01] {
    height: 36px;
    padding: 6px 8px !important;
}

.gyab-view-table td[b-zyml95mm01] {
    height: 35px;
    padding: 6px 8px !important;
    line-height: 1.3;
}

.gyab-view-table th:first-child[b-zyml95mm01],
.gyab-view-table td:first-child[b-zyml95mm01] {
    width: 42px !important;
}

.gyab-view-table .gyab-view-name[b-zyml95mm01] {
    width: auto !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.gyab-view-table th[b-zyml95mm01],
.gyab-view-table td[b-zyml95mm01],
.gyab-view-pivot th[b-zyml95mm01],
.gyab-view-pivot td[b-zyml95mm01] {
    padding: 4px 6px !important;
    border: 1px solid #e1e7eb !important;
    line-height: 1.2;
}

.gyab-view-pivot[b-zyml95mm01] {
    display: block;
    width: 100% !important;
    min-width: 100%;
    font-size: 12px;
    font-weight: 600;
}

.gyab-view-pivot thead[b-zyml95mm01],
.gyab-view-pivot tbody[b-zyml95mm01] {
    display: block;
    width: 100%;
}

.gyab-view-pivot tr[b-zyml95mm01] {
    display: grid;
    width: 100%;
    grid-template-columns:
        30px
        minmax(150px, 1fr)
        42px
        repeat(var(--gyab-date-count), 38px);
}

.gyab-view-pivot th:first-child[b-zyml95mm01],
.gyab-view-pivot td:first-child[b-zyml95mm01] {
    width: auto;
}

.gyab-view-pivot .gyab-view-name[b-zyml95mm01] {
    min-width: 0;
}

.gyab-view-pivot th:not(:first-child):not(:nth-child(2)):not(:nth-child(3))[b-zyml95mm01],
.gyab-view-pivot td:not(:first-child):not(:nth-child(2)):not(:nth-child(3))[b-zyml95mm01] {
    width: auto;
    min-width: 0;
    max-width: none;
    padding: 2px !important;
}

.gyab-view-pivot thead th[b-zyml95mm01] {
    font-size: 9px;
    height: 42px;
    line-height: 1;
    white-space: nowrap;
    padding: 2px !important;
    vertical-align: middle;
}

.gyab-view-pivot th:nth-child(2)[b-zyml95mm01],
.gyab-view-pivot td:nth-child(2)[b-zyml95mm01] {
    width: auto;
    min-width: 0;
    max-width: none;
   
}

.gyab-view-pivot th:nth-child(3)[b-zyml95mm01],
.gyab-view-pivot td:nth-child(3)[b-zyml95mm01] {
    width: auto;
    min-width: 0;
    max-width: none;
}

.gyab-view-pivot td[b-zyml95mm01] {
    height: 30px;
    padding: 2px 4px !important;
    line-height: 1.15;
}

.gyab-view-date-name[b-zyml95mm01],
.gyab-view-date-month[b-zyml95mm01],
.gyab-view-date-day[b-zyml95mm01] {
    display: block;
    line-height: 1.15;
}

.gyab-view-date-name[b-zyml95mm01] {
    color: #475569;
    font-size: 10px;
    font-weight: 600;
    white-space: normal;
}

.gyab-view-date-month[b-zyml95mm01] {
    color: #64748b;
    font-size: 8px;
}

.gyab-view-date-day[b-zyml95mm01] {
    color:  darkred;
    font-size: 10px;
    font-weight: 600;
}

.gyab-view-pivot .gyab-view-name[b-zyml95mm01] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 6px !important;
    padding-left: 6px !important;
}

.gyab-view-date-pagination[b-zyml95mm01] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: .45rem;
    width: min(calc(100% - 24px), 1000px);
    margin: -10px auto 18px;
    padding: .55rem;
    border: 1px solid #dce5ea;
    border-top: 0;
    background: #f8fafb;
}

.gyab-view-date-pagination > button[b-zyml95mm01],
.gyab-view-page-numbers button[b-zyml95mm01] {
    min-height: 32px;
    border: 1px solid #cad9e1;
    border-radius: .3rem;
    background: #fff;
    color: #17637f;
    font-size: .78rem;
    font-weight: 800;
}

.gyab-view-date-pagination > button[b-zyml95mm01] {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    padding: .3rem .65rem;
}

.gyab-view-page-numbers[b-zyml95mm01] {
    display: flex;
    gap: .22rem;
}

.gyab-view-page-numbers button[b-zyml95mm01] {
    min-width: 32px;
    padding: .25rem;
}

.gyab-view-page-numbers button.active[b-zyml95mm01] {
    border-color: #087da5;
    background: #087da5;
    color: #fff;
}

.gyab-view-date-pagination button:disabled[b-zyml95mm01] {
    cursor: not-allowed;
    opacity: .45;
}

.gyab-view-date-pagination > span[b-zyml95mm01] {
    color: #5b707b;
    font-size: .76rem;
    font-weight: 750;
}

.gyab-view-excused-state[b-zyml95mm01] {
    background: #dff0d8 !important;
    color: #1e7e34 !important;
    font-weight: 600;
}

.gyab-view-unexcused-state[b-zyml95mm01] {
    background: #f8d7da !important;
    color: #b02a37 !important;
    font-weight: 600;
}

.gyab-view-empty-state[b-zyml95mm01] {
    background: #ffffff !important;
    color: #8a8f98 !important;
}

@media (max-width: 760px) {
    .gyab-view-record-count[b-zyml95mm01] {
        padding: 6px 8px;
    }

    .gyab-view-table-wrap[b-zyml95mm01],
    .gyab-view-pivot-wrap[b-zyml95mm01] {
        width: calc(100% - 4px);
        max-width: none;
        margin: 8px 2px 14px;
        padding: 0;
    }

    .gyab-view-date-pagination[b-zyml95mm01] {
        width: calc(100% - 4px);
        max-width: none;
        margin: -6px 2px 14px;
    }

    .gyab-view-table th[b-zyml95mm01],
    .gyab-view-table td[b-zyml95mm01],
    .gyab-view-pivot th[b-zyml95mm01],
    .gyab-view-pivot td[b-zyml95mm01] {
        padding: 3px 5px !important;
    }

    .gyab-view-period-row[b-zyml95mm01] {
        gap: .5rem;
    }

    .gyab-view-page .app-action-row[b-zyml95mm01] {
        min-height: 0;
        gap: .75rem;
    }

    .gyab-view-mode-group[b-zyml95mm01] {
        position: static;
        transform: none;
        justify-content: center;
        order: 1;
        width: 100%;
    }

    .gyab-view-page .app-search-button[b-zyml95mm01] {
        order: 2;
        width: 100%;
    }

    .gyab-view-table[b-zyml95mm01],
    .gyab-view-pivot[b-zyml95mm01] {
        font-size: 12px;
    }

    .gyab-view-table[b-zyml95mm01] {
        min-width: 620px !important;
    }

    .gyab-view-pivot[b-zyml95mm01] {
        min-width: 800px;
    }

    .gyab-view-table th[b-zyml95mm01] {
        height: 34px;
        padding: 5px 7px !important;
    }

    .gyab-view-table td[b-zyml95mm01] {
        height: 34px;
        padding: 5px 7px !important;
    }

    .gyab-view-pivot .gyab-view-name[b-zyml95mm01] {
        min-width: 0;
    }

    .gyab-view-pivot td[b-zyml95mm01] {
        height: 28px;
        padding: 2px 3px !important;
    }
}

@media (max-width: 420px) {
    .gyab-view-table-wrap[b-zyml95mm01],
    .gyab-view-pivot-wrap[b-zyml95mm01] {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }

    .gyab-view-date-pagination[b-zyml95mm01] {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }

    .gyab-view-date-pagination > span[b-zyml95mm01] {
        order: 3;
        width: 100%;
        text-align: center;
    }
}
/* /Pages/Gyab/Indarat.razor.rz.scp.css */
.indarat-page[b-9hmr2rfgiu],.indarat-content[b-9hmr2rfgiu],.indarat-panel[b-9hmr2rfgiu],.indarat-section-head[b-9hmr2rfgiu],.indarat-top-filters[b-9hmr2rfgiu],.indarat-dates[b-9hmr2rfgiu],.indarat-gyab[b-9hmr2rfgiu],.indarat-actions[b-9hmr2rfgiu],.indarat-table-shell[b-9hmr2rfgiu]{min-width:0;max-width:100%;box-sizing:border-box}.indarat-page[b-9hmr2rfgiu]{width:100%;overflow:hidden}.indarat-content[b-9hmr2rfgiu]{width:100%;padding:14px;display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.indarat-panel[b-9hmr2rfgiu]{width:100%;border:1px solid #d3e2e9;background:#fff;padding:14px;overflow:hidden}.indarat-section-head[b-9hmr2rfgiu]{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;border-bottom:1px solid #dce8ed;padding-bottom:10px;margin-bottom:13px}.indarat-section-head>div[b-9hmr2rfgiu]{min-width:0}.indarat-section-head>div:first-child[b-9hmr2rfgiu]{display:grid;gap:3px}.indarat-section-head strong[b-9hmr2rfgiu]{color:#073f5b;font-size:16px}.indarat-section-head span[b-9hmr2rfgiu]{color:#667e8a;font-size:12px}.indarat-top-filters[b-9hmr2rfgiu]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.indarat-dates[b-9hmr2rfgiu]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}.indarat-gyab[b-9hmr2rfgiu]{width:100%;margin-top:11px}.indarat-gyab[b-9hmr2rfgiu]  .gyab-search-grid{grid-template-columns:repeat(3,minmax(0,1fr));min-width:0;max-width:100%}.indarat-gyab[b-9hmr2rfgiu]  .app-floating-field{min-width:0;max-width:100%}.indarat-search[b-9hmr2rfgiu]{display:flex;gap:7px;justify-content:center;align-items:center;width:min(100%,280px);max-width:100%;margin:14px auto 0;font-weight:800}.indarat-counts[b-9hmr2rfgiu]{display:flex;flex-wrap:wrap;gap:7px;min-width:0}.indarat-counts>*[b-9hmr2rfgiu]{border:1px solid #b8d7e3;padding:5px 8px;color:#087da8!important}.indarat-actions[b-9hmr2rfgiu]{width:100%;display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin-bottom:12px}.indarat-actions>*[b-9hmr2rfgiu]{min-width:0;max-width:100%}.indarat-actions .btn[b-9hmr2rfgiu]{display:inline-flex;gap:6px;align-items:center;font-size:12px;font-weight:800}.actions-separator[b-9hmr2rfgiu]{width:1px;background:#cbdce3;margin:0 3px}.indarat-table-shell[b-9hmr2rfgiu]{display:block;width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;contain:inline-size}.indarat-table.indarat-table[b-9hmr2rfgiu]{display:table!important;width:max-content!important;min-width:100%!important;max-width:none!important;overflow:visible!important;border-collapse:collapse;table-layout:auto}.indarat-table th[b-9hmr2rfgiu],.indarat-table td[b-9hmr2rfgiu]{border:1px solid #cadce4;padding:7px;text-align:center;white-space:nowrap;font-size:12px}.indarat-table th[b-9hmr2rfgiu]{background:#e7f4f8;color:#16495f}.indarat-table .student[b-9hmr2rfgiu]{text-align:right;font-weight:800}.indarat-table tr.selected[b-9hmr2rfgiu]{background:#f0faff}.state[b-9hmr2rfgiu]{display:inline-block;padding:3px 7px;font-weight:800}.state.new[b-9hmr2rfgiu]{background:#e8f8ef;color:#197044}.state.archived[b-9hmr2rfgiu]{background:#eef1f3;color:#596b74}.ltr[b-9hmr2rfgiu]{direction:ltr}.indarat-empty[b-9hmr2rfgiu]{display:grid;justify-items:center;text-align:center;gap:5px;padding:28px;border:1px dashed #bfd5de;color:#718893}.indarat-empty i[b-9hmr2rfgiu]{font-size:32px}.indarat-empty strong[b-9hmr2rfgiu]{color:#315668}
@media(max-width:760px){.indarat-content[b-9hmr2rfgiu]{padding:5px;gap:7px}.indarat-panel[b-9hmr2rfgiu]{padding:8px}.indarat-top-filters[b-9hmr2rfgiu]{grid-template-columns:repeat(2,minmax(0,1fr))}.indarat-top-filters>*:last-child[b-9hmr2rfgiu]{grid-column:1/-1}.indarat-gyab[b-9hmr2rfgiu]  .gyab-search-grid{grid-template-columns:minmax(0,1fr)}.indarat-table th[b-9hmr2rfgiu],.indarat-table td[b-9hmr2rfgiu]{padding:5px}.indarat-section-head[b-9hmr2rfgiu]{gap:8px}.actions-separator[b-9hmr2rfgiu]{display:none}}
@media(max-width:560px){.indarat-section-head[b-9hmr2rfgiu]{flex-direction:column;align-items:stretch}.indarat-counts[b-9hmr2rfgiu]{width:100%}.indarat-counts>*[b-9hmr2rfgiu]{flex:1;text-align:center}.indarat-dates[b-9hmr2rfgiu],.indarat-top-filters[b-9hmr2rfgiu]{grid-template-columns:minmax(0,1fr)}.indarat-top-filters>*:last-child[b-9hmr2rfgiu]{grid-column:auto}.indarat-actions[b-9hmr2rfgiu]{display:grid;grid-template-columns:minmax(0,1fr)}.indarat-actions .btn[b-9hmr2rfgiu]{width:100%;min-width:0;max-width:100%;justify-content:center;white-space:normal}.indarat-search[b-9hmr2rfgiu]{width:100%}.indarat-table .student[b-9hmr2rfgiu]{min-width:0}.indarat-table-shell[b-9hmr2rfgiu]{margin:0;width:100%}}

.indarat-page[b-9hmr2rfgiu]{width:min(100%,1000px);max-width:1000px;margin-inline:auto}

@media(max-width:560px){.indarat-actions[b-9hmr2rfgiu]{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:380px){.indarat-actions[b-9hmr2rfgiu]{grid-template-columns:minmax(0,1fr)}}
/* /Pages/Gyab/MonthGyabEhsa.razor.rz.scp.css */
.month-gyab-page[b-y7ied7dnec] {
    direction: rtl;
}

.month-gyab-page .app-page-hero[b-y7ied7dnec] {
    padding: 28px 32px 18px;
}

.month-gyab-panel[b-y7ied7dnec] {
    display: grid;
    gap: 1rem;
    margin-inline: 24px;
    padding-inline: 8px;
}

.month-gyab-head[b-y7ied7dnec] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: .7rem;
    border-bottom: 1px solid #dce8ed;
}

.month-gyab-head h2[b-y7ied7dnec] {
    margin: 0;
    color: #153746;
    font-size: 1rem;
    font-weight: 800;
}

.month-gyab-head > div span[b-y7ied7dnec] {
    color: #667c87;
    font-size: .78rem;
}

.month-gyab-range[b-y7ied7dnec] {
    padding: .35rem .6rem;
    background: #f1f7f9;
    color: #17617c;
    font-size: .75rem;
    font-weight: 700;
    white-space: nowrap;
}

.month-gyab-range i[b-y7ied7dnec] {
    margin-inline-end: .25rem;
}

.month-gyab-filters[b-y7ied7dnec] {
    display: grid;
    grid-template-columns: repeat(4, minmax(150px, 1fr));
    gap: .7rem;
    align-items: end;
}

.month-gyab-late[b-y7ied7dnec] {
    max-width: 220px;
}

.small-count[b-y7ied7dnec] {
    max-width: 120px;
}

.month-gyab-actions[b-y7ied7dnec] {
    display: flex;
    justify-content: center;
    gap: .75rem;
}

.month-gyab-actions .app-search-button[b-y7ied7dnec] {
    min-width: 150px;
}

.month-gyab-summary[b-y7ied7dnec] {
    display: grid;
    grid-template-columns: repeat(4, minmax(110px, 1fr));
    gap: .4rem;
    width: min(calc(100% - 48px), 760px);
    margin: 1rem auto .5rem;
}

.month-gyab-summary > div[b-y7ied7dnec] {
    border: 1px solid #dce7ec;
    padding: .55rem .7rem;
    background: #f8fbfc;
    display: grid;
    gap: .1rem;
}

.month-gyab-summary span[b-y7ied7dnec] {
    color: #64748b;
    font-size: .74rem;
}

.month-gyab-summary strong[b-y7ied7dnec] {
    color: #123c4e;
    font-size: 1.05rem;
}

.month-gyab-no-data[b-y7ied7dnec] {
    width: min(calc(100% - 48px), 680px);
    margin: 14px auto 22px;
    padding: 10px 16px;
    border-inline-start: 3px solid #d99822;
    background: #fff8e8;
    color: #7b5715;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.6;
    text-align: center;
}

.month-gyab-no-data i[b-y7ied7dnec] {
    color: #c68113;
    font-size: 15px;
}

.month-gyab-table-wrap[b-y7ied7dnec] {
    width: min(calc(100% - 48px), 920px);
    margin: .65rem auto 1.5rem;
    padding: 0;
    border: 0;
    overflow-x: auto;
}

.month-gyab-table[b-y7ied7dnec] {
    min-width: 760px;
    margin: 0;
    border-collapse: collapse;
    font-size: .8rem;
}

.month-gyab-table th[b-y7ied7dnec] {
    white-space: nowrap;
    background: #eaf3f6;
    color: #163e50;
    font-weight: 800;
}

.month-gyab-table th[b-y7ied7dnec],
.month-gyab-table td[b-y7ied7dnec] {
    padding: .42rem .55rem !important;
    border-color: #dbe5ea !important;
    line-height: 1.45;
}

.month-gyab-count[b-y7ied7dnec] {
    color: #0f766e;
    font-weight: 900;
}

@media (max-width: 760px) {
    .month-gyab-page .app-page-hero[b-y7ied7dnec] {
        padding-inline: 8px;
    }

    .month-gyab-panel[b-y7ied7dnec] {
        margin-inline: 6px;
        padding-inline: 2px;
    }

    .month-gyab-head[b-y7ied7dnec] {
        align-items: stretch;
        flex-direction: column;
    }

    .month-gyab-range[b-y7ied7dnec] {
        width: fit-content;
    }

    .month-gyab-filters[b-y7ied7dnec] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .month-gyab-summary[b-y7ied7dnec] {
        grid-template-columns: 1fr 1fr;
        width: calc(100% - 16px);
    }

    .month-gyab-no-data[b-y7ied7dnec] {
        width: calc(100% - 16px);
        margin-block: 10px 18px;
        padding: 9px 12px;
        font-size: 12px;
    }

    .month-gyab-table-wrap[b-y7ied7dnec] {
        width: calc(100% - 12px);
        margin-bottom: 1rem;
    }
}

@media (max-width: 480px) {
    .month-gyab-filters[b-y7ied7dnec] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Gyab/MotabahReport.razor.rz.scp.css */
.motabah-report-page[b-otkoo5x1e5] {
    position: relative;
    overflow: visible;
}

.motabah-report-date-row[b-otkoo5x1e5] {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 1rem;
}

.motabah-report-table-wrap[b-otkoo5x1e5] {
    width: min(calc(100% - 32px), 760px);
    max-width: 760px;
    margin: 18px auto 24px;
    padding: 0;
    border: 0;
    background: transparent;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
}

.motabah-report-table[b-otkoo5x1e5] {
    display: table !important;
    width: max-content !important;
    min-width: 100% !important;
    max-width: none !important;
    table-layout: auto;
    border-collapse: separate;
    border-spacing: 0;
}

.motabah-report-table th[b-otkoo5x1e5],
.motabah-report-table td[b-otkoo5x1e5] {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 10px 12px !important;
    border: 1px solid #d6dee6 !important;
}

.motabah-report-table thead[b-otkoo5x1e5],
.motabah-report-table thead th[b-otkoo5x1e5] {
    position: sticky !important;
    top: 0 !important;
    z-index: 10;
}

.motabah-report-name[b-otkoo5x1e5] {
    white-space: nowrap;
}

.motabah-report-page .app-results-bar strong[b-otkoo5x1e5] {
    display: inline-flex;
    align-items: center;
    padding: 8px 14px;
    line-height: 1.4;
}

.motabah-no-data[b-otkoo5x1e5] {
    width: min(calc(100% - 32px), 680px);
    margin: 18px auto 24px;
    padding: 10px 16px;
    border-inline-start: 3px solid #d99822;
    background: #fff8e8;
    color: #7b5715;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.6;
    text-align: center;
}

.motabah-no-data i[b-otkoo5x1e5] {
    color: #c68113;
    font-size: 15px;
}

.gyab-view-excused-state[b-otkoo5x1e5] {
    background: #dff0d8 !important;
    color: #1e7e34 !important;
    font-weight: 600;
}

.gyab-view-unexcused-state[b-otkoo5x1e5] {
    background: #f8d7da !important;
    color: #b02a37 !important;
    font-weight: 600;
}

.gyab-view-empty-state[b-otkoo5x1e5] {
    background: #ffffff !important;
    color: #8a8f98 !important;
}

@media (max-width: 760px) {
    .motabah-no-data[b-otkoo5x1e5] {
        width: calc(100% - 16px);
        margin-block: 12px 18px;
        padding: 9px 12px;
        font-size: 12px;
    }

    .motabah-report-table-wrap[b-otkoo5x1e5] {
        width: min(calc(100% - 16px), 760px);
        margin: 12px auto 18px;
        padding: 3px;
    }

    .motabah-report-table[b-otkoo5x1e5] {
        font-size: 12.4px;
    }

    .motabah-report-table th[b-otkoo5x1e5],
    .motabah-report-table td[b-otkoo5x1e5] {
        padding: 6px 8px !important;
    }
}
/* /Pages/Index.razor.rz.scp.css */
.home-dashboard[b-r21l9g9p04]{max-width:1100px;margin:0 auto;padding:24px 18px 42px;color:#17384d}.home-welcome[b-r21l9g9p04]{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:28px 30px;border-radius:22px;color:#fff;background:linear-gradient(135deg,#12496a,#078f91);box-shadow:0 14px 32px rgba(11,76,103,.16)}.home-eyebrow[b-r21l9g9p04]{font-size:.78rem;color:#bcefe9;font-weight:800}.home-welcome h1[b-r21l9g9p04]{margin:5px 0 6px;font-size:clamp(1.65rem,3vw,2.35rem);font-weight:900}.home-welcome p[b-r21l9g9p04]{margin:0;color:#e0f3f3}.home-stat-grid[b-r21l9g9p04]{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:15px 0}.home-stat[b-r21l9g9p04]{display:flex;align-items:center;gap:11px;padding:15px;border:1px solid #d9e7ed;border-radius:16px;background:#fff;color:#17384d;text-decoration:none;transition:transform .18s,box-shadow .18s}.home-stat:hover[b-r21l9g9p04]{transform:translateY(-2px);box-shadow:0 8px 18px rgba(21,67,88,.1)}.home-stat small[b-r21l9g9p04],.home-stat strong[b-r21l9g9p04]{display:block}.home-stat small[b-r21l9g9p04]{color:#718796;font-size:.7rem}.home-stat strong[b-r21l9g9p04]{margin-top:4px;font-size:.92rem}.home-stat-icon[b-r21l9g9p04]{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:#e8f7f8;color:#087f8c;font-size:1.2rem;font-weight:900}.home-stat-alert .home-stat-icon[b-r21l9g9p04]{background:#fff1e7;color:#d97706}.home-stat-inbox .home-stat-icon[b-r21l9g9p04]{background:#edf3ff;color:#3268b7}.home-stat-whatsapp .home-stat-icon[b-r21l9g9p04]{background:#e9faef;color:#159447}.home-calendar-card[b-r21l9g9p04]{margin:15px 0;padding:18px 20px;border:1px solid #d3e5e9;border-radius:18px;background:linear-gradient(120deg,#f4fbfc,#fff);box-shadow:0 7px 22px rgba(25,70,89,.05)}.home-calendar-head[b-r21l9g9p04]{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:15px}.home-calendar-head span[b-r21l9g9p04]{color:#0a918d;font-size:.72rem;font-weight:800}.home-calendar-head h2[b-r21l9g9p04]{margin:3px 0 0;font-size:1.1rem}.home-calendar-head a[b-r21l9g9p04]{color:#087f8c;font-size:.75rem;text-decoration:none;font-weight:800}.home-calendar-date-grid[b-r21l9g9p04]{display:grid;grid-template-columns:.8fr 1.2fr;gap:12px}.home-date-box[b-r21l9g9p04],.home-term-box[b-r21l9g9p04]{padding:14px;border:1px solid #dbeaed;border-radius:13px;background:#fff}.home-date-box[b-r21l9g9p04]{display:grid;gap:3px}.home-date-box small[b-r21l9g9p04],.home-term-box small[b-r21l9g9p04]{color:#78909d;font-size:.7rem}.home-date-box strong[b-r21l9g9p04]{font-size:1rem;color:#164b62}.home-date-box span[b-r21l9g9p04]{color:#37687c;font-size:.8rem}.home-term-box[b-r21l9g9p04]{display:grid;grid-template-columns:1fr 1fr;gap:6px 18px;align-items:center}.home-term-box strong[b-r21l9g9p04]{display:block;margin-top:3px;color:#164b62;font-size:.9rem}.home-term-progress[b-r21l9g9p04]{grid-column:1/-1;height:7px;overflow:hidden;border-radius:99px;background:#e6f0f2}.home-term-progress span[b-r21l9g9p04]{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0b9c92,#18bfa8);transition:width .4s}.home-term-caption[b-r21l9g9p04]{grid-column:1/-1}.home-main-grid[b-r21l9g9p04]{display:grid;grid-template-columns:1.25fr .9fr;gap:15px}.home-panel[b-r21l9g9p04]{padding:20px;border:1px solid #d9e7ed;border-radius:18px;background:#fff;box-shadow:0 7px 22px rgba(25,70,89,.05)}.home-panel-head[b-r21l9g9p04]{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid #e6eef2;padding-bottom:13px;margin-bottom:10px}.home-panel-head span:first-child[b-r21l9g9p04]{font-size:.72rem;color:#0a918d;font-weight:800}.home-panel-head h2[b-r21l9g9p04]{margin:3px 0 0;font-size:1.18rem}.home-panel-mark[b-r21l9g9p04]{color:#1aa99e;font-size:1.1rem}.home-action-list[b-r21l9g9p04]{display:grid}.home-action-list a[b-r21l9g9p04]{display:flex;align-items:center;gap:10px;padding:13px 2px;border-bottom:1px solid #edf2f4;color:#17384d;text-decoration:none}.home-action-list a:last-child[b-r21l9g9p04]{border-bottom:0}.home-action-list i[b-r21l9g9p04]{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#eef8fa;color:#087f8c;font-style:normal;font-weight:900}.home-action-list span[b-r21l9g9p04]{flex:1}.home-action-list strong[b-r21l9g9p04],.home-action-list small[b-r21l9g9p04]{display:block}.home-action-list strong[b-r21l9g9p04]{font-size:.83rem}.home-action-list small[b-r21l9g9p04]{margin-top:3px;color:#78909d;font-size:.7rem}.home-action-list b[b-r21l9g9p04]{color:#79a0ae}.home-empty[b-r21l9g9p04]{display:grid;place-items:center;gap:5px;padding:35px 10px;text-align:center}.home-empty span[b-r21l9g9p04]{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:#e8f8ef;color:#179557;font-size:1.35rem}.home-empty strong[b-r21l9g9p04]{font-size:.92rem}.home-empty small[b-r21l9g9p04]{color:#7a909b;font-size:.74rem}.home-quick-grid[b-r21l9g9p04]{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.home-quick-grid a[b-r21l9g9p04]{display:grid;gap:8px;padding:14px;border:1px solid #e1ebef;border-radius:13px;color:#23516a;text-decoration:none;font-size:.78rem;font-weight:800}.home-quick-grid a:hover[b-r21l9g9p04]{background:#f3fafb;border-color:#a8d8dc}.home-quick-grid span[b-r21l9g9p04]{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#eef7fb;color:#1684a0;font-size:1.05rem}.home-loading[b-r21l9g9p04]{display:flex;align-items:center;justify-content:center;gap:5px;padding:55px;color:#6e8794;font-size:.85rem}.home-loading span[b-r21l9g9p04]{width:7px;height:7px;border-radius:50%;background:#0b9c92;animation:home-bounce-b-r21l9g9p04 1s infinite alternate}.home-loading span:nth-child(2)[b-r21l9g9p04]{animation-delay:.2s}.home-loading span:nth-child(3)[b-r21l9g9p04]{animation-delay:.4s}@keyframes home-bounce-b-r21l9g9p04{to{transform:translateY(-6px);opacity:.45}}@media(max-width:800px){.home-stat-grid[b-r21l9g9p04]{grid-template-columns:repeat(2,1fr)}.home-main-grid[b-r21l9g9p04]{grid-template-columns:1fr}.home-welcome[b-r21l9g9p04]{align-items:flex-start;flex-direction:column}}@media(max-width:600px){.home-calendar-date-grid[b-r21l9g9p04]{grid-template-columns:1fr}.home-term-box[b-r21l9g9p04]{grid-template-columns:1fr 1fr}}@media(max-width:480px){.home-dashboard[b-r21l9g9p04]{padding:12px 8px 28px}.home-welcome[b-r21l9g9p04]{padding:21px 18px;border-radius:16px}.home-stat-grid[b-r21l9g9p04]{gap:8px}.home-stat[b-r21l9g9p04]{padding:11px;gap:8px}.home-stat strong[b-r21l9g9p04]{font-size:.76rem}.home-stat-icon[b-r21l9g9p04]{width:33px;height:33px}.home-panel[b-r21l9g9p04]{padding:15px}.home-quick-grid[b-r21l9g9p04]{gap:7px}}
/* رأس الصفحة بحواف مستقيمة في جميع المقاسات. */
.home-welcome[b-r21l9g9p04]{border-radius:0 !important}

.home-date[b-r21l9g9p04]{
    display:flex;
    align-items:center;
    gap:11px;
    min-width:245px;
    padding:8px 10px;
    border:1px solid rgba(255,255,255,.25);
    border-radius:12px;
    color:#e9ffff;
    font-size:.78rem;
    white-space:nowrap;
    text-align:right;
}
.home-date-day[b-r21l9g9p04]{
    display:grid;
    place-items:center;
    align-content:center;
    min-width:72px;
    min-height:62px;
    padding:6px 11px;
/*    border:1px solid rgba(255,255,255,.42);
*/    
border-radius:11px;
    background:rgba(255,255,255,.16);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 5px 14px rgba(0,45,65,.13);
}
.home-date-day small[b-r21l9g9p04]{
    color:#bff8ef;
    font-size:.58rem;
    font-weight:800;
}
.home-date-day strong[b-r21l9g9p04]{
    margin-top:2px;
    color:#fff;
    font-size:1.05rem;
    font-weight:900;
    line-height:1.2;
}
.home-date-values[b-r21l9g9p04]{
    display:grid;
    gap:5px;
    min-width:145px;
}
.home-date-values span[b-r21l9g9p04]{
    display:flex;
    align-items:center;
    gap:6px;
    color:#e9ffff;
    font-size:.73rem;
    white-space:nowrap;
}
.home-date-values i[b-r21l9g9p04]{
    display:grid;
    place-items:center;
    flex:0 0 38px;
    width:38px;
    height:22px;
    border-radius:7px;
    background:rgba(255,255,255,.13);
    color:#c8fff7;
    font-size:.59rem;
    font-style:normal;
    font-weight:900;
}
@media(max-width:800px){
    .home-date[b-r21l9g9p04]{
        align-self:stretch;
        min-width:0;
        width:100%;
        justify-content:center;
        text-align:center;
    }
}
.home-public-welcome[b-r21l9g9p04]{margin:18px 0;padding:clamp(34px,7vw,76px) 24px;text-align:center;border:1px solid #d6e8ed;background:linear-gradient(135deg,#f4fbfc,#fff);box-shadow:0 14px 32px rgba(11,76,103,.08)}
.home-public-welcome h2[b-r21l9g9p04]{margin:10px 0 8px;color:#164b62;font-size:clamp(1.5rem,3vw,2.25rem)}
.home-public-welcome p[b-r21l9g9p04]{max-width:650px;margin:0 auto;color:#5f7885;line-height:1.9}
.home-public-actions[b-r21l9g9p04]{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:24px}
@media(max-width:480px){.home-public-welcome[b-r21l9g9p04]{padding:32px 16px}.home-public-actions a[b-r21l9g9p04]{width:100%}}
.home-dashboard .home-welcome[b-r21l9g9p04]{padding:18px 24px;border-radius:18px}
.home-dashboard .home-welcome h1[b-r21l9g9p04]{margin:0 0 3px;font-size:clamp(1.5rem,2.5vw,2.05rem)}
.home-dashboard .home-welcome p[b-r21l9g9p04]{font-size:.88rem}
.home-dashboard .home-date[b-r21l9g9p04]{padding:8px 10px}
.home-warning-diagnostic[b-r21l9g9p04]{display:flex;align-items:flex-start;gap:10px;padding:13px;border:1px solid #f0b8b8;border-radius:12px;background:#fff6f6;color:#7f1d1d;direction:rtl}
.home-warning-diagnostic i[b-r21l9g9p04]{display:grid;place-items:center;flex:0 0 31px;width:31px;height:31px;border-radius:9px;background:#fee2e2;color:#b91c1c;font-style:normal;font-weight:900}
.home-warning-diagnostic span[b-r21l9g9p04]{min-width:0;flex:1}.home-warning-diagnostic strong[b-r21l9g9p04],.home-warning-diagnostic small[b-r21l9g9p04]{display:block}.home-warning-diagnostic strong[b-r21l9g9p04]{font-size:.83rem}.home-warning-diagnostic small[b-r21l9g9p04]{margin-top:5px;color:#991b1b;font-size:.76rem;line-height:1.65}
.home-stat-warning[b-r21l9g9p04]{grid-column:span 1}.home-warning-breakdown[b-r21l9g9p04]{display:block;margin-top:4px;color:#607d8b;font-size:.66rem;font-style:normal;line-height:1.55;white-space:normal}
.home-stat-warning.has-warnings[b-r21l9g9p04]{border-color:#f2c4c4;background:#fff5f5;color:#7f1d1d}.home-stat-warning.has-warnings .home-stat-icon[b-r21l9g9p04]{background:#fee2e2;color:#b91c1c}.home-stat-warning.has-warnings small[b-r21l9g9p04],.home-stat-warning.has-warnings .home-warning-breakdown[b-r21l9g9p04]{color:#a33a3a}
.home-stat-fingerprint .home-stat-icon[b-r21l9g9p04]{background:#eef4f8;color:#476c80}
.home-stat-fingerprint.has-errors[b-r21l9g9p04]{border-color:#f0b8b8;background:#fff6f6;color:#7f1d1d}
.home-stat-fingerprint.has-errors .home-stat-icon[b-r21l9g9p04]{background:#fee2e2;color:#b91c1c}

.home-content-grid[b-r21l9g9p04]{
    display:grid;
    grid-template-columns:320px minmax(0,1fr);
    grid-template-rows:auto minmax(0,1fr);
    grid-template-areas:
        "calendar stats"
        "calendar main";
    align-items:stretch;
    gap:18px;
    margin-top:15px;
    direction:ltr;
}
.home-content-grid > .home-stat-grid[b-r21l9g9p04]{
    grid-area:stats;
    margin:0;
    direction:rtl;
    min-width:0;
}
.home-content-grid > .home-stat-grid .home-stat[b-r21l9g9p04]{
    min-width:0;
    overflow:hidden;
}
.home-content-grid > .home-stat-grid .home-stat > span:last-child[b-r21l9g9p04]{
    min-width:0;
}
.home-content-grid .home-calendar-card[b-r21l9g9p04]{
    grid-area:calendar;
    margin:0;
    height:100%;
    padding:18px;
    border-radius:16px;
    direction:rtl;
}
.home-content-grid .home-calendar-head[b-r21l9g9p04]{
    display:grid;
    gap:8px;
    margin-bottom:11px;
}
.home-content-grid .home-calendar-head h2[b-r21l9g9p04]{
    font-size:.94rem;
    line-height:1.55;
}
.home-content-grid .home-calendar-head a[b-r21l9g9p04]{
    justify-self:start;
}
.home-content-grid .home-term-box[b-r21l9g9p04]{
    grid-template-columns:1fr 1fr;
    gap:7px 10px;
    padding:11px;
}
.home-content-grid .home-term-box strong[b-r21l9g9p04]{
    font-size:.78rem;
}
.home-content-grid .home-term-caption[b-r21l9g9p04]{
    line-height:1.55;
}
.home-next-event[b-r21l9g9p04]{
    display:grid;
    grid-template-columns:58px minmax(0,1fr);
    align-items:center;
    gap:10px;
    margin-top:11px;
    padding:10px;
    border:1px solid #b9e0df;
    border-radius:13px;
    background:linear-gradient(135deg,#e9f9f7,#f7fcfc);
}
.home-next-count[b-r21l9g9p04]{
    display:grid;
    place-items:center;
    align-content:center;
    width:58px;
    height:58px;
    border-radius:50%;
    color:#fff;
    background:linear-gradient(145deg,#087f8c,#13aaa0);
    box-shadow:0 5px 13px rgba(8,127,140,.2);
}
.home-next-count strong[b-r21l9g9p04]{font-size:1.15rem;line-height:1}
.home-next-count small[b-r21l9g9p04]{margin-top:4px;color:#eaffff;font-size:.59rem}
.home-next-details span[b-r21l9g9p04],.home-next-details strong[b-r21l9g9p04],.home-next-details small[b-r21l9g9p04]{display:block}
.home-next-details span[b-r21l9g9p04]{color:#078f91;font-size:.62rem;font-weight:900}
.home-next-details strong[b-r21l9g9p04]{margin-top:3px;color:#173f53;font-size:.74rem;line-height:1.45}
.home-next-details small[b-r21l9g9p04]{margin-top:3px;color:#6f8793;font-size:.61rem;line-height:1.5}
.home-calendar-events-title[b-r21l9g9p04]{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin:14px 2px 8px;
    padding-top:12px;
    border-top:1px solid #deeaed;
    color:#0a8585;
    font-size:.72rem;
    font-weight:900;
}
.home-calendar-events[b-r21l9g9p04]{
    display:grid;
}
.home-calendar-event[b-r21l9g9p04]{
    position:relative;
    display:grid;
    grid-template-columns:12px minmax(0,1fr);
    gap:7px;
    padding:8px 0;
    border-bottom:1px solid #e9f0f2;
}
.home-calendar-event:last-child[b-r21l9g9p04]{
    border-bottom:0;
}
.home-calendar-event[b-r21l9g9p04]::before{
    position:absolute;
    top:17px;
    right:5px;
    bottom:-9px;
    width:1px;
    background:#b9dfe0;
    content:"";
}
.home-calendar-event:last-child[b-r21l9g9p04]::before{
    display:none;
}
.home-calendar-dot[b-r21l9g9p04]{
    position:relative;
    z-index:1;
    width:9px;
    height:9px;
    margin-top:4px;
    border:2px solid #fff;
    border-radius:50%;
    background:#12a4a0;
    box-shadow:0 0 0 1px #8fd2d2;
}
.home-calendar-event strong[b-r21l9g9p04],
.home-calendar-event small[b-r21l9g9p04]{
    display:block;
}
.home-calendar-event strong[b-r21l9g9p04]{
    color:#244f61;
    font-size:.73rem;
    line-height:1.55;
}
.home-calendar-event small[b-r21l9g9p04]{
    margin-top:2px;
    color:#78909d;
    font-size:.65rem;
}
.home-calendar-empty[b-r21l9g9p04]{
    padding:18px 4px;
    color:#78909d;
    text-align:center;
    font-size:.72rem;
}
.home-content-grid .home-main-grid[b-r21l9g9p04]{
    grid-area:main;
    grid-template-columns:1fr;
    grid-template-rows:minmax(0,1fr) auto;
    align-content:stretch;
    margin:0;
    direction:rtl;
}
.home-content-grid .home-attention-panel[b-r21l9g9p04]{
    min-height:100%;
}
.home-content-grid .home-quick-grid[b-r21l9g9p04]{
    grid-template-columns:repeat(4,minmax(0,1fr));
}
@media(max-width:1300px){
    .home-content-grid[b-r21l9g9p04]{grid-template-columns:290px minmax(0,1fr)}
    .home-content-grid > .home-stat-grid[b-r21l9g9p04]{grid-template-columns:repeat(2,minmax(0,1fr))}
    .home-content-grid .home-quick-grid[b-r21l9g9p04]{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:800px){
    .home-content-grid[b-r21l9g9p04]{
        grid-template-columns:1fr;
        grid-template-rows:auto;
        grid-template-areas:
            "stats"
            "main"
            "calendar";
        direction:rtl;
    }
}
/* /Pages/InteractiveClassroom/InteractiveClassroom.razor.rz.scp.css */
.interactive-classroom-page[b-npopcu06og] {
    --interactive-ink: #172033;
    --interactive-muted: #667085;
    --interactive-line: #dfe5ee;
    --interactive-soft: #f6f8fb;
    --interactive-primary: #0d6efd;
    --interactive-success: #198754;
    color: var(--interactive-ink);
}

.interactive-classroom-page > :not(.app-page-hero)[b-npopcu06og] {
    margin-inline: 24px;
}

.interactive-hero[b-npopcu06og] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 220px;
    gap: 1rem;
    align-items: stretch;
}

.interactive-eyebrow[b-npopcu06og] {
    display: inline-flex;
    margin-bottom: 0.35rem;
    color: var(--interactive-primary);
    font-weight: 700;
}

.interactive-hero p[b-npopcu06og] {
    max-width: 760px;
    margin: 0.45rem 0 0;
    color: var(--interactive-muted);
}

.session-card[b-npopcu06og] {
    display: grid;
    align-content: center;
    gap: 0.25rem;
    border: 1px solid var(--interactive-line);
    border-radius: 8px;
    background: #fff;
    padding: 1rem;
}

.session-card span[b-npopcu06og],
.session-card small[b-npopcu06og] {
    color: var(--interactive-muted);
}

.session-card strong[b-npopcu06og] {
    font-size: 1.8rem;
    letter-spacing: 0;
}

.interactive-grid[b-npopcu06og] {
    display: grid;
    grid-template-columns: minmax(360px, 1.1fr) minmax(320px, 0.9fr);
    gap: 1rem;
    margin-top: 1rem;
}

.interactive-grid.single-tool[b-npopcu06og] {
    grid-template-columns: 1fr;
}

.tool-switcher[b-npopcu06og] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.75rem;
    margin-top: 1rem;
}

.tool-card[b-npopcu06og] {
    display: grid;
    align-content: start;
    gap: 0.3rem;
    min-height: 118px;
    border: 1px solid var(--interactive-line);
    border-radius: 8px;
    background: #fff;
    color: var(--interactive-ink);
    padding: 0.85rem;
    text-align: start;
}

.tool-card strong[b-npopcu06og] {
    color: #084298;
    font-size: 0.98rem;
}

.tool-card span[b-npopcu06og] {
    color: var(--interactive-muted);
    font-size: 0.84rem;
    line-height: 1.55;
}

.tool-card.active[b-npopcu06og] {
    border-color: var(--interactive-primary);
    background: #eef5ff;
    box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.1);
}

.student-source-panel[b-npopcu06og] {
    margin-top: 1rem;
}

.tool-explain[b-npopcu06og] {
    margin: -0.35rem 0 0.9rem;
    color: var(--interactive-muted);
    line-height: 1.7;
}

.student-source-grid[b-npopcu06og] {
    display: grid;
    grid-template-columns: minmax(180px, 1fr) minmax(180px, 1fr) auto;
    gap: 0.75rem;
    align-items: end;
}

.source-note[b-npopcu06og] {
    margin-top: 0.75rem;
    border: 1px solid #bad6ff;
    border-radius: 8px;
    background: #edf5ff;
    color: #084298;
    padding: 0.7rem 0.85rem;
}

.lower-grid[b-npopcu06og] {
    grid-template-columns: minmax(360px, 1fr) minmax(280px, 0.75fr);
}

.interactive-section-head[b-npopcu06og] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.interactive-section-head > div[b-npopcu06og] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.interactive-section-head h2[b-npopcu06og] {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 800;
}

.step-mark[b-npopcu06og] {
    display: grid;
    width: 2rem;
    height: 2rem;
    place-items: center;
    border-radius: 50%;
    background: #e9f2ff;
    color: var(--interactive-primary);
    font-weight: 800;
}

.interactive-pill[b-npopcu06og] {
    border: 1px solid #bad6ff;
    border-radius: 999px;
    color: #084298;
    background: #edf5ff;
    padding: 0.3rem 0.7rem;
    font-size: 0.84rem;
    white-space: nowrap;
}

.interactive-form-grid[b-npopcu06og] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.8rem;
}

.lesson-field[b-npopcu06og] {
    display: block;
    margin-top: 0.8rem;
}

.interactive-actions[b-npopcu06og] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 1rem;
}

.interactive-actions.compact[b-npopcu06og] {
    margin-top: 0.75rem;
}

.interactive-empty[b-npopcu06og] {
    display: grid;
    min-height: 86px;
    place-items: center;
    margin-top: 1rem;
    border: 1px dashed var(--interactive-line);
    border-radius: 8px;
    color: var(--interactive-muted);
    background: var(--interactive-soft);
    text-align: center;
    padding: 1rem;
}

.interactive-empty.tall[b-npopcu06og] {
    min-height: 320px;
}

.question-list[b-npopcu06og] {
    display: grid;
    gap: 0.55rem;
    margin-top: 1rem;
}

.question-chip[b-npopcu06og] {
    display: grid;
    grid-template-columns: 2rem 1fr;
    gap: 0.65rem;
    align-items: start;
    width: 100%;
    border: 1px solid var(--interactive-line);
    border-radius: 8px;
    background: #fff;
    padding: 0.7rem;
    color: var(--interactive-ink);
    text-align: start;
}

.question-chip strong[b-npopcu06og] {
    display: grid;
    width: 2rem;
    height: 2rem;
    place-items: center;
    border-radius: 6px;
    background: var(--interactive-soft);
}

.question-chip.active[b-npopcu06og] {
    border-color: var(--interactive-primary);
    box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.12);
}

.live-question h3[b-npopcu06og] {
    margin: 0.7rem 0 1rem;
    font-size: 1.35rem;
    line-height: 1.55;
}

.question-meta[b-npopcu06og] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.question-meta span[b-npopcu06og] {
    border-radius: 999px;
    background: var(--interactive-soft);
    color: var(--interactive-muted);
    padding: 0.25rem 0.65rem;
    font-size: 0.82rem;
}

.answer-grid[b-npopcu06og] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
}

.answer-option[b-npopcu06og] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 64px;
    border: 1px solid var(--interactive-line);
    border-radius: 8px;
    background: #fff;
    color: var(--interactive-ink);
    padding: 0.85rem;
    text-align: start;
}

.answer-option strong[b-npopcu06og] {
    display: grid;
    min-width: 2rem;
    height: 2rem;
    place-items: center;
    border-radius: 50%;
    background: #eef3f8;
}

.answer-option.correct[b-npopcu06og] {
    border-color: rgba(25, 135, 84, 0.5);
    background: #ebf8f1;
}

.answer-option.muted[b-npopcu06og] {
    opacity: 0.58;
}

.vote-board[b-npopcu06og] {
    display: grid;
    gap: 0.55rem;
    margin-top: 1rem;
}

.vote-row[b-npopcu06og] {
    display: grid;
    grid-template-columns: minmax(90px, 160px) 1fr;
    gap: 0.75rem;
    align-items: center;
    color: var(--interactive-muted);
    font-size: 0.9rem;
}

.vote-track[b-npopcu06og] {
    height: 0.75rem;
    overflow: hidden;
    border-radius: 999px;
    background: #edf1f5;
}

.vote-fill[b-npopcu06og] {
    height: 100%;
    border-radius: inherit;
    background: var(--interactive-primary);
    transition: width 180ms ease;
}

.answer-note[b-npopcu06og] {
    display: grid;
    gap: 0.25rem;
    margin-top: 1rem;
    border-right: 4px solid var(--interactive-success);
    border-radius: 8px;
    background: #effaf4;
    padding: 0.85rem;
}

.answer-note span[b-npopcu06og] {
    color: var(--interactive-muted);
}

.team-controls[b-npopcu06og] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.5rem;
    align-items: end;
    margin-bottom: 1rem;
}

.team-list[b-npopcu06og],
.leaderboard-list[b-npopcu06og] {
    display: grid;
    gap: 0.6rem;
}

.team-card[b-npopcu06og],
.student-row[b-npopcu06og],
.challenge-strip[b-npopcu06og] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
    border: 1px solid var(--interactive-line);
    border-radius: 8px;
    padding: 0.75rem;
}

.team-card.active[b-npopcu06og] {
    border-color: #ffc107;
    background: #fff9df;
}

.team-card div:first-child[b-npopcu06og] {
    display: grid;
    gap: 0.15rem;
}

.team-card span[b-npopcu06og],
.challenge-strip span[b-npopcu06og] {
    color: var(--interactive-muted);
    font-size: 0.88rem;
}

.team-actions[b-npopcu06og] {
    display: flex;
    gap: 0.35rem;
}

.team-actions button[b-npopcu06og] {
    width: 2.35rem;
    height: 2.1rem;
    border: 1px solid var(--interactive-line);
    border-radius: 6px;
    background: #fff;
    color: var(--interactive-ink);
}

.challenge-strip[b-npopcu06og] {
    margin-top: 1rem;
    background: var(--interactive-soft);
}

.student-row strong[b-npopcu06og] {
    color: var(--interactive-primary);
}

.luck-wheel-panel[b-npopcu06og] {
    margin-top: 1rem;
}

.luck-wheel-layout[b-npopcu06og] {
    display: grid;
    grid-template-columns: minmax(280px, 360px) minmax(0, 1fr);
    gap: 1.25rem;
    align-items: center;
}

.luck-wheel-stage[b-npopcu06og] {
    position: relative;
    display: grid;
    min-height: 340px;
    place-items: center;
}

.luck-pointer[b-npopcu06og] {
    position: absolute;
    top: 0.7rem;
    left: 50%;
    z-index: 2;
    width: 0;
    height: 0;
    border-right: 16px solid transparent;
    border-left: 16px solid transparent;
    border-top: 30px solid #172033;
    transform: translateX(-50%);
}

.luck-wheel[b-npopcu06og] {
    position: relative;
    width: min(320px, 78vw);
    aspect-ratio: 1;
    border: 10px solid #fff;
    border-radius: 50%;
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.16), 0 0 0 1px var(--interactive-line);
    transition: transform 1.8s cubic-bezier(0.16, 0.9, 0.18, 1);
}

.luck-wheel[b-npopcu06og]::before {
    position: absolute;
    inset: 13%;
    content: "";
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.7);
}

.luck-wheel-center[b-npopcu06og] {
    position: absolute;
    inset: 34%;
    display: grid;
    place-items: center;
    gap: 0.15rem;
    border: 1px solid var(--interactive-line);
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.12);
    text-align: center;
}

.luck-wheel-center strong[b-npopcu06og] {
    color: var(--interactive-primary);
    font-size: 1.15rem;
}

.luck-wheel-center span[b-npopcu06og] {
    max-width: 84px;
    color: var(--interactive-muted);
    font-size: 0.8rem;
    line-height: 1.25;
}

.luck-wheel-tools[b-npopcu06og] {
    min-width: 0;
}

.wheel-item-list[b-npopcu06og] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin: 0.85rem 0;
}

.wheel-item-chip[b-npopcu06og] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    max-width: 100%;
    border: 1px solid var(--interactive-line);
    border-radius: 999px;
    background: #fff;
    color: var(--interactive-ink);
    padding: 0.32rem 0.62rem;
}

.wheel-item-chip span[b-npopcu06og] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wheel-item-chip strong[b-npopcu06og] {
    display: grid;
    width: 1.25rem;
    height: 1.25rem;
    place-items: center;
    border-radius: 50%;
    background: var(--interactive-soft);
    color: var(--interactive-muted);
    font-size: 0.8rem;
}

.wheel-item-chip.active[b-npopcu06og] {
    border-color: var(--interactive-primary);
    background: #eef5ff;
}

.luck-result[b-npopcu06og] {
    display: grid;
    gap: 0.15rem;
    margin-top: 0.85rem;
    border: 1px solid #bad6ff;
    border-radius: 8px;
    background: #edf5ff;
    padding: 0.9rem;
}

.luck-result span[b-npopcu06og] {
    color: var(--interactive-muted);
    font-size: 0.85rem;
}

.luck-result strong[b-npopcu06og] {
    color: #084298;
    font-size: 1.25rem;
}

.letters-game-panel[b-npopcu06og] {
    margin-top: 1rem;
}

.letters-game-layout[b-npopcu06og] {
    display: grid;
    grid-template-columns: minmax(480px, 1fr) minmax(300px, 0.62fr);
    gap: 1rem;
    align-items: start;
}

.letters-arena[b-npopcu06og] {
    position: relative;
    display: grid;
    min-height: 460px;
    place-items: center;
    overflow: hidden;
    border: 1px solid #cfd8e3;
    border-radius: 8px;
    background:
        linear-gradient(150deg, transparent 0 13%, #0bb14b 13% 29%, transparent 29%),
        linear-gradient(30deg, transparent 0 13%, #0bb14b 13% 29%, transparent 29%),
        linear-gradient(210deg, transparent 0 13%, #0bb14b 13% 29%, transparent 29%),
        linear-gradient(330deg, transparent 0 13%, #0bb14b 13% 29%, transparent 29%),
        linear-gradient(#f81414 0 18%, transparent 18% 82%, #f81414 82% 100%),
        #f7fafc;
}

.letters-goal[b-npopcu06og] {
    position: absolute;
    z-index: 1;
    display: grid;
    place-items: center;
    color: #fff;
    font-weight: 800;
    pointer-events: none;
}

.letters-goal.top[b-npopcu06og],
.letters-goal.bottom[b-npopcu06og] {
    right: 16%;
    left: 16%;
    height: 2.2rem;
}

.letters-goal.top[b-npopcu06og] {
    top: 0.75rem;
}

.letters-goal.bottom[b-npopcu06og] {
    bottom: 0.75rem;
}

.letters-goal.right[b-npopcu06og],
.letters-goal.left[b-npopcu06og] {
    top: 23%;
    bottom: 23%;
    width: 2.2rem;
    writing-mode: vertical-rl;
}

.letters-goal.right[b-npopcu06og] {
    right: 0.75rem;
}

.letters-goal.left[b-npopcu06og] {
    left: 0.75rem;
}

.letters-goal.red[b-npopcu06og] {
    background: #f81414;
}

.letters-goal.green[b-npopcu06og] {
    background: #05b735;
}

.letters-board[b-npopcu06og] {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(var(--letters-columns), 72px);
    gap: 0.15rem 0.55rem;
    direction: rtl;
    margin-top: 0.4rem;
}

.letter-cell[b-npopcu06og] {
    display: grid;
    width: 78px;
    height: 68px;
    place-items: center;
    border: 2px solid #4a4a35;
    background: linear-gradient(#fffec8, #fff9a5);
    clip-path: polygon(24% 0, 76% 0, 100% 50%, 76% 100%, 24% 100%, 0 50%);
    color: #111827;
    font-size: 1.65rem;
    font-weight: 800;
    line-height: 1;
}

.letter-cell.row-1[b-npopcu06og],
.letter-cell.row-3[b-npopcu06og] {
    transform: translateX(40px);
}

.letter-cell.selected[b-npopcu06og] {
    filter: drop-shadow(0 0 0.35rem rgba(255, 193, 7, 0.9));
}

.letter-cell.green[b-npopcu06og] {
    border-color: #075f24;
    background: linear-gradient(#16c957, #05ad3a);
    color: #06170c;
}

.letter-cell.red[b-npopcu06og] {
    border-color: #8c0d0d;
    background: linear-gradient(#ff2929, #ed1111);
    color: #111827;
}

.letters-side[b-npopcu06og] {
    display: grid;
    gap: 0.85rem;
}

.letters-scoreboard[b-npopcu06og] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.6rem;
}

.letters-team[b-npopcu06og] {
    display: grid;
    gap: 0.15rem;
    border: 1px solid var(--interactive-line);
    border-radius: 8px;
    background: #fff;
    padding: 0.8rem;
}

.letters-team strong[b-npopcu06og] {
    font-size: 1.5rem;
}

.letters-team small[b-npopcu06og] {
    color: var(--interactive-muted);
}

.letters-team.green.active[b-npopcu06og] {
    border-color: #72d98d;
    background: #edfff2;
}

.letters-team.red.active[b-npopcu06og] {
    border-color: #f1a4ae;
    background: #fff1f3;
}

.letter-challenge-card[b-npopcu06og] {
    display: grid;
    gap: 0.35rem;
    border: 1px solid var(--interactive-line);
    border-radius: 8px;
    background: var(--interactive-soft);
    padding: 0.9rem;
}

.letter-challenge-card span[b-npopcu06og] {
    color: var(--interactive-muted);
    font-size: 0.85rem;
}

.letter-challenge-card strong[b-npopcu06og] {
    color: var(--interactive-primary);
    font-size: 2rem;
}

.letter-challenge-card p[b-npopcu06og] {
    margin: 0;
    line-height: 1.7;
}

.assessment-panel[b-npopcu06og] {
    margin-top: 1rem;
}

.assessment-toolbar[b-npopcu06og] {
    display: grid;
    grid-template-columns: minmax(220px, 0.4fr) minmax(280px, 1fr);
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.assessment-grid[b-npopcu06og] {
    display: grid;
    grid-template-columns: minmax(420px, 1fr) minmax(280px, 0.48fr);
    gap: 1rem;
    align-items: start;
}

.assessment-students[b-npopcu06og] {
    display: grid;
    gap: 0.55rem;
}

.assessment-student-card[b-npopcu06og] {
    display: grid;
    grid-template-columns: minmax(150px, 0.42fr) minmax(0, 1fr);
    gap: 0.65rem;
    align-items: center;
    border: 1px solid var(--interactive-line);
    border-radius: 8px;
    background: #fff;
    padding: 0.65rem;
}

.assessment-student-card > div:first-child[b-npopcu06og] {
    display: grid;
    gap: 0.15rem;
}

.assessment-student-card span[b-npopcu06og] {
    color: var(--interactive-muted);
    font-size: 0.84rem;
}

.assessment-actions[b-npopcu06og] {
    display: grid;
    grid-template-columns: repeat(5, minmax(72px, 1fr));
    gap: 0.35rem;
}

.assessment-actions button[b-npopcu06og] {
    min-height: 2.15rem;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    background: #f8fafc;
    color: var(--interactive-ink);
    font-size: 0.84rem;
}

.assessment-actions button:hover[b-npopcu06og] {
    border-color: var(--interactive-primary);
    background: #edf5ff;
}

.assessment-recent[b-npopcu06og] {
    display: grid;
    gap: 0.55rem;
}

.assessment-recent h3[b-npopcu06og] {
    margin: 0;
    font-size: 1rem;
    font-weight: 800;
}

.assessment-recent-row[b-npopcu06og] {
    display: grid;
    gap: 0.15rem;
    border: 1px solid var(--interactive-line);
    border-radius: 8px;
    background: var(--interactive-soft);
    padding: 0.65rem;
}

.assessment-recent-row span[b-npopcu06og],
.assessment-recent-row small[b-npopcu06og] {
    color: var(--interactive-muted);
}

@media (max-width: 960px) {
    .interactive-hero[b-npopcu06og],
    .interactive-grid[b-npopcu06og],
    .lower-grid[b-npopcu06og],
    .tool-switcher[b-npopcu06og],
    .luck-wheel-layout[b-npopcu06og],
    .letters-game-layout[b-npopcu06og],
    .assessment-grid[b-npopcu06og] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .interactive-form-grid[b-npopcu06og],
    .answer-grid[b-npopcu06og],
    .student-source-grid[b-npopcu06og],
    .letters-scoreboard[b-npopcu06og],
    .assessment-toolbar[b-npopcu06og],
    .assessment-student-card[b-npopcu06og],
    .assessment-actions[b-npopcu06og],
    .team-controls[b-npopcu06og] {
        grid-template-columns: 1fr;
    }

    .vote-row[b-npopcu06og] {
        grid-template-columns: 1fr;
    }

    .interactive-section-head[b-npopcu06og] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Pages/Messages/MsgForm.razor.rz.scp.css */
.msg-template-page[b-ytduhf33el] {
    font-size: 13px;
}

.msg-template-summary[b-ytduhf33el] {
    display: flex;
    gap: .75rem;
    flex-wrap: wrap;
    color: #47616a;
}

.msg-template-summary span[b-ytduhf33el] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
}

.msg-template-summary strong[b-ytduhf33el] {
    color: #057998;
    font-size: 17px;
}

.msg-template-card[b-ytduhf33el] {
    border: 1px solid #d8e7ea;
    background: #fff;
    margin-top: 1rem;
}

.msg-template-card-head[b-ytduhf33el] {
    background: #e9f3f4;
    border-bottom: 1px solid #d8e7ea;
    padding: .8rem 1rem;
}

.msg-template-card-head.compact[b-ytduhf33el] {
    padding-block: .65rem;
}

.msg-template-card-head h2[b-ytduhf33el] {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    color: #0b6174;
}

.msg-template-card-head span[b-ytduhf33el] {
    display: block;
    margin-top: .25rem;
    color: #57717a;
    font-size: 12px;
}

.msg-template-form-grid[b-ytduhf33el] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .8rem;
    padding: 1rem 1rem .75rem;
}

.msg-template-editor-grid[b-ytduhf33el] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 250px;
    gap: 1rem;
    padding: 0 1rem 1rem;
}

.msg-template-editor[b-ytduhf33el] {
    display: grid;
    gap: .8rem;
}

.msg-template-textarea[b-ytduhf33el] {
    min-height: 170px;
    resize: vertical;
    line-height: 1.8;
}

.msg-template-check[b-ytduhf33el] {
    margin: 0;
    display: inline-flex;
    align-items: center;
    gap: .45rem;
}

.msg-template-tokens[b-ytduhf33el] {
    border: 1px solid #e1eef1;
    background: #f8fcfd;
    padding: .8rem;
}

.msg-template-tokens h3[b-ytduhf33el] {
    font-size: 13px;
    margin: 0 0 .65rem;
    color: #0b6174;
}

.msg-template-token-grid[b-ytduhf33el] {
    display: grid;
    grid-template-columns: max-content 1fr;
    gap: .45rem .7rem;
    align-items: center;
}

.msg-template-token-grid span[b-ytduhf33el] {
    direction: ltr;
    color: #0d6efd;
    font-weight: 700;
}

.msg-template-token-grid strong[b-ytduhf33el] {
    font-weight: 500;
    color: #354f57;
}

.msg-template-actions[b-ytduhf33el] {
    display: flex;
    justify-content: center;
    gap: .65rem;
    border-top: 1px solid #edf4f6;
    padding: .85rem 1rem;
}

.msg-template-lists[b-ytduhf33el] {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr);
    gap: 1rem;
}

.msg-template-table[b-ytduhf33el] {
    margin: 0;
}

.msg-template-table th[b-ytduhf33el] {
    background: #f6fbfc;
    color: #395c66;
    font-size: 12px;
}

.msg-template-table td[b-ytduhf33el],
.msg-template-table th[b-ytduhf33el] {
    padding: .42rem .5rem;
    vertical-align: middle;
}

.msg-template-table tr.current td[b-ytduhf33el] {
    background: #f1fbff;
}

.msg-template-title[b-ytduhf33el] {
    max-width: 230px;
    white-space: normal;
}

.msg-template-badge[b-ytduhf33el] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 48px;
    padding: .15rem .45rem;
    border-radius: 999px;
    background: #f3f4f6;
    color: #6b7280;
    font-size: 12px;
}

.msg-template-badge.ok[b-ytduhf33el] {
    background: #e8f7ef;
    color: #16804b;
}

.msg-template-badge.off[b-ytduhf33el] {
    background: #fdf0f0;
    color: #bd2b2b;
}

.msg-template-default-list[b-ytduhf33el] {
    display: grid;
    gap: .6rem;
    padding: .85rem;
}

.msg-template-default-item[b-ytduhf33el] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    border: 1px solid #e4eff2;
    background: #fbfefe;
    padding: .65rem;
}

.msg-template-default-item strong[b-ytduhf33el],
.msg-template-default-item span[b-ytduhf33el] {
    display: block;
}

.msg-template-default-item strong[b-ytduhf33el] {
    color: #123f4b;
}

.msg-template-default-item span[b-ytduhf33el] {
    margin-top: .2rem;
    color: #6b7f86;
    font-size: 12px;
}

@media (max-width: 992px) {
    .msg-template-form-grid[b-ytduhf33el],
    .msg-template-editor-grid[b-ytduhf33el],
    .msg-template-lists[b-ytduhf33el] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 576px) {
    .msg-template-actions[b-ytduhf33el],
    .msg-template-default-item[b-ytduhf33el] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Pages/QuestionBank/QuestionBank.razor.rz.scp.css */
.question-bank-page[b-75ez0nmfg5] {
    --bank-line: #dfe5ee;
    --bank-soft: #f6f8fb;
    --bank-ink: #172033;
    --bank-muted: #667085;
    --bank-primary: #0d6efd;
}

.question-bank-hero[b-75ez0nmfg5] {
    border-bottom: 1px solid var(--bank-line);
    background: linear-gradient(135deg, #f4fbff, #fff);
}

.question-bank-kicker[b-75ez0nmfg5] {
    display: block;
    color: var(--bank-primary);
    font-weight: 800;
    margin-bottom: 0.35rem;
}

.question-bank-hero p[b-75ez0nmfg5] {
    max-width: 760px;
    margin: 0.35rem 0 0;
    color: var(--bank-muted);
}

.question-bank-import[b-75ez0nmfg5],
.question-bank-tools[b-75ez0nmfg5],
.question-bank-list[b-75ez0nmfg5] {
    margin-top: 1rem;
}

.question-bank-panel-head[b-75ez0nmfg5] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.85rem;
}

.question-bank-panel-head strong[b-75ez0nmfg5],
.question-bank-panel-head span[b-75ez0nmfg5] {
    display: block;
}

.question-bank-panel-head span[b-75ez0nmfg5],
.question-bank-meta[b-75ez0nmfg5],
.question-bank-file small[b-75ez0nmfg5] {
    color: var(--bank-muted);
}

.question-bank-actions[b-75ez0nmfg5],
.question-bank-filter-actions[b-75ez0nmfg5] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.question-bank-file[b-75ez0nmfg5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    border: 1px solid var(--bank-line);
    border-radius: 8px;
    background: #fff;
    margin-top: 0.75rem;
    padding: 0.55rem 0.7rem;
}

.question-bank-filter-grid[b-75ez0nmfg5] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
}

.question-bank-filter-actions[b-75ez0nmfg5] {
    margin-top: 0.8rem;
}

.question-bank-list[b-75ez0nmfg5] {
    display: grid;
    gap: 0.7rem;
}

.question-bank-card[b-75ez0nmfg5] {
    border: 1px solid var(--bank-line);
    border-radius: 8px;
    background: #fff;
    padding: 0.85rem;
}

.question-bank-card.selected[b-75ez0nmfg5] {
    border-color: var(--bank-primary);
    box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.1);
}

.question-bank-card-top[b-75ez0nmfg5] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.question-bank-card-top label[b-75ez0nmfg5] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.5rem;
    align-items: start;
}

.question-bank-card-top strong[b-75ez0nmfg5] {
    color: var(--bank-ink);
    line-height: 1.7;
}

.question-bank-card-top > span[b-75ez0nmfg5] {
    border-radius: 999px;
    background: var(--bank-soft);
    color: var(--bank-muted);
    padding: 0.25rem 0.65rem;
    white-space: nowrap;
}

.question-bank-meta[b-75ez0nmfg5] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin: 0.55rem 0;
    font-size: 0.88rem;
}

.question-bank-meta span[b-75ez0nmfg5] {
    border: 1px solid var(--bank-line);
    border-radius: 999px;
    background: #fff;
    padding: 0.2rem 0.55rem;
}

.question-bank-options[b-75ez0nmfg5] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.45rem;
}

.question-bank-image[b-75ez0nmfg5] {
    margin: 0.65rem 0;
}

.question-bank-image img[b-75ez0nmfg5] {
    display: block;
    max-width: min(100%, 520px);
    max-height: 280px;
    border: 1px solid var(--bank-line);
    border-radius: 8px;
    background: #fff;
    object-fit: contain;
}

.question-bank-options div[b-75ez0nmfg5] {
    border: 1px solid var(--bank-line);
    border-radius: 8px;
    background: var(--bank-soft);
    padding: 0.55rem;
}

.question-bank-options div.correct[b-75ez0nmfg5] {
    border-color: #82c596;
    background: #eefaf1;
}

.question-bank-warning[b-75ez0nmfg5] {
    border: 1px solid #f1b8b8;
    border-radius: 6px;
    background: #fff5f5;
    color: #b42318;
    padding: 0.65rem;
}

.question-bank-matching[b-75ez0nmfg5] {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(260px, 0.8fr);
    gap: 0.7rem;
}

.question-bank-matching-column[b-75ez0nmfg5] {
    min-width: 0;
    border: 1px solid var(--bank-line);
    border-radius: 6px;
    padding: 0.65rem;
}

.question-bank-matching-column > strong[b-75ez0nmfg5] {
    display: block;
    margin-bottom: 0.55rem;
    border-bottom: 1px solid var(--bank-line);
    padding-bottom: 0.5rem;
}

.question-bank-matching-column .question-bank-options[b-75ez0nmfg5] {
    grid-template-columns: 1fr;
}

.question-bank-match-pair[b-75ez0nmfg5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
}

.question-bank-match-pair b[b-75ez0nmfg5],
.question-bank-matching-column.column-b .question-bank-options b[b-75ez0nmfg5] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 50%;
    background: #e8f3ff;
    color: #075d9e;
}

.question-bank-matching-column.column-b .question-bank-options div[b-75ez0nmfg5] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
}

@media (max-width: 860px) {
    .question-bank-panel-head[b-75ez0nmfg5],
    .question-bank-card-top[b-75ez0nmfg5] {
        flex-direction: column;
    }

    .question-bank-filter-grid[b-75ez0nmfg5],
    .question-bank-options[b-75ez0nmfg5],
    .question-bank-matching[b-75ez0nmfg5] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Referrals/ReferralProgram.razor.rz.scp.css */
.ref-page[b-fsjt1cmvv2]{max-width:1080px;margin:0 auto;padding:24px;color:#12364b}.ref-hero[b-fsjt1cmvv2]{display:flex;justify-content:space-between;align-items:center;padding:28px 32px;background:linear-gradient(120deg,#07546c,#0aa39b);color:#fff}.ref-hero small[b-fsjt1cmvv2]{color:#bdf5ee;font-weight:800}.ref-hero h1[b-fsjt1cmvv2]{font-size:2rem;margin:5px 0}.ref-hero p[b-fsjt1cmvv2]{margin:0;color:#e8fffc}.ref-hero>i[b-fsjt1cmvv2]{font-size:4rem;opacity:.25}.ref-loading[b-fsjt1cmvv2],.ref-empty[b-fsjt1cmvv2]{min-height:260px;display:flex;gap:12px;align-items:center;justify-content:center;flex-direction:column;background:#fff;border:1px solid #d9e7ec;margin-top:16px}.ref-summary[b-fsjt1cmvv2]{display:grid;grid-template-columns:1fr 1.4fr;gap:14px;margin-top:16px}.invite-card[b-fsjt1cmvv2],.progress-card[b-fsjt1cmvv2],.ref-panel[b-fsjt1cmvv2],.ref-stats article[b-fsjt1cmvv2]{background:#fff;border:1px solid #d6e5eb;border-radius:14px}.invite-card[b-fsjt1cmvv2],.progress-card[b-fsjt1cmvv2]{padding:20px}.invite-card>span[b-fsjt1cmvv2],.progress-card span[b-fsjt1cmvv2]{color:#6e8796}.invite-card>strong[b-fsjt1cmvv2]{display:block;font-size:2rem;letter-spacing:4px;margin:5px 0 14px}.invite-actions[b-fsjt1cmvv2]{display:flex;gap:8px}.invite-actions button[b-fsjt1cmvv2]{border:0;border-radius:8px;background:#087d98;color:#fff;padding:9px 12px;font-weight:700}.invite-actions .secondary[b-fsjt1cmvv2]{background:#edf6f8;color:#166176}.invite-card small[b-fsjt1cmvv2]{display:block;margin-top:12px;color:#78909c}.progress-card>div:first-child[b-fsjt1cmvv2]{display:flex;justify-content:space-between}.progress-card strong[b-fsjt1cmvv2]{font-size:1.25rem}.progress[b-fsjt1cmvv2]{height:11px;margin:18px 0;background:#e8f1f3}.progress-bar[b-fsjt1cmvv2]{background:linear-gradient(90deg,#18b8a5,#087d98)}.ref-stats[b-fsjt1cmvv2]{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0}.ref-stats article[b-fsjt1cmvv2]{padding:15px;display:grid;grid-template-columns:auto 1fr;gap:2px 10px}.ref-stats i[b-fsjt1cmvv2]{grid-row:1/3;background:#eaf8f8;color:#079b99;border-radius:10px;padding:10px}.ref-stats span[b-fsjt1cmvv2]{color:#78909c}.ref-stats strong[b-fsjt1cmvv2]{font-size:1.3rem}.ref-panel[b-fsjt1cmvv2]{padding:20px;margin-top:14px}.ref-panel h2[b-fsjt1cmvv2]{font-size:1.15rem;margin:0 0 15px}table[b-fsjt1cmvv2]{width:100%;border-collapse:collapse}th[b-fsjt1cmvv2],td[b-fsjt1cmvv2]{padding:11px;border-bottom:1px solid #e6eef1;text-align:right}.status[b-fsjt1cmvv2]{padding:4px 9px;border-radius:20px;background:#edf3f5}.s-2[b-fsjt1cmvv2],.s-3[b-fsjt1cmvv2]{background:#def8ec;color:#087548}.s-4[b-fsjt1cmvv2]{background:#ffe7e7;color:#a31c1c}.terms p[b-fsjt1cmvv2]{white-space:pre-line}.terms small[b-fsjt1cmvv2],.muted[b-fsjt1cmvv2]{color:#778d99}@media(max-width:760px){.ref-page[b-fsjt1cmvv2]{padding:12px}.ref-summary[b-fsjt1cmvv2]{grid-template-columns:1fr}.ref-stats[b-fsjt1cmvv2]{grid-template-columns:1fr 1fr}.ref-hero[b-fsjt1cmvv2]{padding:22px 18px}.ref-hero h1[b-fsjt1cmvv2]{font-size:1.5rem}.ref-hero>i[b-fsjt1cmvv2]{display:none}.invite-actions[b-fsjt1cmvv2]{flex-direction:column}}
/* /Pages/Settings/GeneralOpt.razor.rz.scp.css */
.settings-loading[b-a8jwj15uf9] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 260px;
    color: #334155;
    font-size: 13px;
    font-weight: 600;
}

.settings-spinner[b-a8jwj15uf9] {
    width: 26px;
    height: 26px;
    border: 3px solid #d7e7f1;
    border-top-color: #0476aa;
    border-radius: 50%;
    animation: settings-spin-b-a8jwj15uf9 .75s linear infinite;
}

.settings-shell[b-a8jwj15uf9] {
    padding: 20px 32px 24px;
    direction: rtl;
}

.settings-summary[b-a8jwj15uf9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 16px 18px;
    border: 1px solid #dce7ed;
    background: linear-gradient(90deg, rgba(4, 118, 170, .08), #ffffff 58%);
}

.settings-kicker[b-a8jwj15uf9] {
    color: #0476aa;
    font-size: 12px;
    font-weight: 600;
}

.settings-summary h2[b-a8jwj15uf9] {
    margin: 4px 0 8px;
    color: #172033;
    font-size: 1.1rem;
    font-weight: 600;
}

.settings-meta[b-a8jwj15uf9] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.settings-meta span[b-a8jwj15uf9] {
    padding: 3px 8px;
    border: 1px solid #dbe3ea;
    background: #ffffff;
    color: #475569;
    font-size: 12px;
    font-weight: 600;
}

.settings-state[b-a8jwj15uf9] {
    min-width: 86px;
    padding: 8px 12px;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    box-shadow: 0 3px 8px rgba(15, 23, 42, .16);
}

.settings-state.active[b-a8jwj15uf9] {
    background: #047857;
}

.settings-state.inactive[b-a8jwj15uf9] {
    background: #b91c1c;
}

.settings-tabs[b-a8jwj15uf9] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin: 16px 0;
}

.settings-tab[b-a8jwj15uf9] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    border: 1px solid #ccd8df;
    background: #ffffff;
    color: #253746;
    font-size: 13px;
    font-weight: 600;
    transition: background-color .16s ease, color .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.settings-tab:hover[b-a8jwj15uf9],
.settings-tab:focus-visible[b-a8jwj15uf9] {
    border-color: #0476aa;
    color: #0476aa;
    outline: 0;
}

.settings-tab.active[b-a8jwj15uf9] {
    border-color: #0476aa;
    background: #0476aa;
    color: #ffffff;
    box-shadow: 0 3px 8px rgba(4, 118, 170, .24);
}

.settings-tab-icon[b-a8jwj15uf9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border: 1px solid currentColor;
    font-size: 11px;
}

.settings-panel[b-a8jwj15uf9] {
    border: 1px solid #e1e7eb;
    background: #ffffff;
    padding: 18px 16px 20px;
}

.settings-section-head[b-a8jwj15uf9] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 18px;
    padding-bottom: 12px;
    border-bottom: 1px solid #e5ebef;
}

.settings-section-head h3[b-a8jwj15uf9] {
    margin: 0 0 6px;
    color: #172033;
    font-size: 1rem;
    font-weight: 600;
}

.settings-section-head p[b-a8jwj15uf9] {
    margin: 0;
    color: #60707c;
    font-size: 12.5px;
    font-weight: 600;
    line-height: 1.7;
}

.settings-grid[b-a8jwj15uf9] {
    display: grid;
    grid-template-columns: repeat(2, minmax(180px, 1fr));
    gap: 14px 12px;
}

.settings-grid .settings-wide[b-a8jwj15uf9] {
    grid-column: 1 / -1;
}

.settings-grid .compact[b-a8jwj15uf9] {
    max-width: 100%;
}

.settings-readonly[b-a8jwj15uf9] {
    background: #f8fafc;
    color: #475569;
}

.settings-token[b-a8jwj15uf9] {
    min-height: 88px;
    resize: vertical;
}

.settings-toggle[b-a8jwj15uf9] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 38px;
    margin: 0;
    color: #3b2748;
    font-size: 13px;
    font-weight: 600;
}

.settings-toggle input[b-a8jwj15uf9] {
    position: absolute;
    opacity: 0;
}

.settings-toggle-ui[b-a8jwj15uf9] {
    position: relative;
    width: 42px;
    height: 22px;
    border: 1px solid #b8c8d2;
    background: #e8eef2;
    transition: background-color .16s ease, border-color .16s ease;
}

.settings-toggle-ui[b-a8jwj15uf9]::after {
    position: absolute;
    top: 2px;
    right: 2px;
    width: 16px;
    height: 16px;
    background: #ffffff;
    box-shadow: 0 1px 3px rgba(15, 23, 42, .24);
    content: "";
    transition: transform .16s ease;
}

.settings-toggle input:checked + .settings-toggle-ui[b-a8jwj15uf9] {
    border-color: #047857;
    background: #047857;
}

.settings-toggle input:checked + .settings-toggle-ui[b-a8jwj15uf9]::after {
    transform: translateX(-20px);
}

.settings-provider-pill[b-a8jwj15uf9] {
    min-width: 110px;
    padding: 7px 10px;
    border: 1px solid #dbe3ea;
    background: #f8fafc;
    color: #0476aa;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
}

.settings-channel-card[b-a8jwj15uf9],
.settings-note[b-a8jwj15uf9] {
    margin-top: 14px;
    padding: 12px 14px;
    border: 1px solid #dbe5ec;
    background: #f8fbfd;
    color: #475569;
    font-size: 12.5px;
    font-weight: 600;
    line-height: 1.7;
}

.settings-channel-card strong[b-a8jwj15uf9] {
    display: block;
    margin-bottom: 4px;
    color: #047857;
}

.settings-account-grid[b-a8jwj15uf9] {
    display: grid;
    grid-template-columns: repeat(4, minmax(120px, 1fr));
    gap: 10px;
}

.settings-account-card[b-a8jwj15uf9] {
    min-height: 86px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
    padding: 12px;
    border: 1px solid #dbe5ec;
    background: #f8fafc;
}

.settings-account-card span[b-a8jwj15uf9] {
    color: #64748b;
    font-size: 12px;
    font-weight: 600;
}

.settings-account-card strong[b-a8jwj15uf9] {
    color: #172033;
    font-size: 14px;
    font-weight: 600;
}

.settings-account-card strong.ok[b-a8jwj15uf9] {
    color: #047857;
}

.settings-account-card strong.off[b-a8jwj15uf9] {
    color: #b91c1c;
}

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

@media (max-width: 760px) {
    .settings-shell[b-a8jwj15uf9] {
        padding: 16px;
    }

    .settings-summary[b-a8jwj15uf9],
    .settings-section-head[b-a8jwj15uf9] {
        flex-direction: column;
    }

    .settings-tabs[b-a8jwj15uf9],
    .settings-grid[b-a8jwj15uf9],
    .settings-account-grid[b-a8jwj15uf9] {
        grid-template-columns: 1fr;
    }

    .settings-state[b-a8jwj15uf9],
    .settings-provider-pill[b-a8jwj15uf9] {
        width: 100%;
    }
}
/* /Pages/Settings/SchoolBotMenuSettings.razor.rz.scp.css */
.bot-settings-page[b-j6kz7f4fpw] {
    color: #263642;
    font-size: 13px;
}

.bot-shell[b-j6kz7f4fpw] {
    padding: 1.25rem 1.5rem 1.5rem;
}

.bot-two-panel[b-j6kz7f4fpw] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    align-items: start;
}

.bot-menu-panel[b-j6kz7f4fpw],
.bot-settings-panel[b-j6kz7f4fpw] {
    min-width: 0;
}

.bot-settings-panel[b-j6kz7f4fpw] {
    display: grid;
    gap: .85rem;
}

.bot-panel-head[b-j6kz7f4fpw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    border: 1px solid #dbe3e8;
    background: #fff;
    padding: .85rem 1rem;
    margin-bottom: .75rem;
    box-shadow: 0 4px 12px rgba(15, 23, 42, .05);
}

.bot-panel-head strong[b-j6kz7f4fpw] {
    display: block;
    color: #263642;
    font-size: 13px;
    font-weight: 700;
}

.bot-panel-head span[b-j6kz7f4fpw] {
    display: block;
    color: #667681;
    font-size: 12px;
    font-weight: 600;
    margin-top: .15rem;
}

.bot-loading[b-j6kz7f4fpw] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .65rem;
    min-height: 220px;
    color: #52636d;
    font-weight: 600;
}

.bot-spinner[b-j6kz7f4fpw] {
    width: 22px;
    height: 22px;
    border: 3px solid #d9e3ea;
    border-top-color: #0b83b5;
    border-radius: 50%;
    animation: bot-spin-b-j6kz7f4fpw .8s linear infinite;
}

.bot-overview[b-j6kz7f4fpw] {
    display: grid;
    gap: .8rem;
    border: 1px solid #d9e3ea;
    border-right: 4px solid #7b8790;
    background: #fff;
    padding: .9rem 1rem;
    box-shadow: 0 4px 12px rgba(15, 23, 42, .05);
}

.bot-overview.active[b-j6kz7f4fpw] {
    border-right: 4px solid #008069;
    background: linear-gradient(90deg, #fff 0%, #effaf6 100%);
}

.bot-overview.inactive[b-j6kz7f4fpw] {
    border-right: 4px solid #9b1c1c;
    background: linear-gradient(90deg, #fff 0%, #fff7f7 100%);
}

.bot-overview-main[b-j6kz7f4fpw] {
    min-width: 0;
}

.bot-overview-main span[b-j6kz7f4fpw],
.bot-overview-metrics span[b-j6kz7f4fpw] {
    display: block;
    color: #087a91;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: .25rem;
}

.bot-overview-main strong[b-j6kz7f4fpw] {
    display: block;
    color: #263642;
    font-size: 15px;
    font-weight: 700;
}

.bot-overview-main p[b-j6kz7f4fpw] {
    margin: .35rem 0 0;
    color: #667681;
    font-size: 12.4px;
    font-weight: 600;
}

.bot-overview-metrics[b-j6kz7f4fpw] {
    display: grid;
    grid-template-columns: repeat(3, minmax(72px, 1fr));
    gap: .5rem;
}

.bot-overview-metrics div[b-j6kz7f4fpw] {
    display: grid;
    place-items: center;
    border: 1px solid #e2eaee;
    background: rgba(255, 255, 255, .78);
    min-height: 56px;
    padding: .35rem .5rem;
}

.bot-overview-metrics strong[b-j6kz7f4fpw] {
    color: #263642;
    font-size: 14px;
    font-weight: 700;
}

.bot-warning[b-j6kz7f4fpw] {
    border: 1px solid #f0c36d;
    background: #fff8e5;
    color: #7a4f00;
    padding: .75rem 1rem;
    font-size: 12.4px;
    font-weight: 700;
}

.bot-command-bar[b-j6kz7f4fpw],
.bot-filter-panel[b-j6kz7f4fpw],
.bot-menu-card[b-j6kz7f4fpw] {
    border: 1px solid #dbe3e8;
    background: #fff;
    box-shadow: 0 4px 12px rgba(15, 23, 42, .05);
}

.bot-command-bar[b-j6kz7f4fpw] {
    display: grid;
    gap: 1.25rem;
    padding: 1.2rem 1.35rem;
    min-height: 148px;
}

.bot-control-section[b-j6kz7f4fpw],
.bot-actions[b-j6kz7f4fpw] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    flex-wrap: wrap;
    min-height: 44px;
}

.bot-control-section[b-j6kz7f4fpw] {
    justify-content: space-between;
}

.bot-actions[b-j6kz7f4fpw] {
    justify-content: center;
}

.bot-calendar[b-j6kz7f4fpw] {
    width: 100%;
    min-width: 0;
}

.bot-switch[b-j6kz7f4fpw],
.bot-mini-switch[b-j6kz7f4fpw] {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    margin: 0;
    color: #263642;
    font-size: 12.4px;
    font-weight: 700;
    cursor: pointer;
}

.bot-switch input[b-j6kz7f4fpw],
.bot-mini-switch input[b-j6kz7f4fpw] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.bot-switch span[b-j6kz7f4fpw],
.bot-mini-switch span[b-j6kz7f4fpw] {
    position: relative;
    display: inline-block;
    width: 42px;
    height: 22px;
    background: #d8e1e7;
    border: 1px solid #c3d0d9;
    transition: background .2s ease, border-color .2s ease;
}

.bot-switch span[b-j6kz7f4fpw]::after,
.bot-mini-switch span[b-j6kz7f4fpw]::after {
    content: "";
    position: absolute;
    top: 2px;
    right: 2px;
    width: 16px;
    height: 16px;
    background: #fff;
    box-shadow: 0 1px 4px rgba(15, 23, 42, .22);
    transition: transform .2s ease;
}

.bot-switch input:checked + span[b-j6kz7f4fpw],
.bot-mini-switch input:checked + span[b-j6kz7f4fpw] {
    background: #008069;
    border-color: #008069;
}

.bot-switch input:checked + span[b-j6kz7f4fpw]::after,
.bot-mini-switch input:checked + span[b-j6kz7f4fpw]::after {
    transform: translateX(-20px);
}

.bot-switch input:disabled + span[b-j6kz7f4fpw],
.bot-mini-switch input:disabled + span[b-j6kz7f4fpw] {
    opacity: .55;
}

.bot-filter-panel[b-j6kz7f4fpw] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .7rem;
    align-items: end;
    padding: .85rem 1rem;
    margin-bottom: .75rem;
}

.bot-search-filter[b-j6kz7f4fpw] {
    grid-column: 1 / -1;
}

.bot-filter-title[b-j6kz7f4fpw] {
    align-self: center;
    min-width: 0;
}

.bot-filter-title strong[b-j6kz7f4fpw] {
    display: block;
    color: #263642;
    font-size: 13px;
    font-weight: 700;
}

.bot-filter-title span[b-j6kz7f4fpw] {
    display: block;
    color: #667681;
    font-size: 12px;
    font-weight: 600;
    margin-top: .15rem;
}

.bot-bulk-actions[b-j6kz7f4fpw] {
    display: flex;
    gap: .45rem;
    flex-wrap: wrap;
}

.bot-page-button[b-j6kz7f4fpw],
.bot-actions .app-search-button[b-j6kz7f4fpw] {
    min-height: 32px;
    min-width: 92px;
    border: 1px solid #b8c7d2;
    background: #fff;
    color: #263642;
    padding: .25rem .85rem;
    font-size: 13px;
    font-weight: 600;
    box-shadow: 0 2px 4px rgba(15, 23, 42, .08);
    transition: background .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease;
}

.bot-page-button:hover:not(:disabled)[b-j6kz7f4fpw],
.bot-page-button:focus-visible:not(:disabled)[b-j6kz7f4fpw] {
    background: #f4f8fa;
    border-color: #98acb8;
    box-shadow: 0 3px 7px rgba(15, 23, 42, .12);
    outline: none;
}

.bot-page-button.success[b-j6kz7f4fpw] {
    border-color: #bddfd6;
    color: #00745f;
}

.bot-page-button.success:hover:not(:disabled)[b-j6kz7f4fpw],
.bot-page-button.success:focus-visible:not(:disabled)[b-j6kz7f4fpw] {
    background: #effaf6;
    border-color: #008069;
}

.bot-page-button.danger[b-j6kz7f4fpw] {
    border-color: #e0b3b3;
    color: #9b1c1c;
}

.bot-page-button.danger:hover:not(:disabled)[b-j6kz7f4fpw],
.bot-page-button.danger:focus-visible:not(:disabled)[b-j6kz7f4fpw] {
    background: #fff7f7;
    border-color: #b94a4a;
}

.bot-page-button:disabled[b-j6kz7f4fpw],
.bot-actions .app-search-button:disabled[b-j6kz7f4fpw] {
    opacity: .55;
    cursor: not-allowed;
    box-shadow: none;
}

.bot-menu-list[b-j6kz7f4fpw] {
    display: grid;
    gap: .55rem;
}

.bot-menu-card[b-j6kz7f4fpw] {
    border-right: 4px solid #7b8790;
    overflow: hidden;
}

.bot-menu-card.active[b-j6kz7f4fpw] {
    border-right-color: #008069;
}

.bot-menu-card.partial[b-j6kz7f4fpw] {
    border-right-color: #c98213;
}

.bot-menu-card.inactive[b-j6kz7f4fpw] {
    border-right-color: #7b8790;
}

.bot-menu-card > header[b-j6kz7f4fpw] {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) auto auto;
    gap: .65rem;
    align-items: center;
    padding: .62rem .75rem;
    background: #f8fafb;
}

.bot-expand-button[b-j6kz7f4fpw] {
    width: 30px;
    height: 30px;
    border: 1px solid #c7d4dc;
    background: #fff;
    color: #0b83b5;
    display: grid;
    place-items: center;
    font-size: 13px;
}

.bot-menu-title strong[b-j6kz7f4fpw] {
    display: block;
    color: #263642;
    font-size: 13px;
    font-weight: 700;
}

.bot-menu-title span[b-j6kz7f4fpw] {
    display: block;
    color: #667681;
    font-size: 12px;
    font-weight: 600;
    margin-top: .2rem;
}

.bot-state-pill[b-j6kz7f4fpw] {
    min-width: 76px;
    height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 .65rem;
    color: #fff;
    background: #7b8790;
    font-size: 12px;
    font-weight: 700;
}

.bot-menu-card.active .bot-state-pill[b-j6kz7f4fpw] {
    background: #008069;
}

.bot-menu-card.partial .bot-state-pill[b-j6kz7f4fpw] {
    background: #c98213;
}

.bot-child-list[b-j6kz7f4fpw] {
    display: grid;
    gap: .35rem;
    padding: .55rem .7rem .7rem;
    border-top: 1px solid #edf2f3;
    background: #fbfcfd;
}

.bot-child-row[b-j6kz7f4fpw] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .75rem;
    align-items: center;
    border: 1px solid #e3ebef;
    background: #fff;
    padding: .48rem .6rem;
}

.bot-child-row.active[b-j6kz7f4fpw] {
    background: #fbfffd;
}

.bot-child-row.inactive[b-j6kz7f4fpw] {
    background: #fff;
}

.bot-child-name strong[b-j6kz7f4fpw] {
    display: block;
    color: #263642;
    font-size: 12.4px;
    font-weight: 700;
}

.bot-child-name span[b-j6kz7f4fpw],
.bot-permission[b-j6kz7f4fpw] {
    color: #667681;
    font-size: 12px;
    font-weight: 600;
}

.bot-empty[b-j6kz7f4fpw] {
    border: 1px dashed #cbd8df;
    background: #f8fafb;
    color: #667681;
    padding: 1.25rem;
    text-align: center;
    font-size: 12.4px;
    font-weight: 700;
}

@media (max-width: 900px) {
    .bot-two-panel[b-j6kz7f4fpw],
    .bot-filter-panel[b-j6kz7f4fpw] {
        grid-template-columns: 1fr;
    }

    .bot-command-bar[b-j6kz7f4fpw] {
        align-items: stretch;
    }

    .bot-actions[b-j6kz7f4fpw],
    .bot-bulk-actions[b-j6kz7f4fpw] {
        justify-content: center;
    }
}

@media (max-width: 620px) {
    .bot-shell[b-j6kz7f4fpw] {
        padding: 1rem;
    }

    .bot-menu-card > header[b-j6kz7f4fpw],
    .bot-child-row[b-j6kz7f4fpw] {
        grid-template-columns: 1fr;
    }

    .bot-state-pill[b-j6kz7f4fpw],
    .bot-mini-switch[b-j6kz7f4fpw] {
        justify-self: start;
    }
}

@keyframes bot-spin-b-j6kz7f4fpw {
    to {
        transform: rotate(360deg);
    }
}
/* /Pages/Settings/SchoolSetupWizard.razor.rz.scp.css */
.setup-wizard-page[b-fo73mdn49g]{max-width:1180px;margin:0 auto;padding:24px 18px 44px;color:#18304a}.wizard-hero[b-fo73mdn49g]{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:34px 38px;border-radius:28px;background:linear-gradient(135deg,#123f78 0%,#166a9c 52%,#14a39a 100%);color:#fff;box-shadow:0 20px 50px rgba(16,63,110,.18)}.wizard-hero[b-fo73mdn49g]::before{content:"";position:absolute;width:330px;height:330px;border-radius:50%;left:-100px;top:-210px;background:rgba(255,255,255,.1)}.wizard-hero-copy[b-fo73mdn49g]{position:relative;max-width:720px}.wizard-kicker[b-fo73mdn49g]{display:inline-flex;align-items:center;gap:8px;margin-bottom:12px;padding:7px 12px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:rgba(255,255,255,.1);font-size:.84rem}.wizard-hero h1[b-fo73mdn49g]{margin:0 0 8px;font-size:clamp(1.75rem,3vw,2.65rem);font-weight:850}.wizard-hero p[b-fo73mdn49g]{margin:0;max-width:680px;line-height:1.85;color:rgba(255,255,255,.84)}.wizard-score[b-fo73mdn49g]{position:relative;min-width:142px;text-align:center;padding:18px;border-radius:22px;background:rgba(255,255,255,.12);backdrop-filter:blur(10px)}.wizard-score strong[b-fo73mdn49g]{display:block;font-size:2rem}.wizard-score span[b-fo73mdn49g]{font-size:.78rem;color:rgba(255,255,255,.8)}.wizard-score div[b-fo73mdn49g]{height:5px;margin-top:10px;overflow:hidden;border-radius:10px;background:rgba(255,255,255,.2)}.wizard-score i[b-fo73mdn49g]{display:block;height:100%;border-radius:inherit;background:#fff;transition:width .35s ease}.wizard-loading[b-fo73mdn49g]{display:flex;align-items:center;justify-content:center;gap:14px;min-height:330px}.wizard-stepper[b-fo73mdn49g]{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.wizard-step[b-fo73mdn49g]{display:flex;align-items:center;gap:11px;text-align:right;padding:13px;border:1px solid #dce7f0;border-radius:17px;background:#fff;color:#6e8195;transition:.2s ease}.wizard-step:hover[b-fo73mdn49g]{border-color:#83b4d5;transform:translateY(-1px)}.wizard-step.active[b-fo73mdn49g]{border-color:#1d78af;color:#174e75;box-shadow:0 8px 24px rgba(25,110,164,.12)}.wizard-step.complete[b-fo73mdn49g]{color:#137b69}.step-number[b-fo73mdn49g]{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:11px;background:#eff4f8;font-weight:800}.active .step-number[b-fo73mdn49g]{background:#167db3;color:#fff}.complete .step-number[b-fo73mdn49g]{background:#dcf6ee;color:#12806b}.step-copy[b-fo73mdn49g]{min-width:0}.step-copy strong[b-fo73mdn49g],.step-copy small[b-fo73mdn49g]{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.step-copy strong[b-fo73mdn49g]{font-size:.88rem}.step-copy small[b-fo73mdn49g]{margin-top:2px;font-size:.69rem;font-weight:500;color:#91a0ae}.wizard-workspace[b-fo73mdn49g]{min-height:470px;padding:30px;border:1px solid #e1e9f0;border-radius:26px;background:#fff;box-shadow:0 16px 45px rgba(30,70,100,.07)}.step-heading[b-fo73mdn49g]{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:25px}.step-eyebrow[b-fo73mdn49g],.card-order[b-fo73mdn49g]{display:block;margin-bottom:5px;color:#158a80;font-size:.72rem;font-weight:800}.step-heading h2[b-fo73mdn49g]{margin:0 0 5px;font-size:1.55rem}.step-heading p[b-fo73mdn49g]{margin:0;color:#718397;line-height:1.7}.smart-tip[b-fo73mdn49g]{display:flex;align-items:center;gap:9px;max-width:310px;padding:11px 14px;border-radius:14px;background:#f0f8fb;color:#3b6981;font-size:.78rem}.smart-tip i[b-fo73mdn49g]{font-size:1.15rem;color:#e9a21a}.grade-toolbar[b-fo73mdn49g]{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:19px;padding:15px 18px;border-radius:18px;background:#f7fafc}.wizard-field[b-fo73mdn49g]{display:flex;flex-direction:column;gap:7px}.wizard-field>span[b-fo73mdn49g]{font-size:.75rem;font-weight:750;color:#5b6f83}.grade-toolbar .wizard-field[b-fo73mdn49g]{width:min(330px,100%)}.selection-summary[b-fo73mdn49g]{display:flex;align-items:center;gap:8px;color:#6c8192;font-size:.76rem}.selection-summary strong[b-fo73mdn49g]{font-size:1.1rem;color:#1a5e86}.selection-summary i[b-fo73mdn49g]{width:1px;height:24px;margin:0 7px;background:#dce5eb}.grade-grid[b-fo73mdn49g]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.grade-card[b-fo73mdn49g]{overflow:hidden;border:1px solid #dfe8ef;border-radius:18px;background:#fff;transition:.2s}.grade-card.selected[b-fo73mdn49g]{border-color:#2599aa;box-shadow:0 8px 25px rgba(27,143,158,.1)}.grade-card.configured[b-fo73mdn49g]{background:#f7fbf9}.grade-select[b-fo73mdn49g]{display:flex;align-items:center;width:100%;gap:10px;padding:14px;border:0;background:transparent;text-align:right;color:#203b54}.grade-select:disabled[b-fo73mdn49g]{opacity:.8}.grade-check[b-fo73mdn49g]{display:grid;place-items:center;flex:0 0 25px;height:25px;border:2px solid #cddae4;border-radius:8px}.selected .grade-check[b-fo73mdn49g],.configured .grade-check[b-fo73mdn49g]{border-color:#18a08e;background:#18a08e;color:#fff}.grade-select>span:nth-child(2)[b-fo73mdn49g]{min-width:0}.grade-select strong[b-fo73mdn49g],.grade-select small[b-fo73mdn49g]{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grade-select strong[b-fo73mdn49g]{font-size:.87rem}.grade-select small[b-fo73mdn49g]{margin-top:3px;color:#8b9aa8;font-size:.67rem}.grade-select em[b-fo73mdn49g]{margin-right:auto;padding:4px 7px;border-radius:8px;background:#daf3e8;color:#168068;font-size:.62rem;font-style:normal}.grade-options[b-fo73mdn49g]{padding:0 14px 14px;border-top:1px solid #edf2f5}.grade-options>label[b-fo73mdn49g]{display:flex;align-items:center;justify-content:space-between;margin-top:12px;font-size:.72rem;font-weight:700;color:#64798c}.count-control[b-fo73mdn49g],.naming-toggle[b-fo73mdn49g]{display:flex;align-items:center;overflow:hidden;border:1px solid #d7e2e9;border-radius:9px}.count-control button[b-fo73mdn49g],.naming-toggle button[b-fo73mdn49g]{border:0;background:#fff;color:#476175}.count-control button[b-fo73mdn49g]{width:30px;height:29px;font-size:1rem}.count-control strong[b-fo73mdn49g]{min-width:32px;text-align:center}.naming-toggle button[b-fo73mdn49g]{padding:6px 8px;font-size:.65rem}.naming-toggle button.active[b-fo73mdn49g]{background:#1b83a8;color:#fff}.name-preview[b-fo73mdn49g]{display:flex;align-items:center;gap:5px;margin-top:12px}.name-preview span[b-fo73mdn49g]{margin-left:auto;font-size:.64rem;color:#93a1ad}.name-preview b[b-fo73mdn49g]{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:#eef6f8;color:#187989;font-size:.67rem}.wizard-empty[b-fo73mdn49g]{text-align:center;padding:35px;color:#8193a3}.wizard-empty i[b-fo73mdn49g]{margin-left:8px}.import-grid[b-fo73mdn49g]{display:grid;grid-template-columns:1fr 1fr;gap:18px}.import-card[b-fo73mdn49g]{position:relative;display:flex;flex-direction:column;min-height:335px;padding:25px;border:1px solid #dfe8ef;border-radius:22px;background:linear-gradient(160deg,#fff,#f8fbfd)}.import-card.student[b-fo73mdn49g]{border-top:4px solid #1689bd}.import-card.teacher[b-fo73mdn49g]{border-top:4px solid #19a184}.import-icon[b-fo73mdn49g]{display:grid;place-items:center;width:52px;height:52px;margin-bottom:17px;border-radius:17px;background:#e7f4fa;color:#157aa6;font-size:1.45rem}.teacher .import-icon[b-fo73mdn49g]{background:#e5f7f2;color:#168b77}.import-card h3[b-fo73mdn49g]{margin:0 0 7px}.import-card p[b-fo73mdn49g]{color:#718397;line-height:1.75}.import-card ul[b-fo73mdn49g]{display:flex;flex-direction:column;gap:7px;padding:0;margin:13px 0 22px;list-style:none;font-size:.76rem;color:#557086}.import-card li i[b-fo73mdn49g]{margin-left:6px;color:#14a17f}.wizard-primary[b-fo73mdn49g],.wizard-secondary[b-fo73mdn49g],.wizard-skip[b-fo73mdn49g]{border:0;border-radius:12px;font-weight:750;transition:.2s}.wizard-primary[b-fo73mdn49g]{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 19px;background:linear-gradient(135deg,#177fb4,#168f9c);color:#fff;box-shadow:0 7px 18px rgba(22,128,169,.18)}.wizard-primary:hover[b-fo73mdn49g]{transform:translateY(-1px);filter:brightness(1.03)}.wizard-primary.ghost[b-fo73mdn49g]{align-self:flex-start;margin-top:auto;background:#e9f5f8;color:#176b89;box-shadow:none}.completion-check[b-fo73mdn49g]{display:flex;align-items:center;gap:8px;margin-top:15px;font-size:.76rem;color:#5e7588}.completion-check input[b-fo73mdn49g]{width:17px;height:17px;accent-color:#168d87}.channel-choice[b-fo73mdn49g]{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:22px}.channel-choice button[b-fo73mdn49g]{display:flex;align-items:center;gap:14px;padding:18px;border:2px solid #e1e8ed;border-radius:18px;background:#fff;text-align:right;color:#587083}.channel-choice button.active[b-fo73mdn49g]{border-color:#178bae;background:#f2fbfc;color:#155f7b}.channel-choice button>i[b-fo73mdn49g]{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#edf5f8;font-size:1.3rem}.channel-choice span strong[b-fo73mdn49g],.channel-choice span small[b-fo73mdn49g]{display:block}.channel-choice span small[b-fo73mdn49g]{margin-top:4px;color:#8998a4;font-size:.7rem}.provider-form[b-fo73mdn49g]{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:21px;border-radius:20px;background:#f8fafc}.provider-form .form-control[b-fo73mdn49g],.provider-form .form-select[b-fo73mdn49g]{min-height:44px;border-color:#d7e2e9}.whatsapp-switch[b-fo73mdn49g]{grid-column:1/-1;display:flex;align-items:center;gap:12px;margin-top:3px;padding:13px;border-radius:14px;background:#fff;cursor:pointer}.whatsapp-switch>input[b-fo73mdn49g]{position:absolute;opacity:0}.switch-track[b-fo73mdn49g]{position:relative;width:43px;height:24px;border-radius:20px;background:#cad5dd;transition:.2s}.switch-track i[b-fo73mdn49g]{position:absolute;width:18px;height:18px;top:3px;right:3px;border-radius:50%;background:#fff;transition:.2s}.whatsapp-switch input:checked+.switch-track[b-fo73mdn49g]{background:#18a184}.whatsapp-switch input:checked+.switch-track i[b-fo73mdn49g]{right:22px}.whatsapp-switch strong[b-fo73mdn49g],.whatsapp-switch small[b-fo73mdn49g]{display:block}.whatsapp-switch small[b-fo73mdn49g]{margin-top:3px;color:#8596a3;font-size:.68rem}.template-showcase[b-fo73mdn49g]{display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden;border:1px solid #dfe8ef;border-radius:23px}.template-preview[b-fo73mdn49g]{display:flex;flex-direction:column;justify-content:center;min-height:260px;padding:34px;background:linear-gradient(145deg,#e8f7f2,#f2fbf9)}.preview-brand[b-fo73mdn49g]{align-self:flex-start;margin-bottom:20px;padding:7px 11px;border-radius:10px;background:#fff;color:#18826e;font-size:.75rem}.template-preview p[b-fo73mdn49g]{padding:18px;border-radius:4px 17px 17px 17px;background:#fff;box-shadow:0 10px 30px rgba(31,105,84,.09);line-height:1.85}.template-preview small[b-fo73mdn49g]{color:#738e83}.template-action[b-fo73mdn49g]{display:flex;flex-direction:column;justify-content:center;padding:30px}.template-action h3[b-fo73mdn49g]{margin:0 0 7px}.template-action p[b-fo73mdn49g]{color:#718397;line-height:1.7}.finish-panel[b-fo73mdn49g]{display:flex;align-items:center;gap:16px;margin-top:18px;padding:18px;border-radius:19px;background:#f4f8fb}.finish-icon[b-fo73mdn49g]{display:grid;place-items:center;flex:0 0 48px;height:48px;border-radius:15px;background:#dff2f5;color:#167b91;font-size:1.25rem}.finish-panel h3[b-fo73mdn49g],.finish-panel p[b-fo73mdn49g]{margin:0}.finish-panel p[b-fo73mdn49g]{margin-top:4px;color:#789;line-height:1.6;font-size:.76rem}.finish-panel .wizard-primary[b-fo73mdn49g]{margin-right:auto}.wizard-footer[b-fo73mdn49g]{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 7px}.wizard-footer>span[b-fo73mdn49g]{color:#7f91a0;font-size:.73rem}.wizard-footer>div[b-fo73mdn49g]{display:flex;gap:8px}.wizard-secondary[b-fo73mdn49g]{padding:10px 17px;background:#edf2f5;color:#4f677a}.wizard-secondary:disabled[b-fo73mdn49g]{opacity:.45}.wizard-skip[b-fo73mdn49g]{padding:10px 14px;background:transparent;color:#738596}.spinner-border-sm[b-fo73mdn49g]{width:1rem;height:1rem}
@media(max-width:900px){.wizard-stepper[b-fo73mdn49g]{grid-template-columns:1fr 1fr}.grade-grid[b-fo73mdn49g]{grid-template-columns:1fr 1fr}.wizard-score[b-fo73mdn49g]{min-width:115px}.step-heading[b-fo73mdn49g]{flex-direction:column}.smart-tip[b-fo73mdn49g]{max-width:none}.provider-form[b-fo73mdn49g]{grid-template-columns:1fr}.whatsapp-switch[b-fo73mdn49g]{grid-column:auto}}
@media(max-width:640px){.setup-wizard-page[b-fo73mdn49g]{padding:12px 9px 30px}.wizard-hero[b-fo73mdn49g]{align-items:flex-start;padding:25px 21px;border-radius:22px}.wizard-score[b-fo73mdn49g]{display:none}.wizard-stepper[b-fo73mdn49g]{display:flex;overflow-x:auto;padding-bottom:4px}.wizard-step[b-fo73mdn49g]{min-width:176px}.wizard-workspace[b-fo73mdn49g]{padding:20px 14px;border-radius:21px}.grade-toolbar[b-fo73mdn49g]{align-items:stretch;flex-direction:column}.selection-summary[b-fo73mdn49g]{justify-content:center}.grade-grid[b-fo73mdn49g],.import-grid[b-fo73mdn49g],.channel-choice[b-fo73mdn49g],.template-showcase[b-fo73mdn49g]{grid-template-columns:1fr}.grade-card[b-fo73mdn49g]{border-radius:15px}.wizard-footer[b-fo73mdn49g]{align-items:stretch;flex-wrap:wrap}.wizard-footer>span[b-fo73mdn49g]{order:3;width:100%;text-align:center}.wizard-footer>div[b-fo73mdn49g]{margin-right:auto}.finish-panel[b-fo73mdn49g]{align-items:flex-start;flex-wrap:wrap}.finish-panel .wizard-primary[b-fo73mdn49g]{width:100%;margin:0}.template-preview[b-fo73mdn49g]{min-height:auto;padding:23px}}

/* School structure builder */
.wizard-hero[b-fo73mdn49g]{padding:28px 34px;border-radius:24px}.wizard-hero h1[b-fo73mdn49g]{font-size:clamp(1.65rem,2.6vw,2.3rem)}.wizard-score[b-fo73mdn49g]{min-width:128px;padding:14px 16px}.wizard-stepper[b-fo73mdn49g]{gap:12px}.wizard-step[b-fo73mdn49g]{min-height:64px;padding:11px 14px;border-color:#e4eaf0}.wizard-step.active[b-fo73mdn49g]{background:linear-gradient(180deg,#fff,#f7fbfd)}.wizard-workspace[b-fo73mdn49g]{min-height:0;padding:27px 30px}.step-heading[b-fo73mdn49g]{margin-bottom:20px}.step-heading h2[b-fo73mdn49g]{font-size:1.45rem}
.class-setup-guide[b-fo73mdn49g]{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:12px;margin-bottom:20px;padding:12px 16px;border:1px solid #e6edf2;border-radius:16px;background:linear-gradient(180deg,#fbfdfe,#f7fafc)}.class-setup-guide>div[b-fo73mdn49g]{display:flex;align-items:center;gap:10px}.class-setup-guide>div>span[b-fo73mdn49g]{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:10px;background:#e4f3f7;color:#147890;font-weight:850;font-size:.78rem}.class-setup-guide p[b-fo73mdn49g]{margin:0}.class-setup-guide strong[b-fo73mdn49g],.class-setup-guide small[b-fo73mdn49g]{display:block}.class-setup-guide strong[b-fo73mdn49g]{font-size:.76rem;color:#2a475e}.class-setup-guide small[b-fo73mdn49g]{margin-top:2px;font-size:.62rem;color:#8a9aa7}.class-setup-guide>i[b-fo73mdn49g]{color:#bdcbd5;font-size:.72rem}
.class-builder-layout[b-fo73mdn49g]{display:grid;grid-template-columns:minmax(0,1fr) 285px;align-items:start;gap:18px}.class-catalog[b-fo73mdn49g]{min-width:0;border:1px solid #e1e9ef;border-radius:20px;background:#fbfcfd;overflow:hidden}.catalog-header[b-fo73mdn49g]{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;background:#fff;border-bottom:1px solid #e9eef2}.catalog-header h3[b-fo73mdn49g]{margin:0 0 2px;font-size:1rem}.catalog-header span[b-fo73mdn49g]{font-size:.66rem;color:#8595a3}.catalog-actions[b-fo73mdn49g]{display:flex;gap:6px}.catalog-actions button[b-fo73mdn49g]{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid #dce6ec;border-radius:9px;background:#fff;color:#567084;font-size:.64rem;font-weight:700}.catalog-actions button:first-child[b-fo73mdn49g]{border-color:#b8dce4;background:#eff9fa;color:#14788a}.system-filter[b-fo73mdn49g]{display:flex;gap:7px;overflow-x:auto;padding:12px 16px 6px;scrollbar-width:thin}.system-filter button[b-fo73mdn49g]{flex:0 0 auto;padding:7px 12px;border:1px solid transparent;border-radius:999px;background:#edf2f5;color:#63798a;font-size:.67rem;font-weight:750}.system-filter button.active[b-fo73mdn49g]{border-color:#1688a5;background:#1688a5;color:#fff;box-shadow:0 4px 12px rgba(22,136,165,.18)}
.class-catalog .grade-grid[b-fo73mdn49g]{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px 16px 17px}.class-catalog .grade-card[b-fo73mdn49g]{border-radius:14px;background:#fff}.class-catalog .grade-card.selected[b-fo73mdn49g]{border-color:#178fa1;box-shadow:0 7px 20px rgba(23,143,161,.1)}.class-catalog .grade-select[b-fo73mdn49g]{min-height:62px;padding:11px 12px}.class-catalog .grade-select strong[b-fo73mdn49g]{font-size:.78rem}.class-catalog .grade-select small[b-fo73mdn49g]{font-size:.61rem}.class-catalog .grade-check[b-fo73mdn49g]{flex-basis:23px;height:23px;border-radius:7px}.grade-add-icon[b-fo73mdn49g]{margin-right:auto;color:#9aaab6;font-size:.75rem}.selected .grade-add-icon[b-fo73mdn49g]{display:none}.class-catalog .grade-options[b-fo73mdn49g]{display:grid;grid-template-columns:auto 1fr;gap:10px;padding:10px 12px 12px;background:#f6fbfc;border-color:#ddecf0}.option-block[b-fo73mdn49g]{display:flex;align-items:center;justify-content:space-between;gap:8px}.option-block>span[b-fo73mdn49g]{font-size:.61rem;font-weight:750;color:#667c8c}.naming-block[b-fo73mdn49g]{justify-content:flex-end}.class-catalog .count-control button[b-fo73mdn49g]{width:27px;height:27px}.class-catalog .count-control strong[b-fo73mdn49g]{min-width:28px;font-size:.75rem}.class-catalog .naming-toggle button[b-fo73mdn49g]{padding:6px 9px}.class-catalog .name-preview[b-fo73mdn49g]{grid-column:1/-1;margin-top:0;padding-top:8px;border-top:1px dashed #d6e6ea}.class-catalog .name-preview span[b-fo73mdn49g]{margin-left:4px}.name-preview b.more[b-fo73mdn49g]{width:auto;padding:0 6px}
.class-plan-panel[b-fo73mdn49g]{position:sticky;top:18px;overflow:hidden;border:1px solid #dbe6ed;border-radius:20px;background:#fff;box-shadow:0 10px 30px rgba(27,70,99,.07)}.class-plan-panel>header[b-fo73mdn49g]{display:flex;align-items:center;gap:10px;padding:17px;border-bottom:1px solid #e8eef2;background:linear-gradient(135deg,#f4fafb,#f8fbfd)}.plan-icon[b-fo73mdn49g]{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:#168ba0;color:#fff;font-size:1.05rem}.class-plan-panel h3[b-fo73mdn49g],.class-plan-panel p[b-fo73mdn49g]{margin:0}.class-plan-panel h3[b-fo73mdn49g]{font-size:.9rem}.class-plan-panel p[b-fo73mdn49g]{margin-top:2px;color:#8495a2;font-size:.64rem}.plan-stats[b-fo73mdn49g]{display:grid;grid-template-columns:1fr 1fr;margin:13px;border-radius:13px;background:#f2f7f9}.plan-stats div[b-fo73mdn49g]{padding:11px;text-align:center}.plan-stats div+div[b-fo73mdn49g]{border-right:1px solid #dce7ec}.plan-stats strong[b-fo73mdn49g],.plan-stats span[b-fo73mdn49g]{display:block}.plan-stats strong[b-fo73mdn49g]{color:#146f8b;font-size:1.25rem}.plan-stats span[b-fo73mdn49g]{font-size:.62rem;color:#758896}.plan-empty[b-fo73mdn49g]{display:flex;flex-direction:column;align-items:center;padding:28px 18px;text-align:center;color:#8698a5}.plan-empty>i[b-fo73mdn49g]{display:grid;place-items:center;width:42px;height:42px;margin-bottom:10px;border-radius:14px;background:#eef4f6;color:#6f8b9c;font-size:1.1rem}.plan-empty strong[b-fo73mdn49g]{font-size:.73rem;color:#526c7e}.plan-empty span[b-fo73mdn49g]{margin-top:4px;font-size:.62rem;line-height:1.7}.plan-list[b-fo73mdn49g]{max-height:270px;overflow-y:auto;padding:0 13px 10px}.plan-list>div[b-fo73mdn49g]{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:7px;padding:9px 4px;border-bottom:1px solid #edf1f4}.plan-list span strong[b-fo73mdn49g],.plan-list span small[b-fo73mdn49g]{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plan-list span strong[b-fo73mdn49g]{font-size:.7rem}.plan-list span small[b-fo73mdn49g]{font-size:.58rem;color:#91a0ac}.plan-list>b[b-fo73mdn49g]{color:#14788e;font-size:.68rem}.plan-list>b small[b-fo73mdn49g]{font-size:.55rem}.plan-list button[b-fo73mdn49g]{display:grid;place-items:center;width:23px;height:23px;border:0;border-radius:7px;background:#f6e9e9;color:#b65a5a}.existing-note[b-fo73mdn49g]{display:flex;align-items:flex-start;gap:6px;margin:0 13px 13px;padding:9px;border-radius:10px;background:#eff8f3;color:#39765f;font-size:.6rem;line-height:1.6}
@media(max-width:980px){.class-builder-layout[b-fo73mdn49g]{grid-template-columns:1fr}.class-plan-panel[b-fo73mdn49g]{position:static}.plan-list[b-fo73mdn49g]{max-height:none}.class-setup-guide small[b-fo73mdn49g]{display:none}}
@media(max-width:680px){.wizard-hero[b-fo73mdn49g]{padding:23px 20px}.wizard-workspace[b-fo73mdn49g]{padding:18px 12px}.class-setup-guide[b-fo73mdn49g]{grid-template-columns:1fr;padding:10px 12px}.class-setup-guide>i[b-fo73mdn49g]{display:none}.class-setup-guide>div[b-fo73mdn49g]{padding:4px}.catalog-header[b-fo73mdn49g]{align-items:flex-start;flex-direction:column}.catalog-actions[b-fo73mdn49g]{width:100%}.catalog-actions button[b-fo73mdn49g]{flex:1;justify-content:center}.class-catalog .grade-grid[b-fo73mdn49g]{grid-template-columns:1fr;padding:10px}.class-catalog .grade-options[b-fo73mdn49g]{grid-template-columns:1fr}.naming-block[b-fo73mdn49g]{justify-content:space-between}.class-catalog .name-preview[b-fo73mdn49g]{grid-column:auto}.system-filter[b-fo73mdn49g]{padding-inline:10px}.class-plan-panel[b-fo73mdn49g]{border-radius:16px}}

/* Message provider routing */
.provider-category-note[b-fo73mdn49g],.whatsapp-provider-note[b-fo73mdn49g]{grid-column:1/-1;display:flex;align-items:center;gap:9px;padding:12px 14px;border-radius:13px;font-size:.72rem}.provider-category-note.sms[b-fo73mdn49g]{border:1px solid #d8e9f1;background:#f1f8fb;color:#477083}.provider-category-note i[b-fo73mdn49g]{color:#1687ae;font-size:1rem}.whatsapp-provider-note[b-fo73mdn49g]{border:1px solid #d9ece5;background:#f1faf6;color:#39745f}.whatsapp-provider-note i[b-fo73mdn49g]{color:#168d6c}.raneen-connect-card[b-fo73mdn49g]{grid-column:1/-1;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:17px;border:1px solid #bfe3d4;border-radius:17px;background:linear-gradient(135deg,#f2fbf7,#eaf8f2)}.raneen-logo[b-fo73mdn49g]{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#18a978;color:#fff;font-size:1.45rem;box-shadow:0 7px 17px rgba(24,169,120,.2)}.raneen-connect-card strong[b-fo73mdn49g],.raneen-connect-card p[b-fo73mdn49g]{display:block;margin:0}.raneen-connect-card strong[b-fo73mdn49g]{color:#235e4a;font-size:.86rem}.raneen-connect-card p[b-fo73mdn49g]{margin-top:4px;color:#69877c;font-size:.67rem;line-height:1.6}.raneen-connect-card button[b-fo73mdn49g]{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 16px;border:0;border-radius:11px;background:#159b6e;color:#fff;font-size:.74rem;font-weight:800;box-shadow:0 6px 15px rgba(21,155,110,.18)}.raneen-connect-card button i[b-fo73mdn49g]{font-size:1.05rem}
@media(max-width:680px){.raneen-connect-card[b-fo73mdn49g]{grid-template-columns:auto 1fr}.raneen-connect-card button[b-fo73mdn49g]{grid-column:1/-1;width:100%}}

/* Calm introduction shown before the setup workspace */
.wizard-intro[b-fo73mdn49g]{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:780px;min-height:min(650px,calc(100vh - 120px));margin:0 auto;padding:52px 44px;text-align:center;border:1px solid #e2ebf1;border-radius:32px;background:radial-gradient(circle at 50% 0,#f0faf9 0,#fff 48%);box-shadow:0 24px 65px rgba(25,69,99,.1)}
.wizard-intro-icon[b-fo73mdn49g]{display:grid;place-items:center;width:78px;height:78px;margin-bottom:20px;border-radius:25px;background:linear-gradient(135deg,#177fb4,#17a18e);color:#fff;font-size:2rem;box-shadow:0 14px 30px rgba(22,135,157,.22)}
.wizard-intro-label[b-fo73mdn49g]{margin-bottom:7px;color:#158a80;font-size:.82rem;font-weight:800}
.wizard-intro h1[b-fo73mdn49g]{margin:0;color:#183b57;font-size:clamp(2rem,5vw,3rem);font-weight:850}
.wizard-intro>p[b-fo73mdn49g]{max-width:610px;margin:14px auto 28px;color:#6a7f90;font-size:1rem;line-height:1.9}
.wizard-intro-steps[b-fo73mdn49g]{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:100%;margin-bottom:30px}
.wizard-intro-steps div[b-fo73mdn49g]{display:flex;flex-direction:column;align-items:center;gap:8px;padding:15px 8px;border-radius:16px;background:#f6f9fb;color:#49667b}
.wizard-intro-steps span[b-fo73mdn49g]{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#e2f2f3;color:#147c82;font-weight:850}
.wizard-intro-steps strong[b-fo73mdn49g]{font-size:.76rem}
.wizard-intro-start[b-fo73mdn49g]{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:230px;padding:14px 25px;border:0;border-radius:14px;background:linear-gradient(135deg,#177fb4,#168f9c);color:#fff;font-size:1rem;font-weight:800;box-shadow:0 10px 24px rgba(22,128,169,.22);transition:.2s}
.wizard-intro-start:hover[b-fo73mdn49g]{transform:translateY(-2px);filter:brightness(1.04)}
.wizard-intro>small[b-fo73mdn49g]{display:flex;align-items:center;gap:6px;margin-top:17px;color:#8293a0;font-size:.72rem}
.wizard-intro>small i[b-fo73mdn49g]{color:#168b76}
@media(max-width:640px){.wizard-intro[b-fo73mdn49g]{min-height:calc(100vh - 70px);padding:35px 18px;border-radius:24px}.wizard-intro-steps[b-fo73mdn49g]{grid-template-columns:1fr 1fr}.wizard-intro>p[b-fo73mdn49g]{font-size:.9rem}.wizard-intro-start[b-fo73mdn49g]{width:100%}}
/* /Pages/Settings/WhatsAppOpt.razor.rz.scp.css */
.whatsapp-page[b-k522oefote] {
    color: #263642;
    font-size: 13px;
}

.whatsapp-shell[b-k522oefote] {
    display: flex;
    flex-direction: column;
    padding: 1.25rem 1.5rem 1.5rem;
}

.whatsapp-status-panel[b-k522oefote] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border: 1px solid #d9e3ea;
    background: linear-gradient(90deg, #f8fbfc 0%, #eef8f4 100%);
    padding: 1rem;
    margin-bottom: 1rem;
}

.whatsapp-status-main[b-k522oefote] {
    display: flex;
    align-items: center;
    gap: .85rem;
    min-width: 0;
}

.whatsapp-icon[b-k522oefote] {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    color: #008069;
    background: #e8f6f2;
    border: 1px solid #bce1d8;
    font-size: 1.35rem;
}

.whatsapp-kicker[b-k522oefote] {
    display: block;
    color: #087a91;
    font-weight: 700;
    font-size: 12px;
    margin-bottom: .2rem;
}

.whatsapp-status-main h2[b-k522oefote],
.whatsapp-card h3[b-k522oefote] {
    margin: 0;
    color: #263642;
    font-size: 13px;
    font-weight: 700;
}

.whatsapp-status-main p[b-k522oefote],
.whatsapp-card p[b-k522oefote] {
    margin: .3rem 0 0;
    color: #667681;
    font-size: 12.4px;
    font-weight: 600;
}

.whatsapp-status-meta[b-k522oefote] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: .4rem;
    color: #52636d;
    font-size: 12.4px;
    font-weight: 600;
    white-space: nowrap;
}

.whatsapp-pill[b-k522oefote] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 72px;
    height: 26px;
    padding: 0 .7rem;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
}

.whatsapp-pill.connected[b-k522oefote] {
    background: #008069;
}

.whatsapp-pill.pending[b-k522oefote] {
    background: #c98213;
}

.whatsapp-pill.offline[b-k522oefote] {
    background: #7b8790;
}

.whatsapp-toolbar[b-k522oefote] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .6rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.whatsapp-speed-panel[b-k522oefote] {
    order: 4;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(360px, .9fr);
    gap: 1rem;
    align-items: center;
    border: 1px solid #d9e3ea;
    background: linear-gradient(90deg, #ffffff 0%, #f6fbfd 100%);
    padding: .9rem 1rem;
    margin: 1rem 0 0;
    box-shadow: 0 4px 12px rgba(15, 23, 42, .05);
}

.whatsapp-speed-panel h3[b-k522oefote] {
    margin: 0;
    color: #263642;
    font-size: 13px;
    font-weight: 700;
}

.whatsapp-speed-panel p[b-k522oefote] {
    margin: .35rem 0 0;
    color: #667681;
    font-size: 12.4px;
    font-weight: 600;
    line-height: 1.8;
}

.whatsapp-speed-help[b-k522oefote] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem .9rem;
    margin-top: .55rem;
    color: #52636d;
    font-size: 12px;
    font-weight: 600;
    justify-content: flex-start;
    flex-direction: column;
}
.whatsapp-speed-help b[b-k522oefote] {
    color: #087a91;
}

.whatsapp-speed-options[b-k522oefote] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .55rem;
}

.whatsapp-speed-option[b-k522oefote] {
    display: grid;
    gap: .2rem;
    min-height: 54px;
    border: 1px solid #c8d6de;
    background: #fff;
    color: #334155;
    padding: .45rem .6rem;
    text-align: center;
    box-shadow: 0 2px 5px rgba(15, 23, 42, .06);
    transition: border-color .16s ease, background .16s ease, box-shadow .16s ease;
}

.whatsapp-speed-option strong[b-k522oefote] {
    font-size: 12.8px;
    font-weight: 700;
}

.whatsapp-speed-option span[b-k522oefote] {
    color: #64748b;
    font-size: 11.5px;
    font-weight: 600;
}

.whatsapp-speed-option.active[b-k522oefote] {
    border-color: #087a91;
    background: #eaf7fb;
    box-shadow: 0 4px 10px rgba(8, 122, 145, .14);
}

.whatsapp-speed-option.active strong[b-k522oefote] {
    color: #075f7c;
}

.whatsapp-secondary-button[b-k522oefote],
.whatsapp-danger-button[b-k522oefote],
.whatsapp-card-action[b-k522oefote],
.whatsapp-link-button[b-k522oefote],
.whatsapp-command-list button[b-k522oefote] {
    border: 1px solid #b8c7d2;
    background: #fff;
    color: #263642;
    font-size: 13px;
    font-weight: 600;
    min-height: 32px;
    padding: .25rem .85rem;
    box-shadow: 0 2px 4px rgba(15, 23, 42, .08);
}

.whatsapp-nav-button[b-k522oefote] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.whatsapp-secondary-button:hover[b-k522oefote],
.whatsapp-card-action:hover[b-k522oefote],
.whatsapp-link-button:hover[b-k522oefote],
.whatsapp-command-list button:hover[b-k522oefote] {
    background: #f4f8fa;
}

.whatsapp-danger-button[b-k522oefote],
.whatsapp-command-list button.danger[b-k522oefote] {
    border-color: #e0b3b3;
    color: #9b1c1c;
}

.whatsapp-grid[b-k522oefote] {
    order: 3;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.whatsapp-card[b-k522oefote] {
    border: 1px solid #dbe3e8;
    background: #fff;
    padding: 1rem;
    min-height: 220px;
    box-shadow: 0 4px 12px rgba(15, 23, 42, .06);
}

.whatsapp-card header[b-k522oefote] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: 1rem;
}

.whatsapp-qr-box[b-k522oefote] {
    min-height: 180px;
    display: grid;
    place-items: center;
    border: 1px dashed #cbd8df;
    background: #f8fafb;
    margin-bottom: .75rem;
}

.whatsapp-qr-box img[b-k522oefote] {
    width: 176px;
    height: 176px;
    object-fit: contain;
}

.connected-card[b-k522oefote] {
    display: grid;
    align-content: center;
    justify-items: center;
    text-align: center;
    gap: .85rem;
    border-color: #bddfd6;
    background: linear-gradient(180deg, #ffffff 0%, #effaf6 100%);
}

.connected-visual[b-k522oefote] {
    width: 96px;
    height: 96px;
    display: grid;
    place-items: center;
    background: #eef7f6;
    border: 1px solid #d4e7e4;
    border-radius: 50%;
    box-shadow: 0 8px 18px rgba(0, 128, 105, .12);
    overflow: hidden;
}

.connected-visual img[b-k522oefote] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.connected-copy span[b-k522oefote] {
    display: block;
    color: #087a91;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: .25rem;
}

.connected-copy p[b-k522oefote] {
    max-width: 320px;
}

.connected-details[b-k522oefote] {
    display: grid;
    gap: .4rem;
    width: min(100%, 420px);
    margin: .25rem 0 0;
}

.connected-details div[b-k522oefote] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    border: 1px solid #dbe9e5;
    background: rgba(255, 255, 255, .76);
    padding: .45rem .65rem;
}

.connected-details dt[b-k522oefote],
.connected-details dd[b-k522oefote] {
    margin: 0;
    font-size: 12.4px;
    font-weight: 600;
}

.connected-details dt[b-k522oefote] {
    color: #667681;
}

.connected-details dd[b-k522oefote] {
    color: #263642;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.whatsapp-empty-qr[b-k522oefote] {
    display: grid;
    place-items: center;
    gap: .4rem;
    color: #74848e;
    font-size: 12.4px;
    font-weight: 600;
}

.whatsapp-empty-qr i[b-k522oefote] {
    font-size: 2.2rem;
    color: #087a91;
}

.pair-card .app-search-button[b-k522oefote],
.test-card .app-search-button[b-k522oefote] {
    display: block;
    margin: .75rem auto 0;
}

.pair-code-box[b-k522oefote] {
    margin-top: 1rem;
    min-height: 74px;
    display: grid;
    place-items: center;
    border: 1px solid #cfe2dc;
    background: #eefaf6;
    color: #263642;
}

.pair-code-box span[b-k522oefote] {
    color: #667681;
    font-size: 12px;
    font-weight: 600;
}

.pair-code-box strong[b-k522oefote] {
    color: #008069;
    font-size: 13px;
    letter-spacing: 2px;
    font-weight: 800;
}

.pair-code-box.empty[b-k522oefote] {
    background: #f8fafb;
    border-color: #dbe3e8;
}

.whatsapp-command-list[b-k522oefote] {
    display: grid;
    gap: .75rem;
}

.whatsapp-command-list button[b-k522oefote] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 42px;
}

.whatsapp-command-list i[b-k522oefote] {
    font-size: 1rem;
}

.whatsapp-test-grid[b-k522oefote] {
    display: grid;
    gap: .75rem;
}

.message-field textarea[b-k522oefote] {
    min-height: 84px;
    resize: vertical;
}

button:disabled[b-k522oefote] {
    opacity: .58;
    box-shadow: none;
    cursor: not-allowed;
}

@media (max-width: 760px) {
    .whatsapp-shell[b-k522oefote] {
        padding: 1rem;
    }

    .whatsapp-status-panel[b-k522oefote],
    .whatsapp-status-main[b-k522oefote],
    .whatsapp-status-meta[b-k522oefote] {
        align-items: stretch;
    }

    .whatsapp-status-panel[b-k522oefote] {
        flex-direction: column;
    }

    .whatsapp-grid[b-k522oefote] {
        grid-template-columns: 1fr;
    }

    .whatsapp-speed-panel[b-k522oefote] {
        grid-template-columns: 1fr;
    }

    .whatsapp-speed-options[b-k522oefote] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/SmartExams/SmartExamAnswerSheets.razor.rz.scp.css */
.smart-answer-sheets-hero[b-oz0pbq9g7u] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.smart-answer-sheets-hero p[b-oz0pbq9g7u] {
    max-width: 720px;
    margin: 0.4rem 0 0;
    color: #667085;
}

.smart-answer-sheets-panel[b-oz0pbq9g7u] {
    margin-top: 1rem;
}

.smart-template-picker[b-oz0pbq9g7u] {
    margin-bottom: 1rem;
    padding: 0.8rem;
    border: 1px solid #cfe2ec;
    background: #f8fcfe;
}

.smart-template-picker-head[b-oz0pbq9g7u] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.7rem;
}

.smart-template-picker-head span[b-oz0pbq9g7u] {
    color: #667085;
    font-size: 0.82rem;
}

.smart-template-options[b-oz0pbq9g7u] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.6rem;
}

.smart-template-option[b-oz0pbq9g7u] {
    min-width: 0;
    padding: 0.75rem;
    border: 1px solid #bcd3df;
    background: #fff;
    color: #17354a;
    text-align: right;
    cursor: pointer;
}

.smart-template-option i[b-oz0pbq9g7u],
.smart-template-option strong[b-oz0pbq9g7u],
.smart-template-option span[b-oz0pbq9g7u] {
    display: block;
}

.smart-template-option i[b-oz0pbq9g7u] {
    margin-bottom: 0.35rem;
    color: #0b83ad;
    font-size: 1.15rem;
}

.smart-template-option span[b-oz0pbq9g7u] {
    margin-top: 0.25rem;
    color: #667085;
    font-size: 0.78rem;
    line-height: 1.55;
}

.smart-template-option.is-selected[b-oz0pbq9g7u] {
    border-color: #087fa9;
    box-shadow: inset 0 0 0 1px #087fa9;
    background: #eef9fd;
}

.smart-template-current[b-oz0pbq9g7u] {
    margin-top: 0.65rem;
    color: #087fa9;
    font-size: 0.82rem;
}

.smart-answer-sheet-grid[b-oz0pbq9g7u] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.smart-answer-sheet-wide[b-oz0pbq9g7u] {
    grid-column: 1 / -1;
}

.smart-answer-sheet-actions[b-oz0pbq9g7u] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.9rem;
}

.smart-answer-sheet-actions a[b-oz0pbq9g7u] {
    text-decoration: none;
}

.smart-answer-key-button[b-oz0pbq9g7u] {
    border-color: #16865c;
    color: #126b4c;
}

@media (max-width: 760px) {
    .smart-answer-sheets-hero[b-oz0pbq9g7u],
    .smart-answer-sheet-grid[b-oz0pbq9g7u] {
        grid-template-columns: 1fr;
        flex-direction: column;
    }

    .smart-template-options[b-oz0pbq9g7u] {
        grid-template-columns: 1fr;
    }

    .smart-template-picker-head[b-oz0pbq9g7u] {
        align-items: flex-start;
        flex-direction: column;
    }

    .smart-answer-sheet-actions a[b-oz0pbq9g7u] {
        flex: 1 1 calc(50% - 0.5rem);
        text-align: center;
    }
}

@media (max-width: 430px) {
    .smart-answer-sheet-actions a[b-oz0pbq9g7u] {
        flex-basis: 100%;
    }
}
/* /Pages/SmartExams/SmartExamEdit.razor.rz.scp.css */
.smart-exams-page[b-4gir8e6pck] {
    --smart-ink: #172033;
    --smart-muted: #667085;
    --smart-line: #dfe5ee;
    --smart-soft: #f6f8fb;
    --smart-primary: #0d6efd;
    color: var(--smart-ink);
}

.smart-exams-hero[b-4gir8e6pck] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.smart-kicker[b-4gir8e6pck] {
    display: inline-flex;
    margin-bottom: 0.35rem;
    color: var(--smart-primary);
    font-weight: 800;
}

.smart-exams-hero p[b-4gir8e6pck] {
    max-width: 760px;
    margin: 0.4rem 0 0;
    color: var(--smart-muted);
}

.student-link[b-4gir8e6pck] {
    white-space: nowrap;
}

.smart-exams-layout[b-4gir8e6pck] {
    display: grid;
    grid-template-columns: minmax(280px, 0.36fr) minmax(0, 1fr);
    gap: 1rem;
    margin-top: 1rem;
}

.smart-edit-layout[b-4gir8e6pck] {
    grid-template-columns: 1fr;
}

.smart-edit-layout .smart-editor-panel[b-4gir8e6pck] {
    width: 100%;
}

.smart-edit-workspace[b-4gir8e6pck] {
    display: grid;
    grid-template-columns: minmax(260px, 0.34fr) minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
}

.smart-properties-panel[b-4gir8e6pck],
.smart-questions-panel[b-4gir8e6pck] {
    min-width: 0;
    border: 1px solid var(--smart-line);
    border-radius: 8px;
    background: #fff;
    padding: 0.9rem;
}

.smart-properties-panel[b-4gir8e6pck] {
    position: sticky;
    top: 0.8rem;
    background: #fbfdff;
}

.smart-questions-panel[b-4gir8e6pck] {
    background: #f8fafc;
}

.smart-panel-head.compact[b-4gir8e6pck] {
    margin-bottom: 0.75rem;
    padding-bottom: 0.65rem;
    border-bottom: 1px solid var(--smart-line);
}

.smart-exams-home[b-4gir8e6pck] {
    grid-template-columns: 1fr;
}

.smart-panel-head[b-4gir8e6pck] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.smart-panel-head > div:first-child[b-4gir8e6pck] {
    display: grid;
    gap: 0.15rem;
}

.smart-panel-head strong[b-4gir8e6pck] {
    font-size: 1.02rem;
}

.smart-panel-head span[b-4gir8e6pck],
.smart-exam-card small[b-4gir8e6pck],
.smart-exam-card span[b-4gir8e6pck] {
    color: var(--smart-muted);
}

.smart-head-actions[b-4gir8e6pck] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.smart-command-bar[b-4gir8e6pck] {
    align-items: center;
    border: 1px solid var(--smart-line);
    border-radius: 8px;
    background: #fff;
    padding: 0.35rem;
}

.smart-command-primary[b-4gir8e6pck] {
    min-width: 78px;
}

.smart-command-divider[b-4gir8e6pck] {
    width: 1px;
    align-self: stretch;
    background: var(--smart-line);
    margin-inline: 0.15rem;
}

.smart-command-button[b-4gir8e6pck] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: var(--smart-muted);
    padding: 0.48rem 0.72rem;
    font-weight: 800;
    line-height: 1;
    text-decoration: none;
}

.smart-command-button:hover[b-4gir8e6pck],
.smart-command-button.active[b-4gir8e6pck] {
    background: #eef6ff;
    color: #075d9e;
}

.smart-command-button:disabled[b-4gir8e6pck] {
    opacity: 0.55;
}

.smart-tool-panel[b-4gir8e6pck] {
    border: 1px solid #bad6ff;
    border-radius: 8px;
    background: #f7fbff;
    padding: 0.9rem;
    margin-bottom: 1rem;
}

.smart-export-controls[b-4gir8e6pck] {
    display: grid;
    grid-template-columns: minmax(190px, 0.28fr) minmax(0, 1fr);
    gap: 0.85rem;
    align-items: start;
}

.smart-export-actions[b-4gir8e6pck] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.55rem;
}

.smart-export-card[b-4gir8e6pck] {
    display: grid;
    gap: 0.22rem;
    min-height: 74px;
    border: 1px solid var(--smart-line);
    border-radius: 8px;
    background: #fff;
    color: var(--smart-ink);
    padding: 0.72rem;
    text-decoration: none;
}

.smart-export-card:hover[b-4gir8e6pck] {
    border-color: var(--smart-primary);
    box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.1);
}

.smart-export-card span[b-4gir8e6pck] {
    color: var(--smart-muted);
    font-size: 0.82rem;
}

.smart-export-card.answer[b-4gir8e6pck] {
    background: #fffdf5;
}

.smart-exam-list[b-4gir8e6pck],
.smart-question-stack[b-4gir8e6pck],
.smart-option-list[b-4gir8e6pck] {
    display: grid;
    gap: 0.7rem;
}

.smart-exam-card[b-4gir8e6pck] {
    display: grid;
    gap: 0.25rem;
    width: 100%;
    border: 1px solid var(--smart-line);
    border-radius: 8px;
    background: #fff;
    color: var(--smart-ink);
    padding: 0.8rem;
    text-align: start;
}

.smart-card-actions[b-4gir8e6pck] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin-top: 0.35rem;
}

.smart-card-actions a[b-4gir8e6pck] {
    text-decoration: none;
}

.smart-exam-card.active[b-4gir8e6pck] {
    border-color: var(--smart-primary);
    box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.12);
}

.smart-form-grid[b-4gir8e6pck] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
}

.smart-properties-panel .smart-form-grid[b-4gir8e6pck],
.smart-properties-panel .smart-switch-grid[b-4gir8e6pck] {
    grid-template-columns: 1fr;
}

.smart-properties-panel .smart-switch-grid[b-4gir8e6pck] {
    margin-bottom: 0;
}

.smart-generator-panel[b-4gir8e6pck] {
    border: 1px solid #bad6ff;
    border-radius: 8px;
    background: #f7fbff;
    padding: 0.9rem;
    margin-bottom: 1rem;
}

.smart-generator-grid[b-4gir8e6pck] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 0.38fr);
    gap: 0.8rem;
}

.smart-generator-text textarea[b-4gir8e6pck] {
    min-height: 240px;
}

.smart-generator-side[b-4gir8e6pck] {
    display: grid;
    gap: 0.75rem;
    align-content: start;
}

.smart-file-chip[b-4gir8e6pck] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
    border: 1px solid var(--smart-line);
    border-radius: 8px;
    background: #fff;
    color: var(--smart-muted);
    padding: 0.55rem 0.7rem;
    font-size: 0.9rem;
}

.smart-file-chip span[b-4gir8e6pck] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.smart-file-chip small[b-4gir8e6pck] {
    flex: 0 0 auto;
}

.smart-count-grid[b-4gir8e6pck] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.5rem;
}

.smart-replace-check[b-4gir8e6pck] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    color: var(--smart-ink);
}

.smart-generator-note[b-4gir8e6pck] {
    margin: 0;
    color: var(--smart-muted);
    font-size: 0.88rem;
    line-height: 1.6;
}

.smart-book-sections[b-4gir8e6pck] {
    display: grid;
    gap: 0.75rem;
    margin-top: 0.85rem;
}

.smart-book-summary[b-4gir8e6pck] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    color: var(--smart-ink);
}

.smart-book-summary span[b-4gir8e6pck] {
    color: var(--smart-muted);
    font-size: 0.9rem;
}

.smart-book-section-list[b-4gir8e6pck] {
    display: grid;
    gap: 0.55rem;
    max-height: 360px;
    overflow: auto;
    padding-inline-end: 0.15rem;
}

.smart-book-section[b-4gir8e6pck] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.75rem;
    border: 1px solid var(--smart-line);
    border-radius: 8px;
    background: #fff;
    padding: 0.75rem;
}

.smart-book-section.active[b-4gir8e6pck] {
    border-color: var(--smart-primary);
    box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.1);
}

.smart-book-section strong[b-4gir8e6pck],
.smart-book-section span[b-4gir8e6pck] {
    display: block;
}

.smart-book-section strong[b-4gir8e6pck] {
    color: var(--smart-ink);
}

.smart-book-section span[b-4gir8e6pck] {
    color: var(--smart-muted);
    font-size: 0.86rem;
    margin-top: 0.15rem;
}

.smart-book-section p[b-4gir8e6pck] {
    margin: 0.4rem 0 0;
    color: var(--smart-muted);
    font-size: 0.88rem;
    line-height: 1.6;
}

.smart-switch-grid[b-4gir8e6pck] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.6rem;
    margin: 1rem 0;
}

.smart-switch-grid label[b-4gir8e6pck] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    border: 1px solid var(--smart-line);
    border-radius: 8px;
    background: var(--smart-soft);
    padding: 0.65rem;
    color: var(--smart-ink);
    font-size: 0.92rem;
}

.smart-question-card[b-4gir8e6pck] {
    position: relative;
    border: 1px solid #c8d5e6;
    border-right: 5px solid var(--smart-primary);
    border-radius: 8px;
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
    padding: 1rem;
    box-shadow: 0 8px 22px rgba(16, 24, 40, 0.06);
}

.smart-question-card + .smart-question-card[b-4gir8e6pck] {
    margin-top: 0.35rem;
}

.smart-question-top[b-4gir8e6pck],
.smart-question-meta[b-4gir8e6pck] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.smart-question-top[b-4gir8e6pck] {
    border-bottom: 1px solid #e6edf5;
    background: #f3f8ff;
    margin: -1rem -1rem 0.9rem;
    padding: 0.7rem 0.9rem;
    border-radius: 8px 8px 0 0;
}

.smart-question-top strong[b-4gir8e6pck] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: #075d9e;
    font-size: 1.02rem;
}

.smart-question-top strong[b-4gir8e6pck]::before {
    content: "";
    width: 0.7rem;
    height: 0.7rem;
    border-radius: 50%;
    background: var(--smart-primary);
    box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.12);
}

.smart-question-meta[b-4gir8e6pck] {
    justify-content: flex-start;
    margin-top: 0.75rem;
    border-top: 1px dashed #d7e1ee;
    padding-top: 0.75rem;
}

.smart-question-meta .app-floating-field[b-4gir8e6pck] {
    min-width: 140px;
}

.smart-question-image-fields[b-4gir8e6pck] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(180px, 0.35fr) minmax(160px, 0.25fr);
    gap: 0.6rem;
    margin-top: 0.75rem;
}

.smart-image-upload[b-4gir8e6pck] {
    display: grid;
    align-content: end;
    gap: 0.35rem;
    color: var(--smart-muted);
    font-size: 0.85rem;
    font-weight: 700;
}

.smart-image-upload input[b-4gir8e6pck] {
    min-width: 0;
}

.smart-question-image[b-4gir8e6pck] {
    margin: 0.75rem 0;
}

.smart-question-image img[b-4gir8e6pck] {
    display: block;
    max-width: min(100%, 620px);
    max-height: 360px;
    border: 1px solid var(--smart-line);
    border-radius: 8px;
    background: #fff;
    object-fit: contain;
}

.smart-option-row[b-4gir8e6pck] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) 2rem;
    gap: 0.5rem;
    align-items: center;
}

.smart-matching-editor[b-4gir8e6pck] {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(260px, 0.8fr);
    gap: 0.8rem;
    margin-top: 0.75rem;
}

.smart-matching-instruction[b-4gir8e6pck] {
    grid-column: 1 / -1;
    margin: 0;
    border: 1px solid #bad6ff;
    border-radius: 6px;
    background: #f4f9ff;
    color: var(--smart-muted);
    padding: 0.6rem 0.75rem;
    line-height: 1.6;
}

.smart-matching-column[b-4gir8e6pck] {
    align-content: start;
    min-width: 0;
    border: 1px solid var(--smart-line);
    border-radius: 6px;
    padding: 0.7rem;
}

.smart-matching-column > strong[b-4gir8e6pck] {
    border-bottom: 1px solid var(--smart-line);
    padding-bottom: 0.55rem;
}

.smart-matching-item-row[b-4gir8e6pck] {
    grid-template-columns: 2rem minmax(0, 1fr) minmax(150px, 0.55fr) 2rem;
}

.smart-matching-item-row > span[b-4gir8e6pck],
.smart-matching-column.column-b .smart-option-row > span[b-4gir8e6pck] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2rem;
    min-height: 2rem;
    border-radius: 50%;
    background: #eef6ff;
    color: #075d9e;
    font-weight: 800;
}

.smart-option-row button[b-4gir8e6pck],
.smart-danger-link[b-4gir8e6pck],
.smart-danger-button[b-4gir8e6pck] {
    border: 1px solid #f1b8b8;
    border-radius: 6px;
    background: #fff5f5;
    color: #b42318;
}

.smart-option-row button[b-4gir8e6pck] {
    width: 2rem;
    height: 2rem;
}

.smart-danger-link[b-4gir8e6pck] {
    padding: 0.25rem 0.55rem;
}

.smart-danger-button[b-4gir8e6pck] {
    padding: 0.45rem 0.8rem;
}

.smart-results-table-wrap[b-4gir8e6pck] {
    overflow-x: auto;
}

.smart-results-table[b-4gir8e6pck] {
    min-width: 720px;
}

.smart-results-table tr.active-attempt td[b-4gir8e6pck] {
    background: #f4f9ff;
}

.smart-review-button[b-4gir8e6pck] {
    padding: 0.25rem 0.6rem;
}

.smart-attempt-review[b-4gir8e6pck] {
    border-top: 1px solid var(--smart-line);
    margin-top: 1rem;
    padding-top: 1rem;
}

.smart-review-stack[b-4gir8e6pck] {
    display: grid;
    gap: 0.75rem;
}

.smart-review-card[b-4gir8e6pck] {
    border: 1px solid var(--smart-line);
    border-radius: 8px;
    background: #fff;
    padding: 0.85rem;
}

.smart-review-card.correct[b-4gir8e6pck] {
    border-color: #b7dfc4;
    background: #f4fbf6;
}

.smart-review-card.wrong[b-4gir8e6pck] {
    border-color: #f1b8b8;
    background: #fff7f7;
}

.smart-review-top[b-4gir8e6pck],
.smart-review-option[b-4gir8e6pck] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.smart-review-card p[b-4gir8e6pck] {
    margin: 0.55rem 0;
    line-height: 1.7;
}

.smart-review-options[b-4gir8e6pck] {
    display: grid;
    gap: 0.45rem;
}

.smart-review-option[b-4gir8e6pck] {
    border: 1px solid var(--smart-line);
    border-radius: 8px;
    background: #fff;
    padding: 0.6rem;
}

.smart-review-option.correct[b-4gir8e6pck] {
    border-color: #82c596;
    background: #eefaf1;
}

.smart-review-option.selected-wrong[b-4gir8e6pck] {
    border-color: #e69898;
    background: #fff0f0;
}

.smart-review-option.selected-correct[b-4gir8e6pck] {
    border-color: #43a061;
    box-shadow: 0 0 0 3px rgba(67, 160, 97, 0.12);
}

.smart-review-option small[b-4gir8e6pck] {
    color: var(--smart-muted);
}

.smart-analysis-grid[b-4gir8e6pck] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.65rem;
    margin-bottom: 0.85rem;
}

.smart-analysis-grid article[b-4gir8e6pck],
.smart-analysis-list article[b-4gir8e6pck],
.smart-remediation-list article[b-4gir8e6pck] {
    border: 1px solid var(--smart-line);
    border-radius: 8px;
    background: #fff;
    padding: 0.75rem;
}

.smart-analysis-grid article[b-4gir8e6pck] {
    display: grid;
    gap: 0.2rem;
}

.smart-analysis-grid span[b-4gir8e6pck],
.smart-analysis-list span[b-4gir8e6pck],
.smart-remediation-list span[b-4gir8e6pck] {
    color: var(--smart-muted);
}

.smart-analysis-grid strong[b-4gir8e6pck] {
    color: var(--smart-primary);
    font-size: 1.25rem;
}

.smart-analysis-panel[b-4gir8e6pck] {
    border-top: 1px solid var(--smart-line);
    margin-top: 1rem;
    padding-top: 1rem;
}

.smart-analysis-list[b-4gir8e6pck],
.smart-remediation-list[b-4gir8e6pck] {
    display: grid;
    gap: 0.6rem;
}

.smart-analysis-list article[b-4gir8e6pck],
.smart-remediation-list article[b-4gir8e6pck] {
    display: grid;
    gap: 0.35rem;
}

.smart-analysis-list p[b-4gir8e6pck],
.smart-remediation-list p[b-4gir8e6pck] {
    margin: 0;
    line-height: 1.7;
}

.smart-paper-corrector[b-4gir8e6pck] {
    border: 1px solid #bad6ff;
    border-radius: 8px;
    background: #f8fbff;
    padding: 0.9rem;
    margin-bottom: 1rem;
}

.smart-paper-fields[b-4gir8e6pck] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    margin-bottom: 0.8rem;
}

.paper-scan-box[b-4gir8e6pck] {
    display: grid;
    gap: 0.55rem;
    border: 1px dashed #8fb9e8;
    border-radius: 8px;
    background: #fff;
    padding: 0.75rem;
    margin-bottom: 0.85rem;
}

.paper-scan-box div[b-4gir8e6pck] {
    display: grid;
    gap: 0.2rem;
}

.paper-scan-box span[b-4gir8e6pck],
.paper-scan-box small[b-4gir8e6pck] {
    color: var(--smart-muted);
}

.paper-answer-grid[b-4gir8e6pck] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(92px, 1fr));
    gap: 0.5rem;
}

.paper-answer-row[b-4gir8e6pck] {
    display: grid;
    grid-template-columns: 2rem 1fr;
    gap: 0.35rem;
    align-items: center;
    border: 1px solid var(--smart-line);
    border-radius: 8px;
    background: #fff;
    padding: 0.45rem;
}

.paper-answer-row strong[b-4gir8e6pck] {
    display: grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: var(--smart-soft);
    color: var(--smart-primary);
}

.smart-paper-actions[b-4gir8e6pck] {
    margin-top: 0.85rem;
}

.paper-result[b-4gir8e6pck] {
    display: grid;
    gap: 0.55rem;
    border: 1px solid #b7e4c7;
    border-radius: 8px;
    background: #effaf4;
    padding: 0.75rem;
    margin-top: 0.85rem;
}

.paper-result span[b-4gir8e6pck] {
    color: var(--smart-muted);
}

.paper-result-summary[b-4gir8e6pck] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.paper-result-summary span[b-4gir8e6pck] {
    border: 1px solid #b7e4c7;
    border-radius: 999px;
    background: #fff;
    padding: 0.25rem 0.65rem;
    color: #1f6f3d;
    font-weight: 700;
}

.paper-correction-table-wrap[b-4gir8e6pck] {
    overflow-x: auto;
}

.paper-correction-table[b-4gir8e6pck] {
    margin: 0;
    background: #fff;
}

.paper-correction-table th[b-4gir8e6pck],
.paper-correction-table td[b-4gir8e6pck] {
    border-color: #d9e5ef;
    text-align: center;
    white-space: nowrap;
}

.paper-correction-table tr.correct td[b-4gir8e6pck] {
    background: #f2fbf4;
    color: #1f6f3d;
}

.paper-correction-table tr.wrong td[b-4gir8e6pck] {
    background: #fff5f5;
    color: #9a2c2c;
}

@media (max-width: 980px) {
    .smart-exams-layout[b-4gir8e6pck],
    .smart-edit-workspace[b-4gir8e6pck],
    .smart-form-grid[b-4gir8e6pck],
    .smart-generator-grid[b-4gir8e6pck],
    .smart-question-image-fields[b-4gir8e6pck],
    .smart-switch-grid[b-4gir8e6pck],
    .smart-book-section[b-4gir8e6pck],
    .smart-export-controls[b-4gir8e6pck],
    .smart-analysis-grid[b-4gir8e6pck],
    .smart-matching-editor[b-4gir8e6pck] {
        grid-template-columns: 1fr;
    }

    .smart-export-actions[b-4gir8e6pck] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .smart-exams-hero[b-4gir8e6pck],
    .smart-panel-head[b-4gir8e6pck],
    .smart-question-top[b-4gir8e6pck],
    .smart-question-meta[b-4gir8e6pck] {
        align-items: stretch;
        flex-direction: column;
    }

    .smart-paper-fields[b-4gir8e6pck] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 620px) {
    .smart-command-bar[b-4gir8e6pck] {
        width: 100%;
    }

    .smart-command-divider[b-4gir8e6pck] {
        display: none;
    }

    .smart-command-button[b-4gir8e6pck],
    .smart-head-actions .app-outline-button[b-4gir8e6pck],
    .smart-head-actions .app-search-button[b-4gir8e6pck] {
        flex: 1 1 130px;
        justify-content: center;
    }

    .smart-export-actions[b-4gir8e6pck] {
        grid-template-columns: 1fr;
    }

    .smart-matching-item-row[b-4gir8e6pck] {
        grid-template-columns: 2rem minmax(0, 1fr) 2rem;
    }

    .smart-matching-item-row select[b-4gir8e6pck] {
        grid-column: 2 / -1;
    }
}
/* /Pages/SmartExams/SmartExamJoin.razor.rz.scp.css */
.student-exam-page[b-snmy676dka] {
    min-height: calc(100vh - 3.5rem);
    background: #f4f7fb;
    color: #162033;
    padding: 1rem;
}

.student-exam-shell[b-snmy676dka] {
    width: min(920px, 100%);
    margin: 0 auto;
}

.student-login-panel[b-snmy676dka],
.student-exam-panel[b-snmy676dka] {
    border: 1px solid #dfe5ee;
    border-radius: 8px;
    background: #fff;
    padding: 1rem;
}

.student-login-panel[b-snmy676dka] {
    display: grid;
    max-width: 460px;
    gap: 0.85rem;
    margin: 8vh auto 0;
}

.student-login-panel.done[b-snmy676dka] {
    text-align: center;
}

.student-kicker[b-snmy676dka] {
    color: #0d6efd;
    font-weight: 800;
}

.student-login-panel h1[b-snmy676dka],
.student-exam-head h1[b-snmy676dka] {
    margin: 0;
    font-size: clamp(1.35rem, 4vw, 2rem);
}

.student-login-panel p[b-snmy676dka] {
    margin: 0;
    color: #667085;
}

.student-field[b-snmy676dka] {
    display: grid;
    gap: 0.35rem;
    color: #667085;
    font-weight: 700;
}

.student-field input[b-snmy676dka] {
    min-height: 2.8rem;
    border: 1px solid #cfd8e3;
    border-radius: 8px;
    padding: 0.5rem 0.7rem;
    font-size: 1rem;
}

.student-primary-button[b-snmy676dka],
.student-actions button[b-snmy676dka] {
    min-height: 2.75rem;
    border: 1px solid #0d6efd;
    border-radius: 8px;
    background: #0d6efd;
    color: #fff;
    font-weight: 800;
}

.student-alert[b-snmy676dka] {
    border: 1px solid #f1b8b8;
    border-radius: 8px;
    background: #fff5f5;
    color: #b42318;
    padding: 0.7rem;
}

.score-card[b-snmy676dka] {
    display: grid;
    gap: 0.2rem;
    border: 1px solid #bad6ff;
    border-radius: 8px;
    background: #edf5ff;
    padding: 1rem;
}

.score-card span[b-snmy676dka] {
    color: #667085;
}

.score-card strong[b-snmy676dka] {
    color: #084298;
    font-size: 2rem;
}

.student-review-list[b-snmy676dka] {
    display: grid;
    gap: 0.75rem;
    margin-top: 1rem;
    text-align: start;
}

.student-review-card[b-snmy676dka] {
    border: 1px solid #dfe5ee;
    border-radius: 8px;
    background: #fff;
    padding: 0.85rem;
}

.student-review-card.correct[b-snmy676dka] {
    border-color: #b7dfc4;
    background: #f4fbf6;
}

.student-review-card.wrong[b-snmy676dka] {
    border-color: #f1b8b8;
    background: #fff7f7;
}

.student-review-head[b-snmy676dka] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.student-review-head strong[b-snmy676dka] {
    color: #162033;
}

.student-review-head span[b-snmy676dka],
.student-review-option small[b-snmy676dka] {
    color: #667085;
    font-size: 0.86rem;
}

.student-review-card p[b-snmy676dka] {
    margin: 0.65rem 0;
    line-height: 1.7;
}

.student-review-options[b-snmy676dka] {
    display: grid;
    gap: 0.45rem;
}

.student-review-option[b-snmy676dka] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.45rem;
    border: 1px solid #dfe5ee;
    border-radius: 8px;
    background: #fff;
    padding: 0.65rem;
}

.student-review-option.correct[b-snmy676dka] {
    border-color: #82c596;
    background: #eefaf1;
}

.student-review-option.selected-wrong[b-snmy676dka] {
    border-color: #e69898;
    background: #fff0f0;
}

.student-review-option.selected-correct[b-snmy676dka] {
    border-color: #43a061;
    box-shadow: 0 0 0 3px rgba(67, 160, 97, 0.12);
}

.student-exam-head[b-snmy676dka] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.timer-card[b-snmy676dka] {
    display: grid;
    min-width: 140px;
    gap: 0.15rem;
    border: 1px solid #bad6ff;
    border-radius: 8px;
    background: #edf5ff;
    padding: 0.75rem;
    text-align: center;
}

.timer-card.urgent[b-snmy676dka] {
    border-color: #f1b8b8;
    background: #fff5f5;
}

.timer-card span[b-snmy676dka] {
    color: #667085;
}

.timer-card strong[b-snmy676dka] {
    color: #084298;
    font-size: 1.35rem;
}

.timer-card.urgent strong[b-snmy676dka] {
    color: #b42318;
}

.student-progress[b-snmy676dka] {
    display: grid;
    gap: 0.4rem;
    margin: 1rem 0;
    color: #667085;
}

.student-progress div[b-snmy676dka] {
    height: 0.7rem;
    overflow: hidden;
    border-radius: 999px;
    background: #edf1f5;
}

.student-progress i[b-snmy676dka] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: #0d6efd;
    transition: width 180ms ease;
}

.student-question-card[b-snmy676dka] {
    border: 1px solid #dfe5ee;
    border-radius: 8px;
    padding: 1rem;
}

.student-question-meta[b-snmy676dka] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.student-question-meta span[b-snmy676dka] {
    border-radius: 999px;
    background: #f6f8fb;
    color: #667085;
    padding: 0.25rem 0.65rem;
    font-size: 0.86rem;
}

.student-question-card h2[b-snmy676dka] {
    margin: 0.8rem 0 1rem;
    font-size: clamp(1.2rem, 4vw, 1.65rem);
    line-height: 1.6;
}

.student-question-image[b-snmy676dka] {
    margin: 0.85rem 0 1rem;
}

.student-question-image img[b-snmy676dka] {
    display: block;
    max-width: 100%;
    max-height: 420px;
    border: 1px solid #dfe5ee;
    border-radius: 8px;
    background: #fff;
    object-fit: contain;
}

.student-options[b-snmy676dka] {
    display: grid;
    gap: 0.65rem;
}

.student-option[b-snmy676dka] {
    min-height: 3.4rem;
    border: 1px solid #dfe5ee;
    border-radius: 8px;
    background: #fff;
    color: #162033;
    padding: 0.85rem;
    text-align: start;
}

.student-option.selected[b-snmy676dka] {
    border-color: #0d6efd;
    background: #edf5ff;
    box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.12);
}

.student-matching-question[b-snmy676dka] {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(240px, 0.75fr);
    gap: 0.75rem;
}

.student-matching-column[b-snmy676dka] {
    display: grid;
    align-content: start;
    gap: 0.55rem;
    min-width: 0;
    border: 1px solid #dfe5ee;
    border-radius: 6px;
    padding: 0.75rem;
}

.student-matching-column > strong[b-snmy676dka] {
    border-bottom: 1px solid #dfe5ee;
    padding-bottom: 0.55rem;
}

.student-matching-item[b-snmy676dka] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(150px, 0.4fr);
    align-items: center;
    gap: 0.6rem;
    border-bottom: 1px solid #edf1f5;
    padding-bottom: 0.55rem;
}

.student-matching-item > span[b-snmy676dka] {
    line-height: 1.6;
}

.student-matching-item > span b[b-snmy676dka],
.student-matching-option b[b-snmy676dka] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.9rem;
    height: 1.9rem;
    border-radius: 50%;
    background: #e8f3ff;
    color: #075d9e;
}

.student-matching-item select[b-snmy676dka] {
    min-width: 0;
    min-height: 2.6rem;
    border: 1px solid #cfd8e3;
    border-radius: 6px;
    background: #fff;
    padding: 0.4rem 0.55rem;
}

.student-matching-option[b-snmy676dka] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    border-bottom: 1px solid #edf1f5;
    padding: 0.4rem 0;
}

.student-matching-review[b-snmy676dka] {
    display: grid;
    gap: 0.45rem;
}

.student-matching-review-row[b-snmy676dka] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(180px, 0.45fr) minmax(180px, 0.45fr);
    gap: 0.55rem;
    border: 1px solid #dfe5ee;
    border-radius: 6px;
    background: #fff;
    padding: 0.65rem;
}

.student-matching-review-row.correct[b-snmy676dka] {
    border-color: #82c596;
    background: #eefaf1;
}

.student-matching-review-row.wrong[b-snmy676dka] {
    border-color: #e69898;
    background: #fff0f0;
}

.student-matching-review-row span[b-snmy676dka] {
    color: #667085;
}

.student-actions[b-snmy676dka] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0.6rem;
    margin-top: 1rem;
}

.student-actions button[b-snmy676dka] {
    flex: 1 1 120px;
}

.student-actions button:not(.submit)[b-snmy676dka] {
    border-color: #cfd8e3;
    background: #fff;
    color: #162033;
}

.student-actions button:disabled[b-snmy676dka] {
    opacity: 0.55;
}

@media (max-width: 640px) {
    .student-exam-page[b-snmy676dka] {
        padding: 0.65rem;
    }

    .student-exam-head[b-snmy676dka] {
        flex-direction: column;
    }

    .timer-card[b-snmy676dka] {
        width: 100%;
    }

    .student-matching-question[b-snmy676dka],
    .student-matching-review-row[b-snmy676dka],
    .student-matching-item[b-snmy676dka] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/SmartExams/SmartExamPaperCorrectionOptions.razor.rz.scp.css */
.paper-settings-page[b-bb6227n8hy] {
    max-width: 1320px;
}

.paper-settings-hero[b-bb6227n8hy] {
    align-items: center;
}

.settings-actions[b-bb6227n8hy],
.settings-form-head[b-bb6227n8hy],
.preview-head[b-bb6227n8hy] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.settings-actions[b-bb6227n8hy] {
    flex-wrap: wrap;
    justify-content: flex-end;
}

.paper-settings-layout[b-bb6227n8hy] {
    display: block;
    max-width: 980px;
    margin-inline: auto;
    gap: 16px;
    align-items: start;
}

.paper-settings-form[b-bb6227n8hy],
.paper-settings-preview[b-bb6227n8hy] {
    border-radius: 8px;
}

.paper-settings-form[b-bb6227n8hy] {
    display: grid;
    gap: 14px;
}

/* Reading coordinates are stored with each exported template profile.
   Keep legacy calibration controls out of the administrator workflow. */
.paper-settings-form > .settings-group:nth-of-type(n+5)[b-bb6227n8hy],
.paper-settings-preview[b-bb6227n8hy] {
    display: none;
}

.settings-form-head[b-bb6227n8hy],
.preview-head[b-bb6227n8hy] {
    justify-content: space-between;
    border-bottom: 1px solid #e5edf5;
    padding-bottom: 10px;
}

.preview-head > div[b-bb6227n8hy] {
    display: grid;
    gap: 4px;
}

.preview-head span[b-bb6227n8hy] {
    color: #667085;
    font-size: 0.86rem;
}

.capture-toolbar[b-bb6227n8hy] {
    display: grid;
    grid-template-columns: minmax(220px, 0.8fr) minmax(260px, 1fr);
    gap: 10px;
    align-items: end;
    border: 1px solid #d8e8fb;
    border-radius: 8px;
    padding: 10px;
    background: #f5fbff;
}

.capture-toolbar label[b-bb6227n8hy] {
    display: grid;
    gap: 5px;
    color: #075985;
    font-size: 0.86rem;
    font-weight: 800;
}

.capture-toolbar select[b-bb6227n8hy] {
    border: 1px solid #bad5ed;
    border-radius: 6px;
    padding: 7px 8px;
    background: #fff;
}

.capture-readout[b-bb6227n8hy] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    color: #334155;
    font-size: 0.84rem;
}

.capture-readout span[b-bb6227n8hy] {
    border: 1px solid #cfe0f2;
    border-radius: 999px;
    padding: 4px 9px;
    background: #fff;
    font-family: Consolas, monospace;
}

.capture-readout strong[b-bb6227n8hy] {
    flex-basis: 100%;
    color: #0f766e;
}

.real-template-loader[b-bb6227n8hy] {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(210px, 0.8fr);
    gap: 10px;
    align-items: center;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 10px;
    background: #fff;
}

.real-template-loader > div:first-child[b-bb6227n8hy] {
    display: grid;
    gap: 4px;
}

.real-template-loader strong[b-bb6227n8hy] {
    color: #172033;
}

.real-template-loader span[b-bb6227n8hy],
.real-template-loader small[b-bb6227n8hy] {
    color: #64748b;
    font-size: 0.84rem;
}

.real-template-toggle[b-bb6227n8hy] {
    margin: 0;
}

.real-template-frame-controls[b-bb6227n8hy] {
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

.real-template-frame-controls label[b-bb6227n8hy] {
    display: grid;
    gap: 4px;
    color: #075985;
    font-size: 0.78rem;
    font-weight: 800;
}

.real-template-frame-controls input[b-bb6227n8hy] {
    width: 100%;
    border: 1px solid #cbd8e6;
    border-radius: 6px;
    padding: 6px 7px;
    background: #fff;
}

.real-template-points[b-bb6227n8hy] {
    grid-column: 1 / -1;
    border: 1px dashed #bad5ed;
    border-radius: 6px;
    padding: 7px 9px;
    color: #075985;
    background: #f8fcff;
    font-size: 0.82rem;
}

.settings-group[b-bb6227n8hy] {
    display: grid;
    gap: 10px;
    border: 1px solid #e3ebf5;
    border-radius: 8px;
    padding: 12px;
    background: #fbfdff;
}

.settings-group h2[b-bb6227n8hy] {
    margin: 0;
    color: #065f8f;
    font-size: 1rem;
    font-weight: 800;
}

.settings-fields[b-bb6227n8hy] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.settings-fields label[b-bb6227n8hy] {
    display: grid;
    gap: 5px;
    color: #334155;
    font-size: 0.86rem;
    font-weight: 700;
}

.settings-fields input[b-bb6227n8hy],
.settings-fields select[b-bb6227n8hy] {
    width: 100%;
    border: 1px solid #cbd8e6;
    border-radius: 6px;
    padding: 7px 8px;
    color: #0f172a;
    background: #fff;
}

.settings-check[b-bb6227n8hy] {
    display: flex !important;
    grid-column: 1 / -1;
    align-items: center;
    gap: 8px;
}

.settings-check input[b-bb6227n8hy] {
    width: 18px;
    height: 18px;
}

.settings-check-wide[b-bb6227n8hy] {
    padding: 8px 10px;
    border: 1px solid #dbeafe;
    border-radius: 6px;
    background: #f8fbff;
}

.column-option-settings[b-bb6227n8hy] {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.column-option-settings > .app-outline-button[b-bb6227n8hy] {
    grid-column: 1 / -1;
    justify-self: start;
}

.column-option-card[b-bb6227n8hy] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding: 10px;
    border: 1px solid #d8e3ee;
    border-radius: 8px;
    background: #fff;
}

.column-option-card strong[b-bb6227n8hy] {
    grid-column: 1 / -1;
    color: #075985;
    font-size: 0.9rem;
}

.paper-settings-preview[b-bb6227n8hy] {
    position: sticky;
    top: 90px;
    display: grid;
    gap: 14px;
}

.answer-settings-svg[b-bb6227n8hy] {
    width: 100%;
    max-height: calc(100vh - 210px);
    min-height: 760px;
    border: 1px solid #dce6f2;
    border-radius: 8px;
    background: #f8fafc;
    cursor: crosshair;
}

.answer-settings-svg.has-real-template[b-bb6227n8hy] {
    background: #eef2f7;
}

.preview-real-template[b-bb6227n8hy] {
    opacity: 0.82;
}

.preview-title[b-bb6227n8hy] {
    fill: #b91c1c;
    font-size: 18px;
    font-weight: 800;
}

.preview-main-line[b-bb6227n8hy] {
    stroke: #dc2626;
    stroke-width: 2;
}

.preview-student[b-bb6227n8hy],
.preview-answer-cell[b-bb6227n8hy] {
    fill: rgba(255, 255, 255, 0.38);
    stroke: #dc2626;
    stroke-width: 1.5;
}

.preview-marker[b-bb6227n8hy] {
    fill: #dc2626;
}

.preview-row-line[b-bb6227n8hy] {
    stroke: #ffd21f;
    stroke-width: 1.5;
}

.preview-question-number[b-bb6227n8hy] {
    fill: #b91c1c;
    font-size: 13px;
    font-weight: 800;
}

.preview-bubble[b-bb6227n8hy] {
    fill: transparent;
    stroke: #dc2626;
    stroke-width: 2;
}

.preview-scan-point[b-bb6227n8hy] {
    fill: #0ea5e9;
    opacity: 0.85;
}

.preview-label[b-bb6227n8hy] {
    fill: #b91c1c;
    font-size: 14px;
    font-weight: 800;
}

@media (max-width: 1100px) {
    .paper-settings-layout[b-bb6227n8hy] {
        grid-template-columns: 1fr;
    }

    .paper-settings-preview[b-bb6227n8hy] {
        position: static;
    }
}

@media (max-width: 720px) {
    .settings-fields[b-bb6227n8hy] {
        grid-template-columns: 1fr;
    }

    .settings-actions[b-bb6227n8hy],
    .settings-form-head[b-bb6227n8hy],
    .preview-head[b-bb6227n8hy],
    .capture-toolbar[b-bb6227n8hy],
    .real-template-loader[b-bb6227n8hy],
    .real-template-frame-controls[b-bb6227n8hy] {
        align-items: stretch;
        flex-direction: column;
        grid-template-columns: 1fr;
    }
}
/* /Pages/SmartExams/SmartExamPaperCorrector.razor.rz.scp.css */
.paper-corrector-page[b-e788t0jnp4] {
    --smart-ink: #172033;
    --smart-muted: #667085;
    --smart-line: #dfe5ee;
    --smart-soft: #f6f8fb;
    --smart-primary: #0d6efd;
    color: var(--smart-ink);
}

.paper-corrector-header-actions button[b-e788t0jnp4] {
    display: inline-grid;
    place-items: center;
    width: 2.2rem;
    height: 2.2rem;
    border: 1px solid #c8dce8;
    border-radius: 7px;
    background: #fff;
    color: var(--paper-blue);
}

.paper-corrector-header-actions button:hover[b-e788t0jnp4] {
    background: #eef8fd;
}

.paper-review-status[b-e788t0jnp4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-top: 0.55rem;
    border-radius: 8px;
    padding: 0.55rem 0.7rem;
    font-size: 0.82rem;
}

.paper-review-status > div[b-e788t0jnp4] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    min-width: 0;
}

.paper-review-status strong[b-e788t0jnp4] {
    color: #0f5132;
    white-space: nowrap;
}

.paper-review-status span[b-e788t0jnp4] {
    color: #475569;
}

.paper-review-status.is-complete[b-e788t0jnp4] {
    border: 1px solid #b9e5c8;
    background: #edf9f1;
}

.paper-review-status.needs-review[b-e788t0jnp4] {
    border: 1px solid #ffc36d;
    background: #fff7e6;
}

.paper-review-status.needs-review strong[b-e788t0jnp4] {
    color: #8a5200;
}

.paper-review-status button[b-e788t0jnp4] {
    border: 1px solid #c68520;
    border-radius: 7px;
    background: #c68520;
    color: #fff;
    padding: 0.38rem 0.65rem;
    font-size: 0.78rem;
    font-weight: 900;
    white-space: nowrap;
}

.paper-review-status button.secondary[b-e788t0jnp4] {
    border-color: #b7cfe0;
    background: #fff;
    color: var(--paper-blue);
}

.paper-corrector-hero[b-e788t0jnp4] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.paper-corrector-hero p[b-e788t0jnp4] {
    max-width: 720px;
    margin: 0.4rem 0 0;
    color: var(--smart-muted);
}

.paper-corrector-settings-link[b-e788t0jnp4] {
    display: flex;
    justify-content: flex-end;
    margin: 0 0 0.75rem;
}

.smart-kicker[b-e788t0jnp4] {
    display: inline-flex;
    margin-bottom: 0.35rem;
    color: var(--smart-primary);
    font-weight: 800;
}

.paper-corrector-grid[b-e788t0jnp4] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 0.42fr);
    gap: 1rem;
    margin-top: 1rem;
}

.paper-corrector-grid.has-debug[b-e788t0jnp4] {
    grid-template-columns: minmax(720px, 1fr) minmax(300px, 0.38fr);
}

.paper-corrector-workspace[b-e788t0jnp4],
.paper-corrector-result[b-e788t0jnp4],
.paper-debug-panel[b-e788t0jnp4] {
    min-width: 0;
}

.paper-debug-panel[b-e788t0jnp4] {
    display: grid;
    grid-template-columns: minmax(390px, 1fr) minmax(260px, 0.46fr);
    gap: 0.85rem;
    align-items: start;
}

.paper-corrector-grid.has-debug .paper-debug-panel[b-e788t0jnp4] {
    grid-column: 1;
    grid-row: 1 / span 2;
}

.paper-corrector-grid.has-debug .paper-corrector-workspace[b-e788t0jnp4],
.paper-corrector-grid.has-debug .paper-corrector-result[b-e788t0jnp4] {
    grid-column: 2;
}

.paper-debug-panel > .smart-panel-head[b-e788t0jnp4] {
    grid-column: 1 / -1;
}

.smart-panel-head[b-e788t0jnp4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.smart-panel-head > div:first-child[b-e788t0jnp4] {
    display: grid;
    gap: 0.15rem;
}

.smart-panel-head span[b-e788t0jnp4] {
    color: var(--smart-muted);
}

.smart-paper-fields[b-e788t0jnp4] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.paper-scan-box[b-e788t0jnp4] {
    display: grid;
    gap: 0.65rem;
    border: 1px solid #bad6ff;
    border-radius: 8px;
    background: #f7fbff;
    padding: 0.8rem;
    margin: 0.85rem 0;
}

.paper-scan-box div[b-e788t0jnp4] {
    display: grid;
    gap: 0.2rem;
}

.paper-scan-box span[b-e788t0jnp4],
.paper-scan-box small[b-e788t0jnp4] {
    color: var(--smart-muted);
}

.paper-answer-grid[b-e788t0jnp4] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(92px, 1fr));
    gap: 0.5rem;
}

.paper-answer-row[b-e788t0jnp4] {
    display: grid;
    grid-template-columns: 2rem 1fr;
    gap: 0.35rem;
    align-items: center;
    border: 1px solid var(--smart-line);
    border-radius: 8px;
    background: #fff;
    padding: 0.45rem;
}

.paper-answer-row strong[b-e788t0jnp4] {
    display: grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: var(--smart-soft);
    color: var(--smart-primary);
}

.smart-paper-actions[b-e788t0jnp4] {
    margin-top: 0.85rem;
}

.paper-result[b-e788t0jnp4] {
    display: grid;
    gap: 0.55rem;
}

.paper-result-summary[b-e788t0jnp4] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.45rem;
}

.paper-result-summary span[b-e788t0jnp4] {
    border: 1px solid #b7e4c7;
    border-radius: 8px;
    background: #f2fbf4;
    padding: 0.35rem 0.25rem;
    color: #1f6f3d;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
}

.paper-batch-list[b-e788t0jnp4] {
    display: grid;
    gap: 0.45rem;
}

.paper-batch-item[b-e788t0jnp4] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.2rem 0.55rem;
    width: 100%;
    border: 1px solid var(--smart-line);
    border-radius: 8px;
    background: #fff;
    padding: 0.55rem;
    text-align: start;
}

.paper-batch-item strong[b-e788t0jnp4] {
    color: var(--smart-primary);
}

.paper-batch-item span[b-e788t0jnp4],
.paper-batch-item em[b-e788t0jnp4] {
    min-width: 0;
    color: var(--smart-muted);
    font-style: normal;
}

.paper-batch-item em[b-e788t0jnp4] {
    grid-column: 1 / -1;
    font-weight: 700;
}

.paper-batch-item.success[b-e788t0jnp4] {
    border-color: #b7e4c7;
}

.paper-batch-item.failed[b-e788t0jnp4] {
    border-color: #fecaca;
    background: #fff7f7;
}

.paper-debug-view[b-e788t0jnp4] {
    display: grid;
    gap: 0.4rem;
    border: 1px solid #d8e4f0;
    border-radius: 8px;
    background: #fbfdff;
    padding: 0.65rem;
}

.paper-debug-view span[b-e788t0jnp4] {
    color: var(--smart-muted);
    font-size: 0.82rem;
}

.paper-debug-view img[b-e788t0jnp4],
.paper-debug-svg[b-e788t0jnp4] {
    width: 100%;
    max-height: 760px;
    border: 1px solid #d9e5ef;
    border-radius: 8px;
    background: #fff;
}

.paper-debug-view.large[b-e788t0jnp4] {
    padding: 0.45rem;
    position: sticky;
    top: 86px;
}

.paper-debug-view.large img[b-e788t0jnp4],
.paper-debug-view.large .paper-debug-svg[b-e788t0jnp4] {
    max-height: calc(100vh - 230px);
    min-height: 560px;
}

.debug-paper-bounds[b-e788t0jnp4],
.debug-answer-bounds[b-e788t0jnp4] {
    fill: transparent;
    vector-effect: non-scaling-stroke;
}

.debug-paper-bounds[b-e788t0jnp4] {
    stroke: #0d6efd;
    stroke-width: 3;
}

.debug-answer-bounds[b-e788t0jnp4] {
    stroke: #16a34a;
    stroke-width: 3;
}

.debug-row-line[b-e788t0jnp4] {
    stroke: #facc15;
    stroke-width: 2;
    vector-effect: non-scaling-stroke;
}

.debug-scan-area[b-e788t0jnp4] {
    fill: rgba(14, 165, 233, 0.25);
    stroke: #0ea5e9;
    stroke-width: 1.5;
    vector-effect: non-scaling-stroke;
}

.debug-scan-area.selected[b-e788t0jnp4] {
    fill: rgba(220, 38, 38, 0.18);
    stroke: #dc2626;
    stroke-width: 3;
}

.debug-point-center[b-e788t0jnp4] {
    fill: #0ea5e9;
    stroke: #fff;
    stroke-width: 1.5;
    vector-effect: non-scaling-stroke;
}

.debug-point[b-e788t0jnp4] {
    fill: rgba(220, 38, 38, 0.72);
    stroke: #fff;
    stroke-width: 2;
    vector-effect: non-scaling-stroke;
}

.debug-scan-offset-line[b-e788t0jnp4] {
    stroke: #f97316;
    stroke-width: 1.5;
    stroke-dasharray: 4 3;
    vector-effect: non-scaling-stroke;
}

.debug-scan-offset-point[b-e788t0jnp4] {
    fill: #f97316;
    stroke: #fff;
    stroke-width: 1.5;
    vector-effect: non-scaling-stroke;
}

.paper-live-calibration[b-e788t0jnp4] {
    display: grid;
    gap: 0.75rem;
    position: sticky;
    top: 86px;
    border: 1px solid #f3c24f;
    border-radius: 8px;
    background: #fffaf0;
    padding: 0.75rem;
}

.paper-live-calibration-head[b-e788t0jnp4] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.paper-live-calibration-head > div[b-e788t0jnp4] {
    display: grid;
    gap: 0.2rem;
}

.paper-live-calibration-head span[b-e788t0jnp4],
.paper-live-settings-grid span[b-e788t0jnp4],
.paper-column-calibration span[b-e788t0jnp4] {
    color: var(--smart-muted);
    font-size: 0.82rem;
}

.paper-live-settings-grid[b-e788t0jnp4] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.55rem;
}

.paper-live-settings-grid label[b-e788t0jnp4],
.paper-column-calibration label[b-e788t0jnp4] {
    display: grid;
    gap: 0.25rem;
}

.paper-column-toggle[b-e788t0jnp4] {
    margin-top: 0.1rem;
}

.paper-column-calibration[b-e788t0jnp4] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.7rem;
}

.paper-column-calibration > div[b-e788t0jnp4] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.45rem;
    direction: rtl;
    border: 1px solid #f2d89b;
    border-radius: 8px;
    background: #fff;
    padding: 0.6rem;
}

.paper-column-calibration strong[b-e788t0jnp4] {
    grid-column: 1 / -1;
    color: #805200;
}

.paper-corrector-grid.has-debug .paper-corrector-result .paper-debug-view:not(.large)[b-e788t0jnp4] {
    display: none;
}

.paper-debug-toggle[b-e788t0jnp4] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    color: var(--smart-muted);
    font-weight: 700;
}

.paper-debug-toggle input[b-e788t0jnp4] {
    width: 1rem;
    height: 1rem;
}

.paper-debug-notes[b-e788t0jnp4] {
    border: 1px solid #d8e4f0;
    border-radius: 8px;
    background: #fff;
    padding: 0.55rem 0.7rem;
}

.paper-debug-notes summary[b-e788t0jnp4] {
    cursor: pointer;
    font-size: 0.82rem;
    font-weight: 800;
    color: var(--smart-primary);
}

.paper-debug-notes ul[b-e788t0jnp4] {
    margin: 0.55rem 1rem 0 0;
    color: var(--smart-muted);
    font-size: 0.78rem;
}

.paper-correction-table-wrap[b-e788t0jnp4] {
    overflow-x: auto;
}

.paper-correction-table[b-e788t0jnp4] {
    margin: 0;
    background: #fff;
}

.paper-correction-table th[b-e788t0jnp4],
.paper-correction-table td[b-e788t0jnp4] {
    border-color: #d9e5ef;
    text-align: center;
    white-space: nowrap;
}

.paper-correction-table tr.correct td[b-e788t0jnp4] {
    background: #f2fbf4;
    color: #1f6f3d;
}

.paper-correction-table tr.wrong td[b-e788t0jnp4] {
    background: #fff5f5;
    color: #9a2c2c;
}

@media (max-width: 980px) {
    .paper-corrector-grid[b-e788t0jnp4],
    .paper-corrector-grid.has-debug[b-e788t0jnp4],
    .paper-debug-panel[b-e788t0jnp4],
    .smart-paper-fields[b-e788t0jnp4],
    .paper-live-settings-grid[b-e788t0jnp4],
    .paper-column-calibration[b-e788t0jnp4] {
        grid-template-columns: 1fr;
    }

    .paper-debug-panel > .smart-panel-head[b-e788t0jnp4] {
        grid-column: auto;
    }

    .paper-debug-view.large[b-e788t0jnp4],
    .paper-live-calibration[b-e788t0jnp4] {
        position: static;
    }

    .paper-corrector-hero[b-e788t0jnp4],
    .smart-panel-head[b-e788t0jnp4],
    .paper-live-calibration-head[b-e788t0jnp4] {
        align-items: stretch;
        flex-direction: column;
    }

    .paper-column-calibration > div[b-e788t0jnp4] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.paper-corrector-page.app-max-1080[b-e788t0jnp4] {
    width: min(1200px, calc(100vw - 1.5rem));
    max-width: 1200px;
    margin-inline: auto;
}

.paper-corrector-page .paper-corrector-hero[b-e788t0jnp4],
.paper-corrector-page .paper-corrector-settings-link[b-e788t0jnp4] {
    display: none;
}

.paper-upload-bar[b-e788t0jnp4] {
    position: sticky;
    top: 0;
    z-index: 20;
    display: grid;
    grid-template-columns: minmax(260px, 1fr) minmax(360px, 0.9fr);
    gap: 0.75rem;
    align-items: center;
    border: 1px solid #cfe0f5;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
    padding: 0.65rem 0.8rem;
    margin-bottom: 0.8rem;
    backdrop-filter: blur(10px);
}

.paper-upload-title[b-e788t0jnp4] {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
}

.paper-upload-title strong[b-e788t0jnp4] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.paper-upload-title span[b-e788t0jnp4],
.paper-scan-progress[b-e788t0jnp4] {
    color: var(--smart-muted);
    font-size: 0.84rem;
}

.paper-upload-controls[b-e788t0jnp4] {
    display: grid;
    grid-template-columns: auto auto minmax(170px, 1fr) minmax(150px, 0.65fr) auto auto;
    gap: 0.5rem;
    align-items: center;

    background-color: #e9f3f3;
    padding: 10px;
  
  
    border-radius: 5px;
}


}

.paper-source-selector[b-e788t0jnp4] {
    display: inline-flex;
    align-items: stretch;
    border: 1px solid #b8c6d2;
    border-radius: 4px;
    overflow: hidden;
    flex: 0 0 auto;
}

.paper-source-selector button[b-e788t0jnp4] {
    min-height: 34px;
    border: 0;
    border-left: 1px solid #b8c6d2;
    padding: 0 12px;
    background: #fff;
    color: #234052;
    font: inherit;
    cursor: pointer;
}

.paper-source-selector button:last-child[b-e788t0jnp4] {
    border-left: 0;
}

.paper-source-selector button.active[b-e788t0jnp4] {
    background: #087ead;
    color: #fff;
}

.paper-source-selector button:disabled[b-e788t0jnp4] {
    cursor: default;
    opacity: .65;
}

.paper-upload-controls .app-outline-button[b-e788t0jnp4] {
    white-space: nowrap;
}

.paper-scan-progress[b-e788t0jnp4] {
    grid-column: 1 / -1;
    border-top: 1px solid #e3edf8;
    padding-top: 0.45rem;
    display: grid;
    gap: 0.35rem;
}

.paper-scan-progress progress[b-e788t0jnp4] {
    width: 100%;
    height: 10px;
    accent-color: #087ead;
}

.paper-template-status[b-e788t0jnp4] {
    grid-column: 1 / -1;
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    align-items: center;
    padding: 0.55rem 0.7rem;
    border: 1px solid #d8e6d8;
    background: #f4fbf5;
    color: #0b713a;
    font-size: 0.83rem;
}

.paper-template-status.is-warning[b-e788t0jnp4] {
    border-color: #f2d2a4;
    background: #fff8ea;
    color: #99630d;
}

.paper-template-status span[b-e788t0jnp4] {
    color: inherit;
    white-space: nowrap;
}

.paper-corrector-grid[b-e788t0jnp4],
.paper-corrector-grid.has-debug[b-e788t0jnp4] {
    direction: ltr;
    grid-template-columns: minmax(300px, 360px) minmax(520px, 1fr);
    gap: 0.85rem;
    margin-top: 0;
    align-items: start;
}

.paper-corrector-grid > *[b-e788t0jnp4] {
    direction: rtl;
}

.paper-corrector-workspace[b-e788t0jnp4],
.paper-live-calibration[b-e788t0jnp4],
.paper-debug-panel > .smart-panel-head[b-e788t0jnp4],
.paper-corrector-result .paper-debug-view[b-e788t0jnp4],
.paper-batch-list[b-e788t0jnp4] {
    display: none;
}

.paper-corrector-result[b-e788t0jnp4],
.paper-corrector-grid.has-debug .paper-corrector-result[b-e788t0jnp4] {
    display: block;
    grid-column: 1;
    grid-row: 1;
    position: sticky;
    top: 84px;
    max-height: calc(100vh - 100px);
    overflow: auto;
    padding: 0.75rem;
}

.paper-debug-panel[b-e788t0jnp4],
.paper-corrector-grid.has-debug .paper-debug-panel[b-e788t0jnp4] {
    grid-column: 2;
    grid-row: 1;
    display: block;
    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.paper-debug-view.large[b-e788t0jnp4] {
    position: sticky;
    top: 84px;
    display: grid;
    place-items: center;
    min-height: calc(100vh - 105px);
    border-color: #cfd9e6;
    background: #f4f7fb;
    padding: 0.5rem;
}

.paper-debug-view.large img[b-e788t0jnp4],
.paper-debug-view.large .paper-debug-svg[b-e788t0jnp4] {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: calc(100vh - 125px);
    min-height: 0;
    object-fit: contain;
}

.paper-page-nav[b-e788t0jnp4] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.45rem;
    align-items: center;
    margin-bottom: 0.65rem;
}

.paper-page-nav .app-outline-button[b-e788t0jnp4] {
    padding-inline: 0.55rem;
    white-space: nowrap;
}

.paper-corrector-result > .smart-panel-head[b-e788t0jnp4] {
    display: none;
}

.paper-result[b-e788t0jnp4] {
    gap: 0.65rem;
}

.paper-result > strong[b-e788t0jnp4] {
    display: block;
    border: 1px solid #b7e4c7;
    border-radius: 8px;
    background: #f2fbf4;
    padding: 0.55rem;
    color: #1f6f3d;
    line-height: 1.5;
}

.paper-result > strong.warning[b-e788t0jnp4] {
    border-color: #fecaca;
    background: #fff1f2;
    color: #b91c1c;
}

.paper-critical-alert[b-e788t0jnp4] {
    border: 1px solid #fca5a5;
    border-radius: 8px;
    background: #fff1f2;
    padding: 0.55rem;
    color: #991b1b;
    font-size: 0.86rem;
    font-weight: 900;
    line-height: 1.5;
}

.paper-result-summary[b-e788t0jnp4] {
    display: grid;
    gap: 0.3rem;
}

.paper-result-summary-primary[b-e788t0jnp4] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.3rem;
}

.paper-result-summary-secondary[b-e788t0jnp4] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.3rem;
}

.paper-result-summary span[b-e788t0jnp4] {
    display: block;
    border-radius: 8px;
    padding: 0.35rem 0.25rem;
    text-align: center;
    font-size: 0.84rem;
    font-weight: 800;
    white-space: nowrap;
}

.paper-result-summary span.warning[b-e788t0jnp4] {
    border: 1px solid #f2c97d;
    background: #fff8e8;
    color: #9a5b00;
}

.paper-question-status-list[b-e788t0jnp4] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.38rem;
}

.paper-question-status-head[b-e788t0jnp4] {
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: 1.75rem minmax(3.4rem, 1fr) minmax(3.4rem, 1fr) 1.45rem 1.75rem;
    gap: 0.3rem;
    align-items: center;
    padding: 0 0.35rem;
    color: var(--smart-muted);
    font-size: 0.66rem;
    font-weight: 800;
    line-height: 1.1;
    text-align: center;
}

.paper-question-status[b-e788t0jnp4] {
    display: grid;
    grid-template-columns: 1.75rem minmax(3.4rem, 1fr) minmax(3.4rem, 1fr) 1.45rem 1.75rem;
    gap: 0.3rem;
    align-items: center;
    border: 1px solid var(--smart-line);
    border-radius: 8px;
    background: #fff;
    padding: 0.35rem;
}

.paper-question-status strong[b-e788t0jnp4],
.paper-question-status span[b-e788t0jnp4] {
    display: grid;
    place-items: center;
    height: 1.45rem;
    border-radius: 999px;
    font-weight: 800;
}

.paper-question-status strong[b-e788t0jnp4] {
    background: var(--smart-soft);
    color: var(--smart-primary);
}

.paper-question-status span[b-e788t0jnp4] {
    color: #fff;
}

.paper-question-status.correct span[b-e788t0jnp4] {
    background: #16a34a;
}

.paper-question-status.wrong span[b-e788t0jnp4] {
    background: #dc2626;
}

.paper-question-status em[b-e788t0jnp4] {
    min-width: 0;
    overflow: hidden;
    color: var(--smart-muted);
    font-style: normal;
    font-weight: 700;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.paper-debug-notes[b-e788t0jnp4] {
    max-height: 170px;
    overflow: auto;
}

.paper-correction-table-wrap[b-e788t0jnp4] {
    max-height: 260px;
    overflow: auto;
}

.paper-correction-table th[b-e788t0jnp4],
.paper-correction-table td[b-e788t0jnp4] {
    padding: 0.35rem;
    font-size: 0.82rem;
}

.paper-debug-panel[b-e788t0jnp4],
.paper-corrector-grid.has-debug .paper-debug-panel[b-e788t0jnp4] {
    position: sticky;
    top: 84px;
}

.paper-debug-view.large[b-e788t0jnp4] {
    position: static;
    align-content: start;
    justify-items: center;
    min-height: 0;
    height: calc(100vh - 172px);
    overflow: auto;
}

.paper-debug-view.large img[b-e788t0jnp4],
.paper-debug-view.large .paper-debug-svg[b-e788t0jnp4] {
    max-width: none;
    max-height: none;
}

.paper-sheet-nav[b-e788t0jnp4] {
    display: grid;
    grid-template-columns: auto minmax(160px, 260px) auto;
    justify-content: center;
    gap: 0.5rem;
    align-items: center;
    border: 1px solid #d7e3f0;
    border-radius: 8px;
    background: #fff;
    padding: 0.55rem;
    margin-top: 0.55rem;
}

.paper-zoom-control[b-e788t0jnp4] {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: auto minmax(150px, 260px) 3.5rem auto;
    gap: 0.45rem;
    align-items: center;
    justify-content: center;
}

.paper-zoom-control input[b-e788t0jnp4] {
    accent-color: var(--smart-primary);
}

.paper-zoom-control span[b-e788t0jnp4] {
    color: var(--smart-muted);
    font-weight: 800;
    text-align: center;
}

.paper-zoom-control .app-outline-button[b-e788t0jnp4] {
    min-width: 2.25rem;
    padding-inline: 0.55rem;
}

.paper-overlay-controls[b-e788t0jnp4] {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.35rem 0.75rem;
    border-top: 1px solid #e5edf6;
    padding-top: 0.45rem;
}

.paper-overlay-controls label[b-e788t0jnp4] {
    display: inline-flex;
    gap: 0.3rem;
    align-items: center;
    margin: 0;
    color: #334155;
    font-size: 0.82rem;
    font-weight: 800;
    white-space: nowrap;
}

.paper-overlay-controls input[b-e788t0jnp4] {
    accent-color: var(--smart-primary);
}

.paper-overlay-controls label:has(input:disabled)[b-e788t0jnp4] {
    color: #94a3b8;
}

.paper-sheet-nav .app-outline-button[b-e788t0jnp4] {
    padding-inline: 0.8rem;
}

.paper-overlay-band[b-e788t0jnp4] {
    opacity: 0.26;
    rx: 8px;
    vector-effect: non-scaling-stroke;
}

.paper-overlay-band.blank[b-e788t0jnp4] {
    fill: #facc15;
}

.paper-overlay-band.multiple[b-e788t0jnp4] {
    fill: #a855f7;
}

.paper-overlay-band.poor[b-e788t0jnp4] {
    fill: #fb923c;
}

.paper-correct-answer-ring[b-e788t0jnp4] {
    fill: transparent;
    stroke: #16a34a;
    stroke-width: 3;
    vector-effect: non-scaling-stroke;
}

.paper-student-answer-marker circle[b-e788t0jnp4] {
    stroke-width: 3;
    vector-effect: non-scaling-stroke;
}

.paper-student-answer-marker.correct circle[b-e788t0jnp4] {
/*    fill: rgba(22, 163, 74, 0.22);*/
    stroke: #16a34a;
}

.paper-student-answer-marker.wrong circle[b-e788t0jnp4] {
/*    fill: rgba(220, 38, 38, 0.2);*/
    stroke: #dc2626;
}

.paper-side-mark circle[b-e788t0jnp4] {
    stroke: #fff;
    stroke-width: 2;
    vector-effect: non-scaling-stroke;
}

.paper-side-mark.correct circle[b-e788t0jnp4] {
    fill: #16a34a;
}

.paper-side-mark.wrong circle[b-e788t0jnp4] {
    fill: #dc2626;
}

.paper-side-mark-text[b-e788t0jnp4] {
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
    fill: #fff;
    font-size: 11px;
    font-weight: 800;
    color: #fff;
    line-height: 1;
    pointer-events: none;
}

.paper-warning-label[b-e788t0jnp4] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 13px;
    font-weight: 800;
    text-shadow: 0 1px 0 #fff, 1px 0 0 #fff, -1px 0 0 #fff, 0 -1px 0 #fff;
    pointer-events: none;
}

.paper-warning-label.blank[b-e788t0jnp4] {
    fill: #a16207;
}

.paper-warning-label.multiple[b-e788t0jnp4] {
    fill: #7e22ce;
}

.paper-warning-label.poor[b-e788t0jnp4] {
    fill: #c2410c;
}

@media (max-width: 1100px) {
    .paper-upload-bar[b-e788t0jnp4],
    .paper-upload-controls[b-e788t0jnp4],
    .paper-corrector-grid[b-e788t0jnp4],
    .paper-corrector-grid.has-debug[b-e788t0jnp4] {
        grid-template-columns: 1fr;
    }

    .paper-corrector-result[b-e788t0jnp4],
    .paper-corrector-grid.has-debug .paper-corrector-result[b-e788t0jnp4],
    .paper-debug-panel[b-e788t0jnp4],
    .paper-corrector-grid.has-debug .paper-debug-panel[b-e788t0jnp4],
    .paper-debug-view.large[b-e788t0jnp4] {
        position: static;
        grid-column: auto;
        max-height: none;
        min-height: auto;
    }
}

/* شاشة التصحيح: معاينة الورقة يساراً، وملخص الطالب والنتيجة يميناً. */
.paper-upload-bar[b-e788t0jnp4] {
    grid-template-columns: minmax(220px, 0.48fr) minmax(0, 1fr);
    align-items: end;
    gap: 1rem;
    padding: 0.75rem 0.85rem;
}

.paper-upload-title[b-e788t0jnp4] {
    align-self: center;
    padding-inline: 0.15rem;
}

.paper-upload-title strong[b-e788t0jnp4] {
    font-size: 1rem;
}

.paper-upload-controls[b-e788t0jnp4] {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    justify-content: flex-start;
    gap: 0.55rem 0.7rem;
}

.paper-toolbar-group[b-e788t0jnp4],
.paper-toolbar-field[b-e788t0jnp4] {
    display: grid;
    gap: 0.22rem;
    margin: 0;
}

.paper-toolbar-label[b-e788t0jnp4] {
    color: #64748b;
    font-size: 0.72rem;
    font-weight: 800;
    line-height: 1;
}

.paper-upload-file-field[b-e788t0jnp4] {
    flex: 1 1 220px;
    min-width: 220px;
}

.paper-page-range-field[b-e788t0jnp4] {
    flex: 0 1 150px;
    min-width: 132px;
}

.paper-target-student-field[b-e788t0jnp4] {
    flex: 0 1 145px;
    min-width: 128px;
}

.paper-target-kind-field[b-e788t0jnp4] {
    flex: 0 1 118px;
    min-width: 110px;
}

.paper-toolbar-field .form-control[b-e788t0jnp4] {
    min-height: 34px;
}

.paper-toolbar-toggle[b-e788t0jnp4] {
    min-height: 34px;
    align-self: end;
    border: 1px solid #d5e0ea;
    border-radius: 4px;
    background: #fbfdff;
    padding: 0 0.55rem;
    white-space: nowrap;
}

.paper-settings-button[b-e788t0jnp4] {
    min-height: 34px;
    align-self: end;
    white-space: nowrap;
}

.paper-corrector-grid[b-e788t0jnp4],
.paper-corrector-grid.has-debug[b-e788t0jnp4] {
    grid-template-columns: minmax(0, 1fr) minmax(515px, 515px);
    gap: 0.7rem;
    margin-top: 0.15rem;
}

.paper-debug-panel[b-e788t0jnp4],
.paper-corrector-grid.has-debug .paper-debug-panel[b-e788t0jnp4] {
    grid-column: 1;
    position: static;
    top: auto;
}

.paper-corrector-result[b-e788t0jnp4],
.paper-corrector-grid.has-debug .paper-corrector-result[b-e788t0jnp4] {
    grid-column: 2;
    padding: 0.8rem;
}

.paper-corrector-grid:not(.has-debug) .paper-corrector-result[b-e788t0jnp4] {
    grid-column: 1 / -1;
    max-width: 515px;
    justify-self: end;
}

.paper-student-card[b-e788t0jnp4] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.7rem;
    align-items: stretch;
    border: 1px solid #cddff1;
    border-radius: 8px;
    background: #f8fbff;
    padding: 0.7rem;
    margin-bottom: 0.75rem;
}

.paper-student-details[b-e788t0jnp4] {
    display: grid;
    align-content: center;
    gap: 0.18rem;
    min-width: 0;
}

.paper-student-details > span[b-e788t0jnp4],
.paper-score-card > span[b-e788t0jnp4],
.paper-student-details small[b-e788t0jnp4],
.paper-score-card small[b-e788t0jnp4] {
    color: #64748b;
    font-size: 0.75rem;
    line-height: 1.25;
}

.paper-student-details strong[b-e788t0jnp4] {
    overflow: hidden;
    color: #172033;
    font-size: 0.96rem;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.paper-student-details small b[b-e788t0jnp4] {
    color: #334155;
    direction: ltr;
    unicode-bidi: plaintext;
}

.paper-score-card[b-e788t0jnp4] {
    display: grid;
    place-items: center;
    align-content: center;
    min-width: 88px;
    border-radius: 6px;
    background: #087ead;
    padding: 0.45rem 0.65rem;
    color: #fff;
    text-align: center;
}

.paper-score-card > span[b-e788t0jnp4],
.paper-score-card small[b-e788t0jnp4] {
    color: rgba(255, 255, 255, 0.82);
}

.paper-score-card strong[b-e788t0jnp4] {
    font-size: 1.45rem;
    font-weight: 900;
    line-height: 1.05;
}

.paper-page-nav[b-e788t0jnp4] {
    margin-bottom: 0.8rem;
}

.paper-result > strong[b-e788t0jnp4] {
    border-color: #cfe0f5;
    background: #f8fbff;
    color: #1e4f70;
}

.paper-result > strong.warning[b-e788t0jnp4] {
    border-color: #fecaca;
    background: #fff1f2;
    color: #b91c1c;
}

.paper-result-summary[b-e788t0jnp4] {
    grid-template-columns: minmax(0, 1fr);
}

.paper-result-summary span[b-e788t0jnp4] {
    border: 1px solid #b7e4c7;
}

.paper-result-summary span.warning[b-e788t0jnp4] {
    border-color: #f2c97d;
    background: #fff8e8;
    color: #9a5b00;
}

@media (max-width: 1100px) {
    .paper-upload-bar[b-e788t0jnp4] {
        align-items: stretch;
    }

    .paper-upload-controls[b-e788t0jnp4] {
        justify-content: stretch;
    }

    .paper-corrector-grid:not(.has-debug) .paper-corrector-result[b-e788t0jnp4] {
        max-width: none;
        justify-self: stretch;
    }
}

@media (max-width: 620px) {
    .paper-upload-controls[b-e788t0jnp4],
    .paper-toolbar-group[b-e788t0jnp4],
    .paper-toolbar-field[b-e788t0jnp4],
    .paper-upload-file-field[b-e788t0jnp4],
    .paper-page-range-field[b-e788t0jnp4] {
        width: 100%;
        min-width: 0;
    }

    .paper-toolbar-toggle[b-e788t0jnp4],
    .paper-settings-button[b-e788t0jnp4] {
        width: 100%;
        justify-content: center;
    }

    .paper-student-card[b-e788t0jnp4] {
        grid-template-columns: 1fr;
    }

    .paper-score-card[b-e788t0jnp4] {
        grid-template-columns: auto auto auto;
        column-gap: 0.45rem;
        min-width: 0;
    }

    .paper-score-card strong[b-e788t0jnp4] {
        font-size: 1.25rem;
    }
}

/* Final composition for the correction workspace header and full-sheet preview. */
.paper-upload-bar[b-e788t0jnp4] {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.85rem 1.25rem;
    border-color: #b9d5e7;
    background: rgba(252, 254, 255, 0.98);
    box-shadow: 0 10px 26px rgba(15, 23, 42, 0.09);
    padding: 0.8rem 0.95rem;
}

.paper-upload-heading[b-e788t0jnp4] {
    display: flex;
    align-items: center;
    gap: 1rem;
    min-width: 0;
}

.paper-upload-title[b-e788t0jnp4] {
    display: grid;
    gap: 0.16rem;
    min-width: 0;
}

.paper-header-kicker[b-e788t0jnp4] {
    color: #087ead;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0;
}

.paper-upload-title strong[b-e788t0jnp4] {
    overflow: hidden;
    color: #152f43;
    font-size: 1.08rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.paper-upload-title > span:last-child[b-e788t0jnp4] {
    color: #64748b;
    font-size: 0.78rem;
}

.paper-exam-meta[b-e788t0jnp4] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    min-width: max-content;
}

.paper-exam-meta span[b-e788t0jnp4] {
    border: 1px solid #d7e5ef;
    border-radius: 4px;
    background: #f7fbfe;
    color: #50657a;
    padding: 0.28rem 0.48rem;
    font-size: 0.75rem;
    font-weight: 700;
    white-space: nowrap;
}

.paper-exam-meta b[b-e788t0jnp4] {
    color: #0e5f85;
    font-weight: 900;
}

.paper-upload-actions[b-e788t0jnp4] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
}

.paper-header-action[b-e788t0jnp4] {
    min-height: 34px;
    padding-inline: 0.65rem;
    white-space: nowrap;
}

.paper-upload-controls[b-e788t0jnp4] {
    grid-column: 1 / -1;
    border-top: 1px solid #e2edf4;
    gap: 0.6rem 0.75rem;
    padding-top: 0.7rem;
}

.paper-toolbar-toggle[b-e788t0jnp4] {
    border-color: #cbdbe7;
}

.paper-start-scan-button[b-e788t0jnp4] {
    align-self: end;
    min-height: 34px;
    padding-inline: 0.9rem;
    white-space: nowrap;
}

.paper-debug-view.large[b-e788t0jnp4] {
    height: calc(100vh - 178px);
}

.paper-debug-view.large[b-e788t0jnp4] {
    position: relative;
    top: 0;
    align-items: start;
    place-items: start center;
    padding-inline-start: 3.7rem;
    padding-inline-end: 3.7rem;
    padding-top: 0.15rem;
}

.paper-zoom-rail[b-e788t0jnp4] {
    position: absolute;
    inset-block-start: 0.75rem;
    inset-inline-start: 0.75rem;
    z-index: 6;
    display: grid;
    grid-template-rows: 2rem minmax(0, 1fr) 2rem;
    gap: 0.38rem;
    justify-items: center;
    box-sizing: border-box;
    height: 14rem;
    border: 1px solid #cfe0ef;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.12);
    padding: 0.45rem 0.35rem;
}

.paper-zoom-rail input[b-e788t0jnp4] {
    width: 1.35rem;
    height: 100%;
    min-height: 0;
    accent-color: var(--smart-primary);
    writing-mode: vertical-rl;
    direction: ltr;
}

.paper-zoom-rail .app-outline-button[b-e788t0jnp4] {
    display: grid;
    place-items: center;
    width: 2rem;
    min-width: 2rem;
    height: 2rem;
    padding: 0;
    font-size: 1rem;
    font-weight: 900;
}

.paper-overlay-tools[b-e788t0jnp4] {
    position: absolute;
    inset-block-start: 0.75rem;
    inset-inline-end: 0.75rem;
    z-index: 6;
    display: grid;
    gap: 0.25rem;
    align-content: center;
    box-sizing: border-box;
    height: auto;
    border: 1px solid #cfe0ef;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.12);
    padding: 0.3rem;
}

.paper-overlay-tools button[b-e788t0jnp4] {
    display: grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border: 1px solid #8ba9bf;
    border-radius: 50%;
    background: #fff;
    color: #075f85;
    font-size: 1rem;
    line-height: 1;
    cursor: pointer;
    transition: color 120ms ease, background-color 120ms ease, border-color 120ms ease, box-shadow 120ms ease;
}

.paper-overlay-tools button i[b-e788t0jnp4] {
    display: block;
    color: inherit;
    font-size: 1rem;
    line-height: 1;
}

.paper-overlay-tools button:hover:not(:disabled)[b-e788t0jnp4] {
    border-color: var(--paper-blue);
    color: var(--paper-blue);
}

.paper-overlay-tools button.active[b-e788t0jnp4] {
    border-color: #075f85;
    background: #087ead;
    color: #fff;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28);
}

.paper-overlay-tools button:disabled[b-e788t0jnp4] {
    border-color: #d5e0e8;
    background: #f1f5f8;
    color: #9aaeba;
    opacity: 1;
    cursor: not-allowed;
}

.paper-review-controls[b-e788t0jnp4] {
    grid-template-columns: repeat(4, minmax(3.35rem, auto)) minmax(170px, 260px);
}

.paper-review-controls.compact[b-e788t0jnp4],
.paper-page-nav.paper-review-controls[b-e788t0jnp4] {
    display: grid;
    grid-template-columns: repeat(4, minmax(3.1rem, auto)) minmax(150px, 1fr);
    gap: 0.35rem;
    align-items: center;
}

.paper-review-controls .app-outline-button[b-e788t0jnp4] {
    min-height: 34px;
    padding-inline: 0.55rem;
    white-space: nowrap;
}

.paper-review-controls.compact .app-outline-button[b-e788t0jnp4] {
    min-height: 32px;
    padding-inline: 0.42rem;
    font-size: 0.78rem;
}

.paper-review-icon-button[b-e788t0jnp4] {
    display: grid;
    place-items: center;
    width: 2.35rem;
    min-width: 2.35rem;
    height: 2.35rem;
    padding: 0;
    color: #17445d;
    font-size: 1.02rem;
    font-weight: 900;
    line-height: 1;
}

.paper-review-controls.compact .paper-review-icon-button[b-e788t0jnp4] {
    width: 2.15rem;
    min-width: 2.15rem;
    height: 2.15rem;
    padding: 0;
    font-size: 0.92rem;
}

.paper-review-move-button[b-e788t0jnp4] {
    min-width: 3.35rem;
    min-height: 2.15rem;
    padding-inline: 0.45rem;
    color: #17445d;
    font-size: 0.78rem;
    font-weight: 900;
    white-space: nowrap;
}

.paper-question-status[b-e788t0jnp4] {
    grid-template-columns: 1.65rem minmax(3.8rem, 1fr) minmax(4.4rem, 1fr) 1.45rem 1.75rem;
    gap: 0.22rem;
    padding: 0.28rem;
}

.paper-question-status .paper-answer-read[b-e788t0jnp4] {
    display: block;
    min-width: 0;
    margin: 0;
}

.paper-question-status .paper-answer-read small[b-e788t0jnp4] {
    display: none;
}

.paper-question-status .paper-answer-read b[b-e788t0jnp4] {
    overflow: hidden;
    display: block;
    width: 100%;
    min-height: 1.75rem;
    border: 1px solid #dde8f2;
    border-radius: 6px;
    background: #f8fafc;
    color: #0f172a;
    padding: 0.25rem 0.35rem;
    font-size: 0.78rem;
    font-weight: 900;
    line-height: 1.25;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.paper-question-status .paper-answer-read select[b-e788t0jnp4] {
    width: 100%;
    min-height: 1.75rem;
    padding-block: 0.12rem;
    padding-inline: 0.35rem 1.65rem;
    font-size: 0.78rem;
    font-weight: 800;
}

.paper-answer-edit-button[b-e788t0jnp4] {
    display: grid;
    place-items: center;
    align-self: end;
    width: 1.75rem;
    height: 1.75rem;
    border: 1px solid #cfe0ef;
    border-radius: 6px;
    background: #fff;
    color: #0e5f85;
    font-size: 0.9rem;
    font-weight: 900;
    line-height: 1;
}

.paper-answer-edit-button:hover[b-e788t0jnp4] {
    border-color: #87b7d2;
    background: #eef8fd;
}

.paper-question-status em[b-e788t0jnp4] {
    grid-column: auto;
    overflow: hidden;
    min-height: 1.75rem;
    border: 1px solid #dde8f2;
    border-radius: 6px;
    background: #fff;
    color: #334155;
    padding: 0.25rem 0.35rem;
    font-size: 0.74rem;
    font-weight: 900;
    line-height: 1.25;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.paper-question-status.blank[b-e788t0jnp4] {
    border-color: #fed7aa;
    background: #fff8ed;
}

.paper-question-status.warning[b-e788t0jnp4] {
    border-color: #fb923c;
    border-inline-start-width: 4px;
    background: #fff3e6;
    box-shadow: 0 0 0 1px rgba(249, 115, 22, 0.16), 0 8px 18px rgba(249, 115, 22, 0.08);
}

.paper-question-status.warning strong[b-e788t0jnp4] {
    background: #f97316;
    color: #fff;
}

.paper-question-status.warning .paper-answer-read b[b-e788t0jnp4],
.paper-question-status.warning .paper-answer-read select[b-e788t0jnp4],
.paper-question-status.warning em[b-e788t0jnp4] {
    border-color: #fdba74;
    background: #fffaf0;
}

.paper-question-status.warning span[b-e788t0jnp4] {
    box-shadow: 0 0 0 3px rgba(249, 115, 22, 0.16);
}

.paper-question-warning-label[b-e788t0jnp4] {
    grid-column: 1 / -1;
    overflow: hidden;
    display: block;
    min-width: 0;
    border: 1px solid #fed7aa;
    border-radius: 6px;
    background: #ffedd5;
    color: #9a3412;
    padding: 0.16rem 0.35rem;
    font-size: 0.66rem;
    font-style: normal;
    font-weight: 900;
    line-height: 1.2;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 760px) {
    .paper-upload-heading[b-e788t0jnp4] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.6rem;
    }

    .paper-upload-actions[b-e788t0jnp4] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
    }

    .paper-header-action[b-e788t0jnp4] {
        justify-content: center;
    }
}

/* Focused correction console. */
.paper-corrector-page[b-e788t0jnp4] {
    --paper-navy: #087ead;
    --paper-teal: #087f8c;
    --paper-blue: #087ead;
    --paper-green: #16845b;
    --paper-amber: #b86b13;
    box-sizing: border-box;
/*    padding: 10px;
*/

}

.paper-corrector-page-header[b-e788t0jnp4] {
    margin-bottom: 0;
}

.paper-corrector-page-header .app-page-head[b-e788t0jnp4] {
    margin-bottom: .75rem !important;
}

.paper-corrector-header-details[b-e788t0jnp4] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: .75rem 1rem;
    align-items: center;
 /*   border-bottom: 1px solid #e5eef4;*/
    background: #fff;
   /* padding: .8rem 1rem;*/
}

.paper-corrector-header-copy[b-e788t0jnp4] {
    display: grid;
    gap: .2rem;
}

.paper-corrector-header-copy strong[b-e788t0jnp4] {
    color: #123044;
    font-size: 14px;
    font-weight: 900;
}

.paper-corrector-header-copy span[b-e788t0jnp4] {
    color: #64748b;
    font-size: 12.2px;
}

.paper-corrector-header-actions[b-e788t0jnp4] {
    display: flex;
    gap: .35rem;
    align-items: center;
}

.paper-corrector-header-actions a[b-e788t0jnp4] {
    display: grid;
    place-items: center;
    width: 2.1rem;
    height: 2.1rem;
    border: 1px solid #c7dce8;
    border-radius: 6px;
    background: #f8fbfd;
    color: #087ead;
    text-decoration: none;
}

.paper-corrector-header-actions a:hover[b-e788t0jnp4] {
    border-color: #087ead;
    background: #087ead;
    color: #fff;
}

.paper-corrector-header-actions i[b-e788t0jnp4] {
    color: inherit;
    font-size: 1rem;
    line-height: 1;
}

.paper-upload-bar.paper-upload-bar-controls-only[b-e788t0jnp4] {
    position: sticky;
    top: 0;
    grid-template-columns: minmax(0, 1fr);
    margin-top: 0;
    padding: .65rem 0;
    border-radius: 0;
    background: #fff;
    box-shadow: none;
}

.paper-upload-bar-controls-only .paper-upload-controls[b-e788t0jnp4] {
    grid-column: 1;
}

.paper-upload-bar-controls-only .paper-scan-progress[b-e788t0jnp4],
.paper-upload-bar-controls-only .paper-template-status[b-e788t0jnp4] {
    grid-column: 1;
}

@media (max-width: 760px) {
    .paper-corrector-header-details[b-e788t0jnp4] {
        grid-template-columns: 1fr auto;
    }

    .paper-corrector-header-copy[b-e788t0jnp4] {
        grid-column: 1 / -1;
    }
}

.paper-upload-bar[b-e788t0jnp4] {
    position: sticky;
    top: 0.25rem;
    z-index: 20;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.65rem 1rem;
    border: 0;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 12px 30px rgba(18, 52, 73, 0.1);
    padding: 0.72rem 0.85rem 0.78rem;
    margin-bottom: 0.55rem;
}

.paper-upload-heading[b-e788t0jnp4] {
    gap: 0.7rem;
}

.paper-corrector-mark[b-e788t0jnp4] {
    display: grid;
    place-items: center;
    width: 2.6rem;
    height: 2.6rem;
    flex: 0 0 2.6rem;
    border-radius: 7px;
    background: var(--paper-blue);
    color: #fff;
    font-size: 1.15rem;
    font-weight: 900;
}

.paper-upload-title[b-e788t0jnp4] {
    padding: 0;
}

.paper-header-kicker[b-e788t0jnp4] {
    color: var(--paper-teal);
    font-size: 0.68rem;
}

.paper-upload-title strong[b-e788t0jnp4] {
    color: var(--paper-navy);
    font-size: 1.12rem;
}

.paper-exam-meta[b-e788t0jnp4] {
    gap: 0.32rem;
    margin-inline-start: 0.25rem;
}

.paper-exam-meta span[b-e788t0jnp4] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    border-color: #d8e5ec;
    background: #f7fafc;
    color: #526979;
    padding: 0.3rem 0.45rem;
}

.paper-upload-actions[b-e788t0jnp4] {
    gap: 0.35rem;
}

.paper-header-action[b-e788t0jnp4] {
    display: grid;
    place-items: center;
    width: 2.25rem;
    min-width: 2.25rem;
    height: 2.25rem;
    min-height: 2.25rem;
    border-color: #c8d9e3;
    padding: 0;
    background: #f4f9fc;
    color: var(--paper-blue);
    font-family: Arial, sans-serif;
    font-size: 1.08rem;
    font-weight: 900;
}

.paper-upload-controls[b-e788t0jnp4] {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: 172px minmax(250px, 1fr) 150px 180px 132px 118px 156px;
    gap: 0.38rem;
    align-items: end;
    border-top: 1px solid #e4edf2;
    padding-top: 0.5rem;
}

.paper-source-selector[b-e788t0jnp4] {
    border-color: #bdcfda;
    border-radius: 6px;
    background: #f3f7f9;
    padding: 2px;
}

.paper-source-selector button[b-e788t0jnp4] {
    min-height: 32px;
    border: 0;
    border-radius: 4px;
    background: transparent;
    padding-inline: 0.52rem;
    color: #47606f;
    font-size: 0.74rem;
    font-weight: 800;
}

.paper-source-selector button.active[b-e788t0jnp4] {
    background: var(--paper-blue);
    box-shadow: 0 3px 8px rgba(8, 126, 173, 0.2);
}

.paper-upload-file-field[b-e788t0jnp4] {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    min-width: 0;
    min-height: 38px;
    border: 1px solid #9eb8c7;
    border-radius: 6px;
    background: #f8fbfc;
    cursor: pointer;
}

.paper-upload-file-field:hover[b-e788t0jnp4] {
    border-color: var(--paper-teal);
    background: #f3faf9;
}

.paper-upload-file-field.has-file[b-e788t0jnp4] {
    border-style: solid;
    border-color: #8bc7b1;
    background: #f3fbf7;
}

.paper-upload-file-field[b-e788t0jnp4]  .paper-native-file-input,
.paper-upload-file-field[b-e788t0jnp4]  input[type="file"] {
    position: absolute;
    inset: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    font-size: 0;
}

.paper-upload-file-field[b-e788t0jnp4]  input[type="file"]::file-selector-button,
.paper-upload-file-field[b-e788t0jnp4]  input[type="file"]::-webkit-file-upload-button {
    visibility: hidden;
    width: 0;
    margin: 0;
    padding: 0;
}

.paper-file-action[b-e788t0jnp4] {
    display: inline-flex;
    align-items: center;
    align-self: stretch;
    gap: 0.38rem;
    border-inline-end: 1px solid #d6e3e9;
    background: #edf5f7;
    color: var(--paper-navy);
    padding-inline: 0.58rem;
    font-size: 0.74rem;
    font-weight: 900;
    white-space: nowrap;
}

.paper-file-symbol[b-e788t0jnp4] {
    display: inline-grid;
    place-items: center;
    width: 1.15rem;
    height: 1.15rem;
    border: 1px solid #8ebdce;
    border-radius: 50%;
    color: var(--paper-teal);
    font-family: Arial, sans-serif;
    font-size: 0.86rem;
    line-height: 1;
}

.paper-file-name[b-e788t0jnp4] {
    overflow: hidden;
    min-width: 0;
    color: #617584;
    padding-inline: 0.52rem;
    font-size: 0.75rem;
    font-weight: 700;
    direction: ltr;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.paper-page-range-field input[b-e788t0jnp4] {
    box-sizing: border-box;
    height: 38px;
    min-height: 38px;
    border-color: #c8d9e3;
    padding-block: 0;
    line-height: 36px;
    text-align: center;
}

.paper-target-student-field input[b-e788t0jnp4] {
    box-sizing: border-box;
    height: 38px;
    min-height: 38px;
    border-color: #c8d9e3;
    padding-block: 0;
    line-height: 36px;
    text-align: center;
}

.paper-target-kind-field select[b-e788t0jnp4] {
    box-sizing: border-box;
    height: 38px;
    min-height: 38px;
    border-color: #c8d9e3;
    padding-block: 0;
    font-size: 0.78rem;
    font-weight: 800;
}

.paper-toolbar-toggle[b-e788t0jnp4] {
    min-height: 38px;
    border-color: #c8d9e3;
    border-radius: 6px;
    background: #f8fafc;
    color: #526979;
    justify-content: center;
    padding-inline: 0.55rem;
    font-size: 0.74rem;
    font-weight: 800;
}

.paper-start-scan-button[b-e788t0jnp4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.38rem;
    min-height: 38px;
    border-radius: 6px;
    background: var(--paper-green);
    box-shadow: 0 6px 14px rgba(22, 132, 91, 0.2);
    width: 100%;
    padding-inline: 0.7rem;
    font-weight: 900;
    white-space: nowrap;
}

.paper-start-scan-button:disabled[b-e788t0jnp4] {
    box-shadow: none;
}

.paper-template-status[b-e788t0jnp4] {
    border: 0;
    border-inline-start: 4px solid var(--paper-green);
    border-radius: 5px;
    background: #eef9f3;
    padding-block: 0.48rem;
}

.paper-template-status.is-warning[b-e788t0jnp4] {
    border-inline-start-color: var(--paper-amber);
}

.paper-corrector-grid[b-e788t0jnp4],
.paper-corrector-grid.has-debug[b-e788t0jnp4] {
    grid-template-columns: minmax(0, 1fr) 515px;
    gap: 0.65rem;
    margin-top: 0;
}

.paper-debug-panel[b-e788t0jnp4],
.paper-corrector-grid.has-debug .paper-debug-panel[b-e788t0jnp4],
.paper-corrector-result[b-e788t0jnp4],
.paper-corrector-grid.has-debug .paper-corrector-result[b-e788t0jnp4] {
    border-color: #d3e0e8;
    box-shadow: 0 8px 24px rgba(18, 52, 73, 0.07);
}

.paper-corrector-result[b-e788t0jnp4],
.paper-corrector-grid.has-debug .paper-corrector-result[b-e788t0jnp4] {
    padding: 0.65rem;
}

.paper-student-card[b-e788t0jnp4] {
    border: 0;
    border-bottom: 1px solid #dce7ed;
    border-radius: 0;
    background: #fff;
    grid-template-columns: minmax(0, 1fr) auto auto;
    padding: 10px;
    margin-bottom: 0.65rem;
}

.paper-student-details > span[b-e788t0jnp4] {
    color: var(--paper-teal);
    font-weight: 900;
}

.paper-student-details strong[b-e788t0jnp4] {
    color: var(--paper-navy);
    font-size: 1.02rem;
}

.paper-score-card[b-e788t0jnp4] {
    min-width: 96px;
    border-radius: 7px;
    background: var(--paper-blue);
}

.paper-student-link-button[b-e788t0jnp4] {
    align-self: center;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    border: 1px solid #b9d4e8;
    border-radius: 7px;
    background: #f7fbff;
    color: var(--paper-blue);
    padding: 0.36rem 0.55rem;
    font-size: 0.78rem;
    font-weight: 800;
    white-space: nowrap;
}

.paper-student-link-button:hover:not(:disabled)[b-e788t0jnp4] {
    background: #eaf6ff;
}

.paper-student-link-warning[b-e788t0jnp4] {
    margin: -0.35rem 0 0.55rem;
    border: 1px solid #ffd08a;
    border-radius: 7px;
    background: #fff7e8;
    color: #8a5200;
    padding: 0.45rem 0.55rem;
    font-size: 0.78rem;
    font-weight: 800;
    line-height: 1.7;
}

.paper-student-link-panel[b-e788t0jnp4] {
    display: grid;
    gap: 0.5rem;
    margin: -0.25rem 0 0.7rem;
    border: 1px dashed #9fc5dc;
    border-radius: 8px;
    background: #f8fbfd;
    padding: 0.6rem;
}

.paper-student-link-search[b-e788t0jnp4] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.45rem;
    align-items: center;
}

.paper-student-link-results[b-e788t0jnp4] {
    display: grid;
    gap: 0.35rem;
    max-height: 220px;
    overflow: auto;
}

.paper-student-link-row[b-e788t0jnp4] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.55rem;
    align-items: center;
    border: 1px solid #d6e4ee;
    border-radius: 7px;
    background: #fff;
    padding: 0.45rem 0.55rem;
    text-align: start;
}

.paper-student-link-row:hover:not(:disabled)[b-e788t0jnp4] {
    border-color: var(--paper-blue);
    background: #f2f9ff;
}

.paper-student-link-row span[b-e788t0jnp4] {
    display: grid;
    gap: 0.1rem;
    min-width: 0;
}

.paper-student-link-row strong[b-e788t0jnp4] {
    overflow: hidden;
    color: var(--paper-navy);
    font-size: 0.82rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.paper-student-link-row small[b-e788t0jnp4] {
    overflow: hidden;
    color: #64748b;
    font-size: 0.72rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.paper-student-link-row b[b-e788t0jnp4] {
    color: var(--paper-blue);
    font-size: 0.82rem;
}

.paper-debug-view.large[b-e788t0jnp4] {
    height: calc(100vh - 100px);
    border-color: #d6e2e9;
    background: #edf2f5;
}

/* Keep the preview and result workspaces on one visual plane. */
.paper-debug-panel[b-e788t0jnp4],
.paper-corrector-grid.has-debug .paper-debug-panel[b-e788t0jnp4],
.paper-corrector-result[b-e788t0jnp4],
.paper-corrector-grid.has-debug .paper-corrector-result[b-e788t0jnp4] {
    align-self: start;
    margin: 0;
    border: 0;
    background: #edf2f5;
    box-shadow: none;
}

.paper-debug-panel[b-e788t0jnp4],
.paper-corrector-grid.has-debug .paper-debug-panel[b-e788t0jnp4] {
    padding: 0.55rem;
}

.paper-corrector-result[b-e788t0jnp4],
.paper-corrector-grid.has-debug .paper-corrector-result[b-e788t0jnp4] {
    padding: 0.55rem;
}

.paper-debug-view.large[b-e788t0jnp4] {
    margin: 0;
    border: 0;
    background: transparent;
}

.paper-empty-panel[b-e788t0jnp4],
.paper-corrector-grid.has-debug .paper-empty-panel[b-e788t0jnp4] {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: minmax(0, 1fr) !important;
    width: 100%;
    height: clamp(300px, calc(100vh - 400px), 500px);
    min-height: 0;
    border: 2px dashed #9eb8c7 !important;
    border-radius: 8px;
    place-items: center;
}

.paper-corrector-result.is-empty[b-e788t0jnp4] {
    display: grid !important;
    width: 100%;
    height: clamp(300px, calc(100vh - 400px), 500px);
    min-height: 0;
    border: 2px dashed #9eb8c7 !important;
    border-radius: 8px;
    place-items: center;
    overflow: hidden;
}

.paper-corrector-result.is-empty .paper-student-card[b-e788t0jnp4] {
    display: none;
}

.paper-empty-state[b-e788t0jnp4] {
    display: grid;
    grid-column: 1 / -1;
    grid-row: 1 / -1;
    width: min(100%, 330px);
    justify-items: center;
    align-content: center;
    gap: .45rem;
    max-width: 330px;
    margin: auto;
    place-self: center;
    padding: 1.25rem;
    color: #64748b;
    text-align: center;
}

.paper-empty-state i[b-e788t0jnp4] {
    display: grid;
    place-items: center;
    width: 3.25rem;
    height: 3.25rem;
    border-radius: 50%;
    background: #e2eef4;
    color: #087ead;
    font-size: 1.35rem;
}

.paper-empty-state strong[b-e788t0jnp4] {
    color: #23475b;
    font-size: .95rem;
}

.paper-empty-state span[b-e788t0jnp4] {
    font-size: .8rem;
    line-height: 1.6;
}

.paper-overlay-controls[b-e788t0jnp4] {
    border-top: 1px solid #dbe6ec;
    background: #f8fafb;
}

@media (max-width: 1050px) {
    .paper-upload-controls[b-e788t0jnp4] {
        grid-template-columns: auto minmax(230px, 1fr) minmax(120px, 150px) auto;
    }

    .paper-start-scan-button[b-e788t0jnp4] {
        grid-column: auto;
    }

    .paper-corrector-grid[b-e788t0jnp4],
    .paper-corrector-grid.has-debug[b-e788t0jnp4] {
        grid-template-columns: minmax(0, 1fr) minmax(410px, 46%);
    }
}

@media (max-width: 820px) {
    .paper-upload-bar[b-e788t0jnp4],
    .paper-upload-controls[b-e788t0jnp4],
    .paper-corrector-grid[b-e788t0jnp4],
    .paper-corrector-grid.has-debug[b-e788t0jnp4] {
        grid-template-columns: 1fr;
    }

    .paper-upload-actions[b-e788t0jnp4] {
        position: absolute;
        inset-block-start: 0.75rem;
        inset-inline-end: 0.75rem;
    }

    .paper-upload-heading[b-e788t0jnp4] {
        padding-inline-end: 5rem;
    }

    .paper-corrector-result[b-e788t0jnp4],
    .paper-corrector-grid.has-debug .paper-corrector-result[b-e788t0jnp4],
    .paper-debug-panel[b-e788t0jnp4],
    .paper-corrector-grid.has-debug .paper-debug-panel[b-e788t0jnp4] {
        grid-column: 1;
        position: static;
        max-height: none;
    }
}

@media (max-width: 560px) {
    .paper-upload-heading[b-e788t0jnp4] {
        align-items: center;
        flex-direction: row;
    }

    .paper-exam-meta[b-e788t0jnp4] {
        display: none;
    }

    .paper-upload-file-field[b-e788t0jnp4] {
        grid-template-columns: 1fr;
    }

    .paper-file-name[b-e788t0jnp4] {
        display: none;
    }

    .paper-file-action[b-e788t0jnp4] {
        justify-content: center;
        border-inline-end: 0;
    }
}

.paper-upload-bar-controls-only .paper-upload-controls[b-e788t0jnp4] {
    display: grid;
    grid-template-columns: 172px minmax(250px, 1fr) 150px 180px 132px 118px 156px;
    gap: 0.38rem;
    align-items: end;
}

.paper-upload-bar-controls-only .paper-toolbar-group[b-e788t0jnp4],
.paper-upload-bar-controls-only .paper-toolbar-field[b-e788t0jnp4],
.paper-upload-bar-controls-only .paper-debug-toggle[b-e788t0jnp4],
.paper-upload-bar-controls-only .paper-start-scan-button[b-e788t0jnp4] {
    min-width: 0;
}

.paper-upload-bar-controls-only .paper-upload-file-field[b-e788t0jnp4] {
    min-width: 0;
}

@media (max-width: 1180px) {
    .paper-upload-bar-controls-only .paper-upload-controls[b-e788t0jnp4] {
        grid-template-columns: 150px minmax(210px, 1fr) 132px 152px 118px 106px 138px;
        gap: 0.32rem;
    }

    .paper-upload-bar-controls-only .paper-source-selector button[b-e788t0jnp4],
    .paper-upload-bar-controls-only .paper-file-action[b-e788t0jnp4],
    .paper-upload-bar-controls-only .paper-toolbar-toggle[b-e788t0jnp4],
    .paper-upload-bar-controls-only .paper-start-scan-button[b-e788t0jnp4] {
        font-size: 0.7rem;
    }
}

/* Keep routine scanning in one calm command bar; exceptional search options live in a popover. */
.paper-upload-bar-controls-only .paper-upload-controls[b-e788t0jnp4] {
    grid-template-columns: 154px minmax(280px, 1fr) 144px 142px 146px;
    align-items: center;
    gap: 0.45rem;
    padding-top: 0;
    border-top: 0;
}

.paper-upload-bar-controls-only .paper-toolbar-group[b-e788t0jnp4],
.paper-upload-bar-controls-only .paper-toolbar-field[b-e788t0jnp4] {
    min-width: 0;
}

.paper-upload-bar-controls-only .paper-toolbar-label[b-e788t0jnp4] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

.paper-upload-bar-controls-only .paper-source-selector[b-e788t0jnp4],
.paper-upload-bar-controls-only .paper-upload-file-field[b-e788t0jnp4],
.paper-upload-bar-controls-only .paper-page-range-field input[b-e788t0jnp4],
.paper-upload-bar-controls-only .paper-start-scan-button[b-e788t0jnp4] {
    height: 38px;
    min-height: 38px;
}

.paper-upload-bar-controls-only .paper-source-selector[b-e788t0jnp4] {
    display: flex;
}

.paper-upload-bar-controls-only .paper-source-selector button[b-e788t0jnp4] {
    flex: 1 1 50%;
    min-width: 0;
    padding-inline: 0.36rem;
}

.paper-scan-options[b-e788t0jnp4] {
    position: relative;
    min-width: 0;
}

.paper-scan-options > summary[b-e788t0jnp4] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.36rem;
    height: 38px;
    min-height: 38px;
    border: 1px solid #c8d9e3;
    border-radius: 6px;
    background: #f8fbfc;
    color: #426171;
    cursor: pointer;
    font-size: 0.76rem;
    font-weight: 800;
    list-style: none;
    user-select: none;
}

.paper-scan-options > summary[b-e788t0jnp4]::-webkit-details-marker {
    display: none;
}

.paper-scan-options[open] > summary[b-e788t0jnp4] {
    border-color: var(--paper-teal);
    background: #eff9f8;
    color: var(--paper-navy);
}

.paper-scan-options-body[b-e788t0jnp4] {
    position: absolute;
    z-index: 20;
    inset-inline-end: 0;
    top: calc(100% + 0.4rem);
    display: grid;
    grid-template-columns: minmax(0, 1fr) 126px;
    gap: 0.55rem;
    width: 360px;
    padding: 0.7rem;
    border: 1px solid #bfd5e0;
    border-radius: 7px;
    background: #fff;
    box-shadow: 0 14px 28px rgba(18, 52, 73, 0.18);
}

.paper-scan-options-body .paper-toolbar-field[b-e788t0jnp4] {
    display: grid;
    gap: 0.25rem;
}

.paper-scan-options-body .paper-toolbar-label[b-e788t0jnp4] {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    color: #557080;
    font-size: 0.72rem;
    font-weight: 800;
    white-space: normal;
}

.paper-scan-options-body .paper-target-student-field[b-e788t0jnp4] {
    grid-column: 1 / -1;
}

.paper-scan-options-body .paper-target-kind-field select[b-e788t0jnp4],
.paper-scan-options-body .paper-target-student-field input[b-e788t0jnp4] {
    height: 36px;
    min-height: 36px;
}

.paper-scan-options-body .paper-toolbar-toggle[b-e788t0jnp4] {
    align-self: end;
    min-height: 36px;
}

@media (max-width: 1180px) {
    .paper-upload-bar-controls-only .paper-upload-controls[b-e788t0jnp4] {
        grid-template-columns: 138px minmax(220px, 1fr) 130px 132px 132px;
        gap: 0.34rem;
    }

    .paper-upload-bar-controls-only .paper-source-selector button[b-e788t0jnp4],
    .paper-upload-bar-controls-only .paper-file-action[b-e788t0jnp4],
    .paper-upload-bar-controls-only .paper-scan-options > summary[b-e788t0jnp4],
    .paper-upload-bar-controls-only .paper-start-scan-button[b-e788t0jnp4] {
        font-size: 0.7rem;
    }
}

.paper-upload-bar-controls-only .paper-upload-controls[b-e788t0jnp4] {
    grid-template-columns: 126px minmax(240px, 1fr) 142px 164px 130px 146px;
    align-items: center;
    min-height: 84px;
    padding-block: 8px;
}

.paper-upload-bar-controls-only .paper-source-selector[b-e788t0jnp4] {
    display: grid;
    grid-template-columns: 1fr;
    height: 68px;
    min-height: 68px;
    padding: 2px;
}

.paper-upload-bar-controls-only .paper-toolbar-group[b-e788t0jnp4],
.paper-upload-bar-controls-only .paper-upload-file-field[b-e788t0jnp4],
.paper-upload-bar-controls-only .paper-page-range-field[b-e788t0jnp4],
.paper-upload-bar-controls-only .paper-scan-target-control[b-e788t0jnp4],
.paper-upload-bar-controls-only .paper-debug-toggle[b-e788t0jnp4],
.paper-upload-bar-controls-only .paper-start-scan-button[b-e788t0jnp4] {
    align-self: center;
}

.paper-upload-bar-controls-only .paper-page-range-field[b-e788t0jnp4],
.paper-upload-bar-controls-only .paper-debug-toggle[b-e788t0jnp4] {
    margin-block: 0;
}


.paper-upload-bar-controls-only .paper-source-selector button[b-e788t0jnp4] {
    min-height: 30px;
    padding-inline: 0.4rem;
    line-height: 1;
}

.paper-scan-target-control[b-e788t0jnp4] {
    display: flex;
    min-width: 0;
    gap: 0.3rem;
    align-items: center;
}

.paper-scan-target-control select[b-e788t0jnp4] {
    height: 38px;
    min-width: 0;
    flex: 1 1 auto;
    border-color: #c8d9e3;
    color: #426171;
    font-size: 0.76rem;
    font-weight: 800;
}

.paper-target-summary[b-e788t0jnp4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    min-width: 38px;
    height: 38px;
    border: 1px solid #86c5af;
    border-radius: 6px;
    background: #f1faf6;
    color: #167052;
    padding: 0;
    font-size: 0.74rem;
    font-weight: 900;
}

.paper-target-summary span[b-e788t0jnp4] {
    overflow: hidden;
    max-width: 4.75rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    direction: ltr;
}

.paper-target-modal-backdrop[b-e788t0jnp4] {
    position: fixed;
    z-index: 1100;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(16, 41, 56, 0.32);
}

.paper-target-modal-backdrop.is-hidden[b-e788t0jnp4] {
    display: none;
}

.paper-target-modal[b-e788t0jnp4] {
    width: min(100%, 430px);
    border: 1px solid #c4d8e2;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 20px 48px rgba(15, 44, 61, 0.25);
    padding: 1rem;
}

.paper-target-modal-heading[b-e788t0jnp4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.85rem;
    color: var(--paper-navy);
}

.paper-target-modal-heading button[b-e788t0jnp4] {
    display: inline-grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border: 0;
    border-radius: 50%;
    background: #eef5f8;
    color: #527184;
}

.paper-target-modal .paper-toolbar-field[b-e788t0jnp4] {
    display: grid;
    gap: 0.3rem;
    margin-bottom: 0.7rem;
}

.paper-target-modal .paper-toolbar-label[b-e788t0jnp4] {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    color: #557080;
    font-size: 0.76rem;
    font-weight: 800;
    white-space: normal;
}

.paper-target-modal .paper-target-student-field input[b-e788t0jnp4],
.paper-target-modal .paper-target-kind-field select[b-e788t0jnp4] {
    height: 40px;
    min-height: 40px;
}

.paper-target-modal-actions[b-e788t0jnp4] {
    display: flex;
    justify-content: flex-start;
    gap: 0.5rem;
    margin-top: 1rem;
}

@media (max-width: 1180px) {
    .paper-upload-bar-controls-only .paper-upload-controls[b-e788t0jnp4] {
        grid-template-columns: 108px minmax(205px, 1fr) 118px 142px 116px 126px;
    }
}

.paper-upload-bar-controls-only .paper-upload-controls[b-e788t0jnp4] {
    grid-template-columns: minmax(260px, 1fr) 142px 164px 130px 146px;
}

.paper-source-trigger[b-e788t0jnp4] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    min-width: 0;
    height: 38px;
    border: 1px solid #a9c6d5;
    border-radius: 6px;
    background: #f8fbfc;
    color: var(--paper-navy);
    padding-inline: 0.65rem;
    text-align: start;
}

.paper-source-trigger:hover:not(:disabled)[b-e788t0jnp4] {
    border-color: var(--paper-teal);
    background: #f1faf9;
}

.paper-source-trigger > i[b-e788t0jnp4] {
    display: inline-grid;
    place-items: center;
    width: 1.65rem;
    min-width: 1.65rem;
    height: 1.65rem;
    border-radius: 50%;
    background: #e4f3f8;
    color: var(--paper-blue);
    font-size: 1rem;
}

.paper-source-trigger > span[b-e788t0jnp4] {
    display: grid;
    min-width: 0;
    gap: 0.06rem;
}

.paper-source-trigger strong[b-e788t0jnp4],
.paper-source-trigger small[b-e788t0jnp4] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.paper-source-trigger strong[b-e788t0jnp4] {
    font-size: 0.76rem;
    font-weight: 900;
}

.paper-source-trigger small[b-e788t0jnp4] {
    direction: ltr;
    color: #647987;
    font-size: 0.66rem;
    font-weight: 700;
}

.paper-source-dialog[b-e788t0jnp4] {
    display: grid;
    gap: 0.8rem;
}

.paper-source-dialog .paper-toolbar-group[b-e788t0jnp4] {
    display: grid;
    gap: 0.35rem;
}

.paper-source-dialog .paper-source-selector[b-e788t0jnp4] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    height: 38px;
    min-height: 38px;
}

.paper-source-dialog .paper-source-selector button[b-e788t0jnp4] {
    min-height: 34px;
}

.paper-source-dialog .paper-toolbar-label[b-e788t0jnp4] {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    color: #557080;
    font-size: 0.76rem;
    font-weight: 800;
}

.paper-source-dialog .paper-upload-file-field[b-e788t0jnp4] {
    width: 100%;
}

.paper-source-dialog-close[b-e788t0jnp4] {
    justify-self: start;
    min-height: 36px;
    padding-inline: 1.25rem;
}

@media (max-width: 1180px) {
    .paper-upload-bar-controls-only .paper-upload-controls[b-e788t0jnp4] {
        grid-template-columns: minmax(210px, 1fr) 118px 142px 116px 126px;
    }
}

.paper-review-controls[b-e788t0jnp4],
.paper-review-controls.compact[b-e788t0jnp4],
.paper-page-nav.paper-review-controls[b-e788t0jnp4] {
    display: grid;
    grid-template-columns: 2.2rem 2.2rem minmax(150px, 1fr) 2.2rem 2.2rem 2.2rem;
    gap: 0.32rem;
    align-items: center;
    direction: rtl;
}

.paper-review-controls select[b-e788t0jnp4] {
    grid-column: 3;
    min-width: 0;
    height: 2.2rem;
    border-color: #c8d9e3;
    border-radius: 6px;
    background-color: #f8fbfd;
    color: #173f58;
    padding-block: 0.18rem;
    font-size: 0.78rem;
    font-weight: 800;
    text-align: center;
}

.paper-review-controls .paper-review-icon-button[b-e788t0jnp4],
.paper-review-controls.compact .paper-review-icon-button[b-e788t0jnp4] {
    display: grid;
    place-items: center;
    width: 2.2rem;
    min-width: 2.2rem;
    height: 2.2rem;
    min-height: 2.2rem;
    border-color: #c5d8e4;
    border-radius: 6px;
    background: #f5fafd;
    color: #087ead;
    padding: 0;
    font-family: Arial, sans-serif;
    font-size: 0.82rem;
    font-weight: 900;
    line-height: 1;
}

.paper-review-controls .paper-review-icon-button:hover:not(:disabled)[b-e788t0jnp4] {
    border-color: #69aeca;
    background: #eaf6fb;
}

.paper-review-controls .paper-review-auto-button[b-e788t0jnp4] {
    border-color: #85c3ad;
    background: #eef9f4;
    color: #16845b;
}

.paper-review-controls .paper-review-auto-button.is-playing[b-e788t0jnp4] {
    border-color: #e5a8a8;
    background: #fff2f2;
    color: #c93636;
}

.paper-question-status-head[b-e788t0jnp4] {
    grid-column: auto;
    grid-template-columns: 1.65rem minmax(3.8rem, 1fr) minmax(4.4rem, 1fr) 1.45rem 1.75rem;
    gap: 0.22rem;
    min-height: 1.65rem;
    border-bottom: 1px solid #cfdee7;
    background: #f5f9fb;
    color: #466273;
    padding: 0.2rem 0.28rem;
    font-size: 0.67rem;
    font-weight: 900;
}

.paper-question-status-head span[b-e788t0jnp4] {
    overflow: hidden;
    min-width: 0;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 560px) {
    .paper-review-controls[b-e788t0jnp4],
    .paper-review-controls.compact[b-e788t0jnp4],
    .paper-page-nav.paper-review-controls[b-e788t0jnp4] {
        grid-template-columns: 2rem 2rem minmax(105px, 1fr) 2rem 2rem 2rem;
        gap: 0.22rem;
    }

    .paper-review-controls .paper-review-icon-button[b-e788t0jnp4],
    .paper-review-controls.compact .paper-review-icon-button[b-e788t0jnp4] {
        width: 2rem;
        min-width: 2rem;
        height: 2rem;
        min-height: 2rem;
    }

    .paper-question-status-head-secondary[b-e788t0jnp4] {
        display: none;
    }
}
/* /Pages/SmartExams/SmartExamResults.razor.rz.scp.css */
.exam-results-page[b-m2qrgfntzu] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 10px;
    color: #172033;
}

.results-title-band[b-m2qrgfntzu] {
    background: #0b82b2;
    color: #fff;
    padding: 12px 18px;
    margin-bottom: 16px;
    text-align: center;
}

.results-title-band h1[b-m2qrgfntzu] { margin: 0; font-size: 1.1rem; }
.results-header[b-m2qrgfntzu] { display: flex; align-items: center; justify-content: space-between; gap: 20px; border-bottom: 1px solid #d9e5ec; padding: 4px 0 16px; }
.results-header h2[b-m2qrgfntzu] { margin: 2px 0 4px; color: #087fae; font-size: 1.55rem; }
.results-header p[b-m2qrgfntzu] { margin: 0; color: #66758a; }
.results-eyebrow[b-m2qrgfntzu] { color: #708196; font-size: .8rem; }
.results-actions[b-m2qrgfntzu] { display: flex; gap: 6px; }
.results-actions a[b-m2qrgfntzu], .results-actions button[b-m2qrgfntzu] { width: 38px; height: 38px; border: 1px solid #bdd6e3; background: #fff; color: #087fae; display: inline-flex; align-items: center; justify-content: center; padding: 0; cursor: pointer; text-decoration: none; }
.results-actions a:hover[b-m2qrgfntzu], .results-actions button:hover[b-m2qrgfntzu] { background: #087fae; color: #fff; }
.results-summary[b-m2qrgfntzu] { display: grid; grid-template-columns: repeat(4, minmax(130px, 1fr)); gap: 8px; margin: 16px 0; }
.results-summary div[b-m2qrgfntzu] { background: #eef7fa; border-right: 3px solid #0b82b2; padding: 10px 14px; }
.results-summary span[b-m2qrgfntzu] { display: block; color: #687789; font-size: .78rem; }
.results-summary b[b-m2qrgfntzu] { display: block; margin-top: 3px; font-size: 1.15rem; color: #075f83; }
.results-table-wrap[b-m2qrgfntzu] { overflow-x: auto; border: 1px solid #d6e4eb; }
.results-table[b-m2qrgfntzu] { width: 100%; border-collapse: collapse; min-width: 900px; font-size: .88rem; }
.results-table th[b-m2qrgfntzu] { background: #087fae; color: #fff; padding: 10px 8px; text-align: center; white-space: nowrap; }
.results-table td[b-m2qrgfntzu] { border-bottom: 1px solid #e0e9ee; padding: 9px 8px; text-align: center; }
.results-table tbody tr:nth-child(even)[b-m2qrgfntzu] { background: #f6fafc; }
.results-table tbody tr:hover[b-m2qrgfntzu] { background: #edf7fb; }
.results-table .student-name[b-m2qrgfntzu] { text-align: right; font-weight: 700; }
.results-table small[b-m2qrgfntzu] { color: #728094; }
.source-badge[b-m2qrgfntzu] { display: inline-block; min-width: 64px; padding: 3px 7px; font-size: .76rem; }
.source-badge.paper[b-m2qrgfntzu] { background: #e7f6ee; color: #08723c; }
.source-badge.electronic[b-m2qrgfntzu] { background: #e8f2fb; color: #075f93; }
.percentage[b-m2qrgfntzu] { font-weight: 700; color: #08723c; }
.results-state[b-m2qrgfntzu] { min-height: 180px; display: flex; align-items: center; justify-content: center; gap: 8px; color: #64748b; border: 1px dashed #b8ccd7; }
.results-state-error[b-m2qrgfntzu] { color: #b42318; background: #fff4f2; }

@media (max-width: 800px) {
    .results-header[b-m2qrgfntzu] { align-items: flex-start; flex-direction: column; }
    .results-summary[b-m2qrgfntzu] { grid-template-columns: repeat(2, 1fr); }
}

@media print {
    .no-print[b-m2qrgfntzu], .app-sidebar[b-m2qrgfntzu], .app-topbar[b-m2qrgfntzu], .app-footer[b-m2qrgfntzu] { display: none !important; }
    .exam-results-page[b-m2qrgfntzu] { max-width: none; padding: 0; }
    .results-table-wrap[b-m2qrgfntzu] { border: 0; overflow: visible; }
    .results-table[b-m2qrgfntzu] { min-width: 0; font-size: 10px; }
    .results-table th[b-m2qrgfntzu] { background: #ddd !important; color: #000 !important; }
}
/* /Pages/SmartExams/SmartExams.razor.rz.scp.css */
.smart-exams-page[b-tprlcgcg85] {
    --smart-ink: #172033;
    --smart-muted: #667085;
    --smart-line: #dfe5ee;
    --smart-soft: #f6f8fb;
    --smart-primary: #0d6efd;
    color: var(--smart-ink);
    width: min(100%, 1320px);
}

.smart-exams-page-header[b-tprlcgcg85] {
    margin-bottom: 0;
}

.smart-exams-page-header .app-page-head[b-tprlcgcg85] {
    margin-bottom: .75rem !important;
}

.smart-exams-header-details[b-tprlcgcg85] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border-bottom: 1px solid #e5eef4;
    background: #fff;
    padding: .8rem 1rem;
}

.smart-exams-header-copy[b-tprlcgcg85] {
    display: grid;
    gap: .2rem;
}

.smart-exams-header-copy strong[b-tprlcgcg85] {
    color: #123044;
    font-size: 14px;
    font-weight: 900;
}

.smart-exams-header-copy span[b-tprlcgcg85] {
    color: #64748b;
    font-size: 12.2px;
}

.smart-exams-header-actions[b-tprlcgcg85] {
    display: flex;
    gap: .35rem;
    align-items: center;
}

.smart-exams-header-actions a[b-tprlcgcg85] {
    display: grid;
    place-items: center;
    width: 2.1rem;
    height: 2.1rem;
    border: 1px solid #c7dce8;
    border-radius: 6px;
    background: #f8fbfd;
    color: #087ead;
    text-decoration: none;
}

.smart-exams-header-actions a:hover[b-tprlcgcg85] {
    border-color: #087ead;
    background: #087ead;
    color: #fff;
}

.smart-exams-header-actions i[b-tprlcgcg85] {
    color: inherit;
    font-size: 1rem;
    line-height: 1;
}

.smart-exams-hero[b-tprlcgcg85] {
    display: none;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

@media (max-width: 700px) {
    .smart-exams-header-details[b-tprlcgcg85] {
        align-items: flex-start;
        flex-direction: column;
    }
}

.smart-kicker[b-tprlcgcg85] {
    display: inline-flex;
    margin-bottom: 0.35rem;
    color: var(--smart-primary);
    font-weight: 800;
}

.smart-exams-hero p[b-tprlcgcg85] {
    max-width: 760px;
    margin: 0.4rem 0 0;
    color: var(--smart-muted);
}

.student-link[b-tprlcgcg85] {
    white-space: nowrap;
}

.smart-hero-actions[b-tprlcgcg85] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: flex-end;
}

.smart-hero-actions a[b-tprlcgcg85] {
    text-decoration: none;
}

.smart-dashboard-grid[b-tprlcgcg85] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
    margin-top: 1rem;
}

.smart-dashboard-stat[b-tprlcgcg85] {
    display: grid;
    gap: 0.25rem;
    border: 1px solid var(--smart-line);
    border-radius: 8px;
    background: #fff;
    padding: 0.85rem;
}

.smart-dashboard-stat span[b-tprlcgcg85] {
    color: var(--smart-muted);
    font-size: 0.9rem;
}

.smart-dashboard-stat strong[b-tprlcgcg85] {
    font-size: 1.55rem;
    color: var(--smart-primary);
}

.smart-dashboard-panel[b-tprlcgcg85] {
    margin-top: 1rem;
}

.smart-dashboard-list[b-tprlcgcg85] {
    grid-template-columns: repeat(auto-fill, minmax(420px, 1fr));
}

.smart-exam-card-top[b-tprlcgcg85],
.smart-exam-metrics[b-tprlcgcg85] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    align-items: center;
}

.smart-exam-card-top[b-tprlcgcg85] {
    justify-content: space-between;
}

.smart-status[b-tprlcgcg85] {
    display: inline-flex;
    border-radius: 999px;
    padding: 0.2rem 0.55rem;
    font-size: 0.8rem;
    font-weight: 800;
}

.smart-status.published[b-tprlcgcg85] {
    background: #ecfdf3;
    color: #157347;
}

.smart-status.draft[b-tprlcgcg85] {
    background: #fff7e6;
    color: #9a6200;
}

.smart-exam-metrics[b-tprlcgcg85] {
    color: var(--smart-muted);
    font-size: 0.86rem;
}

.smart-exams-layout[b-tprlcgcg85] {
    display: grid;
    grid-template-columns: minmax(280px, 0.36fr) minmax(0, 1fr);
    gap: 1rem;
    margin-top: 1rem;
}

.smart-exams-home[b-tprlcgcg85] {
    grid-template-columns: 1fr;
}

.smart-panel-head[b-tprlcgcg85] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.smart-panel-head > div:first-child[b-tprlcgcg85] {
    display: grid;
    gap: 0.15rem;
}

.smart-panel-head strong[b-tprlcgcg85] {
    font-size: 1.02rem;
}

.smart-panel-head span[b-tprlcgcg85],
.smart-exam-card small[b-tprlcgcg85],
.smart-exam-card span[b-tprlcgcg85] {
    color: var(--smart-muted);
}

.smart-head-actions[b-tprlcgcg85] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.smart-command-bar[b-tprlcgcg85] {
    align-items: center;
    border: 1px solid var(--smart-line);
    border-radius: 8px;
    background: #fff;
    padding: 0.35rem;
}

.smart-command-primary[b-tprlcgcg85] {
    min-width: 78px;
}

.smart-command-divider[b-tprlcgcg85] {
    width: 1px;
    align-self: stretch;
    background: var(--smart-line);
    margin-inline: 0.15rem;
}

.smart-command-button[b-tprlcgcg85] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: var(--smart-muted);
    padding: 0.48rem 0.72rem;
    font-weight: 800;
    line-height: 1;
    text-decoration: none;
}

.smart-command-button:hover[b-tprlcgcg85],
.smart-command-button.active[b-tprlcgcg85] {
    background: #eef6ff;
    color: #075d9e;
}

.smart-command-button:disabled[b-tprlcgcg85] {
    opacity: 0.55;
}

.smart-tool-panel[b-tprlcgcg85] {
    border: 1px solid #bad6ff;
    border-radius: 8px;
    background: #f7fbff;
    padding: 0.9rem;
    margin-bottom: 1rem;
}

.smart-export-controls[b-tprlcgcg85] {
    display: grid;
    grid-template-columns: minmax(190px, 0.28fr) minmax(0, 1fr);
    gap: 0.85rem;
    align-items: start;
}

.smart-export-actions[b-tprlcgcg85] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.55rem;
}

.smart-export-card[b-tprlcgcg85] {
    display: grid;
    gap: 0.22rem;
    min-height: 74px;
    border: 1px solid var(--smart-line);
    border-radius: 8px;
    background: #fff;
    color: var(--smart-ink);
    padding: 0.72rem;
    text-decoration: none;
}

.smart-export-card:hover[b-tprlcgcg85] {
    border-color: var(--smart-primary);
    box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.1);
}

.smart-export-card span[b-tprlcgcg85] {
    color: var(--smart-muted);
    font-size: 0.82rem;
}

.smart-export-card.answer[b-tprlcgcg85] {
    background: #fffdf5;
}

.smart-exam-list[b-tprlcgcg85],
.smart-question-stack[b-tprlcgcg85],
.smart-option-list[b-tprlcgcg85] {
    display: grid;
    gap: 0.7rem;
}

.smart-exam-card[b-tprlcgcg85] {
    display: grid;
    gap: 0.25rem;
    width: 100%;
    border: 1px solid var(--smart-line);
    border-radius: 8px;
    background: #fff;
    color: var(--smart-ink);
    padding: 0.8rem;
    text-align: start;
}

.smart-card-actions[b-tprlcgcg85] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin-top: 0.35rem;
}

.smart-card-actions a[b-tprlcgcg85] {
    text-decoration: none;
}

.smart-export-menu[b-tprlcgcg85] {
    border-top: 1px solid var(--smart-line);
    margin-top: 0.45rem;
    padding-top: 0.5rem;
}

.smart-export-menu summary[b-tprlcgcg85] {
    cursor: pointer;
    color: #075d9e;
    font-size: 0.86rem;
    font-weight: 800;
}

.smart-export-menu > div[b-tprlcgcg85] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.4rem;
    margin-top: 0.55rem;
}

.smart-export-menu a[b-tprlcgcg85] {
    border: 1px solid #d7e7ff;
    border-radius: 7px;
    background: #f7fbff;
    color: #075d9e;
    padding: 0.35rem 0.55rem;
    text-decoration: none;
    font-size: 0.82rem;
    font-weight: 800;
}

.smart-export-menu a:hover[b-tprlcgcg85] {
    border-color: var(--smart-primary);
    background: #eef6ff;
}

.smart-exam-card.active[b-tprlcgcg85] {
    border-color: var(--smart-primary);
    box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.12);
}

.smart-form-grid[b-tprlcgcg85] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
}

.smart-generator-panel[b-tprlcgcg85] {
    border: 1px solid #bad6ff;
    border-radius: 8px;
    background: #f7fbff;
    padding: 0.9rem;
    margin-bottom: 1rem;
}

.smart-generator-grid[b-tprlcgcg85] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 0.38fr);
    gap: 0.8rem;
}

.smart-generator-text textarea[b-tprlcgcg85] {
    min-height: 240px;
}

.smart-generator-side[b-tprlcgcg85] {
    display: grid;
    gap: 0.75rem;
    align-content: start;
}

.smart-file-chip[b-tprlcgcg85] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
    border: 1px solid var(--smart-line);
    border-radius: 8px;
    background: #fff;
    color: var(--smart-muted);
    padding: 0.55rem 0.7rem;
    font-size: 0.9rem;
}

.smart-file-chip span[b-tprlcgcg85] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.smart-file-chip small[b-tprlcgcg85] {
    flex: 0 0 auto;
}

.smart-count-grid[b-tprlcgcg85] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.5rem;
}

.smart-replace-check[b-tprlcgcg85] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    color: var(--smart-ink);
}

.smart-generator-note[b-tprlcgcg85] {
    margin: 0;
    color: var(--smart-muted);
    font-size: 0.88rem;
    line-height: 1.6;
}

.smart-book-sections[b-tprlcgcg85] {
    display: grid;
    gap: 0.75rem;
    margin-top: 0.85rem;
}

.smart-book-summary[b-tprlcgcg85] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    color: var(--smart-ink);
}

.smart-book-summary span[b-tprlcgcg85] {
    color: var(--smart-muted);
    font-size: 0.9rem;
}

.smart-book-section-list[b-tprlcgcg85] {
    display: grid;
    gap: 0.55rem;
    max-height: 360px;
    overflow: auto;
    padding-inline-end: 0.15rem;
}

.smart-book-section[b-tprlcgcg85] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.75rem;
    border: 1px solid var(--smart-line);
    border-radius: 8px;
    background: #fff;
    padding: 0.75rem;
}

.smart-book-section.active[b-tprlcgcg85] {
    border-color: var(--smart-primary);
    box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.1);
}

.smart-book-section strong[b-tprlcgcg85],
.smart-book-section span[b-tprlcgcg85] {
    display: block;
}

.smart-book-section strong[b-tprlcgcg85] {
    color: var(--smart-ink);
}

.smart-book-section span[b-tprlcgcg85] {
    color: var(--smart-muted);
    font-size: 0.86rem;
    margin-top: 0.15rem;
}

.smart-book-section p[b-tprlcgcg85] {
    margin: 0.4rem 0 0;
    color: var(--smart-muted);
    font-size: 0.88rem;
    line-height: 1.6;
}

.smart-switch-grid[b-tprlcgcg85] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.6rem;
    margin: 1rem 0;
}

.smart-switch-grid label[b-tprlcgcg85] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    border: 1px solid var(--smart-line);
    border-radius: 8px;
    background: var(--smart-soft);
    padding: 0.65rem;
    color: var(--smart-ink);
    font-size: 0.92rem;
}

.smart-question-card[b-tprlcgcg85],
.smart-results-panel[b-tprlcgcg85] {
    border: 1px solid var(--smart-line);
    border-radius: 8px;
    background: #fff;
    padding: 0.9rem;
}

.smart-results-panel[b-tprlcgcg85] {
    margin-top: 1rem;
}

.smart-question-top[b-tprlcgcg85],
.smart-question-meta[b-tprlcgcg85] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.smart-question-meta[b-tprlcgcg85] {
    justify-content: flex-start;
    margin-top: 0.75rem;
}

.smart-question-meta .app-floating-field[b-tprlcgcg85] {
    min-width: 140px;
}

.smart-question-image-fields[b-tprlcgcg85] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(180px, 0.35fr) minmax(160px, 0.25fr);
    gap: 0.6rem;
    margin-top: 0.75rem;
}

.smart-image-upload[b-tprlcgcg85] {
    display: grid;
    align-content: end;
    gap: 0.35rem;
    color: var(--smart-muted);
    font-size: 0.85rem;
    font-weight: 700;
}

.smart-image-upload input[b-tprlcgcg85] {
    min-width: 0;
}

.smart-question-image[b-tprlcgcg85] {
    margin: 0.75rem 0;
}

.smart-question-image img[b-tprlcgcg85] {
    display: block;
    max-width: min(100%, 620px);
    max-height: 360px;
    border: 1px solid var(--smart-line);
    border-radius: 8px;
    background: #fff;
    object-fit: contain;
}

.smart-option-row[b-tprlcgcg85] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) 2rem;
    gap: 0.5rem;
    align-items: center;
}

.smart-option-row button[b-tprlcgcg85],
.smart-danger-link[b-tprlcgcg85],
.smart-danger-button[b-tprlcgcg85] {
    border: 1px solid #f1b8b8;
    border-radius: 6px;
    background: #fff5f5;
    color: #b42318;
}

.smart-option-row button[b-tprlcgcg85] {
    width: 2rem;
    height: 2rem;
}

.smart-danger-link[b-tprlcgcg85] {
    padding: 0.25rem 0.55rem;
}

.smart-danger-button[b-tprlcgcg85] {
    padding: 0.45rem 0.8rem;
}

.smart-results-table-wrap[b-tprlcgcg85] {
    overflow-x: auto;
}

.smart-results-table[b-tprlcgcg85] {
    min-width: 720px;
}

.smart-results-table tr.active-attempt td[b-tprlcgcg85] {
    background: #f4f9ff;
}

.smart-review-button[b-tprlcgcg85] {
    padding: 0.25rem 0.6rem;
}

.smart-attempt-review[b-tprlcgcg85] {
    border-top: 1px solid var(--smart-line);
    margin-top: 1rem;
    padding-top: 1rem;
}

.smart-review-stack[b-tprlcgcg85] {
    display: grid;
    gap: 0.75rem;
}

.smart-review-card[b-tprlcgcg85] {
    border: 1px solid var(--smart-line);
    border-radius: 8px;
    background: #fff;
    padding: 0.85rem;
}

.smart-review-card.correct[b-tprlcgcg85] {
    border-color: #b7dfc4;
    background: #f4fbf6;
}

.smart-review-card.wrong[b-tprlcgcg85] {
    border-color: #f1b8b8;
    background: #fff7f7;
}

.smart-review-top[b-tprlcgcg85],
.smart-review-option[b-tprlcgcg85] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.smart-review-card p[b-tprlcgcg85] {
    margin: 0.55rem 0;
    line-height: 1.7;
}

.smart-review-options[b-tprlcgcg85] {
    display: grid;
    gap: 0.45rem;
}

.smart-review-option[b-tprlcgcg85] {
    border: 1px solid var(--smart-line);
    border-radius: 8px;
    background: #fff;
    padding: 0.6rem;
}

.smart-review-option.correct[b-tprlcgcg85] {
    border-color: #82c596;
    background: #eefaf1;
}

.smart-review-option.selected-wrong[b-tprlcgcg85] {
    border-color: #e69898;
    background: #fff0f0;
}

.smart-review-option.selected-correct[b-tprlcgcg85] {
    border-color: #43a061;
    box-shadow: 0 0 0 3px rgba(67, 160, 97, 0.12);
}

.smart-review-option small[b-tprlcgcg85] {
    color: var(--smart-muted);
}

.smart-analysis-grid[b-tprlcgcg85] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.65rem;
    margin-bottom: 0.85rem;
}

.smart-analysis-grid article[b-tprlcgcg85],
.smart-analysis-list article[b-tprlcgcg85],
.smart-remediation-list article[b-tprlcgcg85] {
    border: 1px solid var(--smart-line);
    border-radius: 8px;
    background: #fff;
    padding: 0.75rem;
}

.smart-analysis-grid article[b-tprlcgcg85] {
    display: grid;
    gap: 0.2rem;
}

.smart-analysis-grid span[b-tprlcgcg85],
.smart-analysis-list span[b-tprlcgcg85],
.smart-remediation-list span[b-tprlcgcg85] {
    color: var(--smart-muted);
}

.smart-analysis-grid strong[b-tprlcgcg85] {
    color: var(--smart-primary);
    font-size: 1.25rem;
}

.smart-analysis-panel[b-tprlcgcg85] {
    border-top: 1px solid var(--smart-line);
    margin-top: 1rem;
    padding-top: 1rem;
}

.smart-analysis-list[b-tprlcgcg85],
.smart-remediation-list[b-tprlcgcg85] {
    display: grid;
    gap: 0.6rem;
}

.smart-analysis-list article[b-tprlcgcg85],
.smart-remediation-list article[b-tprlcgcg85] {
    display: grid;
    gap: 0.35rem;
}

.smart-analysis-list p[b-tprlcgcg85],
.smart-remediation-list p[b-tprlcgcg85] {
    margin: 0;
    line-height: 1.7;
}

.smart-paper-corrector[b-tprlcgcg85] {
    border: 1px solid #bad6ff;
    border-radius: 8px;
    background: #f8fbff;
    padding: 0.9rem;
    margin-bottom: 1rem;
}

.smart-paper-fields[b-tprlcgcg85] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    margin-bottom: 0.8rem;
}

.paper-scan-box[b-tprlcgcg85] {
    display: grid;
    gap: 0.55rem;
    border: 1px dashed #8fb9e8;
    border-radius: 8px;
    background: #fff;
    padding: 0.75rem;
    margin-bottom: 0.85rem;
}

.paper-scan-box div[b-tprlcgcg85] {
    display: grid;
    gap: 0.2rem;
}

.paper-scan-box span[b-tprlcgcg85],
.paper-scan-box small[b-tprlcgcg85] {
    color: var(--smart-muted);
}

.paper-answer-grid[b-tprlcgcg85] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(92px, 1fr));
    gap: 0.5rem;
}

.paper-answer-row[b-tprlcgcg85] {
    display: grid;
    grid-template-columns: 2rem 1fr;
    gap: 0.35rem;
    align-items: center;
    border: 1px solid var(--smart-line);
    border-radius: 8px;
    background: #fff;
    padding: 0.45rem;
}

.paper-answer-row strong[b-tprlcgcg85] {
    display: grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: var(--smart-soft);
    color: var(--smart-primary);
}

.smart-paper-actions[b-tprlcgcg85] {
    margin-top: 0.85rem;
}

.paper-result[b-tprlcgcg85] {
    display: grid;
    gap: 0.55rem;
    border: 1px solid #b7e4c7;
    border-radius: 8px;
    background: #effaf4;
    padding: 0.75rem;
    margin-top: 0.85rem;
}

.paper-result span[b-tprlcgcg85] {
    color: var(--smart-muted);
}

.paper-result-summary[b-tprlcgcg85] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.paper-result-summary span[b-tprlcgcg85] {
    border: 1px solid #b7e4c7;
    border-radius: 999px;
    background: #fff;
    padding: 0.25rem 0.65rem;
    color: #1f6f3d;
    font-weight: 700;
}

.paper-correction-table-wrap[b-tprlcgcg85] {
    overflow-x: auto;
}

.paper-correction-table[b-tprlcgcg85] {
    margin: 0;
    background: #fff;
}

.paper-correction-table th[b-tprlcgcg85],
.paper-correction-table td[b-tprlcgcg85] {
    border-color: #d9e5ef;
    text-align: center;
    white-space: nowrap;
}

.paper-correction-table tr.correct td[b-tprlcgcg85] {
    background: #f2fbf4;
    color: #1f6f3d;
}

.paper-correction-table tr.wrong td[b-tprlcgcg85] {
    background: #fff5f5;
    color: #9a2c2c;
}

@media (max-width: 980px) {
    .smart-exams-layout[b-tprlcgcg85],
    .smart-form-grid[b-tprlcgcg85],
    .smart-dashboard-grid[b-tprlcgcg85],
    .smart-dashboard-list[b-tprlcgcg85],
    .smart-generator-grid[b-tprlcgcg85],
    .smart-question-image-fields[b-tprlcgcg85],
    .smart-switch-grid[b-tprlcgcg85],
    .smart-book-section[b-tprlcgcg85],
    .smart-export-controls[b-tprlcgcg85],
    .smart-analysis-grid[b-tprlcgcg85] {
        grid-template-columns: 1fr;
    }

    .smart-export-actions[b-tprlcgcg85] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .smart-exams-hero[b-tprlcgcg85],
    .smart-panel-head[b-tprlcgcg85],
    .smart-question-top[b-tprlcgcg85],
    .smart-question-meta[b-tprlcgcg85] {
        align-items: stretch;
        flex-direction: column;
    }

    .smart-paper-fields[b-tprlcgcg85] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 620px) {
    .smart-command-bar[b-tprlcgcg85] {
        width: 100%;
    }

    .smart-command-divider[b-tprlcgcg85] {
        display: none;
    }

    .smart-command-button[b-tprlcgcg85],
    .smart-head-actions .app-outline-button[b-tprlcgcg85],
    .smart-head-actions .app-search-button[b-tprlcgcg85] {
        flex: 1 1 130px;
        justify-content: center;
    }

    .smart-export-actions[b-tprlcgcg85] {
        grid-template-columns: 1fr;
    }

    .smart-export-menu > div[b-tprlcgcg85] {
        grid-template-columns: 1fr;
    }
}
.paper-template-status[b-tprlcgcg85] {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    align-items: center;
    padding: 0.55rem 0.7rem;
    border: 1px solid #d8e6d8;
    background: #f4fbf5;
    color: #0b713a;
    font-size: 0.83rem;
}

.paper-template-status.is-warning[b-tprlcgcg85] {
    border-color: #f2d2a4;
    background: #fff8ea;
    color: #99630d;
}

.paper-template-status span[b-tprlcgcg85] {
    color: inherit;
    white-space: nowrap;
}
/* /Pages/Solook/PrintForm.razor.rz.scp.css */
.solook-forms-page[b-ck6zepsn2e]{overflow:hidden}.solook-forms-content[b-ck6zepsn2e]{padding:14px;display:grid;gap:12px}.forms-panel[b-ck6zepsn2e]{border:1px solid #d4e2e9;background:#fff;padding:14px}.forms-section-head[b-ck6zepsn2e]{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:11px;margin-bottom:13px;border-bottom:1px solid #dce8ed}.forms-section-head>div:first-child[b-ck6zepsn2e]{display:grid;gap:3px}.forms-section-head strong[b-ck6zepsn2e]{font-size:16px;color:#083f5a}.forms-section-head span[b-ck6zepsn2e]{font-size:12px;color:#617986}.selected-form-badge[b-ck6zepsn2e],.forms-count[b-ck6zepsn2e]{display:inline-flex!important;align-items:center;gap:7px;white-space:nowrap;border:1px solid #a9d4e4;background:#eef9fc;color:#087ba5!important;padding:5px 9px;font-weight:800}.form-kind-grid[b-ck6zepsn2e]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.form-kind-card[b-ck6zepsn2e]{position:relative;display:flex;align-items:center;gap:10px;text-align:right;border:1px solid #c9dbe3;background:#f9fcfd;padding:12px;color:#183e50;min-height:76px}.form-kind-card>i:first-child[b-ck6zepsn2e]{font-size:24px;color:#6b8794}.form-kind-card span[b-ck6zepsn2e]{display:grid;gap:3px}.form-kind-card strong[b-ck6zepsn2e]{font-size:14px}.form-kind-card small[b-ck6zepsn2e]{font-size:11px;color:#718894;line-height:1.5}.form-kind-check[b-ck6zepsn2e]{display:none;position:absolute;left:8px;top:8px;color:#087fab}.form-kind-card.active[b-ck6zepsn2e]{border:2px solid #0783b3;background:#eef9fd;padding:11px}.form-kind-card.active>i:first-child[b-ck6zepsn2e]{color:#0783b3}.form-kind-card.active .form-kind-check[b-ck6zepsn2e]{display:block}.forms-date-row[b-ck6zepsn2e]{max-width:460px;margin-top:13px}.student-filter-grid[b-ck6zepsn2e]{display:grid;grid-template-columns:1fr 1fr 1.35fr;gap:11px}.student-add-actions[b-ck6zepsn2e]{display:flex;justify-content:center;gap:8px;margin-top:13px}.student-add-actions .btn[b-ck6zepsn2e]{min-width:180px;display:inline-flex;justify-content:center;align-items:center;gap:7px}.clear-list-button[b-ck6zepsn2e]{border:0;background:transparent;color:#bd2d32;font-weight:800;display:inline-flex;align-items:center;gap:5px;padding:5px}.forms-empty[b-ck6zepsn2e]{display:grid;justify-items:center;text-align:center;padding:26px 10px;color:#78909b;gap:5px;border:1px dashed #bfd4dd;background:#fbfdfe}.forms-empty i[b-ck6zepsn2e]{font-size:32px;color:#8db2c1}.forms-empty strong[b-ck6zepsn2e]{color:#315667}.forms-table-shell[b-ck6zepsn2e]{width:100%;overflow-x:auto}.forms-table[b-ck6zepsn2e]{width:100%;border-collapse:collapse}.forms-table th[b-ck6zepsn2e],.forms-table td[b-ck6zepsn2e]{border:1px solid #c7dbe4;padding:8px 10px;text-align:center;white-space:nowrap}.forms-table th[b-ck6zepsn2e]{background:#e7f4f8;color:#194c62;font-size:12px}.forms-table td[b-ck6zepsn2e]{font-size:13px}.forms-table .student-name[b-ck6zepsn2e]{text-align:right;font-weight:800;white-space:normal;min-width:230px}.remove-student[b-ck6zepsn2e]{width:30px;height:30px;border:1px solid #efb2b4;background:#fff7f7;color:#c9272f;display:inline-grid;place-items:center}.forms-generate-bar[b-ck6zepsn2e]{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #9bcddd;background:#eef9fc;padding:13px 15px}.forms-generate-bar>div[b-ck6zepsn2e]{display:grid;gap:2px}.forms-generate-bar strong[b-ck6zepsn2e]{color:#084a67}.forms-generate-bar span[b-ck6zepsn2e]{font-size:12px;color:#58717d}.forms-generate-bar .btn[b-ck6zepsn2e]{min-width:230px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:900;color:#fff}.forms-generate-bar .btn span[b-ck6zepsn2e]{color:#fff;font-size:14px}.btn:disabled[b-ck6zepsn2e]{opacity:.62}
@media(max-width:760px){.solook-forms-content[b-ck6zepsn2e]{padding:6px;gap:8px}.forms-panel[b-ck6zepsn2e]{padding:9px}.forms-section-head[b-ck6zepsn2e]{margin-bottom:10px}.form-kind-grid[b-ck6zepsn2e]{grid-template-columns:1fr}.form-kind-card[b-ck6zepsn2e]{min-height:62px;padding:9px}.form-kind-card.active[b-ck6zepsn2e]{padding:8px}.student-filter-grid[b-ck6zepsn2e]{grid-template-columns:1fr 1fr}.student-select-field[b-ck6zepsn2e]{grid-column:1/-1}.forms-date-row[b-ck6zepsn2e]{max-width:none}.forms-table th[b-ck6zepsn2e],.forms-table td[b-ck6zepsn2e]{padding:6px 7px}.forms-table .student-name[b-ck6zepsn2e]{min-width:180px}.forms-generate-bar[b-ck6zepsn2e]{padding:10px;align-items:stretch;flex-direction:column}.forms-generate-bar .btn[b-ck6zepsn2e]{width:100%;min-width:0}.student-add-actions .btn[b-ck6zepsn2e]{min-width:0;flex:1}}
@media(max-width:480px){.forms-section-head[b-ck6zepsn2e]{align-items:stretch;flex-direction:column}.selected-form-badge[b-ck6zepsn2e],.forms-count[b-ck6zepsn2e]{align-self:flex-start}.student-filter-grid[b-ck6zepsn2e]{grid-template-columns:1fr}.student-select-field[b-ck6zepsn2e]{grid-column:auto}.student-add-actions[b-ck6zepsn2e]{display:grid;grid-template-columns:1fr}.forms-table-shell[b-ck6zepsn2e]{margin-inline:-6px;width:calc(100% + 12px)}.forms-table th[b-ck6zepsn2e],.forms-table td[b-ck6zepsn2e]{padding:5px 6px;font-size:11px}.forms-table .student-name[b-ck6zepsn2e]{min-width:150px}.form-kind-card small[b-ck6zepsn2e]{font-size:10px}}
/* /Pages/Solook/SolookRecord.razor.rz.scp.css */
.solook-record-page[b-eze39xe9dw] {
    overflow: hidden;
}

.solook-content[b-eze39xe9dw] {
    display: grid;
    gap: 14px;
    padding: 14px;
}

.solook-search-panel[b-eze39xe9dw],
.solook-results[b-eze39xe9dw] {
    border: 1px solid #d6e5ec;
    background: #fff;
}

.solook-search-panel[b-eze39xe9dw] {
    padding: 16px;
}

.solook-section-head[b-eze39xe9dw],
.solook-results-head[b-eze39xe9dw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.solook-section-head[b-eze39xe9dw] {
    padding-bottom: 12px;
    border-bottom: 1px solid #e1ebf0;
}

.solook-section-head > div[b-eze39xe9dw],
.solook-results-head > div:first-child[b-eze39xe9dw],
.solook-save-bar > div[b-eze39xe9dw] {
    display: grid;
    gap: 3px;
}

.solook-section-head strong[b-eze39xe9dw],
.solook-results-head strong[b-eze39xe9dw],
.solook-save-bar strong[b-eze39xe9dw] {
    color: #153d50;
    font-size: 1rem;
}

.solook-section-head span[b-eze39xe9dw],
.solook-results-head span[b-eze39xe9dw],
.solook-save-bar span[b-eze39xe9dw] {
    color: #647b87;
    font-size: .82rem;
}

.solook-kind-badge[b-eze39xe9dw] {
    min-width: 105px;
    padding: 6px 12px;
    border: 1px solid;
    text-align: center;
    font-size: .78rem !important;
    font-weight: 800;
}

.solook-kind-badge.violation[b-eze39xe9dw] {
    color: #a52a34;
    border-color: #efc5c9;
    background: #fff5f6;
}

.solook-kind-badge.positive[b-eze39xe9dw] {
    color: #08734c;
    border-color: #b7dfcf;
    background: #f0fbf6;
}

.solook-kind-switch[b-eze39xe9dw] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin: 14px 0;
}

.solook-kind-switch button[b-eze39xe9dw] {
    display: flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 1px solid #c9dce5;
    background: #f8fbfc;
    color: #315665;
    font-weight: 800;
    transition: border-color .15s ease, background .15s ease, color .15s ease;
}

.solook-kind-switch button.active.violation[b-eze39xe9dw] {
    border-color: #c54b56;
    background: #fff2f3;
    color: #9f2530;
}

.solook-kind-switch button.active.positive[b-eze39xe9dw] {
    border-color: #16865d;
    background: #edfaf4;
    color: #08734c;
}

.solook-filter-grid[b-eze39xe9dw] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.solook-behavior-field[b-eze39xe9dw] {
    grid-column: 1 / -1;
}

.solook-date-field[b-eze39xe9dw] {
    min-width: 0;
}

.solook-date-field[b-eze39xe9dw]  .gyab-date-time {
    margin-bottom: 0 !important;
}

.solook-behavior-field select.violation[b-eze39xe9dw] {
    color: #922b34;
    font-weight: 700;
}

.solook-behavior-field select.positive[b-eze39xe9dw] {
    color: #08734c;
    font-weight: 700;
}

.solook-search-button[b-eze39xe9dw] {
    display: flex;
    width: min(100%, 260px);
    min-height: 38px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin: 16px auto 0;
}

.solook-results[b-eze39xe9dw] {
    min-width: 0;
}

.solook-results-head[b-eze39xe9dw] {
    padding: 13px 16px;
    border-bottom: 1px solid #d6e5ec;
    background: #f9fcfd;
}

.solook-counts[b-eze39xe9dw] {
    display: flex;
    align-items: center;
    gap: 7px;
}

.solook-counts span[b-eze39xe9dw],
.solook-counts strong[b-eze39xe9dw] {
    padding: 5px 9px;
    border: 1px solid #cfe1e9;
    background: #fff;
    white-space: nowrap;
    font-size: .78rem;
}

.solook-counts strong[b-eze39xe9dw] {
    color: #087ea7;
}

.solook-table-shell[b-eze39xe9dw] {
    width: 100%;
    overflow-x: auto;
    padding: 10px;
    overscroll-behavior-inline: contain;
}

.solook-table[b-eze39xe9dw] {
    width: 100%;
    border-collapse: collapse;
    table-layout: auto;
    color: #173847;
}

.solook-table th[b-eze39xe9dw],
.solook-table td[b-eze39xe9dw] {
    border: 1px solid #cbdde5;
    padding: 8px 10px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

.solook-table th[b-eze39xe9dw] {
    background: #eaf4f7;
    color: #17485d;
    font-size: .83rem;
    font-weight: 800;
}

.solook-table tbody tr:nth-child(even)[b-eze39xe9dw] {
    background: #f8fbfc;
}

.solook-table tbody tr.violation[b-eze39xe9dw] {
    background: #fff3f4;
}

.solook-table tbody tr.positive[b-eze39xe9dw] {
    background: #eefaf4;
}

.solook-table .solook-student-name[b-eze39xe9dw] {
    width: 100%;
    min-width: 220px;
    text-align: right;
    font-weight: 700;
    white-space: normal;
}

.solook-number[b-eze39xe9dw] {
    color: #527180;
}

.solook-check-column[b-eze39xe9dw] {
    min-width: 132px;
}

.solook-select-all[b-eze39xe9dw],
.solook-student-check[b-eze39xe9dw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin: 0;
    cursor: pointer;
    font-weight: 700;
}

.solook-student-check input[b-eze39xe9dw],
.solook-select-all input[b-eze39xe9dw] {
    width: 17px;
    height: 17px;
    accent-color: #087ea7;
}

.solook-table tr.violation input[b-eze39xe9dw] {
    accent-color: #bd3340;
}

.solook-table tr.positive input[b-eze39xe9dw] {
    accent-color: #13815b;
}

.solook-previous-count strong[b-eze39xe9dw] {
    display: inline-grid;
    min-width: 28px;
    min-height: 28px;
    place-items: center;
    border-radius: 50%;
    background: #e6f2f6;
    color: #076f94;
}

.solook-save-bar[b-eze39xe9dw] {
    display: grid;
    justify-items: center;
    gap: 10px;
    padding: 12px 16px;
    border-top: 1px solid #d6e5ec;
    background: #f8fbfc;
    text-align: center;
}

.solook-save-bar button[b-eze39xe9dw] {
    display: flex;
    width: min(100%, 320px);
    min-height: 44px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin-inline: auto;
    color: #fff !important;
    font-size: .94rem;
    font-weight: 900;
    box-shadow: 0 5px 14px rgba(4, 118, 170, .2);
}

.solook-save-bar button:disabled[b-eze39xe9dw] {
    color: #fff !important;
    opacity: .55;
    box-shadow: none;
}

.solook-save-bar button span[b-eze39xe9dw] {
    color: #fff !important;
    font-weight: 900;
}

.solook-empty[b-eze39xe9dw] {
    display: grid;
    min-height: 180px;
    place-items: center;
    align-content: center;
    gap: 5px;
    padding: 24px;
    color: #607985;
    text-align: center;
}

.solook-empty i[b-eze39xe9dw] {
    color: #86a8b7;
    font-size: 2rem;
}

.solook-empty strong[b-eze39xe9dw] {
    color: #274e60;
}

.solook-empty span[b-eze39xe9dw] {
    font-size: .84rem;
}

@media (max-width: 760px) {
    .solook-content[b-eze39xe9dw] {
        gap: 8px;
        padding: 6px;
    }

    .solook-search-panel[b-eze39xe9dw] {
        padding: 10px;
    }

    .solook-filter-grid[b-eze39xe9dw] {
        gap: 9px;
    }

    .solook-results-head[b-eze39xe9dw],
    .solook-save-bar[b-eze39xe9dw] {
        padding: 10px;
    }

    .solook-table-shell[b-eze39xe9dw] {
        padding: 3px;
    }

    .solook-table th[b-eze39xe9dw],
    .solook-table td[b-eze39xe9dw] {
        padding: 6px 7px;
        font-size: .78rem;
    }

    .solook-table .solook-student-name[b-eze39xe9dw] {
        min-width: 180px;
    }
}

@media (max-width: 560px) {
    .solook-section-head[b-eze39xe9dw],
    .solook-results-head[b-eze39xe9dw] {
        align-items: stretch;
        flex-direction: column;
    }

    .solook-filter-grid[b-eze39xe9dw] {
        grid-template-columns: 1fr;
    }

    .solook-behavior-field[b-eze39xe9dw] {
        grid-column: auto;
    }

    .solook-date-field[b-eze39xe9dw] {
        overflow-x: auto;
        padding-top: 2px;
    }

    .solook-kind-badge[b-eze39xe9dw] {
        align-self: flex-start;
    }

    .solook-counts[b-eze39xe9dw] {
        justify-content: space-between;
    }

    .solook-counts span[b-eze39xe9dw],
    .solook-counts strong[b-eze39xe9dw] {
        flex: 1;
        text-align: center;
    }

    .solook-table th:first-child[b-eze39xe9dw],
    .solook-table td:first-child[b-eze39xe9dw] {
        display: none;
    }

    .solook-table .solook-student-name[b-eze39xe9dw] {
        min-width: 150px;
    }

    .solook-check-column[b-eze39xe9dw] {
        min-width: 104px;
    }

    .solook-save-bar button[b-eze39xe9dw],
    .solook-search-button[b-eze39xe9dw] {
        width: 100%;
    }
}
/* /Pages/Solook/SolookView.razor.rz.scp.css */
.solook-view-page[b-pbvefhkwmc] {
    overflow: hidden;
}

.solook-view-content[b-pbvefhkwmc] {
    display: grid;
    gap: 14px;
    padding: 14px;
}

.solook-view-filters[b-pbvefhkwmc],
.solook-degree-panel[b-pbvefhkwmc],
.solook-view-results[b-pbvefhkwmc],
.solook-view-empty[b-pbvefhkwmc] {
    border: 1px solid #d4e3ea;
    background: #fff;
}

.solook-view-filters[b-pbvefhkwmc] {
    padding: 16px;
}

.solook-view-section-head[b-pbvefhkwmc],
.solook-view-results-head[b-pbvefhkwmc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.solook-view-section-head[b-pbvefhkwmc] {
    padding-bottom: 12px;
    border-bottom: 1px solid #e1ebf0;
}

.solook-view-section-head > div[b-pbvefhkwmc],
.solook-view-results-head > div[b-pbvefhkwmc],
.solook-degree-panel > div:first-child[b-pbvefhkwmc] {
    display: grid;
    gap: 3px;
}

.solook-view-section-head strong[b-pbvefhkwmc],
.solook-view-results-head strong[b-pbvefhkwmc],
.solook-degree-panel strong[b-pbvefhkwmc] {
    color: #153d50;
    font-size: 1rem;
}

.solook-view-section-head span[b-pbvefhkwmc],
.solook-view-results-head span[b-pbvefhkwmc],
.solook-degree-panel span[b-pbvefhkwmc] {
    color: #627984;
    font-size: .82rem;
}

.solook-view-filter-state[b-pbvefhkwmc] {
    padding: 6px 10px;
    border: 1px solid #cce0e9;
    background: #f2f8fa;
    color: #087ea7 !important;
    font-weight: 800;
    white-space: nowrap;
}

.solook-view-filter-grid[b-pbvefhkwmc] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 11px;
    margin-top: 14px;
}

.solook-view-behavior-field[b-pbvefhkwmc] {
    grid-column: span 2;
}

.solook-view-date-field[b-pbvefhkwmc] {
    min-width: 0;
}

.solook-view-date-field[b-pbvefhkwmc]  .gyab-date-time {
    margin-bottom: 0 !important;
}

.solook-view-search[b-pbvefhkwmc] {
    display: flex;
    width: min(100%, 280px);
    min-height: 40px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin: 16px auto 0;
    color: #fff !important;
    font-weight: 900;
}

.solook-view-search span[b-pbvefhkwmc] {
    color: #fff !important;
}

.solook-view-summary[b-pbvefhkwmc] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.solook-view-summary article[b-pbvefhkwmc] {
    display: grid;
    min-height: 100px;
    align-content: center;
    gap: 4px;
    padding: 14px;
    border: 1px solid #cfe1e9;
    border-top: 3px solid #88b8ca;
    background: #fff;
}

.solook-view-summary article.primary[b-pbvefhkwmc] {
    border-top-color: #087ea7;
    background: #f5fbfd;
}

.solook-view-summary span[b-pbvefhkwmc],
.solook-view-summary small[b-pbvefhkwmc] {
    color: #607985;
    font-size: .78rem;
}

.solook-view-summary strong[b-pbvefhkwmc] {
    color: #0a4862;
    font-size: 1.55rem;
    line-height: 1;
}

.solook-degree-panel[b-pbvefhkwmc] {
    display: grid;
    grid-template-columns: minmax(180px, .8fr) minmax(300px, 2fr);
    align-items: center;
    gap: 18px;
    padding: 14px 16px;
}

.solook-degree-list[b-pbvefhkwmc] {
    display: grid;
    gap: 8px;
}

.solook-degree-item[b-pbvefhkwmc] {
    display: grid;
    grid-template-columns: 72px minmax(80px, 1fr) 35px;
    align-items: center;
    gap: 8px;
}

.solook-degree-item > span[b-pbvefhkwmc],
.solook-degree-item > strong[b-pbvefhkwmc] {
    color: #365967;
    font-size: .76rem;
    font-weight: 800;
}

.solook-degree-track[b-pbvefhkwmc] {
    height: 9px;
    overflow: hidden;
    background: #e6eff3;
}

.solook-degree-track i[b-pbvefhkwmc] {
    display: block;
    height: 100%;
    background: linear-gradient(90deg, #e15a64, #bd3340);
}

.solook-view-results[b-pbvefhkwmc] {
    min-width: 0;
}

.solook-view-results-head[b-pbvefhkwmc] {
    padding: 12px 14px;
    border-bottom: 1px solid #d4e3ea;
    background: #f8fbfc;
}

.solook-view-results-head > span[b-pbvefhkwmc] {
    padding: 5px 9px;
    border: 1px solid #cce0e9;
    background: #fff;
    color: #087ea7;
    font-weight: 800;
    white-space: nowrap;
}

.solook-view-table-wrap[b-pbvefhkwmc] {
    width: 100%;
    overflow-x: auto;
    padding: 8px;
    overscroll-behavior-inline: contain;
}

.solook-view-table[b-pbvefhkwmc] {
    width: 100%;
    border-collapse: collapse;
    table-layout: auto;
    color: #173847;
}

.solook-view-table th[b-pbvefhkwmc],
.solook-view-table td[b-pbvefhkwmc] {
    padding: 8px 9px;
    border: 1px solid #cbdde5;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

.solook-view-table th[b-pbvefhkwmc] {
    background: #e9f3f6;
    color: #17485d;
    font-size: .8rem;
    font-weight: 900;
}

.solook-view-table tbody tr:nth-child(even)[b-pbvefhkwmc] {
    background: #f8fbfc;
}

.solook-view-table tbody tr:hover[b-pbvefhkwmc] {
    background: #eef7fa;
}

.solook-view-table .student-name[b-pbvefhkwmc],
.solook-view-table .violation-name[b-pbvefhkwmc] {
    text-align: right;
    white-space: normal;
}

.solook-view-table .student-name[b-pbvefhkwmc] {
    min-width: 190px;
    font-weight: 800;
}

.solook-view-table .violation-name[b-pbvefhkwmc] {
    min-width: 260px;
}

.date-cell[b-pbvefhkwmc] {
    direction: ltr;
    font-size: .76rem;
}

.degree-badge[b-pbvefhkwmc] {
    display: inline-grid;
    min-width: 28px;
    min-height: 28px;
    place-items: center;
    border-radius: 50%;
    background: #fff0f1;
    color: #a62b36;
    font-weight: 900;
}

.mark-cell[b-pbvefhkwmc] {
    color: #a62b36;
    font-weight: 900;
}

.solook-view-empty[b-pbvefhkwmc] {
    display: grid;
    min-height: 220px;
    place-items: center;
    align-content: center;
    gap: 5px;
    padding: 24px;
    color: #657d88;
    text-align: center;
}

.solook-view-empty i[b-pbvefhkwmc] {
    color: #8eabb8;
    font-size: 2.2rem;
}

.solook-view-empty strong[b-pbvefhkwmc] {
    color: #294e5f;
}

.solook-view-empty span[b-pbvefhkwmc] {
    font-size: .82rem;
}

@media (max-width: 900px) {
    .solook-view-filter-grid[b-pbvefhkwmc] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .solook-view-summary[b-pbvefhkwmc] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .solook-view-content[b-pbvefhkwmc] {
        gap: 8px;
        padding: 6px;
    }

    .solook-view-filters[b-pbvefhkwmc] {
        padding: 10px;
    }

    .solook-view-table-wrap[b-pbvefhkwmc] {
        padding: 3px;
    }

    .solook-view-table th[b-pbvefhkwmc],
    .solook-view-table td[b-pbvefhkwmc] {
        padding: 6px;
        font-size: .75rem;
    }

    .solook-degree-panel[b-pbvefhkwmc] {
        grid-template-columns: 1fr;
        gap: 10px;
        padding: 11px;
    }
}

@media (max-width: 560px) {
    .solook-view-section-head[b-pbvefhkwmc],
    .solook-view-results-head[b-pbvefhkwmc] {
        align-items: stretch;
        flex-direction: column;
    }

    .solook-view-filter-state[b-pbvefhkwmc],
    .solook-view-results-head > span[b-pbvefhkwmc] {
        align-self: flex-start;
    }

    .solook-view-filter-grid[b-pbvefhkwmc] {
        grid-template-columns: 1fr;
        gap: 9px;
    }

    .solook-view-behavior-field[b-pbvefhkwmc] {
        grid-column: auto;
    }

    .solook-view-date-field[b-pbvefhkwmc] {
        overflow-x: auto;
        padding-top: 2px;
    }

    .solook-view-summary[b-pbvefhkwmc] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 5px;
    }

    .solook-view-summary article[b-pbvefhkwmc] {
        min-height: 86px;
        padding: 10px;
    }

    .solook-view-summary strong[b-pbvefhkwmc] {
        font-size: 1.3rem;
    }

    .solook-view-search[b-pbvefhkwmc] {
        width: 100%;
    }
}
/* /Pages/Students/ChangeStudentsShoba.razor.rz.scp.css */
.student-shoba-page[b-4iop13k5h0] {
    max-width: 1000px;
    padding-bottom: 1.5rem;
}

.student-shoba-content[b-4iop13k5h0] {
    padding: 1.3rem 2rem 1.5rem;
}

.student-shoba-help[b-4iop13k5h0] {
    margin: 0 0 1.1rem;
    color: #64748b;
    font-size: .82rem;
    text-align: center;
}

.student-shoba-page .app-panel-message.error[b-4iop13k5h0] {
    margin: .65rem 0 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: #c62828;
    font-size: .82rem;
    font-weight: 400;
    line-height: 1.6;
    text-align: center;
}

.student-shoba-toolbar[b-4iop13k5h0] {
    display: grid;
    grid-template-columns: minmax(200px, 1fr) minmax(200px, 1fr);
    gap: .7rem;
    align-items: center;
}

.student-shoba-toolbar .app-search-button[b-4iop13k5h0] {
    grid-column: 1 / -1;
    justify-self: center;
    width: 110px;
    min-height: 38px;
}

.student-shoba-stat[b-4iop13k5h0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .7rem;
    min-width: 125px;
    height: 36px;
    padding: 0 .65rem;
    border: 1px solid #dce5ea;
    background: #f8fafb;
    color: #64748b;
    font-size: .76rem;
}

.student-shoba-stat strong[b-4iop13k5h0] {
    min-width: 25px;
    color: #172033;
    font-size: 1rem;
    text-align: center;
}

.student-shoba-stat.changed[b-4iop13k5h0] {
    border-color: #bddbea;
    background: #f0f8fc;
}

.student-shoba-stat.changed strong[b-4iop13k5h0] { color: #087fad; }

.student-shoba-actions[b-4iop13k5h0] {
    width: min(600px, 100%);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .55rem;
    margin: .85rem auto .45rem;
}

.student-shoba-action-buttons[b-4iop13k5h0] {
    display: flex;
    gap: .45rem;
}

.student-shoba-stats[b-4iop13k5h0] {
    display: flex;
    gap: .35rem;
    direction: rtl;
}

.student-shoba-action-buttons button[b-4iop13k5h0] {
    min-width: 105px;
    height: 36px;
}

.student-shoba-table[b-4iop13k5h0] {
    width: 100%;
    min-width: 600px;
    max-width: 600px;
    margin-inline: auto;
    font-size: .76rem;
}

.student-shoba-page .app-data-table-wrap[b-4iop13k5h0] {
    width: min(600px, 100%);
    max-width: 600px;
    margin-inline: auto;
}

.student-shoba-table th[b-4iop13k5h0],
.student-shoba-table td[b-4iop13k5h0] {
    height: 32px;
    padding: .22rem .4rem;
    border-inline-end: 1px solid #e2e8ec;
    border-bottom: 1px solid #e2e8ec;
    vertical-align: middle;
}

.student-shoba-table .student-name[b-4iop13k5h0] {
    min-width: 205px;
    font-weight: 700;
    color: #172033;
}

.student-shoba-table tr.changed td[b-4iop13k5h0] { background: #fff8e8; }
.student-shoba-table tr.invalid td[b-4iop13k5h0] { background: #fff0ef; }
.student-shoba-table td:last-child[b-4iop13k5h0],
.student-shoba-table th:last-child[b-4iop13k5h0] { text-align: center; }

.student-shoba-input[b-4iop13k5h0] {
    width: 66px;
    height: 27px;
    border: 1px solid #cbd5e1;
    border-radius: 0;
    padding: 0;
    background: #fff;
    color: #172033;
    font-weight: 700;
    text-align: center;
    text-align-last: center;
    direction: ltr;
    -moz-appearance: textfield;
}

.student-shoba-input[b-4iop13k5h0]::-webkit-outer-spin-button,
.student-shoba-input[b-4iop13k5h0]::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none;
}

.student-shoba-input:focus[b-4iop13k5h0] {
    border-color: #087fad;
    box-shadow: 0 0 0 2px rgba(8, 127, 173, .13);
    outline: 0;
}

@media (max-width: 760px) {
    .student-shoba-page[b-4iop13k5h0] { padding-inline: .25rem; }
    .student-shoba-content[b-4iop13k5h0] { padding: 1rem .45rem; }
    .student-shoba-toolbar[b-4iop13k5h0] { grid-template-columns: 1fr 1fr; }
    .student-shoba-actions[b-4iop13k5h0] {
        align-items: stretch;
        flex-direction: column-reverse;
    }
    .student-shoba-action-buttons[b-4iop13k5h0] {
        justify-content: center;
    }
    .student-shoba-stats[b-4iop13k5h0] { justify-content: flex-start; }
}

@media (max-width: 480px) {
    .student-shoba-toolbar[b-4iop13k5h0] { grid-template-columns: 1fr; }
    .student-shoba-toolbar .app-search-button[b-4iop13k5h0] { grid-column: 1; }
}
/* /Pages/Students/EstPage.razor.rz.scp.css */
.student-service-board[b-2f71g7fw6r] {
    width: 100%;
}

.student-service-content[b-2f71g7fw6r] {
    padding: 1.25rem 1.5rem 1.5rem;
}

.student-service-hint[b-2f71g7fw6r] {
    width: min(100%, 720px);
    margin: 0 auto .9rem;
    color: #526879;
    font-size: .82rem;
    font-weight: 700;
}

.student-service-layout[b-2f71g7fw6r] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
}

.student-service-layout.is-editing[b-2f71g7fw6r] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.student-service-card[b-2f71g7fw6r] {
    min-width: 0;
    overflow: visible;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.student-service-card-head[b-2f71g7fw6r] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: .8rem 1rem;
    border-bottom: 1px solid #d7e3ea;
    background: #f7fafc;
}

.student-service-card-head > div[b-2f71g7fw6r] {
    min-width: 0;
    display: grid;
    gap: .15rem;
}

.student-service-card-head h2[b-2f71g7fw6r] {
    margin: 0;
    color: #17334a;
    font-size: .98rem;
    font-weight: 900;
}

.student-service-card-head span[b-2f71g7fw6r] {
    color: #60788a;
    font-size: .76rem;
    font-weight: 700;
}

.student-service-card-head .btn[b-2f71g7fw6r] {
    min-width: 92px;
    min-height: 32px;
    flex: 0 0 auto;
}

.student-service-new-action[b-2f71g7fw6r] {
    display: flex;
    justify-content: center;
    padding: 12px 8px 4px;
}

.student-selector-grid[b-2f71g7fw6r],
.student-service-form-grid[b-2f71g7fw6r] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
    padding: 1rem;
}

.student-selector-grid[b-2f71g7fw6r] {
    width: min(100%, 720px);
    margin-inline: auto;
    padding: 0;
}

.student-selector-wide[b-2f71g7fw6r] {
    grid-column: 1 / -1;
}

.student-est-form[b-2f71g7fw6r] {
    padding: 1rem;
}

.student-est-form .student-service-form-grid[b-2f71g7fw6r] {
    padding: .85rem 0 0;
}

.student-est-form > .app-action-row[b-2f71g7fw6r] {
    margin-top: .9rem;
}

.student-service-delete-button[b-2f71g7fw6r],
.student-service-delete-button:hover[b-2f71g7fw6r],
.student-service-delete-button:focus[b-2f71g7fw6r],
.student-service-delete-button:active[b-2f71g7fw6r] {
    background: #dc3545;
    color: #fff;
}

.student-service-cancel-button[b-2f71g7fw6r],
.student-service-cancel-button:hover[b-2f71g7fw6r],
.student-service-cancel-button:focus[b-2f71g7fw6r],
.student-service-cancel-button:active[b-2f71g7fw6r] {
    background: #64748b;
    color: #fff;
}

.student-service-table-wrap[b-2f71g7fw6r] {
    width: 100%;
    max-width: 100%;
    padding: .75rem;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

.student-service-table[b-2f71g7fw6r] {
    display: table;
    width: 100%;
    min-width: 640px;
    margin: 0;
    border-collapse: collapse;
    table-layout: auto;
    background: #fff;
    font-size: .8rem;
}

.student-service-table th[b-2f71g7fw6r],
.student-service-table td[b-2f71g7fw6r] {
    border: 1px solid #cbdbe5;
    padding: .4rem .5rem;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

.student-service-table thead th[b-2f71g7fw6r] {
    background: #eaf4f8;
    color: #17334a;
    font-weight: 900;
}

.student-service-table tbody tr:nth-child(even)[b-2f71g7fw6r] {
    background: #f8fafc;
}

.student-row-actions[b-2f71g7fw6r] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
}

.student-row-actions button[b-2f71g7fw6r] {
    min-height: 28px;
    padding: .2rem .5rem;
    border: 1px solid #9fc7da;
    background: #fff;
    color: #0476aa;
    font-size: .74rem;
    font-weight: 900;
}

.student-row-actions button:hover[b-2f71g7fw6r],
.student-row-actions button:focus-visible[b-2f71g7fw6r] {
    border-color: #0476aa;
    background: #0476aa;
    color: #fff;
    outline: 0;
}

.student-service-card .app-panel-message[b-2f71g7fw6r] {
    margin: .75rem;
}

.student-service-empty-alert[b-2f71g7fw6r] {
    width: min(calc(100% - 24px), 720px);
    margin: 14px auto 4px;
    padding: 12px 16px;
    border: 0;
    border-inline-start: 4px solid #0b88b5;
    background: #dff3fa;
    color: #0d5872;
    font-size: 12px !important;
    font-weight: 700;
    line-height: 1.45;
    text-align: center !important;
    box-shadow: 0 2px 8px rgba(15, 91, 119, .12);
}

@media (max-width: 900px) {
    .student-service-layout.is-editing[b-2f71g7fw6r] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .student-service-content[b-2f71g7fw6r] {
        padding: .65rem;
    }

    .student-service-layout[b-2f71g7fw6r] {
        gap: .65rem;
    }

    .student-service-card-head[b-2f71g7fw6r] {
        align-items: center;
        padding: .65rem .7rem;
    }

    .student-service-card-head h2[b-2f71g7fw6r] {
        font-size: .9rem;
    }

    .student-selector-grid[b-2f71g7fw6r],
    .student-service-form-grid[b-2f71g7fw6r] {
        gap: .6rem;
        padding: .75rem;
    }

    .student-selector-grid[b-2f71g7fw6r] {
        width: 100%;
    }

    .student-est-form[b-2f71g7fw6r] {
        padding: .75rem;
    }

    .student-est-form .student-service-form-grid[b-2f71g7fw6r] {
        padding-top: .7rem;
    }

    .student-service-table-wrap[b-2f71g7fw6r] {
        padding: 3px;
    }

    .student-service-table th[b-2f71g7fw6r],
    .student-service-table td[b-2f71g7fw6r] {
        padding: .3rem .38rem;
        font-size: .74rem;
    }
}

@media (max-width: 560px) {
    .student-selector-grid[b-2f71g7fw6r],
    .student-service-form-grid[b-2f71g7fw6r] {
        grid-template-columns: 1fr;
    }

    .student-selector-wide[b-2f71g7fw6r] {
        grid-column: auto;
    }

    .student-service-card-head[b-2f71g7fw6r] {
        gap: .5rem;
    }

    .student-service-card-head span[b-2f71g7fw6r] {
        font-size: .68rem;
    }

    .student-service-card-head .btn[b-2f71g7fw6r] {
        min-width: 78px;
        padding-inline: .5rem;
        font-size: .72rem;
    }
}
/* /Pages/Students/EstPageOneClick.razor.rz.scp.css */
.student-service-form[b-f2w7r6p40b] {
    padding: 1.25rem 2rem 1.5rem;
}

.student-service-grid[b-f2w7r6p40b] {
    display: grid;
    gap: .8rem;
    margin-bottom: .9rem;
}

.student-service-grid.three[b-f2w7r6p40b] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.student-service-wide[b-f2w7r6p40b] {
    display: block;
    margin-bottom: .9rem;
}

.student-service-section-title[b-f2w7r6p40b] {
    margin: .75rem 0 .9rem;
    padding: .45rem .75rem;
    background: #e9eef2;
    color: #172033;
    text-align: center;
    font-weight: 900;
}

@media (max-width: 760px) {
    .student-service-form[b-f2w7r6p40b] {
        padding: 1rem;
    }

    .student-service-grid.three[b-f2w7r6p40b] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Students/MsgLog.razor.rz.scp.css */
.msg-log-page[b-fncj72xcqt] {
    overflow: hidden;
    padding-bottom: 1.5rem;
}

.msg-log-filter[b-fncj72xcqt] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-areas:
        "date date ."
        "user channel status"
        ". button .";
    gap: 1rem;
    padding: 1.15rem;
    border: 1px solid #dce6ee;
    margin: 1.25rem 1.25rem 1rem;
    background: linear-gradient(180deg, #fff, #f8fbfd);
    box-shadow: 0 8px 22px rgba(15, 23, 42, .05);
}

.msg-log-date-row[b-fncj72xcqt] {
    grid-area: date;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: .9rem;
    justify-self: start;
}

.msg-log-date-field[b-fncj72xcqt] {
    min-height: 40px;
    width: 190px;
}

.msg-log-date-field.disabled[b-fncj72xcqt] {
    opacity: .45;
    pointer-events: none;
}

.msg-log-date-field[b-fncj72xcqt]  .gyab-date-time {
    margin-bottom: 0 !important;
    justify-content: stretch;
}

.msg-log-date-field[b-fncj72xcqt]  .gyab-hijri-picker {
    width: 100%;
}

.msg-log-date-field[b-fncj72xcqt]  .gyab-date-chip {
    min-width: 64px;
}

.msg-log-date-field[b-fncj72xcqt]  .gyab-hijri-calendar {
    z-index: 60;
}

.msg-log-check[b-fncj72xcqt] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    min-height: 40px;
    font-size: 12.4px;
    font-weight: 600;
    color: #334155;
    align-self: center;
    white-space: nowrap;
}

.msg-log-user-filter[b-fncj72xcqt] {
    grid-area: user;
}

.msg-log-channel-filter[b-fncj72xcqt] {
    grid-area: channel;
}

.msg-log-status-filter[b-fncj72xcqt] {
    grid-area: status;
}

.msg-log-filter .app-search-button[b-fncj72xcqt] {
    justify-self: center;
    min-width: 110px;
}

.msg-log-refresh-button[b-fncj72xcqt] {
    grid-area: button;
    align-self: center;
}

.msg-log-summary[b-fncj72xcqt] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
    margin: 0 1.25rem 1rem;
}

.msg-log-summary-card[b-fncj72xcqt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    min-height: 58px;
    padding: .65rem .85rem;
    border: 1px solid #dce6ee;
    background: #fff;
    box-shadow: 0 5px 14px rgba(15, 23, 42, .05);
    border-radius: 5px;
}

.msg-log-summary-card span[b-fncj72xcqt] {
    color: #64748b;
    font-size: 11.5px;
    font-weight: 700;
}

.msg-log-summary-card strong[b-fncj72xcqt] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    height: 32px;
    font-size: 16px;
    font-weight: 800;
}

.msg-log-summary-card.total strong[b-fncj72xcqt] {
    background: #eef7fb;
    color: #075f7c;
}

.msg-log-summary-card.sent strong[b-fncj72xcqt] {
    background: #ecfdf5;
    color: #047857;
}

.msg-log-summary-card.pending strong[b-fncj72xcqt] {
    background: #fff7ed;
    color: #9a3412;
}

.msg-log-summary-card.failed strong[b-fncj72xcqt] {
    background: #fef2f2;
    color: #b91c1c;
}

.msg-log-meta[b-fncj72xcqt],
.msg-log-detail-head[b-fncj72xcqt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin: 1rem 1.25rem .65rem;
    color: #243746;
    font-size: 12.4px;
    font-weight: 600;
}

.msg-log-meta div[b-fncj72xcqt],
.msg-log-detail-head div[b-fncj72xcqt] {
    display: grid;
    gap: .2rem;
}

.msg-log-meta small[b-fncj72xcqt],
.msg-log-detail-head small[b-fncj72xcqt] {
    color: #64748b;
    font-size: 11.5px;
    font-weight: 600;
}

.msg-log-meta span[b-fncj72xcqt],
.msg-log-detail-head span[b-fncj72xcqt] {
    color: #64748b;
}

.msg-log-batches[b-fncj72xcqt] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: .75rem;
    margin: 0 1.25rem 1.2rem;
}

.msg-log-batch-card[b-fncj72xcqt] {
    display: grid;
    gap: .55rem;
    padding: .8rem;
    border: 1px solid #d7e2ea;
    background: linear-gradient(180deg, #fff, #fbfdff);
    text-align: right;
    color: #243746;
    box-shadow: 0 2px 8px rgba(15, 23, 42, .06);
    transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
    border-radius: 3px;
}

.msg-log-batch-card:hover[b-fncj72xcqt],
.msg-log-batch-card.selected[b-fncj72xcqt] {
    border-color: #0b7faf;
    box-shadow: 0 8px 18px rgba(15, 23, 42, .12);
    transform: translateY(-1px);
}

.msg-log-batch-card.selected[b-fncj72xcqt] {
    background: #f0f9ff;
}

.msg-log-batch-title[b-fncj72xcqt],
.msg-log-batch-counts[b-fncj72xcqt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
}

.msg-log-batch-title strong[b-fncj72xcqt] {
    font-size: 13px;
    font-weight: 700;
}

.msg-log-batch-title small[b-fncj72xcqt],
.msg-log-batch-counts small[b-fncj72xcqt] {
    font-size: 11.5px;
    color: #64748b;
    font-weight: 600;
}

.msg-log-batch-counts b[b-fncj72xcqt] {
    min-width: 30px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #eef7fb;
    color: #075f7c;
    font-size: 13px;
}

.msg-log-batch-counts .danger[b-fncj72xcqt] {
    color: #b91c1c;
}

.msg-log-progress[b-fncj72xcqt] {
    display: block;
    height: 5px;
    overflow: hidden;
    background: #e8eef3;
}

.msg-log-progress span[b-fncj72xcqt] {
    display: block;
    height: 100%;
    background: #0b7faf;
    transition: width .2s ease;
}

.msg-log-batch-status[b-fncj72xcqt],
.msg-log-status[b-fncj72xcqt] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 24px;
    padding: .15rem .55rem;
    font-size: 11.5px;
    font-weight: 700;
    border: 1px solid transparent;
    border-radius: 2px;
}

.status-queued[b-fncj72xcqt] {
    background: #fff7ed;
    color: #9a3412;
    border-color: #fed7aa;
}

.status-sending[b-fncj72xcqt] {
    background: #eff6ff;
    color: #1d4ed8;
    border-color: #bfdbfe;
}

.status-sent[b-fncj72xcqt] {
    background: #ecfdf5;
    color: #047857;
    border-color: #a7f3d0;
}

.status-failed[b-fncj72xcqt] {
    background: #fef2f2;
    color: #b91c1c;
    border-color: #fecaca;
}

.status-partial[b-fncj72xcqt] {
    background: #fffbeb;
    color: #92400e;
    border-color: #fde68a;
}

.status-unknown[b-fncj72xcqt] {
    background: #f1f5f9;
    color: #475569;
    border-color: #e2e8f0;
}

.msg-log-table-wrap[b-fncj72xcqt] {
    max-height: 560px;
    overflow: auto;
    margin: 0 1.25rem 1.5rem;
}

.msg-log-page .app-panel-message[b-fncj72xcqt] {
    margin: 1rem 1.25rem;
}

.msg-log-table[b-fncj72xcqt] {
    min-width: 860px;
    border-color: #d7e0e8;
}

.msg-log-table th[b-fncj72xcqt] {
    position: sticky;
    top: 0;
    z-index: 2;
    background: #0b7faf;
    color: #fff;
    border-color: #096e98;
    font-size: 12.2px;
}

.msg-log-table td[b-fncj72xcqt] {
    color: #263746;
    font-size: 12.2px;
    font-weight: 600;
}

.msg-log-name[b-fncj72xcqt] {
    min-width: 120px;
}

.msg-log-phone[b-fncj72xcqt] {
    color: #047857;
    white-space: nowrap;
}

.msg-log-message[b-fncj72xcqt] {
    min-width: 310px;
    max-width: 420px;
    text-align: right;
    white-space: normal;
    line-height: 1.55;
}

.msg-log-attachment[b-fncj72xcqt] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    max-width: 100%;
    padding: .18rem .45rem;
    background: #eef7fb;
    border: 1px solid #cce4ef;
    color: #075f7c;
    font-size: 11.8px;
}

.msg-log-attachment-label[b-fncj72xcqt] {
    color: #047857;
    font-weight: 800;
}

.msg-log-attachment-name[b-fncj72xcqt] {
    overflow-wrap: anywhere;
}

.msg-log-caption[b-fncj72xcqt] {
    margin-top: .25rem;
    color: #475569;
    font-size: 11.8px;
}

.msg-log-note[b-fncj72xcqt] {
    min-width: 120px;
    color: #475569;
}

.msg-log-error[b-fncj72xcqt] {
    color: #b91c1c;
}

@media (max-width: 760px) {
    .msg-log-filter[b-fncj72xcqt] {
        grid-template-columns: 1fr;
        grid-template-areas:
            "date"
            "user"
            "channel"
            "status"
            "button";
        margin-inline: .75rem;
        padding: 1rem;
    }

    .msg-log-meta[b-fncj72xcqt],
    .msg-log-detail-head[b-fncj72xcqt] {
        align-items: flex-start;
        flex-direction: column;
        margin-inline: .75rem;
    }

    .msg-log-batches[b-fncj72xcqt],
    .msg-log-summary[b-fncj72xcqt],
    .msg-log-table-wrap[b-fncj72xcqt],
    .msg-log-page .app-panel-message[b-fncj72xcqt] {
        margin-inline: .75rem;
    }

    .msg-log-summary[b-fncj72xcqt] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
    .msg-log-date-row[b-fncj72xcqt] {
        width: 100%;
        justify-content: flex-start;
    }

    .msg-log-date-field[b-fncj72xcqt] {
        width: min(190px, 65%);
    }
/* /Pages/Students/OdorPage.razor.rz.scp.css */
.student-service-board[b-5t78ehp3qf] {
    width: 100%;
}

.student-service-content[b-5t78ehp3qf] {
    padding: 1.25rem 1.5rem 1.5rem;
}

.student-service-hint[b-5t78ehp3qf] {
    width: min(100%, 720px);
    margin: 0 auto .9rem;
    color: #526879;
    font-size: .82rem;
    font-weight: 700;
}

.student-service-layout[b-5t78ehp3qf] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
}

.student-service-layout.is-editing[b-5t78ehp3qf] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.student-service-card[b-5t78ehp3qf] {
    min-width: 0;
    overflow: visible;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.student-service-card-head[b-5t78ehp3qf] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: .8rem 1rem;
    border-bottom: 1px solid #d7e3ea;
    background: #f7fafc;
}

.student-service-card-head > div[b-5t78ehp3qf] {
    min-width: 0;
    display: grid;
    gap: .15rem;
}

.student-service-card-head h2[b-5t78ehp3qf] {
    margin: 0;
    color: #17334a;
    font-size: .98rem;
    font-weight: 900;
}

.student-service-card-head span[b-5t78ehp3qf] {
    color: #60788a;
    font-size: .76rem;
    font-weight: 700;
}

.student-service-card-head .btn[b-5t78ehp3qf] {
    min-width: 92px;
    min-height: 32px;
    flex: 0 0 auto;
}

.student-service-new-action[b-5t78ehp3qf] {
    display: flex;
    justify-content: center;
    padding: 12px 8px 4px;
}

.student-selector-grid[b-5t78ehp3qf],
.student-service-form-grid[b-5t78ehp3qf] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
    padding: 1rem;
}

.student-selector-grid[b-5t78ehp3qf] {
    width: min(100%, 720px);
    margin-inline: auto;
    padding: 0;
}

.student-selector-wide[b-5t78ehp3qf] {
    grid-column: 1 / -1;
}

.student-odor-date-stack[b-5t78ehp3qf] {
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: 1fr;
    gap: 2px;
    min-width: 0;
}

.student-odor-date-stack[b-5t78ehp3qf]  .gyab-date-time {
    margin-bottom: 0 !important;
}

.student-odor-kind-field[b-5t78ehp3qf] {
    grid-column: 1 / -1;
    width: min(263px, 100%);
}

.student-est-form[b-5t78ehp3qf] {
    padding: 1rem;
}

.student-est-form .student-service-form-grid[b-5t78ehp3qf] {
    padding: .85rem 0 0;
}

.student-est-form > .app-action-row[b-5t78ehp3qf] {
    margin-top: .9rem;
}

.student-service-delete-button[b-5t78ehp3qf],
.student-service-delete-button:hover[b-5t78ehp3qf],
.student-service-delete-button:focus[b-5t78ehp3qf],
.student-service-delete-button:active[b-5t78ehp3qf] {
    background: #dc3545;
    color: #fff;
}

.student-service-cancel-button[b-5t78ehp3qf],
.student-service-cancel-button:hover[b-5t78ehp3qf],
.student-service-cancel-button:focus[b-5t78ehp3qf],
.student-service-cancel-button:active[b-5t78ehp3qf] {
    background: #64748b;
    color: #fff;
}

.student-service-switch[b-5t78ehp3qf] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    margin-bottom: .15rem;
    color: #17334a;
    font-size: .8rem;
    font-weight: 900;
}

.student-service-duration[b-5t78ehp3qf] {
    margin-top: .65rem;
    padding: .4rem .55rem;
    border-right: 3px solid #d97706;
    background: #fff8eb;
    color: #9a5b09;
    font-size: .78rem;
    font-weight: 900;
}

.student-service-table-wrap[b-5t78ehp3qf] {
    width: 100%;
    max-width: 100%;
    padding: .75rem;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

.student-service-table[b-5t78ehp3qf] {
    display: table;
    width: 100%;
    min-width: 580px;
    margin: 0;
    border-collapse: collapse;
    table-layout: auto;
    background: #fff;
    font-size: .8rem;
}

.student-service-table th[b-5t78ehp3qf],
.student-service-table td[b-5t78ehp3qf] {
    border: 1px solid #cbdbe5;
    padding: .4rem .5rem;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

.student-service-table thead th[b-5t78ehp3qf] {
    background: #eaf4f8;
    color: #17334a;
    font-weight: 900;
}

.student-service-table tbody tr:nth-child(even)[b-5t78ehp3qf] {
    background: #f8fafc;
}

.student-row-actions[b-5t78ehp3qf] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
}

.student-row-actions button[b-5t78ehp3qf] {
    min-height: 28px;
    padding: .2rem .5rem;
    border: 1px solid #9fc7da;
    background: #fff;
    color: #0476aa;
    font-size: .74rem;
    font-weight: 900;
}

.student-row-actions button:hover[b-5t78ehp3qf],
.student-row-actions button:focus-visible[b-5t78ehp3qf] {
    border-color: #0476aa;
    background: #0476aa;
    color: #fff;
    outline: 0;
}

.student-service-card .app-panel-message[b-5t78ehp3qf] {
    margin: .75rem;
}

.student-service-empty-alert[b-5t78ehp3qf] {
    width: min(calc(100% - 24px), 720px);
    margin: 14px auto 4px;
    padding: 12px 16px;
    border: 0;
    border-inline-start: 4px solid #0b88b5;
    background: #dff3fa;
    color: #0d5872;
    font-size: 12px !important;
    font-weight: 700;
    line-height: 1.45;
    text-align: center !important;
    box-shadow: 0 2px 8px rgba(15, 91, 119, .12);
}

@media (max-width: 900px) {
    .student-service-layout.is-editing[b-5t78ehp3qf] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .student-service-content[b-5t78ehp3qf] {
        padding: .65rem;
    }

    .student-service-layout[b-5t78ehp3qf] {
        gap: .65rem;
    }

    .student-service-card-head[b-5t78ehp3qf] {
        align-items: center;
        padding: .65rem .7rem;
    }

    .student-service-card-head h2[b-5t78ehp3qf] {
        font-size: .9rem;
    }

    .student-selector-grid[b-5t78ehp3qf],
    .student-service-form-grid[b-5t78ehp3qf] {
        gap: .6rem;
        padding: .75rem;
    }

    .student-selector-grid[b-5t78ehp3qf] {
        width: 100%;
    }

    .student-est-form[b-5t78ehp3qf] {
        padding: .75rem;
    }

    .student-est-form .student-service-form-grid[b-5t78ehp3qf] {
        padding-top: .7rem;
    }

    .student-service-table-wrap[b-5t78ehp3qf] {
        padding: 3px;
    }

    .student-service-table th[b-5t78ehp3qf],
    .student-service-table td[b-5t78ehp3qf] {
        padding: .3rem .38rem;
        font-size: .74rem;
    }
}

@media (max-width: 560px) {
    .student-selector-grid[b-5t78ehp3qf],
    .student-service-form-grid[b-5t78ehp3qf] {
        grid-template-columns: 1fr;
    }

    .student-selector-wide[b-5t78ehp3qf] {
        grid-column: auto;
    }

    .student-service-card-head[b-5t78ehp3qf] {
        gap: .5rem;
    }

    .student-service-card-head span[b-5t78ehp3qf] {
        font-size: .68rem;
    }

    .student-service-card-head .btn[b-5t78ehp3qf] {
        min-width: 78px;
        padding-inline: .5rem;
        font-size: .72rem;
    }
}
/* /Pages/Students/OdorPageOneClick.razor.rz.scp.css */
.student-service-form[b-nfef4dlii1] {
    padding: 1.25rem 2rem 1.5rem;
}

.student-service-grid[b-nfef4dlii1] {
    display: grid;
    gap: .8rem;
    margin-bottom: .9rem;
}

.student-service-grid.date-row[b-nfef4dlii1] {
    grid-template-columns: repeat(2, max-content);
    align-items: start;
    justify-content: start;
}

.student-service-wide[b-nfef4dlii1] {
    display: block;
    margin-bottom: .9rem;
}

.student-service-kind[b-nfef4dlii1] {
    display: block;
    width: min(100%, 360px);
    margin-bottom: .9rem;
}

.student-service-switch[b-nfef4dlii1] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    margin: 0 0 .9rem;
    color: #172033;
    font-weight: 900;
}

.student-service-duration[b-nfef4dlii1] {
    margin: -.25rem 0 .9rem;
    color: #b91c1c;
    font-weight: 900;
}

@media (max-width: 760px) {
    .student-service-form[b-nfef4dlii1] {
        padding: 1rem;
    }

    .student-service-grid.date-row[b-nfef4dlii1] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Students/ShobaCount.razor.rz.scp.css */
.shoba-count-content[b-3i6wehid95] {
    padding: 1.25rem 1.5rem 1.5rem;
}

.shoba-filter-panel[b-3i6wehid95],
.shoba-results[b-3i6wehid95] {
    border: 1px solid #d7e3eb;
    background: #fff;
}

.shoba-section-head[b-3i6wehid95],
.shoba-results-head[b-3i6wehid95] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .85rem 1rem;
    border-bottom: 1px solid #dce7ee;
    background: #f8fbfd;
}

.shoba-section-head > div[b-3i6wehid95],
.shoba-results-head > div[b-3i6wehid95] {
    display: grid;
    gap: .18rem;
}

.shoba-section-head strong[b-3i6wehid95],
.shoba-results-head strong[b-3i6wehid95] {
    color: #17334a;
    font-size: .98rem;
    font-weight: 900;
}

.shoba-section-head span[b-3i6wehid95],
.shoba-results-head span[b-3i6wehid95] {
    color: #60788a;
    font-size: .78rem;
    font-weight: 700;
}

.shoba-selected-count[b-3i6wehid95],
.shoba-results-head > span[b-3i6wehid95] {
    padding: .3rem .65rem;
    border: 1px solid #b9d8e7;
    background: #edf8fc;
    color: #0476aa !important;
    white-space: nowrap;
}

.shoba-filter-actions[b-3i6wehid95] {
    display: flex;
    justify-content: flex-end;
    gap: .45rem;
    padding: .65rem 1rem 0;
}

.shoba-filter-actions button[b-3i6wehid95] {
    min-width: 88px;
    min-height: 30px;
    border: 1px solid #1786b2;
    background: #fff;
    color: #0476aa;
    font-size: .78rem;
    font-weight: 900;
}

.shoba-filter-actions button:hover[b-3i6wehid95],
.shoba-filter-actions button:focus-visible[b-3i6wehid95] {
    background: #0476aa;
    color: #fff;
    outline: 0;
}

.shoba-filter-actions button:disabled[b-3i6wehid95] {
    border-color: #d5e0e7;
    color: #9aaab5;
    background: #f5f7f9;
}

.shoba-saf-selector[b-3i6wehid95] {
    display: grid;
    grid-template-columns: repeat(4, minmax(150px, 1fr));
    gap: .55rem;
    padding: .75rem 1rem 1rem;
}

.shoba-saf-option[b-3i6wehid95] {
    position: relative;
    display: flex;
    align-items: center;
    gap: .6rem;
    min-height: 52px;
    padding: .55rem .65rem;
    border: 1px solid #d5e1e8;
    background: #fff;
    cursor: pointer;
    transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease;
}

.shoba-saf-option:hover[b-3i6wehid95] {
    border-color: #65afd0;
    background: #f8fcfe;
}

.shoba-saf-option.selected[b-3i6wehid95] {
    border-color: #1688b5;
    background: #eff9fd;
    box-shadow: inset 3px 0 0 #1688b5;
}

.shoba-saf-option input[b-3i6wehid95] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.shoba-check-mark[b-3i6wehid95] {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    display: grid;
    place-items: center;
    border: 1px solid #a9bdca;
    background: #fff;
}

.shoba-saf-option.selected .shoba-check-mark[b-3i6wehid95] {
    border-color: #1688b5;
    background: #1688b5;
}

.shoba-saf-option.selected .shoba-check-mark[b-3i6wehid95]::after {
    content: "✓";
    color: #fff;
    font-size: .78rem;
    font-weight: 900;
}

.shoba-saf-copy[b-3i6wehid95] {
    min-width: 0;
    display: grid;
    gap: .12rem;
}

.shoba-saf-copy strong[b-3i6wehid95] {
    overflow: hidden;
    color: #17334a;
    font-size: .82rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.shoba-saf-copy small[b-3i6wehid95] {
    color: #668093;
    font-size: .7rem;
    font-weight: 700;
}

.shoba-summary[b-3i6wehid95] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .7rem;
    margin: 1rem 0;
}

.shoba-summary-card[b-3i6wehid95] {
    min-height: 105px;
    display: grid;
    align-content: center;
    gap: .18rem;
    padding: .8rem 1rem;
    border: 1px solid #d4e2ea;
    background: #f9fcfd;
}

.shoba-summary-card.primary[b-3i6wehid95] {
    border-color: #1786b2;
    background: #087fab;
}

.shoba-summary-card span[b-3i6wehid95],
.shoba-summary-card small[b-3i6wehid95] {
    color: #60798b;
    font-size: .74rem;
    font-weight: 800;
}

.shoba-summary-card strong[b-3i6wehid95] {
    color: #0b4261;
    font-size: 1.65rem;
    font-weight: 900;
    line-height: 1.1;
}

.shoba-summary-card.primary span[b-3i6wehid95],
.shoba-summary-card.primary small[b-3i6wehid95],
.shoba-summary-card.primary strong[b-3i6wehid95] {
    color: #fff;
}

.shoba-print-actions[b-3i6wehid95] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin: 0 0 1rem;
    padding: .75rem 1rem;
    border: 1px solid #cfe0e9;
    background: #f8fbfd;
}

.shoba-print-actions > div:first-child[b-3i6wehid95] {
    display: grid;
    gap: .15rem;
}

.shoba-print-actions strong[b-3i6wehid95] {
    color: #17334a;
    font-size: .88rem;
    font-weight: 900;
}

.shoba-print-actions span[b-3i6wehid95] {
    color: #667f90;
    font-size: .72rem;
    font-weight: 700;
}

.shoba-print-buttons[b-3i6wehid95] {
    display: flex;
    gap: .45rem;
}

.shoba-action-button[b-3i6wehid95] {
    min-width: 125px;
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    border: 1px solid #087fae;
    background: #087fae;
    color: #fff;
    font-size: .76rem;
    font-weight: 900;
}

.shoba-action-button.secondary[b-3i6wehid95] {
    background: #fff;
    color: #087fae;
}

.shoba-action-button:disabled[b-3i6wehid95] {
    cursor: wait;
    opacity: .65;
}


.shoba-saf-grid[b-3i6wehid95] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .8rem;
    padding: 1rem;
}

.shoba-saf-card[b-3i6wehid95] {
    min-width: 0;
    border: 1px solid #d6e2e9;
    background: #fff;
    box-shadow: 0 3px 10px rgba(23, 51, 74, .06);
}

.shoba-saf-card > header[b-3i6wehid95] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .8rem;
    padding: .75rem .85rem;
    border-bottom: 3px solid #1590bc;
    background: #f3f9fc;
}

.shoba-saf-card header > div:first-child[b-3i6wehid95] {
    min-width: 0;
}

.shoba-saf-card header span[b-3i6wehid95] {
    color: #688194;
    font-size: .68rem;
    font-weight: 800;
}

.shoba-saf-card h2[b-3i6wehid95] {
    margin: .08rem 0 0;
    overflow: hidden;
    color: #153b55;
    font-size: .95rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.shoba-saf-total[b-3i6wehid95] {
    min-width: 58px;
    display: grid;
    justify-items: center;
    padding: .3rem .5rem;
    background: #0781ae;
}

.shoba-saf-total strong[b-3i6wehid95],
.shoba-saf-total span[b-3i6wehid95] {
    color: #fff !important;
}

.shoba-saf-total strong[b-3i6wehid95] {
    font-size: 1.15rem;
    line-height: 1;
}

.shoba-list[b-3i6wehid95] {
    display: grid;
    gap: .1rem;
    padding: .55rem .75rem;
}

.shoba-row[b-3i6wehid95] {
    display: grid;
    grid-template-columns: minmax(125px, 1fr) minmax(80px, 1.4fr) auto;
    align-items: center;
    gap: .65rem;
    min-height: 42px;
    padding: .38rem .2rem;
    border-bottom: 1px solid #e5edf2;
}

.shoba-row:last-child[b-3i6wehid95] {
    border-bottom: 0;
}

.shoba-row-main[b-3i6wehid95] {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
}

.shoba-name[b-3i6wehid95] {
    overflow: hidden;
    color: #29485d;
    font-size: .78rem;
    font-weight: 850;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.shoba-row-main strong[b-3i6wehid95] {
    color: #0476aa;
    font-size: .86rem;
    font-weight: 900;
}

.shoba-meter[b-3i6wehid95] {
    height: 7px;
    overflow: hidden;
    background: #e5eff4;
}

.shoba-meter span[b-3i6wehid95] {
    display: block;
    height: 100%;
    background: linear-gradient(90deg, #43b4cf, #087fae);
}

.shoba-row small[b-3i6wehid95] {
    color: #718798;
    font-size: .68rem;
    font-weight: 750;
    white-space: nowrap;
}

.shoba-saf-card > footer[b-3i6wehid95] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .6rem;
    padding: .5rem .75rem;
    border-top: 1px solid #dce7ed;
    background: #f8fafc;
    color: #5d7587;
    font-size: .7rem;
    font-weight: 800;
}

.shoba-state[b-3i6wehid95] {
    min-height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .6rem;
    padding: 1.25rem;
    border: 1px solid #d7e3eb;
    background: #fff;
    color: #345268;
}

.shoba-state.error[b-3i6wehid95],
.shoba-state.empty[b-3i6wehid95] {
    flex-direction: column;
    text-align: center;
}

.shoba-state.error strong[b-3i6wehid95] {
    color: #b42318;
}

.shoba-state.empty span[b-3i6wehid95] {
    color: #6a8192;
    font-size: .8rem;
}

@media (max-width: 900px) {
    .shoba-saf-selector[b-3i6wehid95],
    .shoba-summary[b-3i6wehid95] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .shoba-saf-grid[b-3i6wehid95] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .shoba-count-content[b-3i6wehid95] {
        padding: .65rem;
    }

    .shoba-section-head[b-3i6wehid95],
    .shoba-results-head[b-3i6wehid95] {
        align-items: flex-start;
        padding: .65rem .7rem;
    }

    .shoba-filter-actions[b-3i6wehid95] {
        padding: .5rem .65rem 0;
    }

    .shoba-saf-selector[b-3i6wehid95],
    .shoba-saf-grid[b-3i6wehid95] {
        padding: .65rem;
    }

    .shoba-summary[b-3i6wehid95] {
        gap: .5rem;
        margin: .65rem 0;
    }

    .shoba-summary-card[b-3i6wehid95] {
        min-height: 82px;
        padding: .55rem .65rem;
    }

    .shoba-summary-card strong[b-3i6wehid95] {
        font-size: 1.3rem;
    }
}

@media (max-width: 560px) {
    .shoba-saf-selector[b-3i6wehid95],
    .shoba-summary[b-3i6wehid95] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .shoba-saf-selector[b-3i6wehid95] {
        gap: .4rem;
    }

    .shoba-saf-option[b-3i6wehid95] {
        min-height: 48px;
        padding: .45rem .5rem;
    }

    .shoba-check-mark[b-3i6wehid95] {
        width: 18px;
        height: 18px;
        flex-basis: 18px;
    }

    .shoba-selected-count[b-3i6wehid95],
    .shoba-results-head > span[b-3i6wehid95] {
        padding: .22rem .4rem;
        font-size: .68rem !important;
    }

    .shoba-row[b-3i6wehid95] {
        grid-template-columns: minmax(100px, 1fr) minmax(62px, .8fr);
        gap: .45rem;
    }

    .shoba-row small[b-3i6wehid95] {
        display: none;
    }

    .shoba-print-actions[b-3i6wehid95] {
        align-items: stretch;
        flex-direction: column;
        padding: .65rem;
    }

    .shoba-print-buttons[b-3i6wehid95],
    .shoba-action-button[b-3i6wehid95] {
        width: 100%;
    }
}

@media (max-width: 390px) {
    .shoba-count-content[b-3i6wehid95] {
        padding: .45rem;
    }

    .shoba-saf-copy strong[b-3i6wehid95] {
        font-size: .74rem;
    }

    .shoba-saf-copy small[b-3i6wehid95] {
        font-size: .64rem;
    }
}
/* /Pages/Students/Student.razor.rz.scp.css */

.student-page-content[b-am9rsi436z] {
    padding: 1.25rem 1.5rem 1.5rem;
}

.student-page-content .app-toolbar[b-am9rsi436z] {
    margin: 0;
}

.student-page-content .app-panel-message[b-am9rsi436z],
.student-page-content .app-results-bar[b-am9rsi436z] {
    margin-top: 1rem;
}

.student-results-tools[b-am9rsi436z] {
    display: grid;
    grid-template-columns: minmax(240px, 1fr) auto auto;
    align-items: center;
    gap: .75rem;
    margin-top: 1rem;
    padding: .7rem;
    border: 1px solid #dbe5eb;
    background: #f8fbfc;
}

.student-export-actions[b-am9rsi436z] {
    grid-column: 3;
    grid-row: 1;
    display: flex;
    justify-content: flex-end;
    gap: .45rem;
}

.student-tool-button[b-am9rsi436z] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    width: 40px;
    height: 40px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    font-size: 18px;
}

.student-tool-button i[b-am9rsi436z],
.student-tool-button i[b-am9rsi436z]::before {
    font-size: 18px !important;
    line-height: 1;
}

.student-tool-button.excel[b-am9rsi436z] {
    color: #087f5b;
}

.student-tool-button.print[b-am9rsi436z] {
    color: #087da5;
}

.student-tool-button:hover[b-am9rsi436z] {
    background: #e8f2f5;
}

.student-result-search[b-am9rsi436z] {
    grid-column: 1;
    grid-row: 1;
    position: relative;
    display: flex;
    align-items: center;
}

.student-result-search > i[b-am9rsi436z] {
    position: absolute;
    right: .7rem;
    z-index: 1;
    color: #61727d;
}

.student-result-search input[b-am9rsi436z] {
    padding-right: 2.15rem;
    padding-left: 2rem;
}

.student-result-search button[b-am9rsi436z] {
    position: absolute;
    left: .35rem;
    border: 0;
    background: transparent;
    color: #6b7280;
    font-size: 1.15rem;
}

.student-result-count[b-am9rsi436z] {
    grid-column: 2;
    grid-row: 1;
    white-space: nowrap;
    color: #30414c;
    font-size: .82rem;
}

.student-table-wrap[b-am9rsi436z] {
    width: 100%;
    max-width: 100%;
    margin-top: .75rem;
    border: 1px solid #d7e3e9;
    border-radius: 0;
    background: #fff;
    box-shadow: 0 5px 18px rgba(24, 70, 91, .08);
    overflow-x: auto !important;
    overflow-y: hidden;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
}

.student-table-wrap .app-data-table[b-am9rsi436z] {
    margin: 0;
    border: 0;
    font-family: Calibri, "Segoe UI", Arial, sans-serif;
    font-size: .92rem;
}

@media (max-width: 1100px) {
    .student-table-wrap .app-data-table[b-am9rsi436z] {
        min-width: 900px;
    }
}

.student-table-wrap .app-data-table thead[b-am9rsi436z] {
    position: sticky;
    top: 0;
    z-index: 2;
}

.student-table-wrap .app-data-table thead th[b-am9rsi436z] {
    padding: .7rem .55rem;
    border-color: rgba(255, 255, 255, .2);
    background: linear-gradient(180deg, #087ea5 0%, #066d91 100%);
    color: #fff;
    font-weight: 850;
    letter-spacing: .01em;
    white-space: nowrap;
}

.student-table-wrap .app-data-table tbody td[b-am9rsi436z] {
    padding: .32rem .5rem;
    border-top: 0 !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(111, 135, 146, .14) !important;
    border-left: 0 !important;
    color: #263944;
    vertical-align: middle;
}

.student-table-wrap .app-data-table tbody tr:last-child td[b-am9rsi436z] {
    border-bottom: 0 !important;
}

.student-table-wrap .app-data-table tbody tr:nth-child(even) td[b-am9rsi436z] {
    background: #fafcfd;
}

.student-table-wrap .app-data-table tbody tr[b-am9rsi436z] {
    transition: background-color .15s ease, box-shadow .15s ease;
}

.student-table-wrap .app-data-table tbody tr:hover td[b-am9rsi436z] {
    background: #eaf7fb;
}

.student-row-number[b-am9rsi436z] {
    width: 42px;
    color: #6b7e88 !important;
    font-weight: 800;
}

.student-personal-id[b-am9rsi436z] {
    color: #174f68 !important;
    font-family: Consolas, "Courier New", monospace;
    font-weight: 800;
    letter-spacing: .025em;
}

.student-table-wrap .app-name-cell[b-am9rsi436z] {
    min-width: 220px;
    color: #172f3b;
    font-weight: 800;
    text-align: right;
}

.student-table-wrap .app-phone-status[b-am9rsi436z] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .32rem;
    padding: .08rem .15rem;
    font-size: 1rem;
    font-weight: 800;
    white-space: nowrap;
}

.student-table-wrap .app-phone-status i[b-am9rsi436z] {
    font-size: .88rem;
}

.student-table-wrap .app-phone-ok[b-am9rsi436z] {
    background: transparent;
    color: #087f5b;
}

.student-table-wrap .app-phone-invalid[b-am9rsi436z] {
    background: transparent;
    color: #c92a2a;
}

.student-table-wrap .app-phone-missing[b-am9rsi436z],
.student-table-wrap .app-phone-inactive[b-am9rsi436z] {
    background: transparent;
    color: #687982;
}

.student-table-wrap .app-row-actions[b-am9rsi436z] {
    justify-content: center;
    gap: .25rem;
}

.student-table-wrap .app-row-action[b-am9rsi436z] {
    border-radius: .35rem;
    transition: transform .15s ease, background-color .15s ease;
}

.student-table-wrap .app-row-action:hover[b-am9rsi436z] {
    transform: translateY(-1px);
    background: #dff3fa;
}

.student-pagination[b-am9rsi436z] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: .55rem;
    margin-top: .85rem;
    padding: .7rem;
    border: 1px solid #dbe5eb;
    border-radius: .55rem;
    background: #f8fbfc;
}

.student-pagination > button[b-am9rsi436z],
.student-page-numbers button[b-am9rsi436z] {
    min-height: 34px;
    border: 1px solid #cbdbe3;
    border-radius: .35rem;
    background: #fff;
    color: #17637f;
    font-size: .8rem;
    font-weight: 800;
}

.student-pagination > button[b-am9rsi436z] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    padding: .35rem .7rem;
}

.student-page-numbers[b-am9rsi436z] {
    display: flex;
    gap: .25rem;
}

.student-page-numbers button[b-am9rsi436z] {
    min-width: 34px;
    padding: .3rem;
}

.student-page-numbers button.active[b-am9rsi436z] {
    border-color: #087da5;
    background: #087da5;
    color: #fff;
}

.student-pagination button:hover:not(:disabled)[b-am9rsi436z] {
    border-color: #087da5;
    background: #e6f5fa;
}

.student-pagination button:disabled[b-am9rsi436z] {
    cursor: not-allowed;
    opacity: .45;
}

.student-pagination > span[b-am9rsi436z] {
    color: #526772;
    font-size: .78rem;
    font-weight: 750;
}

@media (max-width: 760px) {
    .student-page-content[b-am9rsi436z] {
        padding: 1rem .2rem;
        overflow-x: hidden;
    }

    .student-page-content .app-data-table-wrap.table-responsive[b-am9rsi436z] {
        max-width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }

    .student-results-tools[b-am9rsi436z] {
        grid-template-columns: 1fr auto;
    }

    .student-result-search[b-am9rsi436z] {
        grid-column: 1 / -1;
        grid-row: 1;
    }

    .student-result-count[b-am9rsi436z] {
        grid-column: 1;
        grid-row: 2;
    }

    .student-export-actions[b-am9rsi436z] {
        grid-column: 2;
        grid-row: 2;
    }

    .student-pagination[b-am9rsi436z] {
        gap: .4rem;
    }

    .student-pagination > span[b-am9rsi436z] {
        order: 3;
        width: 100%;
        text-align: center;
    }
}

.student-edit-backdrop[b-am9rsi436z] {
    position: fixed;
    inset: 0;
    z-index: 1050;
    background: rgba(15, 23, 42, .36);
}

.student-edit-modal[b-am9rsi436z] {
    position: fixed;
    inset: 0;
    z-index: 1060;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 18px 12px;
    overflow-y: auto;
    pointer-events: none;
}

.student-edit-card[b-am9rsi436z] {
    width: min(100%, 760px);
    max-height: calc(100vh - 36px);
    display: flex;
    flex-direction: column;
    border: 1px solid #d9e2ea;
    background: #ffffff;
    box-shadow: 0 18px 42px rgba(15, 23, 42, .22);
    pointer-events: auto;
}

.student-edit-header[b-am9rsi436z] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.1rem;
    border-bottom: 1px solid #d9e2ea;
    background: #f8fafc;
}

.student-edit-kicker[b-am9rsi436z] {
    color: #0476aa;
    font-size: .78rem;
    font-weight: 900;
}

.student-edit-header h2[b-am9rsi436z] {
    margin: .2rem 0 .35rem;
    color: #172033;
    font-size: 1.05rem;
    font-weight: 900;
}

.student-edit-meta[b-am9rsi436z] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    color: #64748b;
    font-size: .78rem;
    font-weight: 800;
}

.student-edit-meta span[b-am9rsi436z] {
    padding: .12rem .45rem;
    border: 1px solid #dbe3ea;
    background: #ffffff;
}

.student-edit-header-actions[b-am9rsi436z] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.student-edit-state[b-am9rsi436z] {
    min-width: 72px;
    padding: .25rem .5rem;
    color: #ffffff;
    font-size: .75rem;
    font-weight: 900;
    text-align: center;
}

.student-edit-state.read[b-am9rsi436z] {
    background: #64748b;
}

.student-edit-state.edit[b-am9rsi436z] {
    background: #047857;
}

.student-edit-close[b-am9rsi436z] {
    width: 30px;
    height: 30px;
    border: 0;
    border-radius: 2px;
    background: #2196f3;
    color: #ffffff;
    box-shadow: 0 2px 4px rgba(15, 23, 42, .28);
    font-size: 1.2rem;
    line-height: 1;
    transition: background-color .16s ease, box-shadow .16s ease, transform .12s ease;
}

.student-edit-close:hover[b-am9rsi436z],
.student-edit-close:focus[b-am9rsi436z],
.student-edit-close:focus-visible[b-am9rsi436z] {
    background: #1e88e5;
    box-shadow: 0 3px 6px rgba(15, 23, 42, .30);
    outline: 0;
}

.student-edit-loading[b-am9rsi436z] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    min-height: 180px;
    color: #334155;
    font-weight: 800;
}

.student-edit-tabs[b-am9rsi436z] {
    display: flex;
    gap: .4rem;
    padding: .75rem 1rem 0;
}

.student-edit-tab[b-am9rsi436z] {
    flex: 1;
    min-height: 34px;
    border: 1px solid #cbd5e1;
    background: #ffffff;
    color: #334155;
    font-size: 13px;
    font-weight: 900;
}

.student-edit-tab.active[b-am9rsi436z] {
    border-color: #0476aa;
    background: #0476aa;
    color: #ffffff;
}

.student-edit-card .btn[b-am9rsi436z] {
    min-width: 82px;
    min-height: 32px;
    padding: .32rem 1rem;
    border: 0;
    border-radius: 2px;
    background: #2196f3;
    color: #ffffff;
    box-shadow: 0 2px 4px rgba(15, 23, 42, .28);
    font-weight: 800;
    line-height: 1.2;
    transition: background-color .16s ease, box-shadow .16s ease, transform .12s ease;
}

.student-edit-card .btn:hover[b-am9rsi436z] {
    background: #1e88e5;
    color: #ffffff;
    box-shadow: 0 3px 6px rgba(15, 23, 42, .30);
}

.student-edit-card .btn:focus[b-am9rsi436z],
.student-edit-card .btn:focus-visible[b-am9rsi436z],
.student-edit-card .btn:active[b-am9rsi436z],
.student-edit-card .btn:active:focus[b-am9rsi436z] {
    background: #1e88e5;
    color: #ffffff;
    box-shadow: 0 2px 4px rgba(15, 23, 42, .28);
    outline: 0;
}

.student-edit-card .btn:active[b-am9rsi436z],
.student-edit-close:active[b-am9rsi436z] {
    transform: translateY(1px);
}

.student-edit-card .btn:disabled[b-am9rsi436z] {
    background: #9fb7c8;
    color: #eef6fb;
    box-shadow: none;
    opacity: 1;
}

.student-edit-card .btn-outline-danger[b-am9rsi436z],
.student-edit-card .btn-outline-secondary[b-am9rsi436z] {
    background: #64748b;
}

.student-edit-card .btn-outline-danger:hover[b-am9rsi436z],
.student-edit-card .btn-outline-danger:focus[b-am9rsi436z],
.student-edit-card .btn-outline-danger:focus-visible[b-am9rsi436z] {
    background: #b91c1c;
}

.student-edit-card .btn-outline-success[b-am9rsi436z],
.student-edit-card .btn-success[b-am9rsi436z] {
    background: #2196f3;
}

.student-edit-body[b-am9rsi436z] {
    padding: 1rem;
    overflow-y: auto;
}

.student-edit-grid[b-am9rsi436z] {
    display: grid;
    grid-template-columns: repeat(2, minmax(180px, 1fr));
    gap: .75rem;
}

.student-edit-wide[b-am9rsi436z] {
    grid-column: 1 / -1;
}

.student-phone-panel[b-am9rsi436z] {
    margin-top: 1rem;
    border: 1px solid #d9e2ea;
}

.student-phone-head[b-am9rsi436z] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .55rem .75rem;
    background: #0476aa;
    color: #ffffff;
    font-weight: 900;
}

.student-phone-row[b-am9rsi436z] {
    display: grid;
    grid-template-columns: 86px minmax(120px, 1fr) minmax(110px, 1fr) 92px;
    gap: .5rem;
    align-items: end;
    padding: .7rem;
    border-top: 1px solid #e2e8f0;
}

.student-phone-row.new[b-am9rsi436z] {
    background: #f8fafc;
}

.student-phone-default[b-am9rsi436z] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    min-height: 38px;
    margin: 0;
    font-size: .78rem;
    font-weight: 900;
}

.student-phone-actions[b-am9rsi436z] {
    display: flex;
    gap: .35rem;
    justify-content: center;
}

.student-edit-footer[b-am9rsi436z] {
    display: flex;
    justify-content: center;
    gap: .75rem;
    padding: .8rem 1rem 1rem;
    border-top: 1px solid #d9e2ea;
    background: #ffffff;
}

@media (max-width: 620px) {
    .student-edit-modal[b-am9rsi436z] {
        padding: 8px;
    }

    .student-edit-card[b-am9rsi436z] {
        max-height: calc(100vh - 16px);
    }

    .student-edit-header[b-am9rsi436z] {
        flex-direction: column;
    }

    .student-edit-header-actions[b-am9rsi436z] {
        width: 100%;
        justify-content: space-between;
    }

    .student-edit-grid[b-am9rsi436z],
    .student-phone-row[b-am9rsi436z] {
        grid-template-columns: 1fr;
    }

    .student-phone-actions[b-am9rsi436z] {
        justify-content: flex-start;
    }
}
/* /Pages/Students/StudentGrades.razor.rz.scp.css */
.student-grades-page[b-hecw5p8mpy] {
    font-size: 12px;
    background: #fff;
}

.student-grades-panel[b-hecw5p8mpy] {
    margin: 14px auto;
    padding: 14px;
    width: min(100% - 28px, 1120px);
    background: #fff;
    border: 1px solid #d9e5ec;
    box-shadow: 0 1px 5px rgba(15, 23, 42, .06);
}

.grades-section-head[b-hecw5p8mpy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

.grades-section-head strong[b-hecw5p8mpy] {
    display: block;
    color: #0c3142;
    font-size: 14px;
}

.grades-section-head span[b-hecw5p8mpy] {
    color: #64748b;
    font-size: 11px;
}

.grades-actions[b-hecw5p8mpy] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
}

.grades-search-actions[b-hecw5p8mpy] {
    display: flex;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 12px;
    padding-top: 10px;
    border-top: 1px solid #edf4f7;
}

.grades-search-actions .grades-btn[b-hecw5p8mpy] {
    min-width: 140px;
}

.grades-save-actions[b-hecw5p8mpy] {
    display: flex;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 12px;
    padding-top: 10px;
    border-top: 1px solid #edf4f7;
}

.grades-save-actions .grades-btn[b-hecw5p8mpy] {
    min-width: 180px;
}

.grades-btn[b-hecw5p8mpy],
.grades-icon-btn[b-hecw5p8mpy] {
    border: 1px solid #0b80a8;
    background: #fff;
    color: #0b6f94;
    min-height: 32px;
    padding: 6px 12px;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.grades-btn.primary[b-hecw5p8mpy] {
    background: #0b80a8;
    color: #fff;
}

.grades-btn.ghost[b-hecw5p8mpy] {
    background: #f8fcfe;
}

.grades-btn:disabled[b-hecw5p8mpy],
.grades-icon-btn:disabled[b-hecw5p8mpy] {
    cursor: not-allowed;
    opacity: .55;
}

.grades-icon-btn.danger[b-hecw5p8mpy] {
    border-color: #ef9a9a;
    color: #b42318;
    background: #fff5f5;
}

.grades-filter-grid[b-hecw5p8mpy],
.grades-fields-grid[b-hecw5p8mpy] {
    display: grid;
    grid-template-columns: repeat(4, minmax(140px, 1fr));
    gap: 10px;
}

.grades-filters[b-hecw5p8mpy] {
    border-top: 3px solid #0b80a8;
}

.grades-filters .grades-section-head[b-hecw5p8mpy] {
    padding-bottom: 10px;
    border-bottom: 1px solid #e2edf3;
}

.grade-field-card[b-hecw5p8mpy] {
    display: grid;
    grid-template-columns: minmax(150px, 1.6fr) minmax(80px, .7fr) minmax(80px, .7fr) minmax(120px, .9fr) minmax(80px, .7fr) auto;
    align-items: end;
    gap: 8px;
    grid-column: 1 / -1;
    padding: 10px;
    border: 1px solid #d8e5ec;
    background: #fbfdff;
}

.grade-field-card label span[b-hecw5p8mpy] {
    display: block;
    margin-bottom: 3px;
    color: #0f4c63;
    font-size: 11px;
    font-weight: 700;
}

.grades-field-strip[b-hecw5p8mpy] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.grades-field-strip[b-hecw5p8mpy] {
    justify-content: flex-start;
    margin-bottom: 10px;
}

.grades-field-toggle-chip[b-hecw5p8mpy],
.grades-field-choice-toggle[b-hecw5p8mpy],
.grades-check-chip[b-hecw5p8mpy],
.grades-field-empty[b-hecw5p8mpy] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 28px;
    padding: 4px 9px;
    border: 1px solid #cfe1ea;
    background: #f8fcfe;
    color: #16445a;
    font-weight: 800;
}

.grades-field-toggle-chip[b-hecw5p8mpy] {
    border-color: #0b80a8;
    background: #0b80a8;
    color: #fff;
    cursor: pointer;
}

.grades-field-choice-toggle[b-hecw5p8mpy] {
    border-color: #b8d6e2;
    background: #fff;
    color: #0b6f94;
    cursor: pointer;
}

.grades-field-choice-toggle strong[b-hecw5p8mpy] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    border-radius: 999px;
    background: #0b80a8;
    color: #fff;
    font-size: 11px;
}

.grades-field-choice-list[b-hecw5p8mpy] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.grades-field-toggle-chip:disabled[b-hecw5p8mpy] {
    cursor: not-allowed;
    opacity: .55;
}

.grades-field-empty[b-hecw5p8mpy] {
    border-style: dashed;
    background: #fff;
    color: #64748b;
}

.grades-check-chip small[b-hecw5p8mpy] {
    color: #64748b;
    font-weight: 700;
}

.grades-check-chip[b-hecw5p8mpy] {
    cursor: pointer;
    user-select: none;
}

.grades-check-chip input[b-hecw5p8mpy] {
    margin: 0;
}

.grades-message[b-hecw5p8mpy],
.grades-empty[b-hecw5p8mpy] {
    width: min(100% - 28px, 1120px);
    margin: 12px auto;
    padding: 12px;
    border: 1px dashed #c8d9e2;
    background: #f8fcfe;
    color: #315266;
    text-align: center;
    font-weight: 700;
}

.grades-summary[b-hecw5p8mpy] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.grades-summary span[b-hecw5p8mpy] {
    border: 1px solid #d3e5ee;
    background: #f7fbfd;
    padding: 5px 9px;
    color: #16445a;
}

.grades-table-wrap[b-hecw5p8mpy] {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.grades-table[b-hecw5p8mpy] {
    display: table;
    width: 100%;
    min-width: 100%;
    border-collapse: collapse;
    table-layout: auto;
    background: #fff;
}

.grades-table th[b-hecw5p8mpy],
.grades-table td[b-hecw5p8mpy] {
    border: 1px solid #cbd9e2;
    padding: 6px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 11px;
}

.grades-table th[b-hecw5p8mpy] {
    background: #eaf5f8;
    color: #183949;
    font-weight: 800;
}

.grades-table tbody tr:nth-child(even)[b-hecw5p8mpy] {
    background: #f5f8fa;
}

.student-name-col[b-hecw5p8mpy] {
    text-align: right !important;
}

.score-head-title[b-hecw5p8mpy] {
    margin-top: 4px;
    line-height: 1.2;
}

.score-head-title small[b-hecw5p8mpy] {
    color: #64748b;
    font-weight: 800;
}

.bulk-head-control[b-hecw5p8mpy],
.score-input[b-hecw5p8mpy],
.estimate-select[b-hecw5p8mpy] {
    border: 1px solid #adc4d1;
    padding: 4px;
    text-align: center;
    font-weight: 700;
    font-size: inherit;
    background: #fff;
}

.rating-picker[b-hecw5p8mpy] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
}

.rating-button[b-hecw5p8mpy] {
    padding: 3px;
    border: 1px solid #c7d8e1;
    background: #fff;
    color: #9aa8b2;
    line-height: 1;
    font-size: inherit;
    cursor: pointer;
}

.rating-button.active[b-hecw5p8mpy] {
    border-color: #f59e0b;
    background: #fff7ed;
    color: #f59e0b;
}

.total-cell[b-hecw5p8mpy] {
    color: #0b5f80;
    font-weight: 800;
}

.evaluation-chip[b-hecw5p8mpy] {
    display: inline-flex;
    justify-content: center;
    padding: 4px 6px;
    border-radius: 999px;
    font-weight: 800;
    background: #edf2f7;
    color: #334155;
}

.evaluation-chip.excellent[b-hecw5p8mpy],
.evaluation-chip.very-good[b-hecw5p8mpy] {
    background: #dcfce7;
    color: #166534;
}

.evaluation-chip.good[b-hecw5p8mpy] {
    background: #e0f2fe;
    color: #075985;
}

.evaluation-chip.accepted[b-hecw5p8mpy] {
    background: #fef9c3;
    color: #854d0e;
}

.evaluation-chip.watch[b-hecw5p8mpy] {
    background: #fee2e2;
    color: #991b1b;
}

@media (max-width: 760px) {
    .student-grades-panel[b-hecw5p8mpy] {
        width: calc(100% - 10px);
        margin: 8px auto;
        padding: 8px;
    }

    .grades-results-panel[b-hecw5p8mpy] {
        width: 100%;
        max-width: 100%;
        margin-inline: 0;
        padding-inline: 2px;
    }

    .grades-section-head[b-hecw5p8mpy] {
        align-items: stretch;
        flex-direction: column;
    }

    .grades-actions[b-hecw5p8mpy] {
        justify-content: stretch;
    }

    .grades-btn[b-hecw5p8mpy] {
        flex: 1 1 120px;
    }

    .grades-filter-grid[b-hecw5p8mpy] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    .grades-filters[b-hecw5p8mpy] {
        padding: 10px;
    }

    .grades-filters .grades-section-head[b-hecw5p8mpy] {
        gap: 8px;
        margin-bottom: 10px;
    }

    .grades-search-actions[b-hecw5p8mpy] {
        display: grid;
        grid-template-columns: 1fr;
        gap: 6px;
        margin-top: 10px;
        padding-top: 8px;
    }

    .grades-search-actions .grades-btn[b-hecw5p8mpy] {
        width: 100%;
        min-height: 34px;
        padding-inline: 6px;
        min-width: 0;
    }

    .grades-save-actions[b-hecw5p8mpy] {
        position: sticky;
        bottom: 0;
        z-index: 4;
        margin: 8px -8px -8px;
        padding: 8px;
        background: rgba(255, 255, 255, .96);
        border-top: 1px solid #d9e5ec;
        box-shadow: 0 -6px 16px rgba(15, 23, 42, .08);
    }

    .grades-save-actions .grades-btn[b-hecw5p8mpy] {
        flex: 1 1 135px;
        min-height: 38px;
    }

    .grades-field-strip[b-hecw5p8mpy] {
        align-items: stretch;
        gap: 6px;
    }

    .grades-field-toggle-chip[b-hecw5p8mpy],
    .grades-field-choice-toggle[b-hecw5p8mpy] {
        flex: 1 1 calc(50% - 3px);
        justify-content: center;
    }

    .grades-field-choice-list[b-hecw5p8mpy] {
        display: none;
        flex-basis: 100%;
        padding: 7px;
        border: 1px solid #d9e8ef;
        background: #fbfdff;
    }

    .grades-field-choice-list.open[b-hecw5p8mpy] {
        display: flex;
    }

    .grades-field-choice-list .grades-check-chip[b-hecw5p8mpy] {
        flex: 1 1 calc(50% - 6px);
        justify-content: center;
        min-width: 0;
    }

    .grade-field-card[b-hecw5p8mpy] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding: 8px;
    }

    .grade-field-card .grades-icon-btn[b-hecw5p8mpy] {
        grid-column: 1 / -1;
    }

    .grades-table-wrap[b-hecw5p8mpy] {
        width: 100%;
        min-width: 0;
    }

    .grades-table[b-hecw5p8mpy] {
        width: 100% !important;
        min-width: 100% !important;
        table-layout: auto;
    }

    .grades-table th[b-hecw5p8mpy],
    .grades-table td[b-hecw5p8mpy] {
        padding: 3px 2px;
        font-size: 10px;
    }

    .score-head-title[b-hecw5p8mpy] {
        margin-top: 2px;
    }

    .bulk-head-control[b-hecw5p8mpy],
    .score-input[b-hecw5p8mpy],
    .estimate-select[b-hecw5p8mpy] {
        padding: 2px;
    }

    .rating-button[b-hecw5p8mpy] {
        padding: 2px;
    }

    .evaluation-chip[b-hecw5p8mpy] {
        padding: 3px 2px;
    }
}

@media (max-width: 460px) {
    .grades-filter-grid[b-hecw5p8mpy] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 7px;
    }

    .grade-field-card[b-hecw5p8mpy] {
        grid-template-columns: 1fr;
    }

    .grades-search-actions[b-hecw5p8mpy] {
        grid-template-columns: 1fr;
    }

}
/* /Pages/Students/StudentMotabahReport.razor.rz.scp.css */
.student-motabah-report-page[b-ohc5hmdvt6] {
    position: relative;
    width: 100%;
    max-width: 1080px;
    overflow: visible;
}

.student-motabah-toolbar[b-ohc5hmdvt6] {
    display: grid;
    width: min(calc(100% - 8px), 1060px);
    margin: 10px auto 0;
    gap: 10px;
    padding: 6px 4px;
  /*  border: 1px solid #e2e8f0;*/
    background: transparent;
    box-sizing: border-box;
}

.student-motabah-period-grid[b-ohc5hmdvt6] {
    display: grid;
    width: min(calc(100% - 48px), 860px);
    margin-inline: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    justify-content: stretch;
    align-items: end;
}

.student-motabah-custom-period[b-ohc5hmdvt6] {
    display: grid;
    width: min(calc(100% - 48px), 860px);
    margin-inline: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    justify-content: stretch;
    align-items: start;
}

.student-motabah-toolbar .app-floating-field[b-ohc5hmdvt6] {
    width: 100%;
    min-width: 0;
}

.student-motabah-toolbar .form-control[b-ohc5hmdvt6],
.student-motabah-toolbar .form-select[b-ohc5hmdvt6] {
    width: 100%;
}

.student-motabah-report-page[b-ohc5hmdvt6]  .gyab-search-grid {
    display: grid;
    width: min(calc(100% - 48px), 860px);
    margin-inline: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 20px;
    align-items: end;
}

.student-motabah-report-page[b-ohc5hmdvt6]  .gyab-search-grid .app-floating-field {
    width: 100%;
    min-width: 0;
}

.student-motabah-summary[b-ohc5hmdvt6] {
    width: min(calc(100% - 32px), 860px);
    margin: 16px auto 10px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    overflow: hidden;
    border: 1px solid #d6dee6;
    background: #ffffff;
}

.student-motabah-summary > div[b-ohc5hmdvt6] {
    display: grid;
    gap: 3px;
    min-width: 0;
    padding: 8px 10px;
    border-inline-start: 1px solid #e2e8f0;
    text-align: center;
}

.student-motabah-summary > div:first-child[b-ohc5hmdvt6] {
    border-inline-start: 0;
}

.student-motabah-summary span[b-ohc5hmdvt6] {
    color: #64748b;
    font-size: 11.5px;
    font-weight: 600;
    line-height: 1.25;
}

.student-motabah-summary strong[b-ohc5hmdvt6] {
    overflow: hidden;
    color: #172033;
    font-size: 12.4px;
    font-weight: 700;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.student-motabah-table-wrap[b-ohc5hmdvt6] {
    width: min(calc(100% - 32px), 920px);
    max-width: 920px;
    margin: 12px auto 24px;
    padding: 0;
    border: 0;
    background: transparent;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
}

.student-motabah-table[b-ohc5hmdvt6] {
    display: table !important;
    width: max-content !important;
    min-width: 100% !important;
    max-width: none !important;
    table-layout: auto;
    border-collapse: separate;
    border-spacing: 0;
}

.student-motabah-table thead[b-ohc5hmdvt6],
.student-motabah-table thead th[b-ohc5hmdvt6] {
    position: sticky !important;
    top: 0 !important;
    z-index: 10;
}

.student-motabah-table th[b-ohc5hmdvt6],
.student-motabah-table td[b-ohc5hmdvt6] {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 10px 12px !important;
    border: 1px solid #d6dee6 !important;
    white-space: nowrap;
}

.student-motabah-name[b-ohc5hmdvt6] {
    text-align: right;
}

.gyab-view-excused-state[b-ohc5hmdvt6] {
    background: #dff0d8 !important;
    color: #1e7e34 !important;
    font-weight: 600;
}

.gyab-view-unexcused-state[b-ohc5hmdvt6] {
    background: #f8d7da !important;
    color: #b02a37 !important;
    font-weight: 600;
}

.gyab-view-empty-state[b-ohc5hmdvt6] {
    background: #ffffff !important;
    color: #8a8f98 !important;
}

@media (max-width: 760px) {
    .student-motabah-toolbar[b-ohc5hmdvt6] {
        width: calc(100% - 4px);
        gap: 12px 20px;
        margin-top: 6px;
        padding: 6px 2px;
    }

    .student-motabah-period-grid[b-ohc5hmdvt6],
    .student-motabah-custom-period[b-ohc5hmdvt6],
    .student-motabah-report-page[b-ohc5hmdvt6]  .gyab-search-grid {
        width: 100%;
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .student-motabah-report-page[b-ohc5hmdvt6]  .gyab-search-grid .app-floating-field:last-child:nth-child(odd) {
        grid-column: auto;
    }

    .student-motabah-summary[b-ohc5hmdvt6] {
        width: min(calc(100% - 16px), 860px);
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin: 12px auto 8px;
    }

    .student-motabah-summary > div[b-ohc5hmdvt6] {
        padding: 6px 8px;
    }

    .student-motabah-table-wrap[b-ohc5hmdvt6] {
        width: min(calc(100% - 16px), 920px);
        margin: 10px auto 18px;
        padding: 3px;
    }

    .student-motabah-table[b-ohc5hmdvt6] {
        font-size: 12.4px;
    }

    .student-motabah-table th[b-ohc5hmdvt6],
    .student-motabah-table td[b-ohc5hmdvt6] {
        padding: 6px 8px !important;
    }
}
/* /Pages/Students/StudentMshhad.razor.rz.scp.css */
.student-service-card[b-yni6srbas2] {
    border: 0;
    background: transparent;
    box-shadow: none;
}

.student-selector-grid[b-yni6srbas2] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
    padding: .9rem 0;
}

.student-selector-grid > .app-floating-field[b-yni6srbas2] {
    grid-column: auto;
}

.student-selector-wide[b-yni6srbas2] {
    grid-column: auto !important;
}

@media (max-width: 900px) {
    .student-selector-grid[b-yni6srbas2] {
        grid-template-columns: 1fr;
    }

    .student-selector-grid > .app-floating-field[b-yni6srbas2],
    .student-selector-wide[b-yni6srbas2] {
        grid-column: 1 !important;
    }
}
/* /Pages/Students/StudentReport.razor.rz.scp.css */
.student-report-page[b-4fxyqf4llh] {
    direction: rtl;
}

.student-report-shell[b-4fxyqf4llh] {
    display: grid;
    gap: 1rem;
    padding: 16px;
}

.student-report-head[b-4fxyqf4llh] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    border-bottom: 1px solid #dbe8ed;
    padding-bottom: .85rem;
}

.student-report-head h2[b-4fxyqf4llh] {
    margin: 0 0 .25rem;
    color: #0f2f3b;
    font-size: 1.05rem;
    font-weight: 800;
}

.student-report-head span[b-4fxyqf4llh] {
    color: #607383;
    font-size: .82rem;
}

.student-report-summary[b-4fxyqf4llh] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    justify-content: flex-end;
}

.student-report-summary span[b-4fxyqf4llh] {
    border: 1px solid #d6e5ec;
    background: #f7fbfd;
    color: #24495a;
    font-weight: 700;
    min-width: 72px;
    padding: .38rem .6rem;
    text-align: center;
}

.student-report-layout[b-4fxyqf4llh] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    align-items: start;
}

.student-report-picker[b-4fxyqf4llh] {
    display: grid;
    gap: .45rem;
}

.student-report-kind[b-4fxyqf4llh] {
    border: 1px solid #d7e5eb;
    background: #fff;
    color: #264452;
    cursor: pointer;
    display: grid;
    gap: .12rem;
    padding: .62rem .72rem;
    text-align: right;
    transition: border-color .15s ease, background-color .15s ease, color .15s ease;
}

.student-report-kind:hover[b-4fxyqf4llh],
.student-report-kind.active[b-4fxyqf4llh] {
    border-color: #0d86ad;
    background: #e9f3f4;
    color: #063c51;
}

.student-report-kind strong[b-4fxyqf4llh] {
    font-size: .86rem;
    line-height: 1.35;
}

.student-report-kind span[b-4fxyqf4llh] {
    color: #667b89;
    font-size: .74rem;
    line-height: 1.35;
}

.student-report-kind.active span[b-4fxyqf4llh] {
    color: #245b6e;
}

.student-report-options[b-4fxyqf4llh] {
    display: grid;
    gap: .85rem;
    min-width: 0;
}

.student-report-filter-grid[b-4fxyqf4llh] {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
    align-items: end;
    background: transparent;
    border: 0;
    padding: 0;
}

.student-report-preferences[b-4fxyqf4llh] {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .55rem 1.4rem;
    padding-top: .1rem;
}

.student-report-check-option[b-4fxyqf4llh] {
    display: flex;
    align-items: center;
    gap: .5rem;
    border: 0;
    background: transparent;
    color: #244452;
    cursor: pointer;
    padding: .15rem 0;
}

.student-report-check-option .form-check-input[b-4fxyqf4llh] {
    flex: 0 0 auto;
    width: 1.05rem;
    height: 1.05rem;
    margin: 0;
    cursor: pointer;
}

.student-report-check-option span[b-4fxyqf4llh] {
    min-width: 0;
    display: grid;
    gap: .05rem;
}

.student-report-check-option strong[b-4fxyqf4llh] {
    font-size: .78rem;
    line-height: 1.25;
}

.student-report-check-option small[b-4fxyqf4llh] {
    color: #687d89;
    font-size: .68rem;
    line-height: 1.2;
}

@media (max-width: 920px) {
    .student-report-head[b-4fxyqf4llh],
    .student-report-layout[b-4fxyqf4llh] {
        grid-template-columns: 1fr;
        display: grid;
    }

    .student-report-summary[b-4fxyqf4llh] {
        justify-content: stretch;
    }

    .student-report-summary span[b-4fxyqf4llh] {
        flex: 1 1 90px;
    }

    .student-report-filter-grid[b-4fxyqf4llh] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 560px) {
    .student-report-shell[b-4fxyqf4llh] {
        padding: 8px 6px;
    }
}
/* /Pages/TimeTable/MotabahHesas.razor.rz.scp.css */
.motabah-hesas-page[b-xoi8mb88wd] {
    width: min(100%, 900px);
}

.motabah-hesas-page .app-page-hero[b-xoi8mb88wd] {
    display: flex;
    padding: 28px 32px 18px;
}

.motabah-intro[b-xoi8mb88wd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.motabah-intro > p[b-xoi8mb88wd] {
    margin: 0;
    color: #52697a;
    font-size: .9rem;
    line-height: 1.8;
}

.motabah-current-card[b-xoi8mb88wd] {
    min-width: 190px;
    padding: .7rem 1rem;
    background: #f2f9fb;
    border-inline-start: 3px solid #0783ad;
    display: grid;
    gap: .1rem;
    align-content: center;
}

.motabah-current-card span[b-xoi8mb88wd],
.motabah-current-card small[b-xoi8mb88wd],
.motabah-summary span[b-xoi8mb88wd] {
    color: var(--app-muted, #64748b);
}

.motabah-current-card strong[b-xoi8mb88wd] {
    color: var(--app-primary, #0f766e);
    font-size: 1.05rem;
}

.motabah-toolbar[b-xoi8mb88wd] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
    align-items: end;
}

.motabah-toolbar button[b-xoi8mb88wd] {
    min-width: 120px;
}

.motabah-toolbar .app-search-button[b-xoi8mb88wd] {
    grid-column: 2;
}

.motabah-toolbar .app-outline-button[b-xoi8mb88wd] {
    grid-column: 3;
    justify-self: start;
}

.motabah-summary[b-xoi8mb88wd] {
    display: grid;
    grid-template-columns: repeat(3, minmax(140px, 1fr));
    gap: .6rem;
    margin: .85rem 0;
}

.motabah-summary > div[b-xoi8mb88wd] {
    border: 1px solid rgba(148, 163, 184, .25);
    border-radius: 0;
    padding: .65rem .8rem;
    background: rgba(248, 250, 252, .72);
    display: grid;
    gap: .15rem;
}

.motabah-summary strong[b-xoi8mb88wd] {
    font-size: 1.15rem;
    color: #0f172a;
}

.motabah-grid[b-xoi8mb88wd] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.motabah-card[b-xoi8mb88wd] {
    border: 1px solid rgba(148, 163, 184, .25);
    border-radius: 0;
    background: #fff;
    padding: .8rem;
    box-shadow: 0 4px 12px rgba(15, 23, 42, .04);
    display: grid;
    gap: .7rem;
}

.motabah-card.is-present[b-xoi8mb88wd] {
    border-color: rgba(16, 185, 129, .38);
    background: linear-gradient(180deg, rgba(16, 185, 129, .08), #fff 45%);
}

.motabah-card.is-late[b-xoi8mb88wd] {
    border-color: rgba(245, 158, 11, .42);
    background: linear-gradient(180deg, rgba(245, 158, 11, .10), #fff 45%);
}

.motabah-card-head[b-xoi8mb88wd] {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
}

.class-name[b-xoi8mb88wd] {
    display: block;
    color: var(--app-primary, #0f766e);
    font-weight: 800;
}

.motabah-card-head strong[b-xoi8mb88wd] {
    display: block;
    margin-top: .2rem;
    color: #0f172a;
}

.state-pill[b-xoi8mb88wd] {
    align-self: start;
    white-space: nowrap;
    border-radius: 999px;
    padding: .35rem .7rem;
    font-weight: 800;
    font-size: .82rem;
    background: #f1f5f9;
    color: #475569;
}

.is-present .state-pill[b-xoi8mb88wd] {
    background: rgba(16, 185, 129, .14);
    color: #047857;
}

.is-late .state-pill[b-xoi8mb88wd] {
    background: rgba(245, 158, 11, .16);
    color: #b45309;
}

.motabah-teacher[b-xoi8mb88wd],
.motabah-late-box[b-xoi8mb88wd] {
    display: grid;
    gap: .35rem;
}

.motabah-teacher label[b-xoi8mb88wd],
.motabah-late-box label[b-xoi8mb88wd] {
    color: #475569;
    font-weight: 800;
    font-size: .88rem;
}

.motabah-teacher small[b-xoi8mb88wd] {
    color: #64748b;
}

.motabah-actions[b-xoi8mb88wd] {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
}

.motabah-actions .action[b-xoi8mb88wd] {
    border: 0;
    border-radius: 14px;
    padding: .55rem .85rem;
    color: #fff;
    font-weight: 800;
}

.motabah-actions .action.success[b-xoi8mb88wd] {
    background: #059669;
}

.motabah-actions .action.warning[b-xoi8mb88wd] {
    background: #d97706;
}

.motabah-actions .action.muted[b-xoi8mb88wd] {
    background: #64748b;
}

.motabah-actions .action:disabled[b-xoi8mb88wd] {
    opacity: .55;
}

@media (max-width: 900px) {
    .motabah-hesas-page[b-xoi8mb88wd] {
        width: 100%;
    }

    .motabah-intro[b-xoi8mb88wd] {
        align-items: stretch;
        flex-direction: column;
    }

    .motabah-current-card[b-xoi8mb88wd] {
        min-width: 0;
    }
}

@media (max-width: 700px) {
    .motabah-hesas-page .app-page-hero[b-xoi8mb88wd] {
        padding-inline: 8px;
    }

    .motabah-hesas-page .app-content-panel[b-xoi8mb88wd] {
        padding-inline: 6px;
    }

    .motabah-toolbar[b-xoi8mb88wd],
    .motabah-summary[b-xoi8mb88wd] {
        grid-template-columns: 1fr;
    }

    .motabah-toolbar .app-search-button[b-xoi8mb88wd],
    .motabah-toolbar .app-outline-button[b-xoi8mb88wd] {
        grid-column: 1;
        justify-self: stretch;
    }

    .motabah-grid[b-xoi8mb88wd] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/TimeTable/MotabahHesasWorkbench.razor.rz.scp.css */
.motabah-hesas-page[b-prv0jdunkd] {
    width: min(100%, 900px);
}

.motabah-hesas-page .app-page-hero[b-prv0jdunkd] {
    padding: 28px 32px 18px;
}

.motabah-intro[b-prv0jdunkd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.motabah-intro > p[b-prv0jdunkd] {
    max-width: 560px;
    margin: 0;
    color: #52697a;
    font-size: .9rem;
    line-height: 1.8;
}

.motabah-current-card[b-prv0jdunkd] {
    min-width: 190px;
    padding: .65rem .85rem;
    border-inline-start: 3px solid #0783ad;
    background: #f2f9fb;
    display: grid;
    gap: .08rem;
}

.motabah-current-card span[b-prv0jdunkd],
.motabah-current-card small[b-prv0jdunkd] {
    color: #64748b;
    font-size: .78rem;
}

.motabah-current-card strong[b-prv0jdunkd] {
    color: #08799f;
    font-size: 1.02rem;
}

.motabah-toolbar[b-prv0jdunkd] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .7rem;
    align-items: end;
}

.motabah-toolbar button[b-prv0jdunkd] {
    min-height: 38px;
}

.motabah-toolbar .app-search-button[b-prv0jdunkd] {
    grid-column: 2;
}

.motabah-toolbar .app-outline-button[b-prv0jdunkd] {
    grid-column: 3;
    justify-self: start;
}

.motabah-results-head[b-prv0jdunkd] {
    margin-top: 1.15rem;
    padding: .7rem .8rem;
    border-block: 1px solid #dce7ec;
    background: #f8fbfc;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.motabah-results-head > div:first-child[b-prv0jdunkd] {
    display: grid;
    gap: .1rem;
}

.motabah-results-head > div:first-child strong[b-prv0jdunkd] {
    color: #17394a;
}

.motabah-results-head > div:first-child span[b-prv0jdunkd] {
    color: #6b7f8b;
    font-size: .78rem;
}

.motabah-summary[b-prv0jdunkd] {
    display: flex;
    align-items: center;
    gap: .35rem;
    flex-wrap: wrap;
}

.summary-item[b-prv0jdunkd] {
    min-width: 70px;
    padding: .3rem .48rem;
    color: #52697a;
    background: #fff;
    border: 1px solid #e1e9ed;
    font-size: .76rem;
    text-align: center;
}

.summary-item strong[b-prv0jdunkd] {
    margin-inline-start: .18rem;
    color: #12394c;
    font-size: .92rem;
}

.summary-item.done strong[b-prv0jdunkd] {
    color: #07875f;
}

.summary-item.late strong[b-prv0jdunkd] {
    color: #c36b08;
}

.summary-item.remaining strong[b-prv0jdunkd] {
    color: #8a4d58;
}

.motabah-list[b-prv0jdunkd] {
    border-inline: 1px solid #e0e8ec;
}

.motabah-row[b-prv0jdunkd] {
    position: relative;
    min-width: 0;
    padding: .58rem .65rem;
    border-bottom: 1px solid #e0e8ec;
    background: #fff;
    display: grid;
    grid-template-columns: minmax(125px, .8fr) minmax(210px, 1.35fr) 142px auto;
    gap: .65rem;
    align-items: end;
    transition: background-color .15s ease, box-shadow .15s ease;
}

.motabah-row:hover[b-prv0jdunkd] {
    background: #fbfdfe;
    box-shadow: inset -3px 0 #b8dce7;
}

.motabah-row.is-present[b-prv0jdunkd] {
    box-shadow: inset -3px 0 #25a77c;
}

.motabah-row.is-late[b-prv0jdunkd] {
    box-shadow: inset -3px 0 #e09a34;
}

.motabah-row-identity[b-prv0jdunkd] {
    min-width: 0;
    align-self: center;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .12rem .45rem;
    align-items: center;
}

.class-name[b-prv0jdunkd] {
    color: #087ca5;
    font-weight: 800;
    white-space: nowrap;
}

.motabah-row-identity > strong[b-prv0jdunkd] {
    min-width: 0;
    color: #1d3440;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.state-pill[b-prv0jdunkd] {
    grid-column: 1 / -1;
    width: fit-content;
    padding: .12rem .48rem;
    border-radius: 999px;
    background: #eef3f5;
    color: #697d87;
    font-size: .7rem;
    font-weight: 700;
}

.is-present .state-pill[b-prv0jdunkd] {
    background: #e4f7ef;
    color: #087759;
}

.is-late .state-pill[b-prv0jdunkd] {
    background: #fff1dd;
    color: #ad610c;
}

.motabah-teacher[b-prv0jdunkd],
.motabah-late-box[b-prv0jdunkd] {
    min-width: 0;
    display: grid;
    gap: .22rem;
}

.motabah-teacher label[b-prv0jdunkd],
.motabah-late-box label[b-prv0jdunkd] {
    color: #5d717c;
    font-size: .75rem;
    font-weight: 700;
}

.motabah-teacher select[b-prv0jdunkd],
.motabah-late-box input[b-prv0jdunkd] {
    min-height: 36px;
    font-size: .82rem;
}

.motabah-teacher small[b-prv0jdunkd] {
    color: #778c96;
    font-size: .7rem;
}

.late-input[b-prv0jdunkd] {
    height: 36px;
    border: 1px solid #cbd8df;
    display: grid;
    grid-template-columns: 34px minmax(52px, 1fr) 34px;
    overflow: hidden;
}

.late-input button[b-prv0jdunkd] {
    border: 0;
    background: #f1f6f8;
    color: #17627d;
    font-size: 1rem;
    font-weight: 800;
}

.late-input button:hover:not(:disabled)[b-prv0jdunkd] {
    background: #dfeff4;
}

.late-input input[b-prv0jdunkd] {
    min-width: 0;
    height: 34px;
    border: 0;
    border-inline: 1px solid #d8e2e7;
    border-radius: 0;
    padding: .2rem;
    text-align: center;
    appearance: textfield;
}

.late-input input[b-prv0jdunkd]::-webkit-inner-spin-button,
.late-input input[b-prv0jdunkd]::-webkit-outer-spin-button {
    margin: 0;
    appearance: none;
}

.motabah-actions[b-prv0jdunkd] {
    display: flex;
    gap: .28rem;
    align-items: center;
}

.motabah-actions .action[b-prv0jdunkd] {
    min-height: 36px;
    border: 0;
    padding: .4rem .62rem;
    color: #fff;
    font-size: .78rem;
    font-weight: 800;
    white-space: nowrap;
}

.motabah-actions .action i[b-prv0jdunkd] {
    margin-inline-end: .18rem;
}

.motabah-actions .action.success[b-prv0jdunkd] {
    background: #0a946a;
}

.motabah-actions .action.warning[b-prv0jdunkd] {
    background: #d98213;
}

.motabah-actions .action.muted[b-prv0jdunkd] {
    width: 36px;
    padding-inline: 0;
    background: #70828b;
}

.motabah-actions .action.muted i[b-prv0jdunkd] {
    margin: 0;
}

.motabah-actions .action:hover:not(:disabled)[b-prv0jdunkd] {
    filter: brightness(.94);
}

.motabah-actions .action:disabled[b-prv0jdunkd],
.late-input button:disabled[b-prv0jdunkd] {
    cursor: not-allowed;
    opacity: .5;
}

.row-saving[b-prv0jdunkd] {
    position: absolute;
    inset-inline-end: .65rem;
    bottom: .12rem;
    color: #687d87;
    font-size: .66rem;
}

@media (max-width: 900px) {
    .motabah-hesas-page[b-prv0jdunkd] {
        width: 100%;
    }

    .motabah-row[b-prv0jdunkd] {
        grid-template-columns: minmax(120px, .72fr) minmax(190px, 1.3fr) 125px;
    }

    .motabah-actions[b-prv0jdunkd] {
        grid-column: 1 / -1;
        justify-content: flex-end;
    }
}

@media (max-width: 700px) {
    .motabah-hesas-page .app-page-hero[b-prv0jdunkd] {
        padding-inline: 8px;
    }

    .motabah-hesas-page .app-content-panel[b-prv0jdunkd] {
        padding-inline: 6px;
    }

    .motabah-intro[b-prv0jdunkd],
    .motabah-results-head[b-prv0jdunkd] {
        align-items: stretch;
        flex-direction: column;
    }

    .motabah-current-card[b-prv0jdunkd] {
        min-width: 0;
    }

    .motabah-toolbar[b-prv0jdunkd] {
        grid-template-columns: 1fr;
    }

    .motabah-toolbar .app-search-button[b-prv0jdunkd],
    .motabah-toolbar .app-outline-button[b-prv0jdunkd] {
        grid-column: 1;
        justify-self: stretch;
    }

    .motabah-row[b-prv0jdunkd] {
        padding: .6rem;
        grid-template-columns: minmax(0, 1fr) 122px;
        gap: .55rem;
    }

    .motabah-row-identity[b-prv0jdunkd] {
        grid-column: 1 / -1;
    }

    .motabah-teacher[b-prv0jdunkd] {
        grid-column: 1;
    }

    .motabah-late-box[b-prv0jdunkd] {
        grid-column: 2;
    }
}

@media (max-width: 480px) {
    .motabah-row[b-prv0jdunkd] {
        grid-template-columns: 1fr;
    }

    .motabah-row-identity[b-prv0jdunkd],
    .motabah-teacher[b-prv0jdunkd],
    .motabah-late-box[b-prv0jdunkd],
    .motabah-actions[b-prv0jdunkd] {
        grid-column: 1;
    }

    .motabah-actions[b-prv0jdunkd] {
        justify-content: stretch;
    }

    .motabah-actions .action:not(.muted)[b-prv0jdunkd] {
        flex: 1;
    }
}
/* /Pages/TimeTable/PeriodsCount.razor.rz.scp.css */
.periods-info[b-emsftt7wme] {
    display: grid;
    gap: .25rem;
    margin: 1rem 1.25rem;
    border: 1px solid #dce8ee;
    background: #f7fbfd;
    padding: .8rem 1rem;
    color: #304757;
    font-size: 12.4px;
}

.periods-info strong[b-emsftt7wme] {
    color: #102a38;
}

.periods-saf-panel[b-emsftt7wme] {
    margin: 1rem 1.25rem;
    border: 1px solid #dce8ee;
    background: #fff;
    padding: .8rem;
    box-shadow: 0 3px 10px rgba(15, 35, 55, .05);
}

.periods-saf-title[b-emsftt7wme] {
    color: #8b1d1d;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: .55rem;
}

.periods-table th[b-emsftt7wme],
.periods-table td[b-emsftt7wme] {
    text-align: center;
    vertical-align: middle;
}

.periods-table th:first-child[b-emsftt7wme],
.periods-table td:first-child[b-emsftt7wme] {
    min-width: 130px;
    text-align: right;
}

.periods-count-input[b-emsftt7wme] {
    width: 56px;
    height: 30px;
    margin: auto;
    text-align: center;
    font-weight: 700;
}

@media (max-width: 560px) {
    .periods-info[b-emsftt7wme],
    .periods-saf-panel[b-emsftt7wme] {
        margin-inline: .75rem;
    }
}
/* /Pages/TimeTable/TeacherRestrictions.razor.rz.scp.css */
.teacher-restrictions-toolbar[b-xv8xo2k7dl] {
    display: grid;
    grid-template-columns: 300px minmax(0, 1fr);
    gap: 1rem;
    align-items: stretch;
    margin: 1.25rem;
}

.teacher-restrictions-note[b-xv8xo2k7dl] {
    display: grid;
    align-content: center;
    gap: .2rem;
    border: 1px solid #dce8ee;
    background: #f7fbfd;
    padding: .6rem .8rem;
    color: #53697a;
    font-size: 12.4px;
}

.teacher-restrictions-note strong[b-xv8xo2k7dl] {
    color: #102a38;
}

.teacher-card-list[b-xv8xo2k7dl] {
    display: grid;
    gap: 1rem;
    margin: 0 1.25rem 1rem;
}

.teacher-restriction-card[b-xv8xo2k7dl] {
    border: 1px solid #dce8ee;
    background: #fff;
    padding: .85rem;
    box-shadow: 0 3px 10px rgba(15, 35, 55, .05);
}

.teacher-card-title[b-xv8xo2k7dl] {
    color: #8b1d1d;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: .55rem;
}

.teacher-restriction-table[b-xv8xo2k7dl] {
    margin: 0;
    table-layout: fixed;
}

.teacher-restriction-table th[b-xv8xo2k7dl],
.teacher-restriction-table td[b-xv8xo2k7dl] {
    text-align: center;
    vertical-align: middle;
    padding: 3px !important;
    border: 1px solid #d8e2e7;
}

.teacher-restriction-table th:first-child[b-xv8xo2k7dl],
.teacher-restriction-table td:first-child[b-xv8xo2k7dl] {
    width: 92px;
    color: #213747;
    font-weight: 700;
}

.restriction-toggle[b-xv8xo2k7dl] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-width: 52px;
    height: 28px;
    border: 1px solid #d9e4ea;
    background: #fbfdfe;
    color: #7c8994;
    font-size: 11.5px;
    font-weight: 700;
}

.restriction-toggle.blocked[b-xv8xo2k7dl] {
    border-color: #f0b5bb;
    background: #fde8ea;
    color: #b21f2d;
}

@media (max-width: 720px) {
    .teacher-restrictions-toolbar[b-xv8xo2k7dl] {
        grid-template-columns: 1fr;
        margin-inline: .75rem;
    }

    .teacher-card-list[b-xv8xo2k7dl] {
        margin-inline: .75rem;
    }
}
/* /Pages/TimeTable/TimeTableEdit.razor.rz.scp.css */
.timetable-edit-toolbar[b-5u6v2xmje0] {
    display: grid;
    grid-template-columns: minmax(220px, 360px) auto;
    gap: 1rem;
    align-items: end;
    margin: 1.25rem;
    padding: 1rem;
    border: 1px solid #d9e5eb;
    background: #fff;
}

.timetable-class-select[b-5u6v2xmje0] {
    max-width: 360px;
}

.timetable-edit-actions[b-5u6v2xmje0] {
    display: flex;
    justify-content: flex-end;
    gap: .7rem;
    flex-wrap: wrap;
}

.timetable-edit-guide[b-5u6v2xmje0] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .8rem;
    align-items: center;
    margin: 0 1.25rem 1rem;
    padding: .8rem 1rem;
    border: 1px solid #cfe2ea;
    background: #f8fcfd;
    color: #314b59;
    font-size: 12.4px;
    font-weight: 600;
}

.timetable-edit-guide strong[b-5u6v2xmje0] {
    display: block;
    margin-bottom: .25rem;
    color: #073f52;
}

.timetable-edit-status[b-5u6v2xmje0] {
    min-width: 210px;
    padding: .45rem .65rem;
    text-align: center;
    font-weight: 700;
}

.timetable-edit-status.is-ok[b-5u6v2xmje0] {
    border: 1px solid #8fd8ae;
    background: #eafaf1;
    color: #08733a;
}

.timetable-edit-status.is-danger[b-5u6v2xmje0] {
    border: 1px solid #efb0b7;
    background: #fff0f2;
    color: #b21f32;
}

.timetable-conflicts[b-5u6v2xmje0] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .6rem;
    margin: 0 1.25rem 1rem;
}

.timetable-conflict-item[b-5u6v2xmje0] {
    border: 1px solid #efb0b7;
    background: #fff8f8;
    color: #7b1b24;
    padding: .55rem .65rem;
    font-size: 12.4px;
    font-weight: 600;
}

.timetable-conflict-item span[b-5u6v2xmje0],
.timetable-conflict-item strong[b-5u6v2xmje0],
.timetable-conflict-item small[b-5u6v2xmje0] {
    display: block;
}

.timetable-edit-grid-wrap[b-5u6v2xmje0] {
    margin: 0 1.25rem 1.25rem;
    overflow-x: auto;
    border: 1px solid #b8cbd5;
    background: #fff;
}

.timetable-edit-grid[b-5u6v2xmje0] {
    width: 100%;
    min-width: 1120px;
    border-collapse: collapse;
    table-layout: fixed;
}

.timetable-edit-grid td[b-5u6v2xmje0] {
    height: 75px;
}

    .timetable-edit-grid th[b-5u6v2xmje0],
    .timetable-edit-grid td[b-5u6v2xmje0] {
        border: 1px solid #b8cbd5;
        padding: .25rem;
        vertical-align: central;
        text-align: center;
    }

    .timetable-edit-grid tbody tr + tr th[b-5u6v2xmje0],
    .timetable-edit-grid tbody tr + tr td[b-5u6v2xmje0] {
        border-top-color: #7fa4b4;
        border-top-width: 2px;
    }

    .timetable-edit-grid thead th[b-5u6v2xmje0] {
        background: #0b82ad;
        color: #fff;
        font-size: 12.4px;
        font-weight: 700;
    }

    .day-head[b-5u6v2xmje0],
    .day-cell[b-5u6v2xmje0] {
        width: 70px;
    }

    .day-cell[b-5u6v2xmje0] {
        background: #eef8fb;
        color: #073f52;
        font-size: 12.4px;
        font-weight: 700;
        vertical-align: middle !important;
        border-inline-start-color: #7fa4b4 !important;
        border-inline-end-color: #7fa4b4 !important;
    }

    .period-cell[b-5u6v2xmje0] {
        position: relative;
        min-height: 86px;
        background: #fbfdfe;
    }

        .period-cell[b-5u6v2xmje0]::before {
            content: "";
            position: absolute;
            inset-inline-start: 0;
            top: 0;
            width: 3px;
            height: 100%;
            background: #b8e8ca;
        }

        .period-cell.has-conflict[b-5u6v2xmje0] {
            background: #fff4f4;
            box-shadow: inset 0 0 0 2px #ef5350;
        }

            .period-cell.has-conflict[b-5u6v2xmje0]::before {
                background: #ef5350;
            }

    .subject-chip[b-5u6v2xmje0] {
        min-height: 22px;
        margin-bottom: .22rem;
        padding: 0 .15rem;
        color: #17313d;
        font-size: 11px;
        font-weight: 600;
        text-align: right;
    }

        .subject-chip strong[b-5u6v2xmje0] {
            display: block;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

    .cell-select[b-5u6v2xmje0] {
        min-height: 28px;
        padding-block: .15rem;
        padding-right: .35rem;
        padding-left: 1.55rem;
        margin-bottom: 0;
        direction: rtl;
        text-align: right;
        background-position: left .45rem center;
        font-size: 11.8px;
        font-weight: 600;
    }

        .cell-select option[b-5u6v2xmje0] {
            direction: rtl;
            text-align: right;
        }

    .teacher-free-option[b-5u6v2xmje0] {
        background: #e8f8ef;
        color: #095c31;
    }

    .teacher-busy-option[b-5u6v2xmje0] {
        background: #f7f7f7;
        color: #8a8a8a;
    }

    .empty-period[b-5u6v2xmje0] {
        display: grid;
        place-items: center;
      /*  min-height: 92px;*/
        color: #8b9aa3;
        font-size: 12px;
        font-weight: 600;
    }

    .timetable-edit-empty[b-5u6v2xmje0] {
        margin: 1.25rem;
        padding: 2rem;
        border: 1px dashed #cfe2ea;
        background: #fbfdfe;
        color: #425b66;
        text-align: center;
        font-size: 13px;
        font-weight: 700;
    }

    @media (max-width: 920px) {
        .timetable-edit-toolbar[b-5u6v2xmje0],
        .timetable-edit-guide[b-5u6v2xmje0] {
            grid-template-columns: 1fr;
            margin-right: .75rem;
            margin-left: .75rem;
        }

        .timetable-edit-actions[b-5u6v2xmje0] {
            justify-content: center;
        }

        .timetable-conflicts[b-5u6v2xmje0] {
            grid-template-columns: 1fr;
            margin-right: .75rem;
            margin-left: .75rem;
        }

        .timetable-edit-grid-wrap[b-5u6v2xmje0],
        .timetable-edit-empty[b-5u6v2xmje0] {
            margin-right: .75rem;
            margin-left: .75rem;
        }
    }
/* /Pages/TimeTable/TimeTableGenerate.razor.rz.scp.css */
.timetable-dashboard[b-l1urckoz9e] {
    display: grid;
    grid-template-columns: 320px minmax(0, 1fr);
    gap: 1rem;
    padding: 1.25rem;
}

.timetable-panel[b-l1urckoz9e] {
    border: 1px solid #d9e4ea;
    background: #fff;
    box-shadow: 0 3px 10px rgba(15, 35, 55, .06);
    padding: 1rem;
}

.timetable-panel-head[b-l1urckoz9e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: .9rem;
}

.timetable-panel-head strong[b-l1urckoz9e] {
    display: block;
    color: #102a38;
    font-size: 13px;
    font-weight: 700;
}

.timetable-panel-head span[b-l1urckoz9e] {
    display: block;
    color: #657787;
    font-size: 12px;
    margin-top: .2rem;
}

.timetable-count[b-l1urckoz9e] {
    min-width: 70px;
    padding: .4rem .55rem;
    border: 1px solid #cae5ef;
    background: #eefbff;
    color: #087fa9 !important;
    text-align: center;
    font-weight: 700;
}

.timetable-class-actions[b-l1urckoz9e] {
    display: flex;
    justify-content: center;
    gap: .6rem;
    margin-bottom: .8rem;
}

.timetable-class-list[b-l1urckoz9e] {
    display: grid;
    gap: .45rem;
    max-height: 360px;
    overflow: auto;
    padding-left: .2rem;
}

.timetable-class-item[b-l1urckoz9e] {
    display: flex;
    align-items: center;
    gap: .55rem;
    min-height: 34px;
    border: 1px solid #dce7ec;
    background: #fbfdfe;
    padding: .35rem .55rem;
    color: #22313d;
    font-size: 12.4px;
    font-weight: 600;
    cursor: pointer;
}

.timetable-class-item.selected[b-l1urckoz9e] {
    background: #edf9f8;
    border-color: #8dd7d1;
}

.timetable-class-item input[b-l1urckoz9e] {
    width: 15px;
    height: 15px;
    accent-color: #087fa9;
}

.timetable-option-grid[b-l1urckoz9e] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-bottom: .9rem;
}

.timetable-switch-grid[b-l1urckoz9e] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .55rem .75rem;
    margin: .8rem 0;
}

.timetable-switch[b-l1urckoz9e] {
    display: flex;
    align-items: center;
    gap: .5rem;
    min-height: 34px;
    border: 1px solid #e3ebef;
    background: #fafcfd;
    padding: .38rem .55rem;
    color: #253847;
    font-size: 12.4px;
    font-weight: 600;
}

.timetable-switch input[b-l1urckoz9e] {
    width: 15px;
    height: 15px;
    accent-color: #087fa9;
}

.timetable-range-grid[b-l1urckoz9e] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .8rem;
    border: 1px solid #e3ebef;
    background: #f8fbfc;
    padding: .8rem;
}

.timetable-range-grid label[b-l1urckoz9e] {
    display: grid;
    gap: .4rem;
    color: #314757;
    font-size: 12px;
    font-weight: 700;
}

.timetable-range-grid input[b-l1urckoz9e] {
    accent-color: #087fa9;
}

.timetable-helper-actions[b-l1urckoz9e] {
    display: flex;
    justify-content: center;
    gap: .75rem;
    margin-top: .8rem;
}

.timetable-generation-state[b-l1urckoz9e] {
    border: 1px solid #cae5ef;
    background: #f1fbff;
    margin-top: .9rem;
    padding: .75rem;
}

.timetable-state-line[b-l1urckoz9e],
.timetable-state-meta[b-l1urckoz9e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .6rem;
    color: #20313d;
    font-size: 12.4px;
}

.timetable-progress[b-l1urckoz9e] {
    height: 8px;
    background: #d8edf4;
    margin: .55rem 0;
    overflow: hidden;
}

.timetable-progress span[b-l1urckoz9e] {
    display: block;
    height: 100%;
    background: #0b83b4;
    transition: width .25s ease;
}

.timetable-recent-panel[b-l1urckoz9e] {
    margin: 0 1.25rem 1.25rem;
}

.timetable-recent-actions[b-l1urckoz9e] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
}

.timetable-row-action[b-l1urckoz9e] {
    width: 26px;
    height: 26px;
    border: 1px solid #c7dde7;
    background: #f6fbfd;
    color: #0b83b4;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    font-size: 13px;
}

.timetable-row-action:hover[b-l1urckoz9e] {
    background: #e8f7fd;
    border-color: #8dc9dc;
}

.timetable-status[b-l1urckoz9e] {
    display: inline-block;
    min-width: 78px;
    padding: .2rem .35rem;
    border: 1px solid #d8e2e7;
    background: #f6f8fa;
    font-weight: 700;
}

.timetable-status.success[b-l1urckoz9e] {
    color: #08764f;
    background: #e9fff5;
    border-color: #a5e4c8;
}

.timetable-status.warning[b-l1urckoz9e] {
    color: #9b5b00;
    background: #fff8e8;
    border-color: #f0d49d;
}

.timetable-status.info[b-l1urckoz9e] {
    color: #076987;
    background: #edf9ff;
    border-color: #a8d8e8;
}

.timetable-status.danger[b-l1urckoz9e] {
    color: #a21d1d;
    background: #fff0f0;
    border-color: #efb2b2;
}

@media (max-width: 920px) {
    .timetable-dashboard[b-l1urckoz9e] {
        grid-template-columns: 1fr;
    }

    .timetable-option-grid[b-l1urckoz9e],
    .timetable-switch-grid[b-l1urckoz9e],
    .timetable-range-grid[b-l1urckoz9e] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 560px) {
    .timetable-dashboard[b-l1urckoz9e],
    .timetable-recent-panel[b-l1urckoz9e] {
        padding: .75rem;
        margin: 0;
    }
}
/* /Pages/TimeTable/TimeTableSummery.razor.rz.scp.css */
.timetable-summary-toolbar[b-neu2mdp6h2] {
    display: grid;
    grid-template-columns: minmax(170px, 210px) minmax(0, 1fr) auto;
    grid-template-areas:
        "selector selector actions"
        "summary indicators indicators";
    gap: 1rem;
    align-items: stretch;
    background: #fff;
    margin: 1.25rem;
    padding: 1rem;
}

.timetable-summary-select[b-neu2mdp6h2] {
    grid-area: selector;
    width: min(100%, 365px);
    justify-self: start;
}

.timetable-summary-actions[b-neu2mdp6h2] {
    grid-area: actions;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .7rem;
    align-self: end;
    white-space: nowrap;
}

.timetable-view-switch[b-neu2mdp6h2] {
    display: flex;
    justify-content: center;
    gap: .5rem;
    margin: 0 1.25rem 1rem;
}

.timetable-summary-toolbar + .timetable-view-switch:not(.timetable-view-switch-inline)[b-neu2mdp6h2] {
    display: none;
}

.timetable-view-switch button[b-neu2mdp6h2] {
    min-width: 110px;
    min-height: 34px;
    border: 1px solid #b9d4df;
    background: #fff;
    color: #16546b;
    font-size: 12.4px;
    font-weight: 700;
    box-shadow: 0 2px 5px rgba(15, 35, 55, .06);
}

.timetable-view-switch button.active[b-neu2mdp6h2] {
    background: #0b83b4;
    border-color: #0b83b4;
    color: #fff;
}

.timetable-analysis-overview[b-neu2mdp6h2] {
    grid-area: summary;
    display: grid;
    grid-template-columns: 1fr;
    gap: .75rem;
    margin: 0;
    direction: rtl;
    align-items: stretch;
    min-width: 0;
}

.timetable-analysis-overview > *[b-neu2mdp6h2] {
    direction: rtl;
}

.timetable-analysis-stats[b-neu2mdp6h2] {
    display: grid;
    grid-template-columns: 1fr;
    gap: .15rem;
}

.timetable-analysis-stats div[b-neu2mdp6h2] {
    border: 0;
    background: transparent;
    min-height: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
    gap: .35rem;
    padding: .12rem 0;
}

    .timetable-analysis-stats b[b-neu2mdp6h2] {
        min-width: 24px;
        background: transparent;
        color: #087fa9;
        padding: 0;
        text-align: left;
        font-size: 12.4px;
        padding-left: 20px;
    }

.timetable-analysis-stats span[b-neu2mdp6h2] {
    color: #344b59;
    font-size: 11.8px;
    font-weight: 700;
    text-align: right;
}

.timetable-analysis-body[b-neu2mdp6h2] {
    grid-area: indicators;
    min-width: 0;
}

.analysis-box[b-neu2mdp6h2] {
    border: 1px solid #d9e5eb;
    background: #fcfefe;
    padding: 0;
    overflow: hidden;
}

.analysis-card-head[b-neu2mdp6h2] {
    min-height: 32px;
    background: #eef8fb;
    border-bottom: 1px solid #d9e5eb;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: .35rem .65rem;
}

.analysis-card-head h4[b-neu2mdp6h2] {
    color: #17313f;
    font-size: 12.6px;
    font-weight: 800;
    margin: 0;
}

.analysis-box-wide[b-neu2mdp6h2] {
    height: 100%;
}

.analysis-summary-box .timetable-analysis-stats[b-neu2mdp6h2],
.analysis-box-wide .analysis-indicators[b-neu2mdp6h2] {
    padding: .65rem;
}

.analysis-indicators li[b-neu2mdp6h2] {
    border: 1px solid #dbe6eb;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
    gap: .35rem;
    min-height: 34px;
    padding: .3rem .45rem;
    color: #344b59;
    font-size: 12px;
    font-weight: 700;
}

.analysis-indicators li[b-neu2mdp6h2] {
    padding: 0;
    overflow: hidden;
}

.analysis-indicators li button[b-neu2mdp6h2] {
    width: 100%;
    min-height: 34px;
    border: 0;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
    gap: .35rem;
    padding: .3rem .45rem;
    color: inherit;
    font: inherit;
    cursor: pointer;
}

.analysis-indicators li button:disabled[b-neu2mdp6h2] {
    cursor: default;
}

.analysis-indicators li button i[b-neu2mdp6h2] {
    color: #78909c;
    font-size: 11px;
}

.analysis-indicators li.open[b-neu2mdp6h2] {
    border-color: #0b83b4;
    box-shadow: inset 0 -2px 0 #0b83b4;
}

.analysis-indicators li.open button i[b-neu2mdp6h2] {
    color: #0b83b4;
}

.analysis-indicators li.warning[b-neu2mdp6h2] {
    background: #fff8e8;
    border-color: #efd59b;
}

.analysis-indicators li.warning b[b-neu2mdp6h2] {
    background: #fff0cf;
    color: #9a5b00;
}

.analysis-indicators li.warning span[b-neu2mdp6h2] {
    color: #755018;
}

.analysis-indicators li.critical[b-neu2mdp6h2] {
    background: #fff0f0;
    border-color: #efb2b2;
}

.analysis-indicators li.critical b[b-neu2mdp6h2] {
    background: #ffdede;
    color: #b42318;
}

.analysis-indicators li.critical span[b-neu2mdp6h2] {
    color: #8f1d1d;
}

.analysis-indicators span[b-neu2mdp6h2] {
    text-align: right;
}

.analysis-indicators b[b-neu2mdp6h2] {
    color: #087fa9;
    font-size: 13px;
}

.analysis-indicators[b-neu2mdp6h2] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .45rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.analysis-violations[b-neu2mdp6h2] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .55rem;
    margin-top: .85rem;
}

.analysis-violations-toolbar[b-neu2mdp6h2] {
    margin: 0 1.25rem 1rem;
}

.analysis-violations div[b-neu2mdp6h2] {
    border: 1px solid #f0d1a8;
    background: #fffaf0;
    padding: .55rem .65rem;
}

.analysis-violations div.warning[b-neu2mdp6h2] {
    border-color: #efd59b;
    background: #fff8e8;
}

.analysis-violations div.critical[b-neu2mdp6h2] {
    border-color: #efb2b2;
    background: #fff0f0;
}

.analysis-violations strong[b-neu2mdp6h2],
.analysis-violations span[b-neu2mdp6h2] {
    display: block;
}

.analysis-violations strong[b-neu2mdp6h2] {
    color: #7b3500;
    font-size: 12.4px;
    font-weight: 800;
    margin-bottom: .2rem;
}

.analysis-violations div.critical strong[b-neu2mdp6h2] {
    color: #a31d1d;
}

.analysis-violations span[b-neu2mdp6h2] {
    color: #5d6470;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.7;
}

.analysis-violations div.critical span[b-neu2mdp6h2] {
    color: #6d2b2b;
}

.timetable-summary-grid[b-neu2mdp6h2] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    padding: 0 1.25rem 1.25rem;
}

.timetable-class-card[b-neu2mdp6h2] {
    border: 1px solid #d9e4ea;
    background: #fff;
    box-shadow: 0 3px 10px rgba(15, 35, 55, .06);
    overflow: hidden;
}

.timetable-class-card header[b-neu2mdp6h2] {
    background: #0b83b4;
    color: #fff;
    min-height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 700;
}

.timetable-class-card.teacher-card header[b-neu2mdp6h2] {
    background: #09647c;
}

.timetable-class-table-wrap[b-neu2mdp6h2] {
    overflow-x: auto;
}

.timetable-class-table[b-neu2mdp6h2] {
    width: 100%;
    min-width: 520px;
    border-collapse: collapse;
    table-layout: fixed;
    color: #263845;
    font-size: 12.2px;
    font-weight: 600;
}

.timetable-class-table th[b-neu2mdp6h2],
.timetable-class-table td[b-neu2mdp6h2] {
    border: 1px solid #d9e4ea;
    padding: .35rem .3rem;
    text-align: center;
    vertical-align: middle;
}

.timetable-class-table thead th[b-neu2mdp6h2] {
    background: #eef6f9;
    color: #17313f;
}

.timetable-class-table tbody th[b-neu2mdp6h2] {
    width: 72px;
    background: #f7fafb;
    color: #0d4e68;
}

.timetable-class-table td[b-neu2mdp6h2] {
    height: 48px;
    background: #fff;
}

.timetable-class-table td strong[b-neu2mdp6h2] {
    display: block;
    color: #17313f;
    line-height: 1.25;
}

.timetable-class-table td span[b-neu2mdp6h2] {
    display: block;
    color: #667888;
    font-size: 11.5px;
    margin-top: .15rem;
    line-height: 1.25;
}

.timetable-class-table td.last-period[b-neu2mdp6h2] {
    background: #fff8ec;
}

.timetable-general-wrap[b-neu2mdp6h2] {
    background: #fff;
    box-shadow: 0 3px 10px rgba(15, 35, 55, .06);
    overflow-x: auto;
    padding: 5px;
}

.timetable-general-table[b-neu2mdp6h2] {
    width: 100%;
    min-width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    color: #263845;
    font-size: 10.6px;
    font-weight: 600;
}

.timetable-general-table th[b-neu2mdp6h2],
.timetable-general-table td[b-neu2mdp6h2] {
    border: 1px solid #d9e4ea;
    padding: 3px 2px;
    text-align: center;
    vertical-align: middle;
}

.timetable-general-table thead th[b-neu2mdp6h2] {
    background: #0b83b4;
    color: #fff;
    height: 24px;
    line-height: 1.1;
}

.timetable-general-table thead th.day-head[b-neu2mdp6h2] {
    background: #087aa8;
    font-size: 10.8px;
    font-weight: 800;
}

.timetable-general-table thead th.period-head[b-neu2mdp6h2] {
    background: #0b83b4;
    font-size: 10px;
    font-weight: 800;
}

.timetable-general-table .teacher-name[b-neu2mdp6h2] {
    width: 118px;
    min-width: 118px;
    position: sticky;
    right: 0;
    z-index: 2;
    background: #f7fafb;
    color: #17313f;
}

.timetable-general-table thead .teacher-name[b-neu2mdp6h2] {
    background: #09647c;
    color: #fff;
}

.timetable-general-table td[b-neu2mdp6h2] {
    height: 34px;
    background: #fff;
}

.timetable-general-table td strong[b-neu2mdp6h2],
.timetable-general-table td span[b-neu2mdp6h2] {
    display: block;
    line-height: 1.15;
}

.timetable-general-table td strong[b-neu2mdp6h2] {
    color: #17313f;
    font-size: 9px;
}

.timetable-general-table td span[b-neu2mdp6h2] {
    color: #667888;
    font-size: 8px;
    margin-top: 1px;
}

.timetable-unassigned-panel[b-neu2mdp6h2] {
    border: 1px solid #d9e4ea;
    background: #fff;
    margin: 0 1.25rem 1.25rem;
    padding: 1rem;
}

.timetable-unassigned-panel h3[b-neu2mdp6h2] {
    color: #9b1c1c;
    font-size: 13px;
    font-weight: 700;
    margin: 0 0 .75rem;
}

@media (max-width: 1600px) {
    .timetable-summary-grid[b-neu2mdp6h2] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 980px) {
    .timetable-summary-toolbar[b-neu2mdp6h2] {
        grid-template-columns: 1fr;
        grid-template-areas:
            "selector"
            "actions"
            "summary"
            "indicators";
    }

    .timetable-summary-select[b-neu2mdp6h2] {
        justify-self: stretch;
        width: 100%;
    }

    .timetable-summary-actions[b-neu2mdp6h2] {
        justify-content: flex-start;
    }

    .timetable-summary-grid[b-neu2mdp6h2],
    .analysis-violations[b-neu2mdp6h2] {
        grid-template-columns: 1fr;
    }

    .timetable-analysis-overview[b-neu2mdp6h2] {
        grid-template-columns: 1fr;
        direction: rtl;
    }

    .analysis-indicators[b-neu2mdp6h2] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 620px) {
    .timetable-summary-toolbar[b-neu2mdp6h2] {
        margin: .75rem;
    }

    .timetable-summary-actions[b-neu2mdp6h2] {
        flex-direction: column;
        align-items: stretch;
    }

    .timetable-summary-grid[b-neu2mdp6h2],
    .timetable-unassigned-panel[b-neu2mdp6h2],
    .timetable-general-wrap[b-neu2mdp6h2],
    .timetable-view-switch[b-neu2mdp6h2] {
        margin: 0 .75rem .75rem;
        padding: 0;
    }

    .timetable-analysis-stats[b-neu2mdp6h2],
    .analysis-indicators[b-neu2mdp6h2] {
        grid-template-columns: 1fr;
    }

    .timetable-view-switch[b-neu2mdp6h2] {
        flex-wrap: wrap;
    }
}
/* /Pages/TimeTable/TimeTableSwap.razor.rz.scp.css */
.timetable-swap-toolbar[b-nw88qraz11] {
    display: grid;
    grid-template-columns: minmax(220px, 360px) auto;
    gap: 1rem;
    align-items: end;
    margin: 1.25rem;
    padding: 1rem;
    border: 1px solid #d9e5eb;
    background: #fff;
}

.timetable-swap-select[b-nw88qraz11] {
    max-width: 360px;
}

.timetable-swap-actions[b-nw88qraz11] {
    display: flex;
    justify-content: flex-end;
    gap: .65rem;
    flex-wrap: wrap;
}

.timetable-swap-guide[b-nw88qraz11] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .8rem;
    align-items: center;
    margin: 0 1.25rem 1rem;
    padding: .8rem 1rem;
    border: 1px solid #cfe2ea;
    background: #f8fcfd;
    color: #314b59;
    font-size: 12.4px;
    font-weight: 600;
}

.timetable-swap-guide strong[b-nw88qraz11] {
    display: block;
    margin-bottom: .25rem;
    color: #073f52;
}

.timetable-swap-status[b-nw88qraz11] {
    min-width: 190px;
    padding: .45rem .65rem;
    text-align: center;
    font-weight: 700;
}

.timetable-swap-status.is-ok[b-nw88qraz11] {
    border: 1px solid #8fd8ae;
    background: #eafaf1;
    color: #08733a;
}

.timetable-swap-status.is-danger[b-nw88qraz11] {
    border: 1px solid #efb0b7;
    background: #fff0f2;
    color: #b21f32;
}

.timetable-swap-layout[b-nw88qraz11] {
    display: grid;
    grid-template-columns: 1fr;
    gap: .75rem;
    align-items: start;
    margin: 0 1.25rem 1.25rem;
}

.timetable-swap-grid-wrap[b-nw88qraz11] {
    overflow-x: auto;
    border: 1px solid #96b7c5;
    background: #fff;
}

.timetable-swap-grid[b-nw88qraz11] {
    width: 100%;
    min-width: 980px;
    border-collapse: collapse;
    table-layout: fixed;
}

.timetable-swap-grid th[b-nw88qraz11],
.timetable-swap-grid td[b-nw88qraz11] {
    border: 1px solid #a8c1cc;
    padding: .25rem;
    text-align: center;
    vertical-align: middle;
}

.timetable-swap-grid tbody tr + tr th[b-nw88qraz11],
.timetable-swap-grid tbody tr + tr td[b-nw88qraz11] {
    border-top-color: #6e9dad;
    border-top-width: 2px;
}

.timetable-swap-grid thead th[b-nw88qraz11] {
    background: #0b82ad;
    color: #fff;
    font-size: 12.4px;
    font-weight: 700;
}

.day-head[b-nw88qraz11],
.day-cell[b-nw88qraz11] {
    width: 70px;
}

.day-cell[b-nw88qraz11] {
    background: #eef8fb;
    color: #073f52;
    font-size: 12.4px;
    font-weight: 700;
}

.period-cell[b-nw88qraz11] {
    position: relative;
    height: 76px;
    background: #fbfdfe;
    color: #203743;
    cursor: pointer;
    transition: background .15s ease, box-shadow .15s ease, border-color .15s ease;
}

.period-cell:hover[b-nw88qraz11] {
    background: #f0f8fb;
}

.period-cell.is-empty[b-nw88qraz11] {
    cursor: default;
    background: #f7fafb;
}

.period-cell.is-muted[b-nw88qraz11] {
    opacity: .55;
}

.period-cell.is-selected[b-nw88qraz11] {
    background: #e8f4ff;
    box-shadow: inset 0 0 0 2px #1684d8;
}

.period-cell.is-possible[b-nw88qraz11] {
    background: #eafaf1;
    box-shadow: inset 0 0 0 2px #24a65a;
}

.period-cell.is-changed[b-nw88qraz11]::after {
    content: "";
    position: absolute;
    top: .35rem;
    inset-inline-start: .35rem;
    width: .45rem;
    height: .45rem;
    border-radius: 999px;
    background: #f0a202;
}

.swap-subject[b-nw88qraz11] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #102d3a;
    font-size: 11px;
    font-weight: 700;
}

.swap-teacher[b-nw88qraz11] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: .25rem;
    color: #415761;
    font-size: 11.2px;
    font-weight: 600;
}

.swap-ready[b-nw88qraz11] {
    display: inline-block;
    margin-top: .25rem;
    padding: .05rem .35rem;
    border: 1px solid #8fd8ae;
    color: #08733a;
    background: #f6fff9;
    font-size: 10.5px;
    font-weight: 700;
}

.empty-period[b-nw88qraz11] {
    display: grid;
    place-items: center;
    color: #8b9aa3;
    font-size: 12px;
    font-weight: 600;
}

.timetable-swap-panel[b-nw88qraz11] {
    border: 1px solid #cfe2ea;
    background: #fff;
}

.timetable-swap-panel header[b-nw88qraz11] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .45rem .65rem;
    border-bottom: 1px solid #cfe2ea;
    background: #eef8fb;
}

.timetable-swap-panel h3[b-nw88qraz11] {
    margin: 0;
    color: #073f52;
    font-size: 12px;
    font-weight: 700;
}

.timetable-swap-panel header span[b-nw88qraz11] {
    color: #0b82ad;
    font-size: 11px;
    font-weight: 700;
}

.selected-card-summary[b-nw88qraz11] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .35rem;
    align-items: center;
    margin: .55rem .65rem;
    padding: .45rem .55rem;
    border: 1px solid #b6d5e0;
    background: #f8fcfd;
}

.selected-card-summary span[b-nw88qraz11],
.selected-card-summary strong[b-nw88qraz11],
.selected-card-summary small[b-nw88qraz11] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.selected-card-summary span[b-nw88qraz11] {
    color: #0b82ad;
    font-size: 10.8px;
    font-weight: 700;
}

.selected-card-summary strong[b-nw88qraz11] {
    color: #102d3a;
    font-size: 11.2px;
}

.selected-card-summary small[b-nw88qraz11] {
    color: #536a75;
    font-size: 10.8px;
    font-weight: 600;
}

.swap-target-table-wrap[b-nw88qraz11] {
    padding: 0 .65rem .65rem;
    overflow-x: auto;
}

.swap-target-table[b-nw88qraz11] {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
    table-layout: fixed;
}

.swap-target-table th[b-nw88qraz11],
.swap-target-table td[b-nw88qraz11] {
    border: 1px solid #d4e3ea;
    padding: .2rem;
    text-align: center;
    vertical-align: top;
}

.swap-target-table thead th[b-nw88qraz11] {
    background: #0b82ad;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
}

.swap-target-table tbody th[b-nw88qraz11] {
    width: 64px;
    background: #eef8fb;
    color: #073f52;
    font-size: 11px;
    font-weight: 700;
    vertical-align: middle;
}

.swap-target-cell[b-nw88qraz11] {
    min-height: 44px;
    background: #fbfdfe;
}

.swap-target-cell.has-targets[b-nw88qraz11] {
    background: #f6fff9;
}

.swap-target-chip[b-nw88qraz11] {
    display: block;
    width: 100%;
    margin: 0 0 .2rem;
    padding: .22rem .28rem;
    border: 1px solid #9edbb8;
    background: #fff;
    color: #17313d;
    text-align: right;
    font-size: 10px;
    font-weight: 600;
}

.swap-target-chip:hover[b-nw88qraz11],
.swap-target-chip:focus[b-nw88qraz11] {
    border-color: #24a65a;
    background: #eafaf1;
}

.swap-target-chip span[b-nw88qraz11],
.swap-target-chip strong[b-nw88qraz11],
.swap-target-chip small[b-nw88qraz11] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.swap-target-chip span[b-nw88qraz11] {
    color: #0b82ad;
    font-size: 9.5px;
}

.swap-target-chip strong[b-nw88qraz11] {
    color: #102d3a;
    font-size: 10.2px;
}

.swap-target-chip small[b-nw88qraz11] {
    color: #4c626d;
    font-size: 9.5px;
}

.swap-panel-empty[b-nw88qraz11],
.timetable-swap-empty[b-nw88qraz11] {
    margin: .75rem;
    padding: 1.5rem;
    border: 1px dashed #cfe2ea;
    background: #fbfdfe;
    color: #425b66;
    text-align: center;
    font-size: 12.4px;
    font-weight: 700;
}

.timetable-swap-empty[b-nw88qraz11] {
    margin: 1.25rem;
}

@media (max-width: 920px) {
    .timetable-swap-toolbar[b-nw88qraz11],
    .timetable-swap-guide[b-nw88qraz11] {
        grid-template-columns: 1fr;
        margin-right: .75rem;
        margin-left: .75rem;
    }

    .timetable-swap-actions[b-nw88qraz11] {
        justify-content: center;
    }

    .timetable-swap-layout[b-nw88qraz11],
    .timetable-swap-empty[b-nw88qraz11] {
        margin-right: .75rem;
        margin-left: .75rem;
    }
}
/* /Pages/TimeTable/TimeTableViewer.razor.rz.scp.css */
.timetable-viewer[b-y3gaf87yyk] {
    overflow: visible;
}

.viewer-content[b-y3gaf87yyk] {
    padding: 1.35rem 1.5rem 1.75rem;
}

.viewer-filters[b-y3gaf87yyk] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
    align-items: end;
}

.viewer-filters .kind-field[b-y3gaf87yyk] {
    grid-column: span 2;
}

.viewer-options[b-y3gaf87yyk] {
    display: flex;
    justify-content: flex-start;
    direction: rtl;
    flex-wrap: wrap;
    gap: 1.5rem;
    margin: .85rem 0 .25rem;
    color: #405d6a;
    font-size: .88rem;
}

.viewer-options label[b-y3gaf87yyk] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    cursor: pointer;
}

.viewer-options input[b-y3gaf87yyk] {
    width: 13px;
    height: 13px;
    flex: 0 0 13px;
    margin: 0;
    accent-color: #0784b0;
}

.viewer-loading-result[b-y3gaf87yyk] {
    min-height: 82px;
}

.class-multi-field[b-y3gaf87yyk] {
    position: relative;
    grid-column: span 2;
}

.class-multi-field > .app-field-label[b-y3gaf87yyk] {
    position: absolute;
    z-index: 2;
    top: -8px;
    right: 12px;
    padding-inline: 4px;
    background: #fff;
    color: #c52828;
    font-size: .75rem;
}

.class-multi-field details[b-y3gaf87yyk] {
    position: relative;
}

.class-multi-field summary[b-y3gaf87yyk] {
    display: flex;
    align-items: center;
    min-height: 42px;
    padding: .5rem .75rem;
    border: 1px solid #bccbd3;
    background: #fff;
    color: #263f4a;
    cursor: pointer;
    list-style: none;
}

.class-multi-field summary[b-y3gaf87yyk]::-webkit-details-marker {
    display: none;
}

.class-multi-field summary[b-y3gaf87yyk]::after {
    content: "⌄";
    margin-right: auto;
    color: #344f5b;
    font-size: 1.15rem;
}

.class-multi-menu[b-y3gaf87yyk] {
    position: static;
    z-index: 20;
    max-height: 280px;
    padding: .55rem;
    overflow-y: auto;
    margin-top: 2px;
    border: 1px solid #bdcdd4;
    background: #fff;
    box-shadow: 0 8px 18px rgb(33 66 80 / 18%);
}

.class-multi-menu label[b-y3gaf87yyk] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: .4rem;
    min-height: 34px;
    margin: 0;
    padding: .35rem .45rem;
    cursor: pointer;
}

.class-multi-menu label:hover[b-y3gaf87yyk] {
    background: #f1f7f9;
}

.class-multi-menu input[b-y3gaf87yyk] {
    width: 13px;
    height: 13px;
    flex: 0 0 13px;
    margin: 0;
    accent-color: #0784b0;
}

.class-multi-all[b-y3gaf87yyk] {
    margin-bottom: .4rem !important;
    border-bottom: 1px solid #dbe5e9;
    color: #087da6;
}

.class-multi-grid[b-y3gaf87yyk] {
    display: block;
    column-count: 3;
    column-gap: 2px;
}

.class-multi-grid label[b-y3gaf87yyk] {
    break-inside: avoid;
    width: 100%;
}

.viewer-state[b-y3gaf87yyk] {
    min-height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .65rem;
    color: #55727f;
}

.viewer-empty[b-y3gaf87yyk] {
    margin: .5rem 0;
    padding: 1.3rem;
    min-height: 120px;
    border-right: 4px solid #dba332;
    background: #fff8e8;
    color: #76560e;
}

.viewer-empty i[b-y3gaf87yyk] {
    font-size: 1.8rem;
}

.viewer-empty div[b-y3gaf87yyk] {
    display: grid;
    gap: .25rem;
}

.viewer-empty span[b-y3gaf87yyk] {
    font-size: .82rem;
}

.viewer-empty.compact[b-y3gaf87yyk] {
    min-height: 82px;
    font-size: .9rem;
}

.result-bar[b-y3gaf87yyk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin: .25rem 0 .85rem;
    padding: .75rem .9rem;
    border-right: 4px solid #0784b0;
    background: #f1f7f9;
}

.result-bar > div:first-child[b-y3gaf87yyk] {
    display: grid;
    gap: .15rem;
}

.result-bar strong[b-y3gaf87yyk] {
    color: #173f51;
}

.result-bar span[b-y3gaf87yyk] {
    color: #6b8089;
    font-size: .78rem;
}

.result-count[b-y3gaf87yyk] {
    min-width: 70px;
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: .3rem;
    color: #087da6;
}

.result-count b[b-y3gaf87yyk] {
    font-size: 1.2rem;
}

.viewer-results[b-y3gaf87yyk] {
    display: grid;
    gap: 1rem;
}

.schedule-card[b-y3gaf87yyk] {
    break-inside: avoid;
    border: 1px solid #cfdee4;
    background: #fff;
}

.schedule-card > header[b-y3gaf87yyk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 42px;
    padding: .55rem .75rem;
    border-bottom: 1px solid #cfdee4;
    background: #f3f7f8;
    color: #244e61;
}

.schedule-card > header span[b-y3gaf87yyk] {
    color: #0784b0;
    font-size: .8rem;
    font-weight: 700;
}

.table-scroll[b-y3gaf87yyk] {
    max-width: 100%;
    overflow-x: auto;
}

.schedule-table[b-y3gaf87yyk],
.detail-table[b-y3gaf87yyk] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    color: #263f4a;
    font-size: .8rem;
}

.schedule-table[b-y3gaf87yyk] {
    min-width: 760px;
}

.schedule-table th[b-y3gaf87yyk],
.schedule-table td[b-y3gaf87yyk],
.detail-table th[b-y3gaf87yyk],
.detail-table td[b-y3gaf87yyk] {
    padding: .48rem .4rem;
    border-left: 1px solid #d9e4e9;
    border-bottom: 1px solid #d9e4e9;
    text-align: center;
    vertical-align: middle;
}

.schedule-table thead th[b-y3gaf87yyk],
.detail-table thead th[b-y3gaf87yyk] {
    background: #087fa8;
    color: #fff;
    font-weight: 700;
}

.schedule-table .row-label[b-y3gaf87yyk] {
    width: 125px;
    background: #f2f6f8;
    color: #28566a;
}

.schedule-table thead .row-label[b-y3gaf87yyk] {
    background: #087fa8;
    color: #fff;
}

.schedule-table td[b-y3gaf87yyk] {
    height: 56px;
}

.schedule-table td strong[b-y3gaf87yyk],
.schedule-table td small[b-y3gaf87yyk] {
    display: block;
}

.schedule-table td small[b-y3gaf87yyk] {
    margin-top: .18rem;
    color: #71858e;
    font-size: .7rem;
}

.schedule-table td.standby[b-y3gaf87yyk] {
    background: #fff7df;
}

.standby-badge[b-y3gaf87yyk] {
    display: inline-block;
    margin-top: .25rem;
    padding: .08rem .32rem;
    background: #f4d788;
    color: #72540d;
    font-size: .62rem;
}

.empty-cell[b-y3gaf87yyk] {
    color: #c4cfd4;
}

.detail-table[b-y3gaf87yyk] {
    min-width: 610px;
    border: 1px solid #cfdee4;
}

.detail-table tbody tr:nth-child(even)[b-y3gaf87yyk] {
    background: #f8fafb;
}

.detail-table .serial[b-y3gaf87yyk] {
    width: 55px;
}

.detail-table .teacher-name[b-y3gaf87yyk] {
    text-align: right;
    font-weight: 700;
}

.detail-table .period-total[b-y3gaf87yyk] {
    width: 90px;
    color: #b12632;
    font-weight: 800;
}

.detail-table thead .period-total[b-y3gaf87yyk] {
    color: #fff;
}

@media (max-width: 800px) {
    .viewer-content[b-y3gaf87yyk] {
        padding: 1rem .7rem 1.25rem;
    }

    .viewer-filters[b-y3gaf87yyk] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .viewer-filters .kind-field[b-y3gaf87yyk] {
        grid-column: span 2;
    }

    .class-multi-grid[b-y3gaf87yyk] {
        column-count: 2;
    }
}

@media (max-width: 540px) {
    .viewer-content[b-y3gaf87yyk] {
        padding-inline: .25rem;
    }

    .viewer-filters[b-y3gaf87yyk] {
        grid-template-columns: 1fr;
        padding-inline: .25rem;
    }

    .viewer-filters .kind-field[b-y3gaf87yyk] {
        grid-column: auto;
    }

    .class-multi-field[b-y3gaf87yyk] {
        grid-column: auto;
    }

    .class-multi-grid[b-y3gaf87yyk] {
        column-count: 1;
    }

    .viewer-options[b-y3gaf87yyk] {
        gap: .7rem 1rem;
    }

    .result-bar[b-y3gaf87yyk] {
        margin-inline: 0;
    }

    .schedule-card[b-y3gaf87yyk] {
        border-right: 0;
        border-left: 0;
    }
}
/* /Pages/Users/ManualStudentEntry.razor.rz.scp.css */
.manual-student-page[b-x4a5zr136x] {
    max-width: 920px;
    padding-bottom: 2.25rem;
}

.manual-note[b-x4a5zr136x] {
    display: flex;
    gap: .75rem;
    align-items: flex-start;
    margin: 1.55rem 2rem 1.25rem;
    padding: .9rem 1.1rem;
    border-inline-start: 4px solid #1684aa;
    background: #f4fafc;
    color: #35586a;
}

.manual-note i[b-x4a5zr136x] { margin-top: .1rem; color: #087fad; font-size: 1.1rem; }
.manual-note div[b-x4a5zr136x] { display: flex; flex-direction: column; gap: .15rem; }
.manual-note ul[b-x4a5zr136x] {
    margin: .35rem 0 0;
    padding-inline-start: 1.15rem;
    color: #64748b;
    font-size: .78rem;
    line-height: 1.8;
}

.manual-tabs[b-x4a5zr136x] {
    display: flex;
    justify-content: center;
    gap: 0;
    width: min(860px, calc(100% - 1rem));
    margin: 0 auto;
    border: 1px solid #d4e0e6;
    border-bottom: 0;
    background: #f7fafb;
}

.manual-tabs button[b-x4a5zr136x] {
    flex: 1;
    min-width: 160px;
    border: 0;
    border-bottom: 3px solid transparent;
    padding: .8rem 1rem .7rem;
    background: transparent;
    color: #526574;
    font-weight: 700;
    transition: background-color .15s ease, color .15s ease;
}

.manual-tabs button + button[b-x4a5zr136x] { border-inline-start: 1px solid #dbe5ea; }
.manual-tabs button.active[b-x4a5zr136x] { border-bottom-color: #087fad; background: #fff; color: #087fad; }
.manual-tabs button.active.danger[b-x4a5zr136x] { border-bottom-color: #b42318; background: #fff; color: #b42318; }

.manual-panel[b-x4a5zr136x] {
    width: min(860px, calc(100% - 1rem));
    min-height: 310px;
    margin: 0 auto;
    padding: 1.65rem 1.35rem 1.5rem;
    border: 1px solid #d4e0e6;
    background: #fff;
    box-shadow: 0 8px 22px rgba(31, 63, 78, .06);
}

.manual-form[b-x4a5zr136x] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem .8rem;
    padding: 0;
}

.manual-form .name-field[b-x4a5zr136x] { grid-column: span 2; }

.manual-actions[b-x4a5zr136x] {
    display: flex;
    justify-content: center;
    gap: .55rem;
    margin: 1.4rem 1rem 0;
}

.manual-actions button[b-x4a5zr136x] { min-width: 125px; }
.manual-loading[b-x4a5zr136x] { padding: 3rem; text-align: center; color: #64748b; }

.delete-search[b-x4a5zr136x] {
    width: min(620px, 100%);
    margin: .4rem auto 0;
    display: grid;
    grid-template-columns: 1fr 110px;
    gap: .6rem;
    align-items: center;
}

.student-preview[b-x4a5zr136x] {
    width: 100%;
    margin: 1.3rem auto 0;
    display: grid;
    grid-template-columns: 2fr 1.2fr 1fr 1fr .8fr;
    border-top: 1px solid #d6e0e5;
    border-inline-start: 1px solid #d6e0e5;
}

.student-preview div[b-x4a5zr136x] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: .2rem;
    padding: .65rem .7rem;
    border-bottom: 1px solid #d6e0e5;
    border-inline-end: 1px solid #d6e0e5;
}

.student-preview span[b-x4a5zr136x] { color: #64748b; font-size: .72rem; }
.student-preview strong[b-x4a5zr136x] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .84rem; }
.delete-button[b-x4a5zr136x] { background: #b42318 !important; }

.delete-confirmation[b-x4a5zr136x] {
    width: min(620px, 100%);
    margin: 1.3rem auto 0;
    display: grid;
    gap: .55rem;
    padding: 1rem;
    background: #fff3f2;
    color: #8f2018;
    text-align: center;
}

.delete-confirmation > div[b-x4a5zr136x] { display: flex; justify-content: center; gap: .5rem; }
.delete-confirmation input[b-x4a5zr136x] { width: min(300px, 100%); margin: auto; text-align: center; }

@media (max-width: 760px) {
    .manual-student-page[b-x4a5zr136x] { padding-inline: .3rem; }
    .manual-note[b-x4a5zr136x] { margin-inline: .65rem; }
    .manual-tabs[b-x4a5zr136x], .manual-panel[b-x4a5zr136x] { width: calc(100% - 1.3rem); }
    .manual-panel[b-x4a5zr136x] { padding: 1.2rem .8rem; }
    .manual-form[b-x4a5zr136x] { grid-template-columns: 1fr 1fr; }
    .manual-form .name-field[b-x4a5zr136x] { grid-column: span 2; }
    .student-preview[b-x4a5zr136x] { grid-template-columns: 1fr 1fr; }
    .student-preview div:first-child[b-x4a5zr136x] { grid-column: span 2; }
}

@media (max-width: 480px) {
    .manual-tabs button[b-x4a5zr136x] { min-width: 0; flex: 1; }
    .manual-form[b-x4a5zr136x] { grid-template-columns: 1fr; }
    .manual-form .name-field[b-x4a5zr136x] { grid-column: auto; }
    .delete-search[b-x4a5zr136x] { width: calc(100% - .9rem); grid-template-columns: 1fr; }
    .delete-search button[b-x4a5zr136x] { width: 100%; }
    .manual-actions[b-x4a5zr136x] { flex-direction: column; }
    .manual-actions button[b-x4a5zr136x] { width: 100%; }
}
/* /Pages/Users/NoorImport.razor.rz.scp.css */
.noor-import-shell[b-h2dsg7mi47] {
    padding: 20px;
}

.noor-mode-tabs[b-h2dsg7mi47] {
    display: flex;
    justify-content: center;
    gap: .35rem;
    padding: 1rem 0 0;
}

.noor-mode-tab[b-h2dsg7mi47] {
    min-width: 132px;
    min-height: 34px;
    border: 1px solid #cddbe4;
    background: #fff;
    color: #254050;
    font-size: 13px;
    font-weight: 700;
}

.noor-mode-tab.active[b-h2dsg7mi47] {
    border-color: #0b86b7;
    background: #0b86b7;
    color: #fff;
}

.noor-info-panel[b-h2dsg7mi47] {
    display: grid;
    gap: .35rem;
    margin: 1rem ;
    padding: .85rem 1rem;
    border: 1px solid #dbe7ee;
    background: #f8fbfc;
    color: #425563;
    font-size: 12.4px;
    font-weight: 600;
    line-height: 1.8;
}

.noor-control-panel[b-h2dsg7mi47] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: end;
    gap: .85rem;
    margin: 1rem ;
    padding: 1rem;
    border: 1px solid #dbe5ec;
    background: #fff;
}

.noor-file-box[b-h2dsg7mi47] {
    display: flex;
    grid-column: 1 / -1;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    min-height: 74px;
    padding-top: .25rem;
}

.noor-file-input[b-h2dsg7mi47] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

[b-h2dsg7mi47] input[type="file"].noor-file-input {
    display: none !important;
}

.noor-file-button[b-h2dsg7mi47] {
    min-width: 150px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.noor-file-button.disabled[b-h2dsg7mi47] {
    pointer-events: none;
    opacity: .78;
}

.noor-file-box span[b-h2dsg7mi47] {
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #60717d;
    font-size: 12px;
    font-weight: 600;
}

.noor-file-status[b-h2dsg7mi47] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    min-height: 24px;
    color: #425563;
    font-size: 12px;
    font-weight: 700;
}

.noor-file-spinner[b-h2dsg7mi47] {
    width: 14px;
    height: 14px;
    border: 2px solid #cde5ef;
    border-top-color: #0b86b7;
    border-radius: 50%;
    animation: noor-spin-b-h2dsg7mi47 .75s linear infinite;
}

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

.noor-summary-grid[b-h2dsg7mi47] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
    margin: 1rem ;
}

.noor-summary-card[b-h2dsg7mi47] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 54px;
    padding: .75rem .9rem;
    border: 1px solid #dbe5ec;
    background: #fff;
    color: #405565;
}

.noor-summary-card strong[b-h2dsg7mi47] {
    min-width: 34px;
    padding: .25rem .4rem;
    background: #eef7fb;
    color: #087fb0;
    text-align: center;
    font-size: 16px;
}

.noor-summary-card.ok strong[b-h2dsg7mi47] {
    background: #e9fbf3;
    color: #087f5b;
}

.noor-summary-card.danger strong[b-h2dsg7mi47] {
    background: #fff1f1;
    color: #b91c1c;
}

.noor-result-panel[b-h2dsg7mi47] {
    margin: 1rem 0 0;
}

.noor-table-shell[b-h2dsg7mi47] {
    border: 0 !important;
    box-shadow: none !important;
    background: #fff;
    padding: 0;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-gutter: stable;
    -webkit-overflow-scrolling: touch;
}

.noor-table-toolbar[b-h2dsg7mi47] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: .65rem 0;
    border: 0;
    background: transparent;
    direction: rtl;
}

.noor-table-toolbar > *[b-h2dsg7mi47] {
    direction: rtl;
}

.noor-select-all[b-h2dsg7mi47] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    color: #2f4657;
    font-size: 12.4px;
    font-weight: 700;
}

.noor-import-table[b-h2dsg7mi47] {
    width: 100%;
    min-width: 0;
    margin: 0;
    border-collapse: collapse;
    border: 1px solid #d9e2ea;
    table-layout: auto;
}

.noor-import-table th[b-h2dsg7mi47],
.noor-import-table td[b-h2dsg7mi47] {
    border: 1px solid #d9e2ea;
    text-align: center;
    vertical-align: middle;
}

.noor-import-table th:first-child[b-h2dsg7mi47],
.noor-import-table td:first-child[b-h2dsg7mi47] {
    border-inline-start: 1px solid #d9e2ea;
}

.noor-import-table th:last-child[b-h2dsg7mi47],
.noor-import-table td:last-child[b-h2dsg7mi47] {
    border-inline-end: 1px solid #d9e2ea;
}

.noor-import-table th[b-h2dsg7mi47],
.noor-import-table td[b-h2dsg7mi47] {
    padding-inline: .35rem;
}

.noor-student-table th:nth-child(1)[b-h2dsg7mi47],
.noor-student-table td:nth-child(1)[b-h2dsg7mi47],
.noor-student-table th:nth-child(2)[b-h2dsg7mi47],
.noor-student-table td:nth-child(2)[b-h2dsg7mi47] {
    width: 42px;
}

.noor-student-table th:nth-child(3)[b-h2dsg7mi47],
.noor-student-table td:nth-child(3)[b-h2dsg7mi47] {
    width: auto;
    min-width: 240px;
}

.noor-student-table th:nth-child(4)[b-h2dsg7mi47],
.noor-student-table td:nth-child(4)[b-h2dsg7mi47] {
    width: 88px;
}

.noor-student-table th:nth-child(5)[b-h2dsg7mi47],
.noor-student-table td:nth-child(5)[b-h2dsg7mi47] {
    width: 102px;
}

.noor-student-table th:nth-child(6)[b-h2dsg7mi47],
.noor-student-table td:nth-child(6)[b-h2dsg7mi47] {
    width: 92px;
}

.noor-student-table th:nth-child(7)[b-h2dsg7mi47],
.noor-student-table td:nth-child(7)[b-h2dsg7mi47] {
    width: 86px;
}

.noor-student-table th:nth-child(8)[b-h2dsg7mi47],
.noor-student-table td:nth-child(8)[b-h2dsg7mi47] {
    width: 54px;
}

.noor-student-table th:nth-child(9)[b-h2dsg7mi47],
.noor-student-table td:nth-child(9)[b-h2dsg7mi47] {
    width: 112px;
}

.noor-student-table[b-h2dsg7mi47] {
    min-width: 860px;
}

.noor-phone-table[b-h2dsg7mi47] {
    min-width: 820px;
}

.noor-phone-table th:nth-child(1)[b-h2dsg7mi47],
.noor-phone-table td:nth-child(1)[b-h2dsg7mi47],
.noor-phone-table th:nth-child(2)[b-h2dsg7mi47],
.noor-phone-table td:nth-child(2)[b-h2dsg7mi47] {
    width: 42px;
}

.noor-phone-table th:nth-child(4)[b-h2dsg7mi47],
.noor-phone-table td:nth-child(4)[b-h2dsg7mi47] {
    min-width: 220px;
}

.noor-student-name-cell[b-h2dsg7mi47] {
    white-space: normal;
    overflow-wrap: normal;
    word-break: normal;
    line-height: 1.55;
    text-align: start !important;
}

.noor-row-warning td[b-h2dsg7mi47] {
    background: #fff8e8;
}

.noor-status[b-h2dsg7mi47] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 86px;
    min-height: 24px;
    padding: .15rem .4rem;
    border: 1px solid #dbe5ec;
    background: #f8fbfc;
    color: #425563;
    font-size: 11.5px;
    font-weight: 700;
}

.noor-status.status-ok[b-h2dsg7mi47] {
    border-color: #abefce;
    background: #ecfdf5;
    color: #087f5b;
}

.noor-status.status-error[b-h2dsg7mi47] {
    border-color: #fecaca;
    background: #fff1f1;
    color: #b91c1c;
}

.noor-status.status-waiting[b-h2dsg7mi47] {
    border-color: #dbe5ec;
    background: #f8fbfc;
    color: #60717d;
}

@media (max-width: 760px) {
    .noor-import-shell[b-h2dsg7mi47] {
        padding: 12px;
    }

    .noor-control-panel[b-h2dsg7mi47],
    .noor-summary-grid[b-h2dsg7mi47] {
        grid-template-columns: 1fr;
    }

    .noor-table-toolbar[b-h2dsg7mi47] {
        align-items: stretch;
        flex-direction: column;
        min-width: 820px;
    }

    .noor-student-table[b-h2dsg7mi47] {
        min-width: 860px;
    }

    .noor-phone-table[b-h2dsg7mi47] {
        min-width: 820px;
    }
}

@media (max-width: 480px) {
    .noor-import-shell[b-h2dsg7mi47] {
        padding: 8px;
    }

    .noor-info-panel[b-h2dsg7mi47],
    .noor-control-panel[b-h2dsg7mi47],
    .noor-summary-grid[b-h2dsg7mi47],
    .noor-result-panel[b-h2dsg7mi47] {
        margin-block: .75rem;
    }
}
/* /Pages/Users/StudentPhoneExcelImport.razor.rz.scp.css */
.phone-excel-page[b-fww19redvi] {
    padding-inline: clamp(14px, 3vw, 34px);
    padding-bottom: 28px;
}

.phone-excel-steps[b-fww19redvi] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin: 20px 0;
}

.phone-excel-steps article[b-fww19redvi] {
    display: flex;
    align-items: center;
    gap: 9px;
    min-height: 48px;
    padding: 8px 10px;
    background: #f5fafc;
    border-bottom: 2px solid #d9edf4;
}

.phone-excel-steps strong[b-fww19redvi] {
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    color: #fff;
    background: #087fa8;
}

.phone-excel-safety[b-fww19redvi] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    color: #155e42;
    background: #edf9f4;
    border-right: 4px solid #159665;
}

.phone-excel-safety > i[b-fww19redvi] {
    font-size: 25px;
}

.phone-excel-safety div[b-fww19redvi] {
    display: grid;
    gap: 3px;
}

.phone-excel-safety span[b-fww19redvi] {
    font-size: 13px;
}

.phone-excel-actions[b-fww19redvi] {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    margin: 22px 0;
}

.phone-excel-filters[b-fww19redvi] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: center;
    gap: 12px;
    margin-top: 20px;
}

.phone-excel-filter-note[b-fww19redvi] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 42px;
    padding: 8px 10px;
    color: #47636e;
    background: #f6f9fa;
    grid-column: 1 / -1;
}

.phone-excel-download[b-fww19redvi],
.phone-excel-upload[b-fww19redvi] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 190px;
    text-decoration: none;
    cursor: pointer;
}

.phone-excel-download.disabled[b-fww19redvi] {
    pointer-events: none;
    opacity: .55;
}

.phone-excel-file-input[b-fww19redvi] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}

.phone-excel-summary[b-fww19redvi] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    margin: 18px 0 10px;
}

.phone-excel-summary article[b-fww19redvi] {
    display: grid;
    gap: 3px;
    padding: 10px;
    text-align: center;
    background: #f6f9fa;
    border-top: 3px solid #9bb5bf;
}

.phone-excel-summary article.changed[b-fww19redvi] {
    border-color: #159665;
}

.phone-excel-summary article.invalid[b-fww19redvi] {
    border-color: #cf4f4f;
}

.phone-excel-summary strong[b-fww19redvi] {
    font-size: 20px;
}

.phone-excel-toolbar[b-fww19redvi],
.phone-excel-confirm[b-fww19redvi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    background: #f7fafb;
}

.phone-excel-toolbar label[b-fww19redvi],
.phone-excel-confirm label[b-fww19redvi] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin: 0;
}

.phone-excel-table-wrap[b-fww19redvi] {
    width: 100%;
    overflow-x: auto;
}

.phone-excel-table[b-fww19redvi] {
    width: 100%;
    min-width: 820px;
    margin: 0;
}

.phone-excel-table th[b-fww19redvi],
.phone-excel-table td[b-fww19redvi] {
    padding: 8px 7px;
    vertical-align: middle;
    border: 1px solid #d7e1e5;
}

.phone-excel-table td:nth-child(2)[b-fww19redvi] {
    min-width: 220px;
}

.phone-excel-table td:nth-child(2) strong[b-fww19redvi],
.phone-excel-table td:nth-child(2) small[b-fww19redvi] {
    display: block;
}

.phone-excel-table td:nth-child(2) small[b-fww19redvi] {
    color: #6a7f88;
}

.phone-excel-table .changed-row[b-fww19redvi] {
    background: #f1fbf7;
}

.phone-excel-table .invalid-row[b-fww19redvi] {
    background: #fff3f3;
}

.phone-excel-change[b-fww19redvi] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    direction: ltr;
}

.phone-excel-change strong[b-fww19redvi] {
    color: #087e59;
}

.phone-excel-status[b-fww19redvi] {
    display: inline-block;
    padding: 3px 8px;
    font-size: 12px;
    white-space: normal;
}

.phone-excel-status.ready[b-fww19redvi] {
    color: #08704e;
    background: #dff6ec;
}

.phone-excel-status.same[b-fww19redvi] {
    color: #536870;
    background: #eef2f4;
}

.phone-excel-status.error[b-fww19redvi] {
    color: #a12b2b;
    background: #ffe3e3;
}

.phone-excel-confirm[b-fww19redvi] {
    margin-top: 12px;
    border-right: 4px solid #087fa8;
}

@media (max-width: 760px) {
    .phone-excel-page[b-fww19redvi] {
        padding-inline: 8px;
    }

    .phone-excel-filters[b-fww19redvi] {
        grid-template-columns: 1fr;
    }

    .phone-excel-steps[b-fww19redvi],
    .phone-excel-summary[b-fww19redvi] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .phone-excel-toolbar[b-fww19redvi],
    .phone-excel-confirm[b-fww19redvi] {
        align-items: stretch;
        flex-direction: column;
    }

    .phone-excel-confirm .app-search-button[b-fww19redvi] {
        width: 100%;
    }
}
/* /Pages/Users/StudentResultUpload.razor.rz.scp.css */
.result-upload-page[b-44c0c7yciu] {
    max-width: 1100px;
    padding-bottom: 1.6rem;
}

.result-upload-heading[b-44c0c7yciu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    margin: 1.35rem 1.5rem;
}

.result-upload-heading h2[b-44c0c7yciu] {
    margin: 0 0 .35rem;
    color: #8d1010;
    font-size: 1.35rem;
}

.result-upload-heading p[b-44c0c7yciu] {
    margin: 0;
    color: #65778a;
    font-size: .82rem;
}

.result-count[b-44c0c7yciu] {
    min-width: 142px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: .8rem 1rem;
    background: #111a31;
    color: #fff;
}

.result-count span[b-44c0c7yciu] { font-size: .76rem; opacity: .85; }
.result-count strong[b-44c0c7yciu] { margin-top: .18rem; font-size: 1.75rem; line-height: 1; }

.result-upload-layout[b-44c0c7yciu] {
    display: grid;
    grid-template-columns: 300px minmax(0, 1fr);
    gap: 1rem;
    margin: 0 1.5rem;
}

.result-side-panel[b-44c0c7yciu],
.result-main-panel[b-44c0c7yciu] {
    border: 1px solid #d7e1e8;
    background: #fff;
    padding: 1rem;
}

.public-link-card[b-44c0c7yciu] {
    padding: .9rem;
    border: 1px solid #70d7e8;
    background: #edfcff;
    text-align: center;
}

.public-link-title[b-44c0c7yciu] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    margin-bottom: .45rem;
}

.public-link-card a[b-44c0c7yciu] {
    display: block;
    overflow: hidden;
    color: #0873a2;
    font-size: .77rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.side-link-actions[b-44c0c7yciu] {
    display: flex;
    justify-content: center;
    gap: 1rem;
    padding: .75rem 0 1rem;
    border-bottom: 1px solid #e1e8ec;
}

.side-link-actions button[b-44c0c7yciu] {
    border: 0;
    background: transparent;
    color: #087be0;
    font-size: .78rem;
    cursor: pointer;
}

.result-notes > div[b-44c0c7yciu] {
    display: flex;
    flex-direction: column;
    gap: .2rem;
    padding: .72rem 0;
    border-bottom: 1px solid #e3e9ed;
}

.result-notes > div:last-child[b-44c0c7yciu] { border-bottom: 0; }
.result-notes strong[b-44c0c7yciu] { font-size: .77rem; color: #17243a; }
.result-notes span[b-44c0c7yciu] { color: #68798e; font-size: .75rem; line-height: 1.7; }
.result-notes strong[b-44c0c7yciu] {
    display: flex;
    align-items: center;
    gap: .4rem;
}

.result-notes .note-number[b-44c0c7yciu] {
    width: 22px;
    height: 22px;
    display: inline-grid;
    place-items: center;
    flex: 0 0 22px;
    border-radius: 50%;
    background: #087fad;
    color: #fff;
    font-size: .7rem;
    line-height: 1;
}

.result-kind[b-44c0c7yciu] {
    margin: 0 0 1rem;
    padding: 0;
    border: 0;
}

.result-kind legend[b-44c0c7yciu] {
    width: auto;
    float: none;
    margin: 0 0 .4rem;
    font-size: .78rem;
    font-weight: 700;
}

.result-kind > div[b-44c0c7yciu] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .45rem;
}

.result-kind label[b-44c0c7yciu] {
    min-height: 44px;
    display: grid;
    place-items: center;
    border: 1px solid #c8d5df;
    background: #fff;
    color: #26364a;
    font-size: .78rem;
    font-weight: 700;
    cursor: pointer;
}

.result-kind label.active[b-44c0c7yciu] {
    border-color: #087fad;
    background: #087fad;
    color: #fff;
}

.result-kind input[b-44c0c7yciu] { position: absolute; opacity: 0; pointer-events: none; }

.upload-zone[b-44c0c7yciu] {
    border: 1px dashed #15929c;
    background: #effbf9;
    padding: 1rem;
}

.upload-picker[b-44c0c7yciu] {
    min-height: 155px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    cursor: pointer;
}

.upload-picker i[b-44c0c7yciu] { color: #131d32; font-size: 2rem; }
.upload-picker strong[b-44c0c7yciu] { color: #071328; font-size: 1.15rem; }
.upload-picker span[b-44c0c7yciu] { color: #688094; font-size: .72rem; }
.upload-picker.disabled[b-44c0c7yciu] { opacity: .6; pointer-events: none; }

.selected-files[b-44c0c7yciu] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: .35rem;
    margin-top: .7rem;
}

.selected-files span[b-44c0c7yciu] {
    overflow: hidden;
    padding: .55rem .7rem;
    border: 1px solid #d8e2e8;
    color: #596f89;
    font-size: .73rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.selected-files i[b-44c0c7yciu] { color: #344455; }

.result-actions[b-44c0c7yciu] {
    display: flex;
    justify-content: flex-start;
    gap: .55rem;
    margin-top: .8rem;
}

.delete-action[b-44c0c7yciu] {
    border-color: #ef544d !important;
    color: #e9362f !important;
}

.preview-summary[b-44c0c7yciu] {
    margin-top: .9rem;
    border: 1px solid #b7daca;
    background: #fbfffd;
    padding: 1rem;
}

.preview-title[b-44c0c7yciu] {
    display: flex;
    align-items: center;
    gap: .65rem;
    margin-bottom: .8rem;
    color: #176b51;
}

.preview-title > i[b-44c0c7yciu] { font-size: 1.55rem; }
.preview-title > div[b-44c0c7yciu] { display: flex; flex-direction: column; }
.preview-title span[b-44c0c7yciu] { color: #68798e; font-size: .72rem; }

.preview-numbers[b-44c0c7yciu] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border-top: 1px solid #dbe7e1;
    border-inline-start: 1px solid #dbe7e1;
}

.preview-numbers article[b-44c0c7yciu] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .15rem;
    padding: .65rem .35rem;
    border-bottom: 1px solid #dbe7e1;
    border-inline-end: 1px solid #dbe7e1;
    background: #fff;
}

.preview-numbers span[b-44c0c7yciu] { color: #68798e; font-size: .68rem; }
.preview-numbers strong[b-44c0c7yciu] { color: #26364a; font-size: 1.2rem; }
.preview-numbers .success strong[b-44c0c7yciu] { color: #087c57; }
.preview-numbers .warning[b-44c0c7yciu] { background: #fff9e9; }
.preview-numbers .warning strong[b-44c0c7yciu] { color: #aa6700; }
.preview-summary > p[b-44c0c7yciu] { margin: .7rem 0 0; color: #68798e; font-size: .72rem; }
.approve-action[b-44c0c7yciu] { background: #16836d !important; }

.delete-confirm[b-44c0c7yciu] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: .55rem;
    margin-top: .8rem;
    padding: .8rem;
    background: #fff3f2;
    color: #9f2118;
    font-size: .8rem;
}

.danger[b-44c0c7yciu] { background: #b42318 !important; }

@media (max-width: 820px) {
    .result-upload-layout[b-44c0c7yciu] { grid-template-columns: 1fr; }
    .result-side-panel[b-44c0c7yciu] { order: 2; }
}

@media (max-width: 600px) {
    .result-upload-page[b-44c0c7yciu] { padding-inline: .3rem; }
    .result-upload-heading[b-44c0c7yciu] { align-items: stretch; flex-direction: column; margin-inline: .55rem; }
    .result-count[b-44c0c7yciu] { width: 100%; }
    .result-upload-layout[b-44c0c7yciu] { margin-inline: .55rem; }
    .result-kind > div[b-44c0c7yciu] { grid-template-columns: 1fr; }
    .result-actions[b-44c0c7yciu] { flex-direction: column; }
    .result-actions button[b-44c0c7yciu] { width: 100%; }
    .preview-numbers[b-44c0c7yciu] { grid-template-columns: 1fr 1fr; }
}
/* /Pages/Users/TeacherNoorImport.razor.rz.scp.css */
.noor-import-shell[b-tafp8ppgd5] {
    padding: 20px;
}

.noor-info-panel[b-tafp8ppgd5] {
    display: grid;
    gap: .35rem;
    margin: 1rem;
    padding: .85rem 1rem;
    border: 1px solid #dbe7ee;
    background: #f8fbfc;
    color: #425563;
    font-size: 12.4px;
    font-weight: 600;
    line-height: 1.8;
}

.noor-control-panel[b-tafp8ppgd5] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: end;
    gap: .85rem;
    margin: 1rem;
    padding: 1rem;
    border: 1px solid #dbe5ec;
    background: #fff;
}

.noor-file-box[b-tafp8ppgd5] {
    display: flex;
    grid-column: 1 / -1;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    min-height: 74px;
    padding-top: .25rem;
}

.noor-file-input[b-tafp8ppgd5] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

[b-tafp8ppgd5] input[type="file"].noor-file-input {
    display: none !important;
}

.noor-file-button[b-tafp8ppgd5] {
    min-width: 150px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.noor-file-button.disabled[b-tafp8ppgd5] {
    pointer-events: none;
    opacity: .78;
}

.noor-file-box span[b-tafp8ppgd5] {
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #60717d;
    font-size: 12px;
    font-weight: 600;
}

.noor-file-status[b-tafp8ppgd5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    min-height: 24px;
    color: #425563;
    font-size: 12px;
    font-weight: 700;
}

.noor-file-spinner[b-tafp8ppgd5] {
    width: 14px;
    height: 14px;
    border: 2px solid #cde5ef;
    border-top-color: #0b86b7;
    border-radius: 50%;
    animation: noor-spin-b-tafp8ppgd5 .75s linear infinite;
}

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

.noor-summary-grid[b-tafp8ppgd5] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
    margin: 1rem;
}

.noor-summary-card[b-tafp8ppgd5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 54px;
    padding: .75rem .9rem;
    border: 1px solid #dbe5ec;
    background: #fff;
    color: #405565;
}

.noor-summary-card strong[b-tafp8ppgd5] {
    min-width: 34px;
    padding: .25rem .4rem;
    background: #eef7fb;
    color: #087fb0;
    text-align: center;
    font-size: 16px;
}

.noor-summary-card.ok strong[b-tafp8ppgd5] {
    background: #e9fbf3;
    color: #087f5b;
}

.noor-summary-card.danger strong[b-tafp8ppgd5] {
    background: #fff1f1;
    color: #b91c1c;
}

.noor-result-panel[b-tafp8ppgd5] {
    margin: 1rem 0 0;
}

.noor-table-shell[b-tafp8ppgd5] {
    border: 0 !important;
    box-shadow: none !important;
    background: #fff;
    padding: 0;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-gutter: stable;
    -webkit-overflow-scrolling: touch;
}

.noor-table-toolbar[b-tafp8ppgd5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: .65rem 0;
    border: 0;
    background: transparent;
    direction: rtl;
}

.noor-table-toolbar > *[b-tafp8ppgd5] {
    direction: rtl;
}

.noor-select-all[b-tafp8ppgd5] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    color: #2f4657;
    font-size: 12.4px;
    font-weight: 700;
}

.noor-import-table[b-tafp8ppgd5] {
    width: 100%;
    min-width: 0;
    margin: 0;
    border-collapse: collapse;
    border: 1px solid #d9e2ea;
    table-layout: auto;
}

.noor-import-table th[b-tafp8ppgd5],
.noor-import-table td[b-tafp8ppgd5] {
    border: 1px solid #d9e2ea;
    text-align: center;
    vertical-align: middle;
    padding-inline: .35rem;
}

.noor-import-table th:first-child[b-tafp8ppgd5],
.noor-import-table td:first-child[b-tafp8ppgd5] {
    border-inline-start: 1px solid #d9e2ea;
}

.noor-import-table th:last-child[b-tafp8ppgd5],
.noor-import-table td:last-child[b-tafp8ppgd5] {
    border-inline-end: 1px solid #d9e2ea;
}

.noor-teacher-table[b-tafp8ppgd5] {
    min-width: 760px;
}

.noor-teacher-table th:nth-child(1)[b-tafp8ppgd5],
.noor-teacher-table td:nth-child(1)[b-tafp8ppgd5],
.noor-teacher-table th:nth-child(2)[b-tafp8ppgd5],
.noor-teacher-table td:nth-child(2)[b-tafp8ppgd5] {
    width: 42px;
}

.noor-teacher-table th:nth-child(3)[b-tafp8ppgd5],
.noor-teacher-table td:nth-child(3)[b-tafp8ppgd5] {
    width: 112px;
}

.noor-teacher-table th:nth-child(4)[b-tafp8ppgd5],
.noor-teacher-table td:nth-child(4)[b-tafp8ppgd5] {
    width: auto;
    min-width: 240px;
}

.noor-teacher-table th:nth-child(5)[b-tafp8ppgd5],
.noor-teacher-table td:nth-child(5)[b-tafp8ppgd5] {
    min-width: 150px;
}

.noor-teacher-table th:nth-child(6)[b-tafp8ppgd5],
.noor-teacher-table td:nth-child(6)[b-tafp8ppgd5] {
    width: 112px;
}

.noor-teacher-table th:nth-child(7)[b-tafp8ppgd5],
.noor-teacher-table td:nth-child(7)[b-tafp8ppgd5] {
    width: 112px;
}

.noor-teacher-name-cell[b-tafp8ppgd5] {
    white-space: normal;
    overflow-wrap: normal;
    word-break: normal;
    line-height: 1.55;
    text-align: start !important;
}

.noor-status[b-tafp8ppgd5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 86px;
    min-height: 24px;
    padding: .15rem .4rem;
    border: 1px solid #dbe5ec;
    background: #f8fbfc;
    color: #425563;
    font-size: 11.5px;
    font-weight: 700;
}

.noor-status.status-ok[b-tafp8ppgd5] {
    border-color: #abefce;
    background: #ecfdf5;
    color: #087f5b;
}

.noor-status.status-error[b-tafp8ppgd5] {
    border-color: #fecaca;
    background: #fff1f1;
    color: #b91c1c;
}

.noor-status.status-waiting[b-tafp8ppgd5] {
    border-color: #dbe5ec;
    background: #f8fbfc;
    color: #60717d;
}

@media (max-width: 760px) {
    .noor-import-shell[b-tafp8ppgd5] {
        padding: 12px;
    }

    .noor-control-panel[b-tafp8ppgd5],
    .noor-summary-grid[b-tafp8ppgd5] {
        grid-template-columns: 1fr;
    }

    .noor-table-toolbar[b-tafp8ppgd5] {
        align-items: stretch;
        flex-direction: column;
        min-width: 760px;
    }

    .noor-teacher-table[b-tafp8ppgd5] {
        min-width: 760px;
    }
}

@media (max-width: 480px) {
    .noor-import-shell[b-tafp8ppgd5] {
        padding: 8px;
    }

    .noor-info-panel[b-tafp8ppgd5],
    .noor-control-panel[b-tafp8ppgd5],
    .noor-summary-grid[b-tafp8ppgd5],
    .noor-result-panel[b-tafp8ppgd5] {
        margin-block: .75rem;
    }
}
/* /Pages/Users/UserEditPage.razor.rz.scp.css */
.user-edit-page[b-fcfk4s4yyk] {
    --user-border: #d6e3ea;
    --user-soft: #f3f8fb;
    --user-head: #e9f3f4;
    --user-accent: #087ea4;
    --user-ink: #0d2f3f;
    
}
/*
.user-edit-page .btn,
.user-edit-page .form-control,
.user-edit-page .form-select,
.user-edit-page .form-check-label,
.user-edit-page .app-field-label,
.user-edit-page .app-panel-message,
.user-isnad-table th,
.user-isnad-table td {
    font-size: 13px;
}*/

.user-edit-subtitle[b-fcfk4s4yyk] {
    color: #587084;
    font-size: 13px;
}

.user-edit-shell[b-fcfk4s4yyk] {
    display: grid;
    direction: rtl;
    grid-template-columns: 1fr;
    gap: 1rem;
}

.user-edit-side[b-fcfk4s4yyk],
.user-edit-card[b-fcfk4s4yyk] {
    border: 1px solid var(--user-border);
    background: #fff;
}

.user-edit-side[b-fcfk4s4yyk] {
    padding: .85rem 1rem;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .85rem;
}

.user-avatar[b-fcfk4s4yyk] {
    width: 54px;
    height: 54px;
    margin: 0;
    display: grid;
    place-items: center;
    background: #eaf7fb;
    color: var(--user-accent);
    font-size: 1.8rem;
}

.user-avatar svg[b-fcfk4s4yyk] {
    width: 30px;
    height: 30px;
    display: block;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.user-edit-side h2[b-fcfk4s4yyk] {
    font-size: 13px;
    color: var(--user-ink);
    margin: 0 0 .15rem;
    line-height: 1.7;
}

.user-side-meta[b-fcfk4s4yyk],
.user-side-small[b-fcfk4s4yyk] {
    color: #657b8d;
    font-size: 13px;
}

.user-side-status[b-fcfk4s4yyk] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 26px;
    padding: .15rem .55rem;
    margin: 0;
    background: #fff4e5;
    color: #9a6400;
    font-weight: 800;
    font-size: 12px;
}

.user-side-status.registered[b-fcfk4s4yyk] {
    background: #e9f8ef;
    color: #08753f;
}

.user-side-status.disabled[b-fcfk4s4yyk] {
    background: #fff1f1;
    color: #a13b3b;
}

.user-tabs[b-fcfk4s4yyk] {
    display: flex;
    gap: .35rem;
    margin-bottom: .75rem;
}

.user-tabs button[b-fcfk4s4yyk] {
    border: 1px solid var(--user-border);
    background: #fff;
    color: #395368;
    min-width: 120px;
    padding: .45rem .8rem;
    font-size: 13px;
    font-weight: 800;
}

.user-tabs button.active[b-fcfk4s4yyk] {
    background: var(--user-accent);
    border-color: var(--user-accent);
    color: #fff;
}

.user-tabs button:disabled[b-fcfk4s4yyk] {
    opacity: .45;
}

.user-edit-card-head[b-fcfk4s4yyk] {
    background: var(--user-head);
    border-bottom: 1px solid var(--user-border);
    padding: .75rem 1rem;
}

.user-edit-card-head h3[b-fcfk4s4yyk] {
    font-size: 13px;
    margin: 0 0 .15rem;
    color: var(--user-ink);
    font-weight: 900;
}

.user-edit-card-head span[b-fcfk4s4yyk] {
    color: #587084;
    font-size: 13px;
}

.user-form-grid[b-fcfk4s4yyk],
.roles-layout[b-fcfk4s4yyk],
.isnad-layout[b-fcfk4s4yyk] {
    padding: 1rem;
}

.user-form-grid[b-fcfk4s4yyk] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .8rem 2rem;
}

.user-form-wide[b-fcfk4s4yyk] {
    grid-column: span 2;
}

.part-time-box[b-fcfk4s4yyk] {
    margin: 0 1rem 1rem;
    padding: .75rem;
    background: var(--user-soft);
    border: 1px solid var(--user-border);
}

.work-days[b-fcfk4s4yyk] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    margin-top: .55rem;
}

.user-edit-footer[b-fcfk4s4yyk] {
    border-top: 1px solid var(--user-border);
    padding: 1rem;
    display: flex;
    justify-content: center;
    gap: .65rem;
    flex-wrap: wrap;
}

.user-edit-footer .btn[b-fcfk4s4yyk] {
    min-width: 132px;
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
}

.roles-layout[b-fcfk4s4yyk] {
    display: grid;
    grid-template-columns: minmax(220px, 320px) minmax(0, 1fr);
    gap: 1rem;
}

.role-add-box[b-fcfk4s4yyk],
.current-roles-box[b-fcfk4s4yyk] {
    border: 1px solid var(--user-border);
    background: var(--user-soft);
    padding: .85rem;
}

.role-blocked-empty[b-fcfk4s4yyk] {
    margin: 1rem;
    border: 1px solid #f1a7a7;
    background: #fff1f1;
    color: #991b1b;
    padding: 1rem;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.6;
    text-align: center;
}

.role-row[b-fcfk4s4yyk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    border: 1px solid var(--user-border);
    background: #fff;
    padding: .45rem .6rem;
    margin-bottom: .45rem;
    color: var(--user-ink);
    font-weight: 800;
}

.role-row button[b-fcfk4s4yyk],
.user-small-icon[b-fcfk4s4yyk] {
    border: 0;
    background: transparent;
    color: #b33a3a;
    width: 28px;
    height: 28px;
    display: inline-grid;
    place-items: center;
}

.role-row button svg[b-fcfk4s4yyk],
.user-small-icon svg[b-fcfk4s4yyk] {
    width: 16px;
    height: 16px;
    display: block;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.isnad-layout[b-fcfk4s4yyk] {
    display: grid;
    direction: ltr;
    grid-template-columns: minmax(0, 1fr) minmax(210px, 250px);
    grid-template-areas: "current add";
    gap: 1rem;
    padding: 1rem;
    align-items: start;
}

.isnad-add-panel[b-fcfk4s4yyk],
.current-isnad[b-fcfk4s4yyk] {
    direction: rtl;
}

.isnad-add-panel[b-fcfk4s4yyk] {
    grid-area: add;
    display: grid;
    gap: .55rem;
}

.isnad-form[b-fcfk4s4yyk] {
    /*   border: 1px solid var(--user-border);
    background: var(--user-soft);
    padding: .85rem;*/
    display: grid;
    gap: .75rem;
    align-content: start;
    margin-top: 18px;
}

.shoba-picker[b-fcfk4s4yyk] {
   /* border: 1px solid var(--user-border);*/
    background: #fff;
/*    padding: .35rem;*/
    display: grid;
    grid-template-columns: 1fr;
    gap: .3rem;
    max-height: 320px;
    overflow: auto;
}

.shoba-picker-title[b-fcfk4s4yyk] {
    color: darkred;
    font-size: 12px;
    font-weight: 900;
    line-height: 1;
    margin: .1rem .1rem -.2rem;
}

.shoba-row[b-fcfk4s4yyk] {
    border: 1px solid var(--user-border);
    background: #fff;
    display: grid;
    grid-template-columns: auto max-content minmax(0, 1fr);
    align-items: center;
    gap: .35rem;
    padding: .28rem .4rem;
    cursor: pointer;
}

.shoba-row.selected[b-fcfk4s4yyk] {
    border-color: var(--user-accent);
    background: #edf9fd;
}

.shoba-row.assigned[b-fcfk4s4yyk] {
    background: #fff7ed;
    border-color: #fed7aa;
}

.shoba-row.assigned span[b-fcfk4s4yyk],
.shoba-row.assigned small[b-fcfk4s4yyk] {
    color: #9a3412;
}

.shoba-row input[b-fcfk4s4yyk] {
    margin: 0;
}

.shoba-row span[b-fcfk4s4yyk] {
    color: var(--user-ink);
    font-weight: 800;
    white-space: nowrap;
}

.shoba-row small[b-fcfk4s4yyk] {
    color: #6a7f8f;
    font-size: 12px;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
}

/*
.current-isnad {
    grid-area: current;
    border: 1px solid var(--user-border);
    background: #fff;
    padding: .85rem;
}
*/
.current-isnad h4[b-fcfk4s4yyk] {
    color: var(--user-ink);
    font-size: 13px;
    font-weight: 900;
    margin-bottom: .55rem;
}

.user-isnad-table[b-fcfk4s4yyk] {
    border: 1px solid var(--user-border);
    margin-bottom: 0;
}

.user-isnad-table th[b-fcfk4s4yyk],
.user-isnad-table td[b-fcfk4s4yyk] {
    border: 1px solid var(--user-border);
    padding: .42rem .5rem;
    text-align: center;
}

.user-isnad-table thead th[b-fcfk4s4yyk] {
    background: #eef6f8;
    color: var(--user-ink);
    font-weight: 900;
}

.user-isnad-confirm[b-fcfk4s4yyk] {
    width: min(100%, 420px);
}

.user-isnad-delete-preview[b-fcfk4s4yyk] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    margin-top: .65rem;
}

.user-isnad-delete-preview span[b-fcfk4s4yyk] {
    border: 1px solid var(--user-border);
    background: #f8fafc;
    color: var(--user-ink);
    padding: .25rem .55rem;
    font-size: 12px;
    font-weight: 800;
}

@media (max-width: 992px) {
    .user-edit-shell[b-fcfk4s4yyk],
    .roles-layout[b-fcfk4s4yyk],
    .isnad-layout[b-fcfk4s4yyk] {
        grid-template-columns: 1fr;
    }

    .isnad-layout[b-fcfk4s4yyk] {
        grid-template-areas:
            "add"
            "current";
    }
}

@media (max-width: 640px) {
    .user-edit-side[b-fcfk4s4yyk] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .user-side-status[b-fcfk4s4yyk] {
        grid-column: 1 / -1;
        justify-self: start;
    }

    .user-form-grid[b-fcfk4s4yyk],
    .shoba-picker[b-fcfk4s4yyk] {
        grid-template-columns: 1fr;
    }

    .user-form-wide[b-fcfk4s4yyk] {
        grid-column: span 1;
    }

    .user-tabs[b-fcfk4s4yyk] {
        overflow-x: auto;
    }
}
/* /Pages/Users/UsersPage.razor.rz.scp.css */
.users-page[b-dkbilibmsn] {
    --users-border: #d6e3ea;
    --users-soft: #f4f9fb;
    --users-accent: #087ea4;
    --users-ink: #0d2f3f;
    font-size: 13px;
}

.users-subtitle[b-dkbilibmsn] {
    color: #587084;
    font-size: 13px;
}


.users-summary-grid[b-dkbilibmsn] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
}

.users-summary-item[b-dkbilibmsn] {
    border: 1px solid var(--users-border);
    background: #fff;
    min-height: 58px;
    padding: .65rem .8rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
}

.users-summary-item span[b-dkbilibmsn] {
    color: #006c93;
    font-weight: 800;
    font-size: 1.2rem;
}

.users-summary-item label[b-dkbilibmsn] {
    color: #395368;
    font-size: 13px;
    margin: 0;
}

.users-card[b-dkbilibmsn] {
    border: 1px solid var(--users-border);
    background: #fff;
    padding: 1rem;
}

.users-toolbar[b-dkbilibmsn] {
    display: grid;
    grid-template-columns: minmax(180px, 240px) minmax(150px, 190px) minmax(260px, 1fr);
    gap: .75rem;
    align-items: end;
}

.users-table-meta[b-dkbilibmsn] {
    display: flex;
    align-items: center;
    gap: .35rem;
    color: #587084;
    font-size: 13px;
    margin: .85rem 0 .5rem;
}

.users-table-meta strong[b-dkbilibmsn] {
    color: var(--users-accent);
    font-size: 1rem;
}

.users-table[b-dkbilibmsn] {
    min-width: 760px;
    border: 1px solid var(--users-border);
    margin-bottom: 0;
}

.users-table th[b-dkbilibmsn],
.users-table td[b-dkbilibmsn] {
    border: 1px solid var(--users-border);
    padding: .45rem .55rem;
    text-align: center;
    vertical-align: middle;
}

.users-table thead th[b-dkbilibmsn] {
    background: #eef6f8;
    color: var(--users-ink);
    font-weight: 800;
    white-space: nowrap;
}

.users-table tbody tr:nth-child(even) td[b-dkbilibmsn] {
    background: #f8fbfc;
}

.users-table tbody tr:hover td[b-dkbilibmsn] {
    background: #edf8fc;
}

.users-number-cell[b-dkbilibmsn] {
    width: 44px;
}

.users-action-cell[b-dkbilibmsn] {
    width: 64px;
}

.users-name[b-dkbilibmsn] {
    color: brown;
}

.users-muted[b-dkbilibmsn] {
    color: #6b7f8f;
    font-size: 12px;
    margin-top: .1rem;
}

.users-role-chip[b-dkbilibmsn],
.users-state[b-dkbilibmsn] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 74px;
    min-height: 24px;
    padding: .15rem .45rem;
 /*   background: #eef6f8;*/
    color: #0d5e7c;
    font-size: 12px;
    font-weight: 800;
}

.users-state.registered[b-dkbilibmsn],
.users-state.active[b-dkbilibmsn],
.users-state.enabled[b-dkbilibmsn] {
    background: #e9f8ef;
    color: #08753f;
}

.users-state.inactive[b-dkbilibmsn],
.users-state.disabled[b-dkbilibmsn] {
    background: #fff1f1;
    color: #a13b3b;
}

.user-disabled-row td[b-dkbilibmsn] {
    color: #7a8791;
}

.users-icon-action[b-dkbilibmsn] {
    border: 0;
    background: transparent;
    color: #087ea4;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 0;
    font-size: 1rem;
}

.users-icon-action svg[b-dkbilibmsn] {
    width: 17px;
    height: 17px;
    display: block;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.users-icon-action:hover[b-dkbilibmsn] {
    color: #055977;
    background: #e8f6fb;
}

@media (max-width: 768px) {
    .users-summary-grid[b-dkbilibmsn] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .users-toolbar[b-dkbilibmsn] {
        grid-template-columns: 1fr;
    }
}