/* /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}}
/* /Features/ReportBuilder/ReportBuilder.razor.rz.scp.css */
.letter-builder[b-43vb9kmvsx]{--ink:#18384c;--muted:#6a8190;--line:#d5e3ea;background:#f5f8fa}.letter-builder-subtitle[b-43vb9kmvsx]{display:block;margin:-.45rem 0 .1rem;color:#607b8c;font-size:.72rem;text-align:center}.letter-state[b-43vb9kmvsx]{margin:1rem;padding:2rem;border:1px solid var(--line);background:#fff;color:var(--ink);text-align:center;font-weight:800}.letter-state.error[b-43vb9kmvsx]{color:#a82727}.letter-state button[b-43vb9kmvsx]{margin-inline-start:.5rem;border:1px solid #0a84ad;background:#0a84ad;color:#fff}.letter-library[b-43vb9kmvsx]{margin:1rem 1.1rem 0;border:1px solid var(--line);background:#fff}.letter-section-head[b-43vb9kmvsx]{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.7rem .85rem;border-bottom:1px solid var(--line);background:#f9fcfd}.letter-section-head.compact[b-43vb9kmvsx]{padding:.8rem 1rem}.letter-section-head>div[b-43vb9kmvsx]{display:grid;gap:.12rem}.letter-section-head strong[b-43vb9kmvsx]{color:var(--ink);font-size:.86rem;font-weight:900}.letter-section-head span[b-43vb9kmvsx]{color:var(--muted);font-size:.66rem}.letter-section-head button[b-43vb9kmvsx],.preview-toolbar button[b-43vb9kmvsx]{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-height:34px;padding:.38rem .7rem;border:1px solid #a9c8d7;background:#fff;color:#126787;font-size:.7rem;font-weight:900}.letter-section-head button.primary[b-43vb9kmvsx],.preview-toolbar button.primary[b-43vb9kmvsx]{border-color:#087fa8;background:#087fa8;color:#fff}.letter-template-list[b-43vb9kmvsx]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;padding:.75rem}.letter-template-card[b-43vb9kmvsx]{position:relative;display:grid;grid-template-columns:88px minmax(0,1fr) 28px;align-items:center;gap:.55rem;min-width:0;padding:.45rem;border:1px solid #d2e0e7;background:#fff;cursor:pointer}.letter-template-card:hover[b-43vb9kmvsx],.letter-template-card.selected[b-43vb9kmvsx]{border-color:#0782ad;box-shadow:0 0 0 1px #0782ad}.letter-template-thumb[b-43vb9kmvsx]{position:relative;display:grid;place-items:center;align-content:center;aspect-ratio:1.414;overflow:hidden;border:1px solid #dce5e9;background-color:#fff;background-size:100% 100%;color:var(--accent)}.letter-template-thumb>span[b-43vb9kmvsx]{position:absolute;top:8%;right:10%;left:10%;height:3px;background:var(--accent)}.letter-template-thumb strong[b-43vb9kmvsx]{font-size:.58rem}.letter-template-thumb small[b-43vb9kmvsx]{max-width:90%;overflow:hidden;font-size:.38rem;text-overflow:ellipsis;white-space:nowrap}.letter-template-card>div:nth-child(2)[b-43vb9kmvsx]{display:grid;min-width:0;gap:.15rem}.letter-template-card>div:nth-child(2) strong[b-43vb9kmvsx]{overflow:hidden;color:#23465a;font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}.letter-template-card>div:nth-child(2) span[b-43vb9kmvsx]{color:#718793;font-size:.58rem}.letter-template-card .icon[b-43vb9kmvsx]{width:28px;height:28px;border:0;background:#f4f8fa;color:#a92323}.letter-workspace[b-43vb9kmvsx]{display:grid;grid-template-columns:390px minmax(0,1fr);align-items:start;gap:1rem;margin:1rem 1.1rem 1.25rem}.letter-controls[b-43vb9kmvsx],.letter-preview-panel[b-43vb9kmvsx]{border:1px solid var(--line);background:#fff}.letter-controls[b-43vb9kmvsx]{max-height:calc(100vh - 190px);overflow:auto}.letter-controls details[b-43vb9kmvsx]{border-bottom:1px solid var(--line)}.letter-controls summary[b-43vb9kmvsx]{display:flex;align-items:center;gap:.45rem;padding:.72rem .85rem;background:#f8fbfc;color:#244a60;font-size:.74rem;font-weight:900;cursor:pointer;list-style:none}.letter-controls summary[b-43vb9kmvsx]::-webkit-details-marker{display:none}.letter-controls summary i[b-43vb9kmvsx]{color:#0782ad;font-size:.9rem}.letter-controls summary .count[b-43vb9kmvsx]{margin-right:auto;min-width:22px;padding:.1rem .35rem;border-radius:10px;background:#e2f2f7;color:#087b9f;text-align:center}.letter-form-grid[b-43vb9kmvsx]{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;padding:.75rem}.letter-form-grid label[b-43vb9kmvsx]{display:grid;min-width:0;gap:.18rem}.letter-form-grid label.wide[b-43vb9kmvsx]{grid-column:1/-1}.letter-form-grid label>span[b-43vb9kmvsx],.paragraph-editor footer span[b-43vb9kmvsx]{color:#496779;font-size:.62rem;font-weight:900}.letter-form-grid input[b-43vb9kmvsx],.letter-form-grid select[b-43vb9kmvsx],.letter-form-grid textarea[b-43vb9kmvsx],.paragraph-editor textarea[b-43vb9kmvsx],.paragraph-editor select[b-43vb9kmvsx],.signature-editors input[b-43vb9kmvsx]{width:100%;min-width:0;border:1px solid #bed2dc;background:#fff;color:#17384c;font-size:.7rem}.letter-form-grid input[b-43vb9kmvsx],.letter-form-grid select[b-43vb9kmvsx],.signature-editors input[b-43vb9kmvsx]{height:34px;padding:.3rem .45rem}.letter-form-grid textarea[b-43vb9kmvsx],.paragraph-editor textarea[b-43vb9kmvsx]{padding:.42rem;resize:vertical;line-height:1.7}.letter-form-grid input[type=color][b-43vb9kmvsx]{padding:2px}.letter-form-grid .check[b-43vb9kmvsx],.paragraph-editor .check[b-43vb9kmvsx]{display:flex;align-items:center;gap:.35rem}.letter-form-grid .check input[b-43vb9kmvsx],.paragraph-editor .check input[b-43vb9kmvsx]{width:15px;height:15px}.asset-title[b-43vb9kmvsx]{display:flex;align-items:center;justify-content:space-between;padding:.3rem .75rem;color:#385d72;font-size:.66rem}.asset-title label[b-43vb9kmvsx]{display:inline-flex;align-items:center;gap:.25rem;padding:.24rem .4rem;border:1px solid #b7d1dc;background:#f6fbfd;color:#087da7;font-weight:900;cursor:pointer}.asset-title input[b-43vb9kmvsx]{display:none}.letter-assets[b-43vb9kmvsx]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem;padding:.25rem .75rem .75rem}.asset-card[b-43vb9kmvsx],.asset-none[b-43vb9kmvsx]{min-width:0;height:64px;padding:.2rem;border:1px solid #d4e1e7;background:#fff;color:#456274;font-size:.55rem;cursor:pointer}.asset-card.selected[b-43vb9kmvsx],.asset-none.selected[b-43vb9kmvsx]{border-color:#087fa8;box-shadow:inset 0 0 0 1px #087fa8}.asset-card span[b-43vb9kmvsx]{display:block;height:40px;background-position:center;background-repeat:no-repeat;background-size:contain}.asset-card small[b-43vb9kmvsx]{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.paragraph-list[b-43vb9kmvsx],.signature-editors[b-43vb9kmvsx]{display:grid;gap:.55rem;padding:.75rem}.paragraph-editor[b-43vb9kmvsx]{border:1px solid #ccdce4;background:#fbfdfe}.paragraph-editor header[b-43vb9kmvsx]{display:flex;align-items:center;justify-content:space-between;padding:.3rem .45rem;border-bottom:1px solid #d9e5ea}.paragraph-editor header strong[b-43vb9kmvsx]{color:#31586d;font-size:.64rem}.paragraph-editor header div[b-43vb9kmvsx]{display:flex;gap:.18rem}.paragraph-editor header button[b-43vb9kmvsx],.signature-editors article button[b-43vb9kmvsx]{width:27px;height:25px;border:1px solid #d3e0e6;background:#fff;color:#417087;font-size:.63rem}.paragraph-editor header button.danger[b-43vb9kmvsx],.signature-editors article button[b-43vb9kmvsx]{color:#b32a2a}.paragraph-editor header button:disabled[b-43vb9kmvsx]{opacity:.35}.paragraph-editor textarea[b-43vb9kmvsx]{border:0}.paragraph-editor footer[b-43vb9kmvsx]{display:flex;align-items:center;gap:.7rem;padding:.3rem .45rem;border-top:1px solid #e0eaee}.paragraph-editor footer label[b-43vb9kmvsx]{display:flex;align-items:center;gap:.3rem}.paragraph-editor footer select[b-43vb9kmvsx]{height:27px}.add-block[b-43vb9kmvsx]{display:flex;align-items:center;justify-content:center;gap:.35rem;min-height:33px;border:1px dashed #76aec2;background:#f3fafc;color:#087da7;font-size:.66rem;font-weight:900}.signature-editors article[b-43vb9kmvsx]{display:grid;grid-template-columns:1fr 1fr 1fr 28px;gap:.3rem}.letter-preview-panel[b-43vb9kmvsx]{position:sticky;top:1rem;min-width:0}.preview-toolbar[b-43vb9kmvsx]{display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding:.7rem .8rem;border-bottom:1px solid var(--line);background:#f8fbfd}.preview-toolbar>div:first-child[b-43vb9kmvsx]{display:grid}.preview-toolbar strong[b-43vb9kmvsx]{color:var(--ink);font-size:.82rem}.preview-toolbar span[b-43vb9kmvsx]{color:var(--muted);font-size:.62rem}.preview-toolbar>div:last-child[b-43vb9kmvsx]{display:flex;gap:.35rem}.preview-toolbar button:disabled[b-43vb9kmvsx]{opacity:.45}.letter-paper-wrap[b-43vb9kmvsx]{padding:1rem;overflow:auto;background:#e9eef1}.letter-paper[b-43vb9kmvsx]{--scale:.73;position:relative;width:210mm;min-height:297mm;margin:auto;padding:20mm 20mm 18mm;transform-origin:top center;background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:100% 100%;box-shadow:0 8px 28px #45616f35;color:#172f3f;font-family:var(--letter-font),Tahoma,Arial,sans-serif}.paper-header[b-43vb9kmvsx]{position:relative;min-height:35mm;margin-bottom:8mm;padding-bottom:4mm;border-bottom:1.5px solid var(--accent);text-align:center}.paper-header img[b-43vb9kmvsx]{position:absolute;z-index:0;inset:0;width:100%;height:30mm;object-fit:contain}.paper-header strong[b-43vb9kmvsx]{position:relative;z-index:1;display:block;padding-top:9mm;font-size:18px}.paper-meta[b-43vb9kmvsx]{display:grid;grid-template-columns:1fr 1fr;gap:2mm 12mm;margin-bottom:7mm;font-size:12px}.paper-meta span[b-43vb9kmvsx]{padding:1.5mm 0;border-bottom:1px dotted #9aacb7}.paper-recipient[b-43vb9kmvsx]{margin-bottom:5mm;font-size:15px;font-weight:700;white-space:pre-wrap}.paper-greeting[b-43vb9kmvsx]{margin-bottom:5mm;font-size:14px}.letter-paper h1[b-43vb9kmvsx]{margin:0 0 7mm;color:var(--accent);font-size:19px;text-align:center}.paper-paragraphs p[b-43vb9kmvsx]{margin:0 0 5mm;font-size:var(--body-size);line-height:2.05;text-indent:9mm;white-space:pre-wrap}.paper-thanks[b-43vb9kmvsx]{margin-top:8mm;font-size:14px;font-weight:700}.paper-signatures[b-43vb9kmvsx]{display:flex;justify-content:space-around;gap:8mm;margin-top:12mm}.paper-signatures>div[b-43vb9kmvsx]{display:grid;flex:1;min-height:27mm;text-align:center}.paper-signatures b[b-43vb9kmvsx]{margin-top:11mm}.paper-signatures small[b-43vb9kmvsx]{margin-top:2mm;color:#5d7180}.letter-paper>footer[b-43vb9kmvsx]{position:absolute;right:20mm;bottom:8mm;left:20mm;padding-top:2mm;border-top:1px solid #cbd7dd;color:#647985;font-size:10px;text-align:center}.paper-page-number[b-43vb9kmvsx]{position:absolute;bottom:8mm;left:11mm;color:#758894;font-size:9px}
@media(max-width:1180px){.letter-workspace[b-43vb9kmvsx]{grid-template-columns:350px minmax(0,1fr)}.letter-paper[b-43vb9kmvsx]{zoom:.78}.letter-template-list[b-43vb9kmvsx]{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.letter-template-list[b-43vb9kmvsx]{grid-template-columns:repeat(2,minmax(0,1fr))}.letter-workspace[b-43vb9kmvsx]{grid-template-columns:1fr}.letter-controls[b-43vb9kmvsx]{max-height:none}.letter-preview-panel[b-43vb9kmvsx]{position:static}.letter-paper[b-43vb9kmvsx]{zoom:.72}}
@media(max-width:600px){.letter-library[b-43vb9kmvsx],.letter-workspace[b-43vb9kmvsx]{margin-right:.45rem;margin-left:.45rem}.letter-template-list[b-43vb9kmvsx]{grid-template-columns:1fr}.letter-template-card[b-43vb9kmvsx]{grid-template-columns:80px minmax(0,1fr) 28px}.letter-workspace[b-43vb9kmvsx]{gap:.55rem}.letter-form-grid[b-43vb9kmvsx]{grid-template-columns:1fr}.letter-form-grid label.wide[b-43vb9kmvsx]{grid-column:auto}.letter-assets[b-43vb9kmvsx]{grid-template-columns:repeat(3,minmax(0,1fr))}.preview-toolbar[b-43vb9kmvsx]{align-items:flex-start;flex-direction:column}.letter-paper-wrap[b-43vb9kmvsx]{padding:.4rem}.letter-paper[b-43vb9kmvsx]{zoom:.48}.signature-editors article[b-43vb9kmvsx]{grid-template-columns:1fr}.signature-editors article button[b-43vb9kmvsx]{width:100%}}

/* Keep both sides of the designer aligned and fit the complete A4 preview. */
.letter-workspace[b-43vb9kmvsx]{align-items:stretch}
.letter-controls[b-43vb9kmvsx],.letter-preview-panel[b-43vb9kmvsx]{height:clamp(760px,calc(100vh - 195px),920px);min-height:0}
.letter-controls[b-43vb9kmvsx]{max-height:none;overflow:auto;overscroll-behavior:contain}
.letter-preview-panel[b-43vb9kmvsx]{display:flex;overflow:hidden;flex-direction:column}
.preview-toolbar[b-43vb9kmvsx]{flex:0 0 auto}
.letter-paper-wrap[b-43vb9kmvsx]{display:flex;flex:1;align-items:flex-start;justify-content:center;min-height:0;overflow:auto;overscroll-behavior:contain}
.letter-paper[b-43vb9kmvsx]{flex:0 0 auto;margin:0 auto;zoom:.65}
.participation-paper[b-43vb9kmvsx]{padding:0 9mm 12mm;overflow:hidden;border-top:5mm solid #075b78;background:#fff;color:#13394a;font-family:var(--letter-font),Tahoma,Arial,sans-serif}.participation-banner[b-43vb9kmvsx]{display:grid;grid-template-columns:1fr 1.2fr 1fr;align-items:center;min-height:34mm;margin:0 -9mm 5mm;padding:3mm 8mm;background:linear-gradient(135deg,#075c78,#0b829b);color:#fff;text-align:center}.participation-banner small[b-43vb9kmvsx]{font-size:9px;line-height:1.65}.participation-brand[b-43vb9kmvsx]{display:grid;justify-items:center;gap:1px}.participation-brand i[b-43vb9kmvsx]{font-size:27px;color:#c4f5f2}.participation-brand strong[b-43vb9kmvsx]{font-size:15px}.participation-brand span[b-43vb9kmvsx]{font-size:9px}.participation-paper>h1[b-43vb9kmvsx]{width:max-content;max-width:80%;margin:0 auto 4mm;padding:2mm 12mm;border-radius:0 0 4px 4px;background:#0b627e;color:#fff;font-size:16px}.participation-data[b-43vb9kmvsx]{display:grid;grid-template-columns:repeat(3,1fr);gap:3mm;margin-bottom:3mm}.participation-data span[b-43vb9kmvsx]{min-height:9mm;padding:2mm;border:1px solid #71bfcf;border-radius:2px;background:#f8fdfe;font-size:10px}.participation-data b[b-43vb9kmvsx]{display:block;color:#0b829b;font-size:8px}.participation-intro[b-43vb9kmvsx]{margin:0 0 3mm;padding:2.5mm;border:1px solid #b2dce5;background:#f2fbfd;font-size:9px;line-height:1.65}.participation-sections[b-43vb9kmvsx]{display:grid;grid-template-columns:1fr 1fr;gap:3mm}.participation-sections section[b-43vb9kmvsx],.participation-evidence section[b-43vb9kmvsx]{border:1px solid #78c3d2;border-radius:3px;overflow:hidden;min-height:31mm}.participation-sections h2[b-43vb9kmvsx],.participation-evidence h2[b-43vb9kmvsx]{margin:0;padding:1.5mm 2.5mm;background:#e7f8fa;color:#08738f;font-size:9px}.participation-sections p[b-43vb9kmvsx]{min-height:20mm;margin:0;padding:2.5mm;font-size:9px;line-height:1.65;white-space:pre-wrap}.participation-evidence[b-43vb9kmvsx]{display:grid;grid-template-columns:1fr 1fr;gap:3mm;margin-top:3mm}.participation-evidence section[b-43vb9kmvsx]{min-height:38mm}.participation-evidence section>div[b-43vb9kmvsx]{display:grid;place-items:center;align-content:center;gap:2mm;min-height:28mm;margin:2mm;border:1px dashed #9ccfd8;color:#678995;font-size:8px}.participation-evidence i[b-43vb9kmvsx]{font-size:18px;color:#52aabd}.participation-signatures[b-43vb9kmvsx]{display:flex;justify-content:space-between;margin-top:7mm;font-size:9px}.participation-paper>footer[b-43vb9kmvsx]{position:absolute;right:9mm;bottom:4mm;left:9mm;padding-top:2mm;border-top:2px solid #0b627e;color:#4b7280;font-size:7px;text-align:center}

/* Direct-manipulation controls in the preview.  Their positions are saved with the template. */
.preview-zoom[b-43vb9kmvsx]{display:flex;align-items:center;gap:.25rem;padding:.16rem .28rem;border:1px solid #bed5df;background:#fff;color:#406171}
.preview-toolbar .preview-zoom button[b-43vb9kmvsx]{min-width:25px;min-height:26px;padding:.2rem;border:0;background:transparent;color:#087fa8}
.preview-zoom input[b-43vb9kmvsx]{width:70px;accent-color:#087fa8}
.preview-zoom span[b-43vb9kmvsx]{min-width:28px;font-size:.61rem;text-align:center;direction:ltr}
.component-properties[b-43vb9kmvsx]{display:grid;grid-template-columns:minmax(120px,155px) minmax(0,1fr);align-items:start;gap:.45rem;padding:.45rem .55rem;border-bottom:1px solid #d3e2e8;background:#eef8fb;overflow:hidden}.component-properties>div:first-child[b-43vb9kmvsx]{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:.12rem .3rem;min-width:0;padding:.28rem .35rem;border:1px solid #c7dde6;background:#f8fcfd;color:#386174}.component-properties>div:first-child i[b-43vb9kmvsx]{grid-row:1/3;color:#087fa8}.component-properties>div:first-child strong[b-43vb9kmvsx],.component-properties>div:first-child span[b-43vb9kmvsx]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.component-properties strong[b-43vb9kmvsx]{font-size:.66rem}.component-properties span[b-43vb9kmvsx]{font-size:.54rem;color:#678291}.component-property-fields[b-43vb9kmvsx]{display:flex;align-items:end;justify-content:flex-start;flex-wrap:wrap;gap:.25rem;min-width:0}.component-property-fields label[b-43vb9kmvsx]{display:grid;flex:0 0 40px;gap:1px;min-width:0;color:#557488;font-size:.51rem;font-weight:800}.component-property-fields input[b-43vb9kmvsx]{width:40px;height:25px;padding:1px 2px;border:1px solid #aac8d5;background:#fff;color:#23495e;font-size:.6rem;text-align:center;direction:ltr}.component-property-fields button[b-43vb9kmvsx]{flex:0 0 25px;width:25px;height:25px;padding:0;border:1px solid #b6d0db;background:#fff;color:#087fa8;font-size:.65rem}.component-property-fields button:hover[b-43vb9kmvsx],.component-property-fields button.active[b-43vb9kmvsx]{border-color:#087fa8;background:#087fa8;color:#fff}
.paper-header[b-43vb9kmvsx]{border-bottom:0}
.design-component[b-43vb9kmvsx]{position:absolute;z-index:4;cursor:grab;touch-action:none;user-select:none}
.design-component:active[b-43vb9kmvsx]{cursor:grabbing}
.header-component[b-43vb9kmvsx]{overflow:visible}
.header-component img[b-43vb9kmvsx]{position:static;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.divider-component[b-43vb9kmvsx]{z-index:5;min-height:10px;background:transparent}
.divider-component[b-43vb9kmvsx]::before{position:absolute;top:50%;right:0;left:0;height:2px;background:var(--accent);content:"";transform:translateY(-50%)}
.content-image-component[b-43vb9kmvsx]{z-index:5}
.content-image-component img[b-43vb9kmvsx]{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.design-component[b-43vb9kmvsx]::after{position:absolute;inset:-2px;border:1px dashed #087fa8;content:"";opacity:0;pointer-events:none}
.design-component:hover[b-43vb9kmvsx]::after,.design-component:focus-within[b-43vb9kmvsx]::after,.design-component.is-selected[b-43vb9kmvsx]::after{opacity:1}
.component-label[b-43vb9kmvsx]{position:absolute;top:-17px;right:0;padding:1px 4px;background:#087fa8;color:#fff;font-family:Tahoma,Arial,sans-serif;font-size:8px;line-height:13px;opacity:0;pointer-events:none}
.design-component:hover .component-label[b-43vb9kmvsx],.design-component.is-selected .component-label[b-43vb9kmvsx]{opacity:1}
.component-resize[b-43vb9kmvsx]{position:absolute;z-index:2;bottom:-5px;left:-5px;width:11px;height:11px;padding:0;border:1px solid #fff;border-radius:1px;background:#087fa8;cursor:nwse-resize;opacity:0}
.design-component:hover .component-resize[b-43vb9kmvsx],.design-component:focus-within .component-resize[b-43vb9kmvsx],.design-component.is-selected .component-resize[b-43vb9kmvsx]{opacity:1}
.component-delete[b-43vb9kmvsx]{position:absolute;top:-7px;left:-7px;z-index:3;display:grid;place-items:center;width:16px;height:16px;padding:0;border:1px solid #fff;border-radius:50%;background:#bd3030;color:#fff;font-size:8px;line-height:1;opacity:0}
.content-image-component:hover .component-delete[b-43vb9kmvsx]{opacity:1}
.inserted-images-note[b-43vb9kmvsx]{margin:.1rem .75rem .75rem;padding:.42rem .5rem;border:1px dashed #9fc4d3;background:#f5fbfd;color:#527185;font-size:.59rem}
.builder-tabs[b-43vb9kmvsx]{display:flex;gap:.2rem;padding:.45rem .7rem 0;border-bottom:1px solid #d7e5ea;background:#fbfdfe}.builder-tabs button[b-43vb9kmvsx]{display:inline-flex;align-items:center;gap:.35rem;padding:.43rem .8rem;border:1px solid transparent;border-bottom:0;background:transparent;color:#607d8e;font-size:.68rem;font-weight:900}.builder-tabs button.active[b-43vb9kmvsx]{border-color:#b8d4df;background:#fff;color:#087b9f;box-shadow:inset 0 2px #087fa8}.evidence-editors[b-43vb9kmvsx]{display:grid;gap:.5rem;padding:.7rem}.evidence-editors article[b-43vb9kmvsx]{display:grid;grid-template-columns:64px minmax(0,1fr) 27px;gap:.4rem;align-items:start;padding:.4rem;border:1px solid #d2e1e7;background:#fbfdfe}.evidence-thumb[b-43vb9kmvsx]{display:grid;place-items:center;width:64px;height:60px;overflow:hidden;border:1px dashed #9dc7d4;color:#4da8bc;font-size:18px}.evidence-thumb img[b-43vb9kmvsx]{width:100%;height:100%;object-fit:cover}.evidence-editors input[b-43vb9kmvsx],.evidence-editors textarea[b-43vb9kmvsx]{width:100%;border:1px solid #bed2dc;color:#17384c;font-size:.65rem}.evidence-editors input[b-43vb9kmvsx]{height:26px;padding:.25rem}.evidence-editors textarea[b-43vb9kmvsx]{margin-top:.25rem;padding:.25rem;resize:vertical}.evidence-editors article>button[b-43vb9kmvsx]{width:27px;height:25px;border:1px solid #d3e0e6;background:#fff;color:#b32a2a}.evidence-upload[b-43vb9kmvsx]{display:inline-flex;align-items:center;gap:.25rem;margin-top:.3rem;padding:.24rem .4rem;border:1px solid #b7d1dc;background:#f6fbfd;color:#087da7;font-size:.58rem;font-weight:900;cursor:pointer}.evidence-upload input[b-43vb9kmvsx]{display:none}.participation-evidence section>div[b-43vb9kmvsx]{display:grid;grid-template-rows:minmax(0,1fr) auto}.participation-evidence section>div img[b-43vb9kmvsx]{width:100%;height:24mm;object-fit:cover}.participation-evidence section>div span[b-43vb9kmvsx]{padding:1mm;font-size:7px;text-align:center}

@media(max-width:1180px){.letter-paper[b-43vb9kmvsx]{zoom:.58}}
@media(max-width:900px){.letter-controls[b-43vb9kmvsx],.letter-preview-panel[b-43vb9kmvsx]{height:auto;max-height:none}.letter-controls[b-43vb9kmvsx]{overflow:visible}.letter-paper-wrap[b-43vb9kmvsx]{max-height:none}.letter-paper[b-43vb9kmvsx]{zoom:.72}}
@media(max-width:600px){.letter-paper[b-43vb9kmvsx]{zoom:.48}}
@media(max-width:760px){.preview-toolbar>div:last-child[b-43vb9kmvsx]{flex-wrap:wrap}.preview-zoom[b-43vb9kmvsx]{order:3;width:100%;justify-content:center}}
@media(max-width:900px){.component-properties[b-43vb9kmvsx]{grid-template-columns:1fr}.component-properties>div:first-child[b-43vb9kmvsx]{grid-template-columns:18px minmax(0,1fr);width:100%}.component-property-fields[b-43vb9kmvsx]{width:100%}}

/* Layer-based document designer. */
.letter-paper[b-43vb9kmvsx]{padding-top:58mm;overflow:hidden;background-image:none!important}
.paper-background-layer[b-43vb9kmvsx]{position:absolute;inset:0;z-index:0;background-position:center;background-repeat:no-repeat;pointer-events:none}
.letter-flow-content[b-43vb9kmvsx]{position:relative;z-index:3}
.header-component[b-43vb9kmvsx]{transform-origin:center}
.header-component img[b-43vb9kmvsx],.content-image-component img[b-43vb9kmvsx]{object-position:center}
.divider-component[b-43vb9kmvsx]{background:var(--accent);transform-origin:center}
.header-field-component[b-43vb9kmvsx]{display:flex;align-items:center;overflow:hidden;transform-origin:center}
.header-field-value[b-43vb9kmvsx]{display:block;width:100%;padding:1mm;line-height:1.35;white-space:pre-wrap;pointer-events:none}
.design-component.is-locked[b-43vb9kmvsx]{cursor:default}
.design-component.is-locked[b-43vb9kmvsx]::after{border-style:solid;border-color:#8196a1}
.design-component.is-locked .component-resize[b-43vb9kmvsx]{display:none}
.background-settings[b-43vb9kmvsx]{padding-top:.35rem;border-top:1px solid #e1eaee}
.background-settings input[type=range][b-43vb9kmvsx]{padding:0;border:0}
.layers-list[b-43vb9kmvsx]{display:grid;gap:2px;padding:.55rem}
.layer-row[b-43vb9kmvsx]{display:grid;grid-template-columns:25px minmax(0,1fr) 25px;align-items:center;gap:.25rem;min-height:31px;padding:.2rem .3rem;border:1px solid #d5e3e9;background:#fff;color:#36586a;font-size:.64rem;text-align:right}
.layer-row:hover[b-43vb9kmvsx],.layer-row.active[b-43vb9kmvsx]{border-color:#1687aa;background:#eef9fc;color:#086f91}
.layer-row>i[b-43vb9kmvsx]{display:grid;place-items:center;height:24px;color:#1684a5}
.layer-row>span[b-43vb9kmvsx]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.component-property-fields select[b-43vb9kmvsx]{width:68px;height:25px;border:1px solid #aac8d5;background:#fff;color:#23495e;font-size:.58rem}
/* /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-home[b-kve507fbuc] { max-width: 1180px; margin: 0 auto; padding: 24px 28px 48px; }
.admin-hero[b-kve507fbuc] { margin-bottom: 22px; }
.platform-calendar-settings[b-kve507fbuc],
.platform-calendar-events[b-kve507fbuc] { max-width: none; margin: 0 0 22px; padding: 24px 28px; border: 1px solid #d7e4ea; border-radius: 16px; background: #fff; box-shadow: 0 8px 24px rgba(24,65,82,.06); }
.platform-calendar-events[b-kve507fbuc] { margin-bottom: 0; }
.platform-calendar-settings .section-title[b-kve507fbuc],
.platform-calendar-events .section-title[b-kve507fbuc] { margin-bottom: 8px; }
.platform-calendar-settings .section-title h2[b-kve507fbuc],
.platform-calendar-events .section-title h2[b-kve507fbuc] { margin: 4px 0 0; color: #123e52; font-size: 1.45rem; font-weight: 800; }
.platform-calendar-events .platform-setting-grid[b-kve507fbuc] { grid-template-columns: 1.5fr 1fr 1fr; align-items: start; }
.platform-events-table[b-kve507fbuc] { margin-top: 20px; overflow-x: auto; }
.platform-events-table table[b-kve507fbuc] { width: 100%; border-collapse: collapse; color: #23485a; }
.platform-events-table th[b-kve507fbuc], .platform-events-table td[b-kve507fbuc] { padding: 10px 12px; border: 1px solid #d7e4ea; text-align: right; }
.platform-events-table th[b-kve507fbuc] { background: #eef7fa; font-weight: 800; }
.platform-events-table td:last-child[b-kve507fbuc], .platform-events-table th:last-child[b-kve507fbuc] { width: 90px; text-align: center; }
.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-home[b-kve507fbuc] { padding: 14px 12px 32px; } .platform-calendar-settings[b-kve507fbuc], .platform-calendar-events[b-kve507fbuc] { padding: 18px 14px; } .platform-setting-grid[b-kve507fbuc], .platform-calendar-events .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}}
/* SES feedback compliance */
.ses-metrics[b-evrxdqn7o8]{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
.compliance-grid[b-evrxdqn7o8]{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}
.compliance-grid>div[b-evrxdqn7o8]{display:grid;grid-template-columns:32px 1fr;column-gap:9px;align-items:center;padding:12px;background:#f5fafb;border:1px solid #dce9ed}
.compliance-grid>div>span[b-evrxdqn7o8]{grid-row:1/3;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#0b8992;color:#fff;font-weight:800}
.compliance-grid strong[b-evrxdqn7o8]{font-size:.78rem}.compliance-grid small[b-evrxdqn7o8]{color:#728897;font-size:.66rem}
.topic-field>span[b-evrxdqn7o8]{display:block;margin-bottom:6px;font-size:.84rem;font-weight:700}.topic-field>small[b-evrxdqn7o8]{display:block;margin-top:6px;color:#748894}
.topic-field textarea[b-evrxdqn7o8]{font-family:Consolas,monospace;font-size:.78rem;resize:vertical}
.auto-confirm[b-evrxdqn7o8]{display:flex;align-items:flex-start;gap:10px;margin-top:14px;padding:12px;background:#f2f8fa}.auto-confirm input[b-evrxdqn7o8]{width:18px;height:18px;margin-top:3px}.auto-confirm strong[b-evrxdqn7o8],.auto-confirm small[b-evrxdqn7o8]{display:block}.auto-confirm small[b-evrxdqn7o8]{margin-top:3px;color:#728897;font-size:.7rem}
.feedback-endpoint[b-evrxdqn7o8]{border:1px dashed #a8cbd3}.feedback-health[b-evrxdqn7o8]{display:flex;justify-content:space-between;gap:15px;margin-top:10px;padding:10px 14px;background:#edf8f4;color:#356e61;font-size:.78rem}
.record-count[b-evrxdqn7o8]{padding:6px 10px;background:#edf5f7;color:#436877;font-size:.76rem;font-weight:800}
.event-badge[b-evrxdqn7o8]{display:inline-block;min-width:64px;padding:4px 8px;text-align:center;background:#edf3f5;color:#506b77;font-size:.72rem;font-weight:800}.event-badge.bounce[b-evrxdqn7o8]{background:#fff2e3;color:#a75c10}.event-badge.complaint[b-evrxdqn7o8]{background:#ffebec;color:#b23842}.event-badge.delivery[b-evrxdqn7o8]{background:#e5f7ed;color:#147848}
.release-button[b-evrxdqn7o8]{border:1px solid #d8a5a8;background:#fff;color:#a0383f;padding:5px 8px;font-size:.7rem;font-weight:700;white-space:nowrap}.release-button:disabled[b-evrxdqn7o8]{opacity:.5}
@media(max-width:900px){.compliance-grid[b-evrxdqn7o8]{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.compliance-grid[b-evrxdqn7o8]{grid-template-columns:1fr}.feedback-health[b-evrxdqn7o8]{flex-direction:column}.feedback-endpoint code[b-evrxdqn7o8]{overflow-wrap:anywhere}}
.simulator-row[b-evrxdqn7o8] { display:flex; align-items:center; gap:.55rem; flex-wrap:wrap; margin-top:.85rem; color:#526a76; font-size:.86rem; }
.simulator-row button[b-evrxdqn7o8] { border:1px solid #cfe0e6; background:#f7fbfc; color:#155c69; border-radius:9px; padding:.45rem .7rem; display:inline-flex; align-items:center; gap:.35rem; }
.simulator-row button:hover:not(:disabled)[b-evrxdqn7o8] { border-color:#168b94; background:#edf9f9; }
.provider-choice[b-evrxdqn7o8] { display:grid; grid-template-columns:minmax(220px,.6fr) 1fr; gap:1rem; align-items:end; margin:1rem 0; padding:1rem; border:1px solid #d8e7eb; border-radius:12px; background:#f7fbfc; }
.provider-choice > label:first-child[b-evrxdqn7o8] { display:grid; gap:.4rem; }
.brevo-card[b-evrxdqn7o8] { border-top:3px solid #665cf6; }
.brevo-endpoints[b-evrxdqn7o8] { display:grid; gap:.65rem; margin:1rem 0; }
.inbound-preview[b-evrxdqn7o8] { max-width:320px; white-space:pre-wrap; line-height:1.55; color:#526a76; }
.secret-row[b-evrxdqn7o8] { display:flex; gap:.45rem; }
.secret-row button[b-evrxdqn7o8] { border:1px solid #665cf6; background:#f2f0ff; color:#4b43bd; border-radius:9px; padding:0 .8rem; font-weight:700; }
@media(max-width:720px) { .provider-choice[b-evrxdqn7o8] { grid-template-columns:1fr; } }
.provider-tabs[b-evrxdqn7o8]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 16px}.provider-tabs button[b-evrxdqn7o8]{border:1px solid #d3e2e8;background:#fff;color:#486575;padding:14px 16px;display:grid;grid-template-columns:38px 1fr;column-gap:10px;text-align:right;align-items:center}.provider-tabs button i[b-evrxdqn7o8]{grid-row:1/3;width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#eef5f7;color:#52717e;font-size:1.1rem}.provider-tabs button span[b-evrxdqn7o8]{font-size:1rem;font-weight:800;color:#17394d}.provider-tabs button small[b-evrxdqn7o8]{color:#718794}.provider-tabs button.active.amazon[b-evrxdqn7o8]{border-color:#efaa39;box-shadow:inset 0 3px #efaa39}.provider-tabs button.active.amazon i[b-evrxdqn7o8]{background:#fff3df;color:#b86a00}.provider-tabs button.active.brevo[b-evrxdqn7o8]{border-color:#665cf6;box-shadow:inset 0 3px #665cf6}.provider-tabs button.active.brevo i[b-evrxdqn7o8]{background:#f0efff;color:#5147d6}.provider-panel.is-hidden[b-evrxdqn7o8],.simulator-row.is-hidden[b-evrxdqn7o8]{display:none}.test-provider-badge[b-evrxdqn7o8]{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;margin-bottom:14px;font-size:.8rem;font-weight:800}.test-provider-badge.amazon[b-evrxdqn7o8]{background:#fff4e1;color:#9b5b08}.test-provider-badge.brevo[b-evrxdqn7o8]{background:#f0efff;color:#4c43c3}@media(max-width:560px){.provider-tabs[b-evrxdqn7o8]{grid-template-columns:1fr}}
/* /Pages/Admin/EmailTemplatesAdministration.razor.rz.scp.css */
.email-templates-page[b-ffmxlr3icz]{max-width:1280px;margin:0 auto;padding:28px;color:#123047}.templates-hero[b-ffmxlr3icz]{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#083d56,#079a98);color:white;border-radius:22px;padding:28px 34px;margin-bottom:22px}.templates-hero h1[b-ffmxlr3icz]{margin:6px 0;font-size:32px}.templates-hero p[b-ffmxlr3icz]{margin:0;opacity:.85}.templates-hero i[b-ffmxlr3icz]{font-size:64px;opacity:.8}.templates-layout[b-ffmxlr3icz]{display:grid;grid-template-columns:290px 1fr;gap:20px}.template-list[b-ffmxlr3icz],.template-editor[b-ffmxlr3icz]{background:white;border:1px solid #dce8ee;border-radius:18px;box-shadow:0 10px 28px #1230470d}.list-heading[b-ffmxlr3icz]{display:flex;justify-content:space-between;padding:20px;border-bottom:1px solid #e6eef2}.list-heading h2[b-ffmxlr3icz]{margin:0}.list-heading span[b-ffmxlr3icz],.template-badge[b-ffmxlr3icz]{background:#e7f7f6;color:#087f80;border-radius:20px;padding:4px 10px;font-size:12px}.template-item[b-ffmxlr3icz]{display:flex;gap:12px;width:100%;border:0;background:transparent;padding:17px 18px;text-align:right;border-bottom:1px solid #edf2f4;color:#25465a}.template-item i[b-ffmxlr3icz]{font-size:21px;color:#079a98}.template-item span[b-ffmxlr3icz]{display:grid;gap:5px}.template-item small[b-ffmxlr3icz]{color:#78909c}.template-item.active[b-ffmxlr3icz]{background:#effafa;border-right:4px solid #079a98}.template-editor[b-ffmxlr3icz]{padding:26px}.editor-heading[b-ffmxlr3icz]{display:flex;justify-content:space-between;border-bottom:1px solid #e8eff2;padding-bottom:18px;margin-bottom:22px}.editor-heading h2[b-ffmxlr3icz]{margin:10px 0 4px}.editor-heading p[b-ffmxlr3icz]{margin:0;color:#78909c}.draft-state[b-ffmxlr3icz]{color:#a36b12;background:#fff7e5;padding:7px 12px;border-radius:15px;height:max-content;font-size:12px}.editor-grid[b-ffmxlr3icz]{display:grid;grid-template-columns:1fr 1fr;gap:28px}.editor-fields[b-ffmxlr3icz]{display:grid;gap:16px}.editor-fields label[b-ffmxlr3icz]{display:grid;gap:7px;font-weight:700}.editor-fields textarea[b-ffmxlr3icz]{resize:vertical}.variables[b-ffmxlr3icz]{display:grid;gap:6px;background:#f5fafb;padding:12px;border-radius:10px;color:#547080}.variables span[b-ffmxlr3icz]{direction:ltr;text-align:left;font-family:monospace}.save-template[b-ffmxlr3icz]{border:0;border-radius:10px;background:#078f91;color:#fff;padding:12px 20px;font-weight:700;width:max-content}.saved-message[b-ffmxlr3icz]{color:#0a8b65}.preview-wrap[b-ffmxlr3icz]{background:#f3f7f9;border-radius:14px;padding:16px}.preview-label[b-ffmxlr3icz]{font-weight:700;color:#56717f;margin-bottom:12px}.mail-preview[b-ffmxlr3icz]{background:white;border-radius:10px;min-height:390px;box-shadow:0 4px 15px #12304714;overflow:hidden}.mail-brand[b-ffmxlr3icz]{background:#0a7f91;color:white;padding:18px;font-weight:700}.mail-preview h3[b-ffmxlr3icz]{padding:20px 22px 8px;margin:0;color:#123047}.mail-body[b-ffmxlr3icz]{padding:8px 22px;line-height:1.9;color:#405866;min-height:230px}.mail-preview footer[b-ffmxlr3icz]{border-top:1px solid #edf1f3;padding:14px 22px;color:#8aa0aa;font-size:12px}@media(max-width:850px){.templates-layout[b-ffmxlr3icz],.editor-grid[b-ffmxlr3icz]{grid-template-columns:1fr}.template-list[b-ffmxlr3icz]{order:2}}
/* /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/PlatformMenuAdministration.razor.rz.scp.css */
.menu-admin[b-e9lwp0pzhs] { display: grid; gap: 18px; }
.menu-admin-message[b-e9lwp0pzhs] { display: flex; align-items: center; gap: 10px; padding: 13px 16px; border-radius: 12px; font-weight: 700; }
.menu-admin-message.success[b-e9lwp0pzhs] { color: #087a65; background: #e9f9f4; border: 1px solid #aee6d7; }
.menu-admin-message.error[b-e9lwp0pzhs] { color: #b4232d; background: #fff1f2; border: 1px solid #ffc7cd; }
.menu-summary[b-e9lwp0pzhs] { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; }
.menu-summary article[b-e9lwp0pzhs] { min-height: 92px; padding: 17px; background: #fff; border: 1px solid #d9e6ea; border-radius: 16px; display: flex; align-items: center; gap: 13px; }
.menu-summary article > i[b-e9lwp0pzhs] { width: 44px; height: 44px; border-radius: 13px; display: grid; place-items: center; color: #078f8b; background: #e7f7f5; font-size: 20px; }
.menu-summary span[b-e9lwp0pzhs] { display: grid; gap: 2px; }
.menu-summary strong[b-e9lwp0pzhs] { color: #082f49; font-size: 22px; }
.menu-summary small[b-e9lwp0pzhs] { color: #718497; }
.menu-admin-workspace[b-e9lwp0pzhs] { display: grid; grid-template-columns: minmax(0,1.45fr) minmax(360px,.8fr); gap: 16px; align-items: start; }
.menu-list-card[b-e9lwp0pzhs],.menu-editor-card[b-e9lwp0pzhs] { min-width: 0; }
.menu-editor-card[b-e9lwp0pzhs] { position: sticky; top: 16px; }
.menu-list-heading[b-e9lwp0pzhs] { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 16px; }
.menu-filters[b-e9lwp0pzhs] { display: grid; grid-template-columns: minmax(240px,1fr) 150px 150px; gap: 9px; margin-bottom: 14px; }
.menu-filters label[b-e9lwp0pzhs] { position: relative; }
.menu-filters label i[b-e9lwp0pzhs] { position: absolute; right: 13px; top: 13px; color: #78909c; }
.menu-filters input[b-e9lwp0pzhs],.menu-filters select[b-e9lwp0pzhs] { width: 100%; min-height: 44px; border: 1px solid #ccdde3; border-radius: 10px; background: #fff; }
.menu-filters input[b-e9lwp0pzhs] { padding: 8px 40px 8px 12px; }
.menu-table-wrap[b-e9lwp0pzhs] { overflow: auto; border: 1px solid #d8e5ea; border-radius: 12px; max-height: 680px; }
.menu-table[b-e9lwp0pzhs] { width: 100%; border-collapse: collapse; min-width: 880px; }
.menu-table th[b-e9lwp0pzhs] { position: sticky; top: 0; z-index: 1; padding: 12px; color: #fff; background: #096f85; font-size: 13px; }
.menu-table td[b-e9lwp0pzhs] { padding: 11px 12px; border-bottom: 1px solid #e2ecef; vertical-align: middle; color: #29485a; font-size: 13px; }
.menu-table tr:hover td[b-e9lwp0pzhs],.menu-table tr.selected td[b-e9lwp0pzhs] { background: #f0fbfa; }
.menu-item-name[b-e9lwp0pzhs] { display: flex; align-items: center; gap: 9px; min-width: 210px; }
.menu-item-name > i[b-e9lwp0pzhs] { color: #0a8f8b; }
.menu-item-name.child[b-e9lwp0pzhs] { padding-right: 18px; }
.menu-item-name span[b-e9lwp0pzhs] { display: grid; gap: 3px; }
.menu-item-name strong[b-e9lwp0pzhs] { color: #0b3047; }
.menu-item-name small[b-e9lwp0pzhs] { color: #8597a4; }
.menu-table code[b-e9lwp0pzhs] { direction: ltr; display: inline-block; color: #176477; background: #eef7f9; padding: 4px 7px; border-radius: 6px; }
.role-pills[b-e9lwp0pzhs] { display: flex; align-items: center; flex-wrap: wrap; gap: 4px; min-width: 160px; }
.role-pills span[b-e9lwp0pzhs],.role-pills b[b-e9lwp0pzhs] { padding: 3px 6px; border-radius: 7px; background: #edf3f7; color: #466377; font-size: 11px; font-weight: 600; }
.menu-state[b-e9lwp0pzhs] { display: inline-flex; align-items: center; gap: 5px; padding: 5px 8px; border-radius: 8px; white-space: nowrap; }
.menu-state.visible[b-e9lwp0pzhs] { color: #087a65; background: #e6f8f2; }
.menu-state.hidden[b-e9lwp0pzhs] { color: #b4232d; background: #fff0f1; }
.menu-edit-button[b-e9lwp0pzhs] { width: 34px; height: 34px; border: 1px solid #b8d5df; border-radius: 9px; color: #087c91; background: #fff; }
.menu-empty[b-e9lwp0pzhs] { min-height: 180px; display: grid; place-content: center; justify-items: center; gap: 8px; color: #78909c; }
.menu-editor-grid[b-e9lwp0pzhs] { display: grid; grid-template-columns: 1fr 1fr; gap: 13px 10px; margin-top: 18px; }
.menu-editor-grid .wide[b-e9lwp0pzhs] { grid-column: 1 / -1; }
.menu-editor-grid small[b-e9lwp0pzhs] { display: block; color: #8296a3; margin-top: 5px; font-size: 11px; }
.menu-switches[b-e9lwp0pzhs] { display: grid; gap: 8px; margin: 16px 0; }
.menu-switches label[b-e9lwp0pzhs] { display: flex; gap: 10px; align-items: center; padding: 11px; border: 1px solid #d8e6ea; border-radius: 11px; background: #f8fbfc; }
.menu-switches input[b-e9lwp0pzhs] { width: 18px; height: 18px; accent-color: #07958e; }
.menu-switches span[b-e9lwp0pzhs] { display: grid; gap: 2px; }
.menu-switches strong[b-e9lwp0pzhs] { color: #183f54; }
.menu-switches small[b-e9lwp0pzhs] { color: #7d909d; }
.menu-role-section[b-e9lwp0pzhs] { padding-top: 15px; border-top: 1px solid #e0eaee; }
.menu-role-section > div:first-child[b-e9lwp0pzhs] { display: grid; gap: 3px; margin-bottom: 10px; }
.menu-role-section > div:first-child span[b-e9lwp0pzhs] { color: #078a84; font-size: 12px; }
.menu-role-section > div:first-child strong[b-e9lwp0pzhs] { color: #0c334a; }
.menu-role-grid[b-e9lwp0pzhs] { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; max-height: 270px; overflow: auto; padding: 2px; }
.menu-role-grid label[b-e9lwp0pzhs] { display: flex; align-items: center; gap: 8px; padding: 9px; border: 1px solid #dce7eb; border-radius: 10px; cursor: pointer; background: #fff; }
.menu-role-grid label.checked[b-e9lwp0pzhs] { border-color: #59c4b4; background: #edf9f6; }
.menu-role-grid input[b-e9lwp0pzhs] { position: absolute; opacity: 0; pointer-events: none; }
.menu-role-grid span[b-e9lwp0pzhs] { display: grid; flex: 1; }
.menu-role-grid strong[b-e9lwp0pzhs] { color: #24475a; font-size: 12px; }
.menu-role-grid small[b-e9lwp0pzhs] { color: #8598a3; font-size: 10px; }
.menu-role-grid i[b-e9lwp0pzhs] { opacity: 0; color: #078f82; }
.menu-role-grid label.checked i[b-e9lwp0pzhs] { opacity: 1; }
.menu-editor-note[b-e9lwp0pzhs] { display: flex; gap: 9px; padding: 11px; margin-top: 15px; color: #496877; background: #f0f8fa; border-radius: 10px; font-size: 12px; }
.menu-editor-actions[b-e9lwp0pzhs] { display: flex; gap: 8px; margin-top: 14px; }
@media (max-width: 1250px) { .menu-admin-workspace[b-e9lwp0pzhs] { grid-template-columns: 1fr; } .menu-editor-card[b-e9lwp0pzhs] { position: static; } }
@media (max-width: 760px) { .menu-summary[b-e9lwp0pzhs] { grid-template-columns: 1fr 1fr; } .menu-filters[b-e9lwp0pzhs],.menu-editor-grid[b-e9lwp0pzhs] { grid-template-columns: 1fr; } .menu-editor-grid .wide[b-e9lwp0pzhs] { grid-column: auto; } .menu-role-grid[b-e9lwp0pzhs] { grid-template-columns: 1fr; } }
/* /Pages/Admin/PlatformWagoManagement.razor.rz.scp.css */
.wago-admin[b-2xlns4ctt3]{max-width:1180px;margin:0 auto;display:grid;gap:18px;color:#12314a}.wago-hero[b-2xlns4ctt3]{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 30px;border-radius:22px;background:linear-gradient(135deg,#073b4c,#087f70);color:#fff;box-shadow:0 14px 34px rgba(5,72,78,.16)}.wago-hero small[b-2xlns4ctt3]{color:#bfeee5;font-weight:800}.wago-hero h1[b-2xlns4ctt3]{margin:6px 0;font-size:2rem;font-weight:900}.wago-hero p[b-2xlns4ctt3]{margin:0;color:#d9f5ef}.hero-icon[b-2xlns4ctt3]{display:grid;place-items:center;width:76px;height:76px;border-radius:22px;background:rgba(255,255,255,.13);font-size:2rem}.status-grid[b-2xlns4ctt3]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.status-grid article[b-2xlns4ctt3],.wago-card[b-2xlns4ctt3]{border:1px solid #dce8ec;background:#fff;border-radius:18px;box-shadow:0 8px 22px rgba(23,70,85,.06)}.status-grid article[b-2xlns4ctt3]{padding:18px;display:grid;gap:7px}.status-grid span[b-2xlns4ctt3]{font-size:.82rem;color:#69808d}.status-grid strong[b-2xlns4ctt3]{font-size:1.2rem}.status-grid small[b-2xlns4ctt3]{color:#8b9ba5;overflow-wrap:anywhere}.ok[b-2xlns4ctt3]{color:#078568!important}.off[b-2xlns4ctt3]{color:#c63b45!important}.warn[b-2xlns4ctt3]{color:#b87900!important}.wago-card[b-2xlns4ctt3]{padding:22px}.loading-card[b-2xlns4ctt3]{display:flex;align-items:center;gap:10px}.card-title[b-2xlns4ctt3]{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.card-title h2[b-2xlns4ctt3]{font-size:1.15rem;font-weight:900;margin:0 0 5px}.card-title p[b-2xlns4ctt3]{margin:0;color:#718691;font-size:.88rem}.card-title>i[b-2xlns4ctt3]{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#e5f7f2;color:#078568;font-size:1.25rem}.service-actions[b-2xlns4ctt3],.token-actions[b-2xlns4ctt3]{display:flex;flex-wrap:wrap;gap:10px}.service-actions .btn[b-2xlns4ctt3],.token-actions .btn[b-2xlns4ctt3]{min-width:145px;font-weight:800}.wago-alert[b-2xlns4ctt3]{display:flex;gap:12px;align-items:center;padding:14px 17px;border:1px solid #f0c974;background:#fff8e7;color:#805900;border-radius:14px}.token-note[b-2xlns4ctt3]{display:flex;align-items:center;gap:10px;background:#eef9f6;color:#176958;border-radius:12px;padding:12px 15px;margin-bottom:15px}.token-grid[b-2xlns4ctt3]{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:15px}.token-grid label[b-2xlns4ctt3]{display:grid;gap:7px;font-weight:800}.token-grid input[b-2xlns4ctt3]{direction:ltr;text-align:left}.checklist ul[b-2xlns4ctt3]{display:grid;grid-template-columns:1fr 1fr;gap:10px;list-style:none;margin:0;padding:0}.checklist li[b-2xlns4ctt3]{display:flex;align-items:center;gap:9px;padding:12px;border-radius:12px;background:#f7fafb}.checklist .pass[b-2xlns4ctt3]{color:#087c64}.checklist .fail[b-2xlns4ctt3]{color:#b63b45}.checklist i[b-2xlns4ctt3]{font-size:1.05rem}code[b-2xlns4ctt3]{direction:ltr;display:inline-block}.probe-row[b-2xlns4ctt3],.test-send-row[b-2xlns4ctt3]{display:flex;align-items:center;justify-content:space-between;gap:16px}.probe-row p[b-2xlns4ctt3]{margin:4px 0 0;color:#718691;font-size:.88rem}.probe-row .btn[b-2xlns4ctt3],.test-send-row .btn[b-2xlns4ctt3]{min-width:190px;font-weight:800}.command-result[b-2xlns4ctt3]{margin-top:16px;padding:15px;border-radius:14px;border:1px solid}.command-result.success[b-2xlns4ctt3]{background:#eefaf6;border-color:#b8e6d8;color:#08755f}.command-result.failure[b-2xlns4ctt3]{background:#fff2f3;border-color:#efc0c5;color:#a62f3a}.command-result>div:first-child[b-2xlns4ctt3]{display:flex;align-items:center;gap:9px}.command-result dl[b-2xlns4ctt3]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:13px 0 0}.command-result dl>div[b-2xlns4ctt3]{background:rgba(255,255,255,.72);border-radius:10px;padding:9px}.command-result dt[b-2xlns4ctt3]{font-size:.75rem;opacity:.72}.command-result dd[b-2xlns4ctt3]{margin:3px 0 0;font-weight:800;overflow-wrap:anywhere}.command-result .message-id[b-2xlns4ctt3]{grid-column:span 2}.test-divider[b-2xlns4ctt3]{height:1px;background:#e3ecef;margin:20px 0}.test-message-grid[b-2xlns4ctt3]{display:grid;grid-template-columns:1.2fr 1fr;gap:14px}.test-message-grid label[b-2xlns4ctt3]{display:grid;gap:7px;font-weight:800}.test-message-grid .message-body-field[b-2xlns4ctt3]{grid-column:1/-1}.test-message-grid input[b-2xlns4ctt3],.test-message-grid select[b-2xlns4ctt3]{min-height:44px}.test-message-grid input[b-2xlns4ctt3]{direction:ltr;text-align:left}.test-send-row[b-2xlns4ctt3]{margin-top:14px}.test-send-row small[b-2xlns4ctt3]{color:#718691}.test-send-row small i[b-2xlns4ctt3]{color:#078568;margin-left:5px}@media(max-width:900px){.status-grid[b-2xlns4ctt3]{grid-template-columns:1fr 1fr}.token-grid[b-2xlns4ctt3]{grid-template-columns:1fr}.command-result dl[b-2xlns4ctt3]{grid-template-columns:1fr 1fr}}@media(max-width:600px){.wago-admin[b-2xlns4ctt3]{gap:12px}.wago-hero[b-2xlns4ctt3]{padding:20px;border-radius:16px}.wago-hero h1[b-2xlns4ctt3]{font-size:1.5rem}.hero-icon[b-2xlns4ctt3]{width:56px;height:56px}.status-grid[b-2xlns4ctt3]{grid-template-columns:1fr}.wago-card[b-2xlns4ctt3]{padding:16px;border-radius:14px}.service-actions[b-2xlns4ctt3],.token-actions[b-2xlns4ctt3]{display:grid;grid-template-columns:1fr 1fr}.service-actions .btn[b-2xlns4ctt3],.token-actions .btn[b-2xlns4ctt3]{min-width:0}.checklist ul[b-2xlns4ctt3]{grid-template-columns:1fr}.probe-row[b-2xlns4ctt3],.test-send-row[b-2xlns4ctt3]{align-items:stretch;flex-direction:column}.probe-row .btn[b-2xlns4ctt3],.test-send-row .btn[b-2xlns4ctt3]{width:100%;min-width:0}.test-message-grid[b-2xlns4ctt3]{grid-template-columns:1fr}.command-result dl[b-2xlns4ctt3]{grid-template-columns:1fr 1fr}.command-result .message-id[b-2xlns4ctt3]{grid-column:1/-1}}@media(max-width:400px){.service-actions[b-2xlns4ctt3],.token-actions[b-2xlns4ctt3]{grid-template-columns:1fr}.wago-hero p[b-2xlns4ctt3]{display:none}.command-result dl[b-2xlns4ctt3]{grid-template-columns:1fr}.command-result .message-id[b-2xlns4ctt3]{grid-column:auto}}
/* /Pages/Admin/PlatformWhatsAppAdministration.razor.rz.scp.css */
.platform-wa[b-32ru31i6nj]{display:grid;gap:18px}.platform-wa>header[b-32ru31i6nj]{display:flex;justify-content:space-between;align-items:center;padding:26px;border-radius:18px;background:linear-gradient(135deg,#075e54,#128c7e);color:#fff}.platform-wa header h1[b-32ru31i6nj]{margin:4px 0;font-weight:800}.platform-wa header p[b-32ru31i6nj]{margin:0;opacity:.9}.platform-wa header>i[b-32ru31i6nj]{font-size:54px}.wa-metrics[b-32ru31i6nj]{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.wa-metrics article[b-32ru31i6nj],.wa-card[b-32ru31i6nj]{background:#fff;border:1px solid #dce8e6;border-radius:16px;padding:20px}.wa-metrics article[b-32ru31i6nj]{display:grid;gap:5px}.wa-metrics strong[b-32ru31i6nj]{font-size:22px}.ok[b-32ru31i6nj]{color:#087f5b}.off[b-32ru31i6nj]{color:#c0392b}.wa-card h2[b-32ru31i6nj]{font-size:19px;margin:0 0 16px}.wa-grid[b-32ru31i6nj]{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.wa-grid label[b-32ru31i6nj]{display:grid;gap:7px}.checks[b-32ru31i6nj],.actions[b-32ru31i6nj],.test[b-32ru31i6nj]{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin:16px 0}.checks label[b-32ru31i6nj]{display:flex;gap:7px;align-items:center}.qr[b-32ru31i6nj]{display:grid;justify-items:center;gap:10px;padding:15px;background:#f4fbf9;border-radius:14px}.qr img[b-32ru31i6nj]{width:min(280px,100%);background:#fff;padding:8px}.table[b-32ru31i6nj]{min-width:780px}@media(max-width:800px){.wa-metrics[b-32ru31i6nj],.wa-grid[b-32ru31i6nj]{grid-template-columns:1fr 1fr}}@media(max-width:520px){.wa-metrics[b-32ru31i6nj],.wa-grid[b-32ru31i6nj]{grid-template-columns:1fr}.platform-wa>header[b-32ru31i6nj]{padding:20px}.platform-wa header>i[b-32ru31i6nj]{font-size:38px}}
/* /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/Admin/SchoolsAndUsersAdministration.razor.rz.scp.css */
.school-admin[b-pynhp4q29b]{max-width:1180px;margin:auto;color:#143746}.page-hero[b-pynhp4q29b]{display:flex;align-items:center;justify-content:space-between;padding:25px 28px;border-radius:20px;background:linear-gradient(125deg,#0b5366,#0a938e);color:#fff}.page-hero span[b-pynhp4q29b]{font-size:.72rem;font-weight:800;opacity:.85}.page-hero h1[b-pynhp4q29b]{margin:5px 0;font-size:1.55rem}.page-hero p[b-pynhp4q29b]{margin:0;font-size:.8rem;opacity:.85}.hero-icon[b-pynhp4q29b]{width:62px;height:62px;border:1px solid #ffffff38;border-radius:18px;display:grid;place-items:center;background:#ffffff15;font-size:1.6rem}.toolbar[b-pynhp4q29b]{display:grid;grid-template-columns:minmax(240px,1fr) auto auto;gap:9px;margin:14px 0}.toolbar label[b-pynhp4q29b]{position:relative}.toolbar label span[b-pynhp4q29b]{position:absolute;right:12px;top:-8px;background:#f4f8fa;padding:0 5px;color:#bd3030;font-size:.68rem}.toolbar button[b-pynhp4q29b],.dialog-actions button[b-pynhp4q29b]{border-radius:10px;padding:9px 17px;font-weight:800;border:0}.primary[b-pynhp4q29b]{background:#087f91;color:#fff}.secondary[b-pynhp4q29b]{background:#fff;color:#476777;border:1px solid #cbdbe2!important}.summary-strip[b-pynhp4q29b]{display:grid;grid-template-columns:repeat(3,120px) minmax(260px,1fr);gap:9px;margin-bottom:13px}.summary-strip>div[b-pynhp4q29b]{padding:12px 14px;border:1px solid #d9e6eb;border-radius:13px;background:#fff}.summary-strip small[b-pynhp4q29b],.summary-strip strong[b-pynhp4q29b]{display:block}.summary-strip small[b-pynhp4q29b]{font-size:.66rem;color:#78909c}.summary-strip strong[b-pynhp4q29b]{font-size:1.05rem}.summary-strip .warning[b-pynhp4q29b]{display:flex;align-items:center;gap:9px;color:#8a5b23;background:#fffaf1}.management-grid[b-pynhp4q29b]{display:grid;grid-template-columns:330px minmax(0,1fr);gap:13px}.schools-panel[b-pynhp4q29b],.details-panel[b-pynhp4q29b]{border:1px solid #d8e5ea;border-radius:18px;background:#fff;overflow:hidden;min-height:520px}.panel-title[b-pynhp4q29b],.school-header[b-pynhp4q29b],.users-toolbar[b-pynhp4q29b]{padding:17px 19px;border-bottom:1px solid #e2ebef}.panel-title strong[b-pynhp4q29b],.panel-title small[b-pynhp4q29b],.users-toolbar strong[b-pynhp4q29b],.users-toolbar small[b-pynhp4q29b]{display:block}.panel-title small[b-pynhp4q29b],.users-toolbar small[b-pynhp4q29b]{font-size:.68rem;color:#78909c}.school-list[b-pynhp4q29b]{max-height:650px;overflow:auto}.school-row[b-pynhp4q29b]{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) 48px;align-items:center;gap:10px;padding:13px 15px;border:0;border-bottom:1px solid #e7eef1;background:#fff;text-align:right;color:inherit}.school-row:hover[b-pynhp4q29b],.school-row.active[b-pynhp4q29b]{background:#eef9f8}.school-row.active[b-pynhp4q29b]{box-shadow:inset -4px 0 #0b968c}.school-icon[b-pynhp4q29b],.avatar[b-pynhp4q29b]{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;background:#edf4f7;color:#447284}.school-copy strong[b-pynhp4q29b],.school-copy small[b-pynhp4q29b],.school-count strong[b-pynhp4q29b],.school-count small[b-pynhp4q29b],.user-copy strong[b-pynhp4q29b],.user-copy small[b-pynhp4q29b]{display:block}.school-copy strong[b-pynhp4q29b]{font-size:.78rem}.school-copy small[b-pynhp4q29b],.school-count small[b-pynhp4q29b],.user-copy small[b-pynhp4q29b]{font-size:.65rem;color:#78909c}.school-count[b-pynhp4q29b]{text-align:center}.school-count strong[b-pynhp4q29b]{color:#087f91}.details-empty[b-pynhp4q29b],.empty[b-pynhp4q29b]{min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#78909c}.details-empty i[b-pynhp4q29b],.empty i[b-pynhp4q29b]{font-size:2rem;color:#9bb2bd}.school-header[b-pynhp4q29b]{display:flex;align-items:center;justify-content:space-between}.school-header span[b-pynhp4q29b]{font-size:.65rem;color:#0a8d84;font-weight:800}.school-header h2[b-pynhp4q29b]{font-size:1.25rem;margin:4px 0}.school-header p[b-pynhp4q29b]{margin:0;color:#78909c;font-size:.7rem}.danger[b-pynhp4q29b]{border:1px solid #efc6c6;background:#fff1f1;color:#af3737;border-radius:10px;padding:9px 13px;font-weight:800}.school-stats[b-pynhp4q29b]{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:13px 18px}.school-stats div[b-pynhp4q29b]{padding:11px;border-radius:11px;background:#f4f8fa}.school-stats small[b-pynhp4q29b],.school-stats strong[b-pynhp4q29b]{display:block}.school-stats small[b-pynhp4q29b]{font-size:.62rem;color:#78909c}.school-stats strong[b-pynhp4q29b]{font-size:.85rem}.users-toolbar[b-pynhp4q29b]{display:flex;align-items:center;justify-content:space-between;gap:15px}.users-toolbar input[b-pynhp4q29b]{max-width:270px}.user-row[b-pynhp4q29b]{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:13px 18px;border-bottom:1px solid #e6eef1}.user-copy div[b-pynhp4q29b]{display:flex;gap:5px;margin-top:5px}.user-copy div span[b-pynhp4q29b]{font-size:.6rem;border-radius:20px;padding:3px 7px;background:#eef3f5}.user-copy .safe[b-pynhp4q29b]{background:#e9f7f1;color:#227955}.user-copy .blocked[b-pynhp4q29b]{background:#fff0f0;color:#ab3535}.state[b-pynhp4q29b]{border-radius:9px;padding:7px 10px;font-size:.7rem;font-weight:800}.state.disable[b-pynhp4q29b]{border:1px solid #e5c7c7;background:#fff;color:#a94343}.state.enable[b-pynhp4q29b]{border:0;background:#0a9187;color:#fff}.modal-shade[b-pynhp4q29b]{position:fixed;inset:0;z-index:3000;background:#082b38a8;display:grid;place-items:center;padding:18px}.delete-dialog[b-pynhp4q29b]{width:min(540px,100%);max-height:calc(100dvh - 36px);overflow:auto;background:#fff;border-radius:22px;padding:26px;box-shadow:0 24px 80px #00182055}.delete-mark[b-pynhp4q29b]{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:#fff0f0;color:#c43a3a;font-size:1.35rem}.delete-dialog h2[b-pynhp4q29b]{font-size:1.35rem;margin:12px 0 6px}.delete-dialog>p[b-pynhp4q29b]{color:#667f8a;font-size:.8rem}.impact-grid[b-pynhp4q29b]{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.impact-grid div[b-pynhp4q29b]{padding:10px;border:1px solid #e0e9ed;border-radius:10px}.impact-grid small[b-pynhp4q29b],.impact-grid strong[b-pynhp4q29b]{display:block}.impact-grid small[b-pynhp4q29b]{font-size:.58rem;color:#78909c}.trial-choice[b-pynhp4q29b]{display:flex;gap:10px;margin:15px 0;padding:13px;border-radius:12px;background:#fff8eb}.trial-choice strong[b-pynhp4q29b],.trial-choice small[b-pynhp4q29b]{display:block}.trial-choice small[b-pynhp4q29b]{font-size:.68rem;color:#826c4e}.confirm-field span[b-pynhp4q29b]{display:block;font-size:.72rem;margin-bottom:6px}.dialog-actions[b-pynhp4q29b]{display:flex;justify-content:flex-end;gap:8px;margin-top:15px}@media(max-width:850px){.management-grid[b-pynhp4q29b]{grid-template-columns:1fr}.schools-panel[b-pynhp4q29b]{min-height:auto}.school-list[b-pynhp4q29b]{max-height:330px}.summary-strip[b-pynhp4q29b]{grid-template-columns:repeat(3,1fr)}.summary-strip .warning[b-pynhp4q29b]{grid-column:1/-1}.school-stats[b-pynhp4q29b]{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.school-admin[b-pynhp4q29b]{padding:8px}.page-hero[b-pynhp4q29b]{padding:19px}.hero-icon[b-pynhp4q29b]{display:none}.toolbar[b-pynhp4q29b]{grid-template-columns:1fr auto}.toolbar .secondary[b-pynhp4q29b]{display:none}.summary-strip[b-pynhp4q29b]{grid-template-columns:repeat(3,1fr)}.school-header[b-pynhp4q29b],.users-toolbar[b-pynhp4q29b]{align-items:flex-start;flex-direction:column}.users-toolbar input[b-pynhp4q29b]{max-width:none}.school-header .danger[b-pynhp4q29b]{width:100%}.impact-grid[b-pynhp4q29b]{grid-template-columns:repeat(2,1fr)}.user-row[b-pynhp4q29b]{grid-template-columns:38px 1fr}.user-row .state[b-pynhp4q29b]{grid-column:1/-1;justify-self:end}}
.school-header-actions[b-pynhp4q29b] { display: flex; align-items: center; gap: .65rem; flex-wrap: wrap; }
.support[b-pynhp4q29b] { border: 1px solid #0d8aa9; background: #effbff; color: #006e8b; border-radius: .45rem; padding: .55rem .8rem; font-weight: 700; }
.support:hover:not(:disabled)[b-pynhp4q29b] { background: #d9f5fb; }
.support-session-banner[b-pynhp4q29b] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; padding: .75rem 1rem; border: 1px solid #8ad9e8; border-radius: .55rem; background: #effbff; color: #075b72; font-weight: 600; }
.support-session-actions[b-pynhp4q29b] { display: flex; align-items: end; gap: .5rem; flex-wrap: wrap; }
.support-role-picker[b-pynhp4q29b] { display: grid; gap: .2rem; min-width: 170px; font-size: .68rem; font-weight: 800; }
.support-role-picker .form-select[b-pynhp4q29b] { min-height: 37px; padding-block: .25rem; font-size: .78rem; }
@media(max-width:850px){.support-session-banner[b-pynhp4q29b]{align-items:flex-start;flex-direction:column}.support-session-actions[b-pynhp4q29b]{width:100%}.support-role-picker[b-pynhp4q29b]{flex:1}.support-role-picker .form-select[b-pynhp4q29b]{width:100%}}
/* /Pages/Admin/SubjectAdministration.razor.rz.scp.css */
.subject-admin[b-31fl22kcy2]{max-width:1200px;margin:auto}.admin-hero[b-31fl22kcy2]{min-height:176px;padding:30px 38px;border-radius:24px;display:flex;align-items:center;justify-content:space-between;color:#fff;background:linear-gradient(125deg,#102f45,#0a6f82 67%,#0a9b8d);box-shadow:0 18px 45px rgba(14,55,76,.16)}.admin-hero span[b-31fl22kcy2]{font-size:.75rem;color:#aee6df;font-weight:800}.admin-hero h1[b-31fl22kcy2]{font-size:2rem;margin:8px 0}.admin-hero p[b-31fl22kcy2]{margin:0;color:#d9edf1}.admin-hero>i[b-31fl22kcy2]{font-size:4.2rem;opacity:.2}.admin-section[b-31fl22kcy2]{margin-top:20px;padding:22px;border:1px solid #dbe6eb;border-radius:19px;background:#fff;box-shadow:0 8px 24px rgba(24,55,75,.05)}.section-title span[b-31fl22kcy2]{font-size:.72rem;color:#0a9b8d;font-weight:800}.section-title h2[b-31fl22kcy2]{font-size:1.18rem;margin:4px 0 15px}.subject-message[b-31fl22kcy2]{margin-top:18px;padding:14px 17px;border-radius:13px;display:flex;gap:10px;align-items:center;font-weight:700}.subject-message.success[b-31fl22kcy2]{color:#08745f;background:#eaf9f4;border:1px solid #bcebdd}.subject-message.error[b-31fl22kcy2]{color:#a52e35;background:#fff0f1;border:1px solid #f2c7ca}.subject-filter-grid[b-31fl22kcy2],.subject-editor-grid[b-31fl22kcy2]{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.subject-workspace[b-31fl22kcy2]{display:grid;grid-template-columns:370px minmax(0,1fr);gap:18px;align-items:start}.subject-editor-card[b-31fl22kcy2]{position:sticky;top:18px}.subject-editor-grid[b-31fl22kcy2]{grid-template-columns:1fr 1fr}.subject-editor-grid .wide[b-31fl22kcy2]{grid-column:1/-1}.app-floating-field[b-31fl22kcy2]{position:relative;display:block;padding-top:8px}.app-field-label[b-31fl22kcy2]{position:absolute;right:12px;top:0;background:#fff;padding:0 6px;color:#b32f39;font-size:.72rem;font-weight:700;z-index:1}.form-control[b-31fl22kcy2],.form-select[b-31fl22kcy2]{min-height:46px;border-color:#cddae1}.subject-auto-assign[b-31fl22kcy2]{margin-top:16px;padding:12px;border-radius:11px;background:#f4f9fb;display:flex;align-items:center;gap:9px;font-size:.82rem;color:#526c7c}.subject-actions[b-31fl22kcy2]{display:flex;gap:9px;margin-top:16px}.app-primary-button[b-31fl22kcy2],.app-outline-button[b-31fl22kcy2]{min-height:43px;padding:0 17px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:800;border:1px solid #1782b8}.app-primary-button[b-31fl22kcy2]{background:#1782b8;color:#fff}.app-outline-button[b-31fl22kcy2]{background:#fff;color:#176f9d}.subject-list-heading[b-31fl22kcy2]{display:flex;justify-content:space-between;gap:15px;align-items:center}.subject-search[b-31fl22kcy2]{height:42px;min-width:230px;padding:0 12px;border:1px solid #d5e1e7;border-radius:10px;display:flex;align-items:center;gap:8px;color:#78909d}.subject-search input[b-31fl22kcy2]{border:0;outline:0;width:100%;background:transparent}.subject-table-wrap[b-31fl22kcy2]{overflow:auto;border:1px solid #e0e8ec;border-radius:13px}.subject-table[b-31fl22kcy2]{width:100%;border-collapse:collapse}.subject-table th[b-31fl22kcy2]{padding:11px;background:#f0f7f9;color:#496574;font-size:.75rem;text-align:right}.subject-table td[b-31fl22kcy2]{padding:11px;border-top:1px solid #e8eef1;font-size:.82rem}.subject-edit[b-31fl22kcy2]{width:34px;height:34px;border:1px solid #cae0e8;border-radius:9px;background:#fff;color:#087f91}.subject-empty[b-31fl22kcy2]{min-height:210px;border:1px dashed #cadadf;border-radius:13px;background:#f9fbfc;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#78909c}.subject-empty>i[b-31fl22kcy2]{font-size:2rem}.subject-empty strong[b-31fl22kcy2]{color:#355261}.subject-list-footer[b-31fl22kcy2]{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;color:#6d8491;font-size:.8rem}
@media(max-width:900px){.subject-workspace[b-31fl22kcy2]{grid-template-columns:1fr}.subject-editor-card[b-31fl22kcy2]{position:static}.subject-filter-grid[b-31fl22kcy2]{grid-template-columns:1fr 1fr}.subject-filter-grid>*:last-child[b-31fl22kcy2]{grid-column:1/-1}}
@media(max-width:600px){.admin-hero[b-31fl22kcy2]{padding:24px 21px;min-height:150px;border-radius:18px}.admin-hero h1[b-31fl22kcy2]{font-size:1.45rem}.admin-hero>i[b-31fl22kcy2]{display:none}.admin-section[b-31fl22kcy2]{padding:16px;border-radius:15px}.subject-filter-grid[b-31fl22kcy2],.subject-editor-grid[b-31fl22kcy2]{grid-template-columns:1fr}.subject-editor-grid .wide[b-31fl22kcy2],.subject-filter-grid>*:last-child[b-31fl22kcy2]{grid-column:auto}.subject-list-heading[b-31fl22kcy2],.subject-list-footer[b-31fl22kcy2]{align-items:stretch;flex-direction:column}.subject-search[b-31fl22kcy2]{min-width:0}.subject-actions>*[b-31fl22kcy2]{flex:1}.subject-table[b-31fl22kcy2]{min-width:590px}}
/* /Pages/Admin/SupportAdministration.razor.rz.scp.css */
.support-admin[b-vbg7qj17jg]{color:#173549}.admin-hero[b-vbg7qj17jg]{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px;border-radius:16px;color:#fff;background:linear-gradient(120deg,#103e54,#087f89);box-shadow:0 13px 30px rgba(11,55,72,.15)}.admin-hero>div>span[b-vbg7qj17jg]{color:#8de9dc;font-size:.77rem;font-weight:800}.admin-hero h1[b-vbg7qj17jg]{margin:3px 0 5px;font-size:1.55rem;font-weight:900}.admin-hero p[b-vbg7qj17jg]{margin:0;color:#d6eff0}.hero-stats[b-vbg7qj17jg]{display:flex;gap:9px}.hero-stats article[b-vbg7qj17jg]{min-width:85px;padding:10px;text-align:center;border:1px solid rgba(255,255,255,.18);border-radius:11px;background:rgba(255,255,255,.1)}.hero-stats strong[b-vbg7qj17jg],.hero-stats span[b-vbg7qj17jg]{display:block}.hero-stats strong[b-vbg7qj17jg]{font-size:1.25rem}.hero-stats span[b-vbg7qj17jg]{font-size:.72rem;color:#d8edef}.admin-tabs[b-vbg7qj17jg]{display:flex;gap:6px;margin-top:15px;padding:8px;border:1px solid #dce6ea;border-radius:12px;background:#fff}.admin-tabs button[b-vbg7qj17jg],.ticket-toolbar button[b-vbg7qj17jg],.ticket-head button[b-vbg7qj17jg],.admin-reply button[b-vbg7qj17jg],.editor-actions button[b-vbg7qj17jg],.new-article[b-vbg7qj17jg]{border:1px solid #cadbe0;border-radius:9px;padding:9px 14px;background:#fff;color:#274a5c;font-weight:800}.admin-tabs button.active[b-vbg7qj17jg],.ticket-toolbar button[b-vbg7qj17jg],.admin-reply button[b-vbg7qj17jg],.editor-actions button:not(.secondary)[b-vbg7qj17jg],.new-article[b-vbg7qj17jg]{color:#fff;background:#078b93;border-color:#078b93}.admin-loading[b-vbg7qj17jg],.empty.large[b-vbg7qj17jg]{min-height:350px;display:flex;align-items:center;justify-content:center;gap:10px}.ticket-toolbar[b-vbg7qj17jg]{display:grid;grid-template-columns:1fr 180px 180px auto;gap:8px;margin-top:12px;padding:11px;border:1px solid #dce7ea;border-radius:11px;background:#fff}.ticket-toolbar input[b-vbg7qj17jg],.ticket-toolbar select[b-vbg7qj17jg],.ticket-controls select[b-vbg7qj17jg],.editor-grid input[b-vbg7qj17jg],.editor-grid select[b-vbg7qj17jg],.editor-grid textarea[b-vbg7qj17jg],.admin-reply textarea[b-vbg7qj17jg]{padding:9px 11px;border:1px solid #cbdbe0;border-radius:8px;background:#fff}.admin-ticket-layout[b-vbg7qj17jg],.article-admin-layout[b-vbg7qj17jg]{display:grid;grid-template-columns:340px minmax(0,1fr);min-height:620px;margin-top:12px;border:1px solid #dce6e9;border-radius:13px;overflow:hidden;background:#fff}.admin-ticket-list[b-vbg7qj17jg],.article-list[b-vbg7qj17jg]{overflow:auto;border-left:1px solid #dde7ea;background:#f8fafb}.ticket-item[b-vbg7qj17jg],.article-item[b-vbg7qj17jg]{width:100%;padding:14px;border:0;border-bottom:1px solid #e0e9eb;background:transparent;text-align:right}.ticket-item[b-vbg7qj17jg]{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.ticket-item.active[b-vbg7qj17jg],.article-item.active[b-vbg7qj17jg]{background:#e5f5f4}.ticket-item div[b-vbg7qj17jg],.article-item[b-vbg7qj17jg]{display:flex;flex-direction:column}.ticket-item strong[b-vbg7qj17jg],.ticket-item small[b-vbg7qj17jg]{max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-item small[b-vbg7qj17jg],.article-item small[b-vbg7qj17jg]{color:#71858e}.priority[b-vbg7qj17jg],.article-status[b-vbg7qj17jg]{display:inline-flex;width:max-content;padding:3px 7px;border-radius:10px;font-size:.7rem;background:#e9eff1}.priority.urgent[b-vbg7qj17jg]{color:#a51928;background:#fde4e7}.priority.high[b-vbg7qj17jg]{color:#9a6000;background:#fff0cf}.priority.low[b-vbg7qj17jg]{color:#52717e}.admin-thread[b-vbg7qj17jg],.article-editor[b-vbg7qj17jg]{padding:20px;min-width:0}.ticket-head[b-vbg7qj17jg],.article-editor>header[b-vbg7qj17jg]{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding-bottom:13px;border-bottom:1px solid #dee8eb}.ticket-head h2[b-vbg7qj17jg],.article-editor h2[b-vbg7qj17jg]{margin:3px 0;font-weight:900}.ticket-head p[b-vbg7qj17jg]{margin:0;color:#687d86}.ticket-controls[b-vbg7qj17jg]{display:flex;align-items:end;gap:10px;padding:12px 0}.ticket-controls label[b-vbg7qj17jg]{display:flex;flex-direction:column;gap:4px;font-size:.75rem;font-weight:800}.ticket-controls>span[b-vbg7qj17jg]{margin-right:auto;color:#617781}.request-body[b-vbg7qj17jg],.thread-message[b-vbg7qj17jg]{margin:10px 0;padding:14px;border:1px solid #dce6e9;border-radius:10px}.request-body p[b-vbg7qj17jg],.thread-message p[b-vbg7qj17jg]{white-space:pre-wrap;margin:6px 0}.request-body small[b-vbg7qj17jg],.thread-message small[b-vbg7qj17jg]{color:#748790}.thread-message.support[b-vbg7qj17jg]{margin-left:10%;background:#eff9f7;border-color:#bfe3de}.thread-message.internal[b-vbg7qj17jg]{margin-inline:5%;background:#fff8df;border-color:#ead89e}.thread-message header[b-vbg7qj17jg]{display:flex;gap:8px}.thread-message header span[b-vbg7qj17jg]{color:#8b6500;font-size:.73rem}.admin-reply[b-vbg7qj17jg]{display:grid;gap:8px;margin-top:14px}.admin-reply label[b-vbg7qj17jg]{font-size:.8rem}.admin-reply button[b-vbg7qj17jg]{justify-self:start}.article-list[b-vbg7qj17jg]{padding-bottom:10px}.new-article[b-vbg7qj17jg]{margin:12px;width:calc(100% - 24px)}.article-item strong[b-vbg7qj17jg]{margin:6px 0}.article-status.published[b-vbg7qj17jg]{color:#08704d;background:#dff4e9}.article-status.draft[b-vbg7qj17jg]{color:#8a6100;background:#fff0c8}.article-status.archived[b-vbg7qj17jg]{color:#53676f;background:#e8edef}.article-editor>header p[b-vbg7qj17jg]{margin:3px 0;color:#6a7e87}.editor-grid[b-vbg7qj17jg]{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.editor-grid label[b-vbg7qj17jg]{display:flex;flex-direction:column;gap:5px;font-size:.78rem;font-weight:800}.editor-grid label.wide[b-vbg7qj17jg]{grid-column:1/-1}.editor-grid .content-editor[b-vbg7qj17jg]{font-family:inherit;line-height:1.8}.verification[b-vbg7qj17jg]{padding:11px;border:1px solid #e6d49a;border-radius:10px;background:#fffbea}.verification small[b-vbg7qj17jg]{color:#80651c}.editor-actions[b-vbg7qj17jg]{display:flex;gap:8px;margin-top:14px}.empty[b-vbg7qj17jg]{text-align:center;color:#72858d}.empty.large[b-vbg7qj17jg]{flex-direction:column}.empty.large i[b-vbg7qj17jg]{font-size:2rem;color:#0b8c91}
@media(max-width:900px){.admin-hero[b-vbg7qj17jg]{align-items:flex-start;flex-direction:column}.ticket-toolbar[b-vbg7qj17jg]{grid-template-columns:1fr 1fr}.ticket-toolbar input[b-vbg7qj17jg]{grid-column:1/-1}.admin-ticket-layout[b-vbg7qj17jg],.article-admin-layout[b-vbg7qj17jg]{grid-template-columns:280px minmax(0,1fr)}}
@media(max-width:650px){.hero-stats[b-vbg7qj17jg]{width:100%}.hero-stats article[b-vbg7qj17jg]{flex:1;min-width:0}.ticket-toolbar[b-vbg7qj17jg]{grid-template-columns:1fr}.ticket-toolbar input[b-vbg7qj17jg]{grid-column:auto}.admin-ticket-layout[b-vbg7qj17jg],.article-admin-layout[b-vbg7qj17jg]{display:block}.admin-ticket-list[b-vbg7qj17jg],.article-list[b-vbg7qj17jg]{max-height:280px;border-left:0;border-bottom:1px solid #dde7ea}.admin-thread[b-vbg7qj17jg],.article-editor[b-vbg7qj17jg]{padding:12px}.ticket-controls[b-vbg7qj17jg]{align-items:stretch;flex-direction:column}.ticket-controls>span[b-vbg7qj17jg]{margin:0}.editor-grid[b-vbg7qj17jg]{grid-template-columns:1fr}.editor-grid label.wide[b-vbg7qj17jg]{grid-column:auto}}
.catalog-actions[b-vbg7qj17jg]{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:12px;padding:12px 15px;border:1px solid #cfe2e4;border-radius:11px;background:#edf8f7}.catalog-actions div[b-vbg7qj17jg]{display:flex;flex-direction:column}.catalog-actions span[b-vbg7qj17jg]{font-size:.78rem;color:#647b84}.catalog-actions button[b-vbg7qj17jg]{border:0;border-radius:8px;padding:8px 13px;color:#fff;background:#087f89;font-weight:800}
.communications-center[b-vbg7qj17jg]{margin-top:12px;padding:18px;border:1px solid #dce7ea;border-radius:13px;background:#fff}.communications-center>header[b-vbg7qj17jg]{display:flex;align-items:center;justify-content:space-between;gap:15px}.communications-center h2[b-vbg7qj17jg]{margin:0;font-weight:900}.communications-center header p[b-vbg7qj17jg]{margin:4px 0;color:#637983}.channel-links[b-vbg7qj17jg]{display:flex;gap:7px}.channel-links a[b-vbg7qj17jg]{padding:8px 11px;border:1px solid #cfe0e4;border-radius:8px;color:#087b85;text-decoration:none;font-weight:800}.communication-stats[b-vbg7qj17jg]{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:16px 0}.communication-stats article[b-vbg7qj17jg]{padding:13px;border:1px solid #dce7e9;border-radius:10px;background:#f8fbfb}.communication-stats strong[b-vbg7qj17jg],.communication-stats span[b-vbg7qj17jg]{display:block}.communication-stats strong[b-vbg7qj17jg]{font-size:1.25rem}.communication-stats span[b-vbg7qj17jg]{color:#687e87}.communication-stats .failed[b-vbg7qj17jg]{border-color:#efc9ce;background:#fff5f6}.communications-table-wrap[b-vbg7qj17jg]{overflow:auto}.communications-table-wrap table[b-vbg7qj17jg]{width:100%;min-width:920px;border-collapse:collapse}.communications-table-wrap th[b-vbg7qj17jg],.communications-table-wrap td[b-vbg7qj17jg]{padding:10px;border-bottom:1px solid #e1e9eb;text-align:right;vertical-align:top}.communications-table-wrap th[b-vbg7qj17jg]{background:#f3f8f9;font-size:.75rem}.communications-table-wrap td small[b-vbg7qj17jg]{display:block;color:#71848d}.communications-table-wrap td button[b-vbg7qj17jg]{border:0;padding:0;color:#087e89;background:transparent;font-weight:800}.delivery[b-vbg7qj17jg]{display:inline-flex;padding:3px 7px;border-radius:10px;background:#e9eff1;font-size:.72rem}.delivery.completed[b-vbg7qj17jg]{color:#08704d;background:#dff4e9}.delivery.failed[b-vbg7qj17jg]{color:#a21c2b;background:#fde4e7}.delivery.sending[b-vbg7qj17jg]{color:#8a6100;background:#fff0c8}
.generated-guide-preview[b-vbg7qj17jg]{grid-column:1/-1;display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid #cfe3e5;border-radius:12px;background:#fbfefe}.generated-guide-preview>span[b-vbg7qj17jg]{font-size:.8rem;font-weight:900;color:#087b85}
/* /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/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;
}

.forms-upload-panel[b-5h39768jub] { margin: 1rem 0; border: 1px solid #cfe0e8; border-radius: 14px; background: #f8fcfd; overflow: hidden; }
.forms-upload-panel > summary[b-5h39768jub] { padding: .9rem 1rem; cursor: pointer; font-weight: 800; color: #075e70; list-style: none; display: flex; gap: .55rem; align-items: center; }
.forms-upload-panel > summary[b-5h39768jub]::-webkit-details-marker { display: none; }
.forms-upload-panel[open] > summary[b-5h39768jub] { border-bottom: 1px solid #dce9ee; background: #eef8fa; }
.forms-upload-grid[b-5h39768jub] { display: grid; grid-template-columns: 1.4fr 1fr; gap: 1rem; padding: 1.15rem; align-items: center; }
.forms-file-picker[b-5h39768jub] { min-height: 54px; border: 1px dashed #75afbd; border-radius: 10px; padding: .65rem .8rem; display: flex; align-items: center; gap: .65rem; cursor: pointer; color: #315d68; background: white; position: relative; overflow: hidden; }
.forms-file-picker i[b-5h39768jub] { color: #d14b4b; font-size: 1.4rem; }
.forms-file-picker input[b-5h39768jub] { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.forms-visibility-option[b-5h39768jub] { display: flex; align-items: flex-start; gap: .65rem; padding: .55rem; }
.forms-visibility-option input[b-5h39768jub] { margin-top: .35rem; width: 18px; height: 18px; }
.forms-visibility-option span[b-5h39768jub] { display: grid; gap: .15rem; }
.forms-visibility-option small[b-5h39768jub], .forms-security-note[b-5h39768jub] { color: #63808a; }
.forms-upload-button[b-5h39768jub] { justify-self: start; min-width: 150px; }
.forms-security-note[b-5h39768jub] { margin: 0; padding: 0 1.15rem 1rem; font-size: .82rem; }
.form-status[b-5h39768jub] { display: inline-flex; margin-inline-start: .35rem; border-radius: 999px; padding: .12rem .45rem; font-style: normal; font-size: .68rem; background: #e6edf0; }
.form-status.approved[b-5h39768jub] { background: #dff5e9; color: #167148; }.form-status.pending[b-5h39768jub] { background: #fff2cd; color: #846300; }.form-status.rejected[b-5h39768jub] { background: #ffe2e2; color: #a52d2d; }.form-status.private[b-5h39768jub] { background: #e7ecfa; color: #36519a; }
.forms-approve[b-5h39768jub],.forms-reject[b-5h39768jub],.forms-delete[b-5h39768jub] { border: 0; border-radius: 8px; padding: .48rem .7rem; font-weight: 700; }
.forms-approve[b-5h39768jub] { background: #daf4e6; color: #157247; }.forms-reject[b-5h39768jub],.forms-delete[b-5h39768jub] { background: #ffe4e4; color: #a22b2b; }
@media (max-width: 720px) { .forms-upload-grid[b-5h39768jub] { grid-template-columns: 1fr; }.forms-upload-button[b-5h39768jub] { width: 100%; }.download-forms-actions[b-5h39768jub] { flex-wrap: wrap; } }

.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:disabled[b-5h39768jub] { cursor:not-allowed; opacity:.62; background:#f3f5f6; border-style:dashed; }

.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] {
    align-items: center;
    display: flex;
    gap: .45rem;
}

.forms-download-button[b-5h39768jub] {
    align-items: center;
    background: #2196e5;
    border: 0;
    border-radius: 9px;
    box-shadow: 0 3px 8px rgba(13, 112, 173, .2);
    color: #fff;
    display: inline-flex;
    font-size: 1rem;
    height: 38px;
    justify-content: center;
    min-width: 38px;
    text-decoration: none;
    width: 38px;
}

.forms-download-button:hover[b-5h39768jub],
.forms-download-button:focus-visible[b-5h39768jub] {
    background: #087ebd;
    color: #fff;
}

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

.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;
    }
}

/* تحسين بصري للصفحة */
.download-forms-page[b-5h39768jub] { background:#f3f8fa; border-radius:18px; padding:1rem; }
.download-forms-shell[b-5h39768jub] { background:#fff; border:1px solid #d9e8ee; border-radius:16px; box-shadow:0 12px 30px rgba(18,67,82,.08); padding:1.15rem; }
.download-forms-head[b-5h39768jub] { background:linear-gradient(135deg,#075775,#0b91a0); border:0; border-radius:12px; color:#fff; padding:1.1rem 1.15rem; }
.download-forms-head h2[b-5h39768jub] { color:#fff; }
.download-forms-summary span[b-5h39768jub] { background:rgba(255,255,255,.14); border-color:rgba(255,255,255,.3); color:#fff; border-radius:8px; }
.download-forms-toolbar[b-5h39768jub] { border-radius:12px; padding:.85rem; }
.download-forms-list[b-5h39768jub] { background:#f6fafb; border:1px solid #e0edf1; border-radius:12px; padding:.25rem; }
.download-form-card[b-5h39768jub] { border-radius:10px; padding:.85rem .9rem; }
.download-form-card strong[b-5h39768jub]::before { content:"\f4e4"; font-family:"bootstrap-icons"; color:#0783a0; margin-left:.55rem; }
.download-forms-preview[b-5h39768jub] { border-radius:12px; overflow:hidden; box-shadow:0 5px 16px rgba(18,67,82,.06); }
.download-forms-actions button[b-5h39768jub] { border-radius:8px; min-width:82px; text-align:center; }
@media (max-width:600px) {
 .download-forms-page[b-5h39768jub]{padding:.35rem;border-radius:10px}.download-forms-shell[b-5h39768jub]{padding:.65rem;border-radius:12px}
 .download-forms-preview[b-5h39768jub]{min-height:560px}.download-forms-frame[b-5h39768jub]{min-height:500px}
 .download-forms-preview-head[b-5h39768jub]{align-items:stretch;flex-direction:column}.download-forms-actions[b-5h39768jub]{width:100%}.download-forms-actions button[b-5h39768jub]{flex:1}
}
/* /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/Employees/EmployeeGyabReport.razor.rz.scp.css */
.employee-report-page[b-nb49rj17b3] {
    box-sizing: border-box;
    padding: 1rem 1.25rem 1.5rem;
}
.employee-report-intro[b-nb49rj17b3] { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin:1rem 0; padding:1rem 1.2rem; border:1px solid #cfe0e7; background:#f5fafc; }
.employee-report-intro h1[b-nb49rj17b3] { margin:0 0 .25rem; font-size:1.15rem; color:#123f55; }
.employee-report-intro p[b-nb49rj17b3] { margin:0; color:#637d8b; }
.employee-report-intro i[b-nb49rj17b3] { display:grid; place-items:center; width:48px; height:48px; border-radius:12px; color:white; background:#0b8d94; font-size:1.35rem; }
.employee-report-filters[b-nb49rj17b3] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; padding:1rem 0; }
.employee-report-employee[b-nb49rj17b3] { grid-column:1/-1; }
.employee-report-dates[b-nb49rj17b3] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; margin-bottom:1rem; }
@media (max-width:700px) {
    .employee-report-page[b-nb49rj17b3] { padding: .75rem; }
    .employee-report-filters[b-nb49rj17b3],.employee-report-dates[b-nb49rj17b3] { grid-template-columns:1fr; }
    .employee-report-employee[b-nb49rj17b3] { grid-column:auto; }
}
/* /Pages/Employees/EmployeeListReport.razor.rz.scp.css */
.employee-list-report[b-eisohbtu98] {
    overflow: visible;
}

.employee-list-hero[b-eisohbtu98] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.employee-list-hero span[b-eisohbtu98] {
    color: #b8edf0;
    font-size: .76rem;
}

.employee-list-hero h1[b-eisohbtu98] {
    margin: .2rem 0;
    color: #fff;
    font-size: 1.35rem;
}

.employee-list-hero p[b-eisohbtu98] {
    margin: 0;
    color: #d7f0f2;
    font-size: .82rem;
}

.employee-list-hero > i[b-eisohbtu98] {
    display: grid;
    width: 52px;
    height: 52px;
    place-items: center;
    border: 1px solid rgb(255 255 255 / 30%);
    background: rgb(255 255 255 / 10%);
    color: #fff;
    font-size: 1.55rem;
}

.employee-report-metrics[b-eisohbtu98] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .65rem;
    padding: 1rem 1.25rem 0;
}

.employee-report-metrics > div[b-eisohbtu98] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 58px;
    padding: .7rem .85rem;
    border: 1px solid #d0e0e6;
    border-right: 4px solid #0784a9;
    background: #f7fafb;
}

.employee-report-metrics span[b-eisohbtu98] {
    color: #58717c;
    font-size: .8rem;
}

.employee-report-metrics strong[b-eisohbtu98] {
    color: #087da6;
    font-size: 1.25rem;
}

.employee-list-filters[b-eisohbtu98] {
    display: grid;
    grid-template-columns: 1.15fr 1fr 1.75fr 1.15fr;
    gap: .75rem;
    padding: 1rem 1.25rem .35rem;
}

.employee-output-style[b-eisohbtu98] {
    display: flex;
    align-items: center;
    gap: .65rem;
    height: 47px;
    min-height: 47px;
    box-sizing: border-box;
    padding: .35rem .7rem;
    border: 1px solid #c7d9e0;
    background: #f5fafb;
    cursor: pointer;
}

.employee-output-style span[b-eisohbtu98] {
    display: grid;
    gap: .08rem;
}

.employee-output-style strong[b-eisohbtu98] {
    color: #17495d;
    font-size: .78rem;
}

.employee-output-style small[b-eisohbtu98] {
    color: #69808a;
    font-size: .7rem;
}

.employee-list-state[b-eisohbtu98] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    min-height: 130px;
    color: #55727f;
}

.employee-list-state.empty[b-eisohbtu98] {
    min-height: 85px;
    margin: .75rem 1.25rem 1.25rem;
    border-right: 4px solid #d9a12c;
    background: #fff8e8;
    color: #76560e;
}

.employee-preview-head[b-eisohbtu98] {
    display: grid;
    grid-template-columns: 1fr minmax(220px, .7fr) auto;
    align-items: center;
    gap: .75rem;
    margin: .8rem 1.25rem 0;
    padding: .7rem .8rem;
    border: 1px solid #cfdee4;
    background: #f3f8fa;
}

.employee-preview-head > div[b-eisohbtu98] {
    display: grid;
    gap: .1rem;
}

.employee-preview-head strong[b-eisohbtu98] {
    color: #17495d;
}

.employee-preview-head span[b-eisohbtu98] {
    color: #71858e;
    font-size: .75rem;
}

.employee-preview-head label[b-eisohbtu98] {
    display: flex;
    align-items: center;
    gap: .45rem;
    padding: .35rem .55rem;
    border: 1px solid #c4d5dc;
    background: #fff;
}

.employee-preview-head input[b-eisohbtu98] {
    width: 100%;
    border: 0;
    outline: 0;
    color: #263f4a;
    font-size: .8rem;
}

.employee-preview-head > b[b-eisohbtu98] {
    color: #087da6;
    white-space: nowrap;
}

.employee-list-table-wrap[b-eisohbtu98] {
    max-width: 100%;
    margin: 0 1.25rem 1.5rem;
    overflow-x: auto;
    border: 1px solid #bfd2da;
    border-top: 0;
}

.employee-list-table[b-eisohbtu98] {
    width: 100%;
    min-width: 780px;
    border-collapse: collapse;
    table-layout: fixed;
    color: #263f4a;
    font-size: .78rem;
}

.employee-list-table th[b-eisohbtu98],
.employee-list-table td[b-eisohbtu98] {
    height: 38px;
    padding: .45rem .4rem;
    border-left: 1px solid #d4e1e6;
    border-bottom: 1px solid #d4e1e6;
    text-align: center;
    vertical-align: middle;
}

.employee-list-table th[b-eisohbtu98] {
    background: #087fa8;
    color: #fff;
}

.employee-list-table tbody tr:nth-child(even)[b-eisohbtu98] {
    background: #f8fbfc;
}

.employee-list-table .number-column[b-eisohbtu98] {
    width: 52px;
}

.employee-list-table .name-column[b-eisohbtu98] {
    width: 25%;
    text-align: right;
    font-weight: 700;
}

@media (max-width: 760px) {
    .employee-report-metrics[b-eisohbtu98],
    .employee-list-filters[b-eisohbtu98] {
        grid-template-columns: 1fr;
    }

    .employee-preview-head[b-eisohbtu98] {
        grid-template-columns: 1fr auto;
    }

    .employee-preview-head label[b-eisohbtu98] {
        grid-column: 1 / -1;
        grid-row: 2;
    }
}

@media (max-width: 520px) {
    .employee-report-metrics[b-eisohbtu98],
    .employee-list-filters[b-eisohbtu98] {
        padding-inline: .5rem;
    }

    .employee-list-hero > i[b-eisohbtu98] {
        display: none;
    }

    .employee-preview-head[b-eisohbtu98],
    .employee-list-table-wrap[b-eisohbtu98] {
        margin-inline: .5rem;
    }
}
/* /Pages/Exams/ExamGyabRecord.razor.rz.scp.css */
.exam-page[b-edococ158r] { max-width: 1060px; margin: 1.5rem auto 3rem; padding: 0 1rem; color: #17324a; }
.exam-page-title[b-edococ158r] { background: #087fab; color: #fff; text-align: center; font-weight: 800; padding: .8rem 1rem; margin-bottom: 1.15rem; }
.exam-card[b-edococ158r] { background: #fff; border: 1px solid #d4e1e8; box-shadow: 0 3px 12px rgb(15 61 84 / 8%); padding: 1.25rem; margin-bottom: 1rem; }
.exam-card-heading[b-edococ158r], .exam-results-heading[b-edococ158r] { display: flex; justify-content: space-between; gap: 1rem; align-items: center; border-bottom: 1px solid #d9e7ed; padding-bottom: .9rem; margin-bottom: 1.15rem; }
.exam-card h1[b-edococ158r], .exam-results-heading h2[b-edococ158r] { margin: 0; color: #075f87; font-size: 1.15rem; font-weight: 900; }
.exam-card p[b-edococ158r], .exam-results-heading p[b-edococ158r] { margin: .3rem 0 0; color: #607788; font-size: .88rem; }
.exam-kind-badge[b-edococ158r] { min-width: 82px; padding: .38rem .65rem; border-radius: 4px; text-align: center; font-weight: 800; }
.exam-kind-badge.absent[b-edococ158r] { color: #a12626; background: #fff0f0; border: 1px solid #f1c5c5; }
.exam-kind-badge.late[b-edococ158r] { color: #936000; background: #fff9e8; border: 1px solid #f0dca1; }
.exam-filter-grid[b-edococ158r] { display: grid; grid-template-columns: repeat(4, minmax(140px, 1fr)) auto; gap: .8rem; align-items: end; }
.exam-field[b-edococ158r] { display: grid; gap: .33rem; font-size: .82rem; font-weight: 800; color: #315266; }
.exam-field b[b-edococ158r] { color: #c52727; }.exam-field .form-select[b-edococ158r] { min-height: 42px; border-color: #b9ceda; border-radius: 0; font-weight: 700; color: #243d50; }
.exam-search-slot[b-edococ158r] { display: flex; align-items: end; }.exam-primary-button[b-edococ158r], .exam-secondary-button[b-edococ158r] { min-height: 42px; padding: .5rem 1.2rem; border-radius: 0; font-weight: 800; border: 1px solid transparent; }
.exam-primary-button[b-edococ158r] { background: #138bc0; color: #fff; box-shadow: 0 2px 5px rgb(10 92 133 / 20%); }.exam-primary-button:hover:not(:disabled)[b-edococ158r] { background: #087aa9; }
.exam-secondary-button[b-edococ158r] { color: #08759f; background: #fff; border-color: #9fc9dc; }.exam-secondary-button:hover:not(:disabled)[b-edococ158r] { background: #eef8fc; }.exam-primary-button:disabled[b-edococ158r], .exam-secondary-button:disabled[b-edococ158r] { opacity: .6; cursor: not-allowed; }
.exam-alert[b-edococ158r] { display: flex; align-items: center; gap: .65rem; padding: .75rem .9rem; margin-top: 1rem; border-right: 4px solid; font-weight: 700; font-size: .9rem; }.exam-alert.error[b-edococ158r] { color: #ae2525; background: #fff7f7; border-color: #df4141; }.exam-alert.success[b-edococ158r] { color: #18703a; background: #f2fff5; border-color: #31a45b; }.exam-alert-icon[b-edococ158r] { display: inline-grid; place-items: center; flex: 0 0 24px; width: 24px; height: 24px; border-radius: 50%; background: currentColor; color: #fff; }
.exam-results-card[b-edococ158r] { min-height: 220px; }.exam-results-heading[b-edococ158r] { margin-bottom: 1rem; }.exam-statistics[b-edococ158r] { display: flex; gap: .5rem; }.exam-statistics span[b-edococ158r] { padding: .42rem .7rem; color: #466276; background: #f3f8fa; border: 1px solid #d6e4e9; font-size: .8rem; }.exam-statistics b[b-edococ158r] { color: #087fab; font-size: 1rem; margin-left: .2rem; }
.exam-actions[b-edococ158r] { display: flex; justify-content: center; gap: .55rem; margin: 0 0 1rem; }.exam-table-wrap[b-edococ158r] { overflow-x: auto; border: 1px solid #c4d9e3; }.exam-table[b-edococ158r] { width: 100%; min-width: 720px; border-collapse: collapse; text-align: center; }.exam-table th[b-edococ158r] { background: #087fab; color: #fff; font-size: .84rem; padding: .65rem .45rem; border-left: 1px solid #72b8d4; white-space: nowrap; }.exam-table td[b-edococ158r] { padding: .58rem .45rem; border: 1px solid #d8e5eb; font-size: .86rem; }.exam-table tbody tr:nth-child(even)[b-edococ158r] { background: #f8fbfc; }.exam-table tbody tr.is-selected[b-edococ158r] { background: #fff3e3; }.exam-row-number[b-edococ158r] { color: #138bc0; font-weight: 900; }.exam-student-name[b-edococ158r] { font-weight: 900; color: #1a3c53; }.exam-check[b-edococ158r] { display: inline-flex; align-items: center; gap: .35rem; margin: 0; font-weight: 700; font-size: .8rem; }.exam-check input[b-edococ158r] { width: 17px; height: 17px; accent-color: #087fab; }.exam-empty-state[b-edococ158r] { border: 1px dashed #b9d2de; color: #607788; text-align: center; padding: 2rem 1rem; background: #fbfdfe; }
@media (max-width: 980px) { .exam-filter-grid[b-edococ158r] { grid-template-columns: repeat(2, minmax(140px, 1fr)); }.exam-search-slot[b-edococ158r] { grid-column: span 2; justify-content: center; } }
@media (max-width: 600px) { .exam-page[b-edococ158r] { padding: 0 .65rem; margin-top: .75rem; }.exam-card[b-edococ158r] { padding: .9rem; }.exam-card-heading[b-edococ158r], .exam-results-heading[b-edococ158r] { align-items: flex-start; flex-direction: column; }.exam-filter-grid[b-edococ158r] { grid-template-columns: 1fr; }.exam-search-slot[b-edococ158r] { grid-column: auto; justify-content: stretch; }.exam-search-slot .exam-primary-button[b-edococ158r] { width: 100%; }.exam-actions[b-edococ158r] { flex-wrap: wrap; }.exam-statistics[b-edococ158r] { width: 100%; }.exam-statistics span[b-edococ158r] { flex: 1; text-align: center; } }
/* /Pages/Exams/ExamGyabView.razor.rz.scp.css */
.exam-view-page[b-zbknf7hud1] { max-width: 1060px; margin: 1.5rem auto 3rem; padding: 0 1rem; color: #17324a; }.exam-view-title[b-zbknf7hud1] { background: #087fab; color: #fff; text-align: center; font-weight: 800; padding: .8rem 1rem; margin-bottom: 1.15rem; }.exam-view-card[b-zbknf7hud1] { background: #fff; border: 1px solid #d4e1e8; box-shadow: 0 3px 12px rgb(15 61 84 / 8%); padding: 1.25rem; margin-bottom: 1rem; }.exam-view-heading[b-zbknf7hud1], .exam-view-results-heading[b-zbknf7hud1] { display: flex; justify-content: space-between; gap: 1rem; align-items: center; border-bottom: 1px solid #d9e7ed; padding-bottom: .9rem; margin-bottom: 1.15rem; }.exam-view-heading h1[b-zbknf7hud1], .exam-view-results-heading h2[b-zbknf7hud1] { margin: 0; color: #075f87; font-size: 1.15rem; font-weight: 900; }.exam-view-heading p[b-zbknf7hud1], .exam-view-results-heading p[b-zbknf7hud1] { margin: .3rem 0 0; color: #607788; font-size: .88rem; }.exam-view-kind[b-zbknf7hud1] { background: #eef8fc; border: 1px solid #a9cfdf; color: #087fab; padding: .38rem .7rem; font-weight: 800; }.exam-view-filter-grid[b-zbknf7hud1] { display: grid; grid-template-columns: repeat(3, minmax(150px, 1fr)) auto; gap: .8rem; align-items: end; }.exam-view-field[b-zbknf7hud1] { display: grid; gap: .33rem; color: #315266; font-size: .82rem; font-weight: 800; }.exam-view-field .form-select[b-zbknf7hud1] { min-height: 42px; border-color: #b9ceda; border-radius: 0; font-weight: 700; }.exam-view-search-slot[b-zbknf7hud1] { display: flex; align-items: end; }.exam-view-primary-button[b-zbknf7hud1], .exam-view-secondary-button[b-zbknf7hud1] { min-height: 42px; padding: .5rem 1.2rem; border-radius: 0; font-weight: 800; }.exam-view-primary-button[b-zbknf7hud1] { color: #fff; background: #138bc0; border: 1px solid #138bc0; box-shadow: 0 2px 5px rgb(10 92 133 / 20%); }.exam-view-secondary-button[b-zbknf7hud1] { color: #08759f; background: #fff; border: 1px solid #9fc9dc; }.exam-view-primary-button:disabled[b-zbknf7hud1], .exam-view-secondary-button:disabled[b-zbknf7hud1] { opacity: .6; }.exam-view-alert[b-zbknf7hud1] { display: flex; align-items: center; gap: .6rem; padding: .75rem .9rem; margin-top: 1rem; border-right: 4px solid #df4141; color: #ae2525; background: #fff7f7; font-weight: 700; }.exam-view-alert span[b-zbknf7hud1] { display: inline-grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; background: #df4141; color: #fff; }.exam-view-results[b-zbknf7hud1] { min-height: 220px; }.exam-view-count[b-zbknf7hud1] { display: grid; place-items: center; min-width: 76px; padding: .4rem .7rem; background: #f3f8fa; border: 1px solid #d6e4e9; }.exam-view-count b[b-zbknf7hud1] { font-size: 1.25rem; color: #087fab; line-height: 1; }.exam-view-count span[b-zbknf7hud1] { font-size: .76rem; color: #607788; }.exam-view-actions[b-zbknf7hud1] { display: flex; justify-content: center; margin: 0 0 1rem; }.exam-view-table-wrap[b-zbknf7hud1] { overflow-x: auto; border: 1px solid #c4d9e3; }.exam-view-table[b-zbknf7hud1] { width: 100%; min-width: 840px; border-collapse: collapse; text-align: center; }.exam-view-table th[b-zbknf7hud1] { background: #087fab; color: #fff; padding: .65rem .45rem; border-left: 1px solid #72b8d4; font-size: .84rem; white-space: nowrap; }.exam-view-table td[b-zbknf7hud1] { padding: .58rem .45rem; border: 1px solid #d8e5eb; font-size: .86rem; }.exam-view-table tbody tr:nth-child(even)[b-zbknf7hud1] { background: #f8fbfc; }.exam-view-table .row-number[b-zbknf7hud1] { color: #138bc0; font-weight: 900; }.exam-view-table .student-name[b-zbknf7hud1] { color: #1a3c53; font-weight: 900; }.exam-view-empty[b-zbknf7hud1] { text-align: center; color: #607788; padding: 2rem 1rem; background: #fbfdfe; border: 1px dashed #b9d2de; }@media print { .app-sidebar[b-zbknf7hud1], .app-header[b-zbknf7hud1], .exam-view-title[b-zbknf7hud1], .exam-view-heading[b-zbknf7hud1], .exam-view-filter-grid[b-zbknf7hud1], .exam-view-actions[b-zbknf7hud1] { display: none !important; }.exam-view-page[b-zbknf7hud1] { max-width: none; margin: 0; padding: 0; }.exam-view-card[b-zbknf7hud1] { padding: 0; border: 0; box-shadow: none; }}@media (max-width: 900px) { .exam-view-filter-grid[b-zbknf7hud1] { grid-template-columns: repeat(2, minmax(140px, 1fr)); }.exam-view-search-slot[b-zbknf7hud1] { grid-column: span 2; justify-content: center; }}@media (max-width: 600px) { .exam-view-page[b-zbknf7hud1] { padding: 0 .65rem; margin-top: .75rem; }.exam-view-card[b-zbknf7hud1] { padding: .9rem; }.exam-view-heading[b-zbknf7hud1], .exam-view-results-heading[b-zbknf7hud1] { flex-direction: column; align-items: flex-start; }.exam-view-filter-grid[b-zbknf7hud1] { grid-template-columns: 1fr; }.exam-view-search-slot[b-zbknf7hud1] { grid-column: auto; }.exam-view-primary-button[b-zbknf7hud1] { width: 100%; } }
/* /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-empty-state[b-447ab2if15] {
    display: flex;
    align-items: center;
    gap: .9rem;
    margin: 1rem;
    padding: 1rem 1.15rem;
    border: 1px solid #b9ddea;
    border-inline-start: 4px solid var(--molahdh-blue);
    border-radius: 10px;
    background: linear-gradient(135deg, #f7fcfe 0%, #edf8fc 100%);
    color: var(--molahdh-text);
    box-shadow: 0 4px 14px rgba(8, 127, 172, .08);
}

.molahdh-empty-state-icon[b-447ab2if15] {
    display: inline-flex;
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: #dff3fa;
    color: var(--molahdh-blue);
    font-size: 22px;
}

.molahdh-empty-state-content strong[b-447ab2if15] {
    display: block;
    margin-bottom: .25rem;
    color: #0b4f68;
    font-size: 14px;
}

.molahdh-empty-state-content p[b-447ab2if15] {
    margin: 0;
    color: #526775;
    font-size: 12.5px;
    line-height: 1.75;
}

.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-empty-state[b-447ab2if15] {
        align-items: flex-start;
        margin: .7rem;
        padding: .85rem;
    }

    .molahdh-empty-state-icon[b-447ab2if15] {
        flex-basis: 40px;
        width: 40px;
        height: 40px;
        font-size: 19px;
    }

    .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/CreateDayGyab.razor.rz.scp.css */
.fingerprint-absence-page[b-c26xnvrsdu] { direction: rtl; color: #263746; }
.absence-shell[b-c26xnvrsdu] { padding: 20px 32px 24px; }
.absence-intro[b-c26xnvrsdu] { display: flex; align-items: center; gap: 14px; margin-bottom: 14px; padding: 15px 16px; border: 1px solid #dce6ec; background: #f8fbfd; }
.intro-icon[b-c26xnvrsdu] { flex: 0 0 auto; display: grid; place-items: center; width: 46px; height: 46px; background: #e4f5f6; color: #07848b; font-size: 1.35rem; }
.absence-intro h1[b-c26xnvrsdu] { margin: 0 0 4px; color: #172033; font-size: 1rem; font-weight: 700; }
.absence-intro p[b-c26xnvrsdu] { margin: 0; color: #60707c; font-size: 12.5px; font-weight: 600; line-height: 1.7; }
.protected-badge[b-c26xnvrsdu] { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 6px; margin-inline-start: auto; padding: 7px 10px; border: 1px solid #bfe2d7; background: #eefaf6; color: #087457; font-size: 12px; font-weight: 700; }
.notice-panel[b-c26xnvrsdu] { display: flex; gap: 12px; margin-bottom: 14px; padding: 12px 14px; border: 1px solid #dbe5ec; background: #fff; }
.notice-panel > i[b-c26xnvrsdu] { color: #0476aa; font-size: 1.15rem; }
.notice-panel strong[b-c26xnvrsdu] { display: block; margin-bottom: 3px; color: #172033; font-size: 13px; }
.notice-panel p[b-c26xnvrsdu] { margin: 0; color: #60707c; font-size: 12.4px; font-weight: 600; line-height: 1.7; }
.control-panel[b-c26xnvrsdu] { padding: 16px; border: 1px solid #dce6ec; background: #fff; box-shadow: 0 3px 10px rgba(15, 23, 42, .05); }
.panel-heading[b-c26xnvrsdu] { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 16px; padding-bottom: 12px; border-bottom: 1px solid #e6edf1; }
.panel-heading span[b-c26xnvrsdu] { color: #0476aa; font-size: 11.5px; font-weight: 700; }
.panel-heading h2[b-c26xnvrsdu] { margin: 3px 0 0; color: #172033; font-size: 1rem; font-weight: 700; }
.refresh-button[b-c26xnvrsdu], .error-state button[b-c26xnvrsdu] { min-height: 34px; padding: 5px 11px; border: 1px solid #cbd8df; background: #fff; color: #0476aa; font-size: 12px; font-weight: 600; }
.refresh-button:hover[b-c26xnvrsdu], .error-state button:hover[b-c26xnvrsdu] { background: #edf6fb; }
.operation-fields[b-c26xnvrsdu] { display: grid; grid-template-columns: repeat(2, minmax(0, 330px)); gap: 12px; margin-bottom: 16px; }
.date-field[b-c26xnvrsdu], .saf-field[b-c26xnvrsdu] { display: grid; align-content: start; gap: 6px; }
.date-field span[b-c26xnvrsdu], .saf-field span[b-c26xnvrsdu] { color: #334155; font-size: 12.5px; font-weight: 700; }
.date-field input[b-c26xnvrsdu], .saf-field select[b-c26xnvrsdu] { min-height: 40px; padding: 6px 11px; border: 1px solid #cbd8df; background: #fff; color: #172033; font-size: 13px; }
.saf-field small[b-c26xnvrsdu] { color: #6b7d89; font-size: 10.5px; }
.saf-field.disabled[b-c26xnvrsdu] { opacity: .58; }
.kind-grid[b-c26xnvrsdu] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.kind-card[b-c26xnvrsdu] { position: relative; min-height: 180px; padding: 15px; border: 1px solid #dce6ec; background: #fff; color: inherit; text-align: right; transition: border-color .16s ease, box-shadow .16s ease; }
.kind-card:not(.disabled):hover[b-c26xnvrsdu] { border-color: #78becd; box-shadow: 0 3px 10px rgba(15, 23, 42, .07); }
.kind-card.selected[b-c26xnvrsdu] { border-color: #0786a2; box-shadow: inset 0 3px 0 #0786a2; }
.kind-card.disabled[b-c26xnvrsdu] { opacity: .58; cursor: not-allowed; }
.kind-icon[b-c26xnvrsdu] { display: grid; place-items: center; width: 38px; height: 38px; margin-bottom: 10px; font-size: 1.05rem; }
.kind-icon.students[b-c26xnvrsdu] { background: #e8f6fa; color: #087f9a; }
.kind-icon.employees[b-c26xnvrsdu] { background: #eaf7f1; color: #17805e; }
.kind-title[b-c26xnvrsdu] { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.kind-title strong[b-c26xnvrsdu] { color: #172033; font-size: .95rem; }
.kind-title small[b-c26xnvrsdu] { color: #6b7d89; font-size: 11.5px; font-weight: 600; }
.kind-card dl[b-c26xnvrsdu] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 13px 0 0; }
.kind-card dl div[b-c26xnvrsdu] { padding: 9px 10px; border: 1px solid #e5ebef; background: #f8fafc; }
.kind-card dt[b-c26xnvrsdu] { color: #64748b; font-size: 11px; font-weight: 600; }
.kind-card dd[b-c26xnvrsdu] { margin: 2px 0 0; color: #172033; font-size: 15px; font-weight: 700; }
.generated-badge[b-c26xnvrsdu], .safety-badge[b-c26xnvrsdu] { display: inline-flex; align-items: center; gap: 5px; margin-top: 10px; padding: 4px 8px; font-size: 11.5px; font-weight: 700; }
.generated-badge[b-c26xnvrsdu] { background: #e9f8f1; color: #137759; }
.safety-badge[b-c26xnvrsdu] { background: #fff6df; color: #94600b; }
.safety-summary[b-c26xnvrsdu] { display: flex; align-items: center; gap: 9px; margin-top: 12px; padding: 10px 12px; border: 1px solid #dce6ec; background: #f8fafc; color: #526775; font-size: 12px; font-weight: 600; }
.safety-summary i[b-c26xnvrsdu] { color: #087f9a; }
.safety-summary strong[b-c26xnvrsdu] { margin-inline-start: auto; color: #172033; }
.action-footer[b-c26xnvrsdu] { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 14px; padding-top: 14px; border-top: 1px solid #e6edf1; }
.action-footer div[b-c26xnvrsdu] { display: grid; gap: 2px; }
.action-footer span[b-c26xnvrsdu] { color: #64748b; font-size: 11.5px; }
.action-footer strong[b-c26xnvrsdu] { color: #172033; font-size: 13px; }
.action-footer small[b-c26xnvrsdu] { color: #087f9a; font-size: 11px; font-weight: 700; }
.run-button[b-c26xnvrsdu] { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 36px; padding: 7px 17px; border: 0; background: #087fad; color: #fff; font-size: 12.5px; font-weight: 700; }
.run-button:disabled[b-c26xnvrsdu] { opacity: .5; cursor: not-allowed; }
.loading-state[b-c26xnvrsdu], .error-state[b-c26xnvrsdu] { display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 150px; padding: 18px; border: 1px dashed #cbd8df; background: #f8fafc; color: #60707c; font-size: 12.5px; font-weight: 600; }
.error-state[b-c26xnvrsdu] { flex-wrap: wrap; color: #a32929; }
.error-state > i[b-c26xnvrsdu] { font-size: 1.25rem; }
.error-state div[b-c26xnvrsdu] { display: grid; gap: 3px; }
.error-state span[b-c26xnvrsdu] { color: #6b7d89; font-size: 11.5px; }
.result-panel[b-c26xnvrsdu] { display: flex; align-items: flex-start; gap: 10px; margin-top: 12px; padding: 11px 12px; border: 1px solid transparent; font-size: 12.5px; }
.result-panel div[b-c26xnvrsdu] { display: grid; gap: 3px; }
.result-panel span[b-c26xnvrsdu] { font-size: 11.5px; }
.result-panel.success[b-c26xnvrsdu] { border-color: #bfe2d7; background: #eefaf6; color: #116e52; }
.result-panel.warning[b-c26xnvrsdu] { border-color: #ead79f; background: #fff8e7; color: #8a5e13; }
.result-panel.error[b-c26xnvrsdu] { border-color: #efc3c3; background: #fff3f3; color: #a33b3b; }
.modal-shade[b-c26xnvrsdu] { position: fixed; inset: 0; z-index: 1200; display: grid; place-items: center; padding: 20px; background: rgba(8, 29, 39, .57); }
.confirm-dialog[b-c26xnvrsdu] { width: min(460px, 100%); padding: 22px; border: 1px solid #dce6ec; background: #fff; text-align: center; box-shadow: 0 20px 55px rgba(0, 0, 0, .24); }
.dialog-icon[b-c26xnvrsdu] { display: grid; place-items: center; width: 50px; height: 50px; margin: 0 auto 12px; background: #fff3d8; color: #a96d09; font-size: 1.45rem; }
.confirm-dialog h2[b-c26xnvrsdu] { margin: 0 0 8px; color: #172033; font-size: 1.1rem; }
.confirm-dialog p[b-c26xnvrsdu] { margin: 0; color: #60707c; font-size: 12.5px; line-height: 1.8; }
.confirmation-facts[b-c26xnvrsdu] { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; margin: 15px 0; }
.confirmation-facts span[b-c26xnvrsdu] { display: grid; padding: 9px; border: 1px solid #e1e8ed; background: #f8fafc; color: #64748b; font-size: 11.5px; }
.confirmation-facts b[b-c26xnvrsdu] { margin-top: 2px; color: #172033; font-size: 15px; }
.confirm-check[b-c26xnvrsdu] { display: flex; gap: 8px; padding: 11px; border: 1px solid #dce7ec; color: #334155; font-size: 12px; text-align: right; }
.confirm-check input[b-c26xnvrsdu] { margin-top: 3px; accent-color: #0476aa; }
.dialog-actions[b-c26xnvrsdu] { display: flex; justify-content: center; gap: 8px; margin-top: 15px; }
.cancel-button[b-c26xnvrsdu], .confirm-button[b-c26xnvrsdu] { min-height: 34px; padding: 6px 16px; font-size: 12px; font-weight: 700; }
.cancel-button[b-c26xnvrsdu] { border: 1px solid #cbd8df; background: #fff; color: #475569; }
.confirm-button[b-c26xnvrsdu] { border: 1px solid #087fad; background: #087fad; color: #fff; }
.confirm-button:disabled[b-c26xnvrsdu] { opacity: .5; }

@media (max-width: 760px) {
    .absence-shell[b-c26xnvrsdu] { padding: 16px; }
    .absence-intro[b-c26xnvrsdu], .panel-heading[b-c26xnvrsdu], .action-footer[b-c26xnvrsdu] { align-items: stretch; flex-direction: column; }
    .protected-badge[b-c26xnvrsdu] { align-self: flex-start; margin-inline-start: 0; }
    .kind-grid[b-c26xnvrsdu] { grid-template-columns: 1fr; }
    .operation-fields[b-c26xnvrsdu] { grid-template-columns: 1fr; }
    .refresh-button[b-c26xnvrsdu], .run-button[b-c26xnvrsdu] { width: 100%; }
    .safety-summary[b-c26xnvrsdu] { align-items: flex-start; flex-wrap: wrap; }
    .safety-summary strong[b-c26xnvrsdu] { width: 100%; margin-inline-start: 0; }
}

@media (max-width: 420px) {
    .kind-title[b-c26xnvrsdu] { align-items: flex-start; flex-direction: column; }
    .confirmation-facts[b-c26xnvrsdu] { 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-policy-badge[b-pihc4vtw7f] {
    flex: 0 0 auto;
    padding: 5px 12px;
    border: 1px solid #e6b7b7;
    border-radius: 999px;
    background: #fff1f1;
    color: #a32929;
    font-size: 12px;
    font-weight: 700;
}

.fingerprint-policy-message[b-pihc4vtw7f] {
    border-color: #d7e0e5;
    background: #f7f9fa;
    color: #52616b;
    line-height: 1.8;
}

.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-report-mode-bar[b-jg6gbyxhk4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    margin: 12px 0 4px;
    padding: .7rem .85rem;
    border: 1px solid #d6e5ec;
    background: #f7fbfd;
    color: #17485b;
}

.gyab-chart-report-mode-bar strong[b-jg6gbyxhk4],
.gyab-chart-report-mode-bar button[b-jg6gbyxhk4] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
}

.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;
    }

    .gyab-chart-report-mode-bar[b-jg6gbyxhk4] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /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 {
        grid-template-columns: 150px 55px 90px;
    }

    .gyab-date-time.no-time {
        grid-template-columns: 150px 55px;
    }

    .gyab-date-time.has-calendar-mode {
        grid-template-columns: 92px 150px 55px;
    }

    .gyab-date-time.has-calendar-mode .gyab-time-field {
        grid-column: 1;
    }

    .gyab-hijri-picker { width: 150px; }
}*/

@supports (-webkit-touch-callout: none) {
    .gyab-date-time[b-yntcgx67j5] {
        grid-template-columns: 145px 55px 90px;
    }

        .gyab-date-time.no-time[b-yntcgx67j5] {
            grid-template-columns: 145px 55px;
        }

        .gyab-date-time.has-calendar-mode[b-yntcgx67j5] {
            grid-template-columns: 92px 145px 55px;
        }

    .gyab-hijri-picker[b-yntcgx67j5] {
        width: 145px;
    }
}
/* /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-shell .gyab-late-input[b-mt78qui2zn] {
    width: 64px;
    height: 30px;
    margin: auto;
    padding: .2rem .35rem;
    border-color: #c9d8df;
    border-radius: .3rem;
    text-align: center;
    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-no-data[b-zyml95mm01] {
    display: flex;
    align-items: center;
    gap: 1rem;
    width: calc(100% - 2rem);
    margin: 1rem auto 1.25rem;
    padding: 1.1rem 1.25rem;
    border: 1px solid #cfe2ea;
    border-radius: .75rem;
    background: linear-gradient(135deg, #f7fbfc 0%, #eef8fa 100%);
    box-shadow: 0 8px 22px rgba(15, 83, 103, .07);
    color: #173f50;
}

.gyab-view-no-data-icon[b-zyml95mm01] {
    display: grid;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    place-items: center;
    border-radius: 14px;
    background: #dff3f4;
    color: #078a91;
    font-size: 1.35rem;
}

.gyab-view-no-data strong[b-zyml95mm01] {
    display: block;
    margin-bottom: .25rem;
    font-size: 1rem;
}

.gyab-view-no-data p[b-zyml95mm01] {
    margin: 0;
    color: #627b87;
    font-size: .86rem;
    line-height: 1.7;
}

.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-no-data[b-zyml95mm01] {
        width: calc(100% - 1rem);
        margin: .75rem auto 1rem;
        padding: .9rem;
    }

    .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/Gyab/MowadabahGrades.razor.rz.scp.css */
.mowadabah-page[b-udmpobjdkl] {
    direction: rtl;
    overflow: hidden;
}

.mowadabah-regulation-note[b-udmpobjdkl] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin: 18px;
    padding: 15px 17px;
    border: 1px solid #bde3dd;
    border-inline-start: 4px solid #098779;
    border-radius: 12px;
    color: #245850;
    background: #effaf7;
}

.mowadabah-regulation-note > i[b-udmpobjdkl] { color: #098779; font-size: 1.25rem; }
.mowadabah-regulation-note div[b-udmpobjdkl] { display: grid; gap: 4px; }
.mowadabah-regulation-note strong[b-udmpobjdkl] { color: #075f58; font-size: .95rem; }
.mowadabah-regulation-note span[b-udmpobjdkl] { font-size: .84rem; line-height: 1.75; }

.mowadabah-filters[b-udmpobjdkl] { margin: 0 18px 18px; display: grid; gap: 16px; }
.mowadabah-section-head[b-udmpobjdkl] { display: flex; justify-content: space-between; align-items: flex-start; gap: 15px; }
.mowadabah-section-head h2[b-udmpobjdkl] { margin: 0; color: #123b4b; font-size: 1rem; font-weight: 800; }
.mowadabah-section-head p[b-udmpobjdkl] { margin: 4px 0 0; color: #6b7e88; font-size: .8rem; }
.mowadabah-rule[b-udmpobjdkl] { padding: 7px 11px; border-radius: 999px; color: #176d65; background: #e9f7f4; font-size: .78rem; white-space: nowrap; }
.mowadabah-rule b[b-udmpobjdkl] { color: #075f58; }

.mowadabah-actions[b-udmpobjdkl] { display: flex; justify-content: flex-end; gap: 8px; }
.mowadabah-actions .btn[b-udmpobjdkl] { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-width: 140px; }

.mowadabah-results[b-udmpobjdkl] { margin: 0 18px 24px; }
.mowadabah-stats[b-udmpobjdkl] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin-bottom: 12px; }
.mowadabah-stats article[b-udmpobjdkl] { display: grid; gap: 4px; padding: 12px 14px; border: 1px solid #d9e7ec; border-radius: 10px; background: #f8fbfc; }
.mowadabah-stats span[b-udmpobjdkl] { color: #6b7d88; font-size: .76rem; font-weight: 700; }
.mowadabah-stats strong[b-udmpobjdkl] { color: #0b5268; font-size: 1.35rem; }

.mowadabah-table-wrap[b-udmpobjdkl] { border: 1px solid #d9e5ea; border-radius: 12px; overflow: auto; }
.mowadabah-table[b-udmpobjdkl] { min-width: 760px; margin: 0; }
.mowadabah-table thead th[b-udmpobjdkl] { padding: 11px 10px; border-color: #d2e2e8; color: #fff; background: #0c7084; font-size: .8rem; white-space: nowrap; }
.mowadabah-table td[b-udmpobjdkl] { padding: 10px; border-color: #dce7eb; font-size: .82rem; }
.mowadabah-student-name[b-udmpobjdkl] { min-width: 220px; text-align: right; font-weight: 700; color: #173a48; }

.absence-count[b-udmpobjdkl], .attendance-mark[b-udmpobjdkl] { display: inline-grid; place-items: center; min-width: 42px; min-height: 29px; padding: 3px 8px; border-radius: 999px; font-weight: 800; }
.absence-count[b-udmpobjdkl] { color: #a43a32; background: #fff0ee; }
.absence-count.is-zero[b-udmpobjdkl] { color: #23735d; background: #eaf8f2; }
.attendance-mark.mark-excellent[b-udmpobjdkl] { color: #166b54; background: #e5f7ef; }
.attendance-mark.mark-good[b-udmpobjdkl] { color: #8a6817; background: #fff6d9; }
.attendance-mark.mark-warning[b-udmpobjdkl] { color: #a33c32; background: #ffebe8; }

.mowadabah-empty[b-udmpobjdkl] { display: flex; align-items: center; justify-content: center; gap: 9px; margin: 18px; padding: 30px; border: 1px dashed #c8dbe2; border-radius: 12px; color: #637986; background: #f8fbfc; }

@media (max-width: 700px) {
    .mowadabah-regulation-note[b-udmpobjdkl], .mowadabah-filters[b-udmpobjdkl], .mowadabah-results[b-udmpobjdkl] { margin-inline: 10px; }
    .mowadabah-section-head[b-udmpobjdkl] { flex-direction: column; }
    .mowadabah-stats[b-udmpobjdkl] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .mowadabah-actions[b-udmpobjdkl] { display: grid; grid-template-columns: 1fr 1fr; }
    .mowadabah-actions .btn[b-udmpobjdkl] { min-width: 0; }
}

@media (max-width: 430px) {
    .mowadabah-actions[b-udmpobjdkl] { grid-template-columns: 1fr; }
}

@media print {
    .mowadabah-actions[b-udmpobjdkl], .mowadabah-filters[b-udmpobjdkl], .mowadabah-regulation-note[b-udmpobjdkl] { display: none !important; }
    .mowadabah-page[b-udmpobjdkl] { box-shadow: none !important; border: 0 !important; }
    .mowadabah-results[b-udmpobjdkl] { margin: 12px 0; }
    .mowadabah-table[b-udmpobjdkl] { min-width: 100%; }
}
/* /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:space-between;
        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%}}
@media(max-width:480px){
    .home-dashboard .home-welcome h1[b-r21l9g9p04]{
        font-size:clamp(.78rem,3.35vw,.9rem) !important;
        line-height:1.4;
        letter-spacing:-.025em;
        white-space:nowrap;
    }
    .home-public-actions a[b-r21l9g9p04]{
        display:flex;
        align-items:center;
        justify-content:center;
        min-height:50px;
        padding-block:11px;
    }
}
.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-critical-attendance-alert[b-r21l9g9p04]{display:flex;align-items:center;gap:14px;margin:15px 0 0;padding:17px 19px;border:2px solid #dc2626;border-radius:15px;background:linear-gradient(135deg,#fff1f2,#fff7ed);color:#7f1d1d;text-decoration:none;box-shadow:0 10px 28px rgba(185,28,28,.16)}
.home-critical-alert-icon[b-r21l9g9p04]{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:50%;background:#b91c1c;color:#fff;font-size:1.45rem;font-weight:900;box-shadow:0 0 0 7px rgba(185,28,28,.1)}
.home-critical-attendance-alert span:last-child[b-r21l9g9p04]{display:grid;gap:4px}.home-critical-attendance-alert strong[b-r21l9g9p04]{font-size:1rem}.home-critical-attendance-alert small[b-r21l9g9p04]{color:#991b1b;font-size:.82rem;line-height:1.7}.home-critical-attendance-alert em[b-r21l9g9p04]{color:#b45309;font-size:.75rem;font-style:normal;font-weight:900}
.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: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .8rem;
    margin: 1rem 0;
}

.msg-template-summary article[b-ytduhf33el] {
    display: flex;
    align-items: center;
    gap: .75rem;
    min-height: 72px;
    padding: .8rem 1rem;
    border: 1px solid #d8e7ea;
    background: #fff;
}

.msg-template-summary article > div[b-ytduhf33el] {
    display: grid;
    gap: .1rem;
}

.msg-template-summary strong[b-ytduhf33el],
.msg-template-summary small[b-ytduhf33el] {
    display: block;
}

.msg-template-summary strong[b-ytduhf33el] {
    color: #057998;
    font-size: 19px;
    line-height: 1.1;
}

.msg-template-summary small[b-ytduhf33el] {
    color: #60757d;
    font-size: 11.5px;
    font-weight: 700;
}

.summary-icon[b-ytduhf33el] {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    background: #e9f6f8;
    color: #087f99;
    font-size: 1.05rem;
}

.summary-icon.defaults[b-ytduhf33el] {
    background: #edf8f3;
    color: #14805f;
}

.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-active[b-ytduhf33el] {
    position: relative;
    display: flex;
    align-items: center;
    gap: .7rem;
    min-height: 58px;
    margin: 0;
    padding: .65rem .8rem;
    border: 1px solid #dce8eb;
    background: #f8fbfc;
    cursor: pointer;
}

.msg-template-active input[b-ytduhf33el] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}

.active-switch[b-ytduhf33el] {
    position: relative;
    width: 42px;
    height: 23px;
    flex: 0 0 42px;
    border-radius: 999px;
    background: #aab8bd;
    transition: background .16s ease;
}

.active-switch span[b-ytduhf33el] {
    position: absolute;
    top: 3px;
    inset-inline-start: 3px;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 3px rgba(15, 23, 42, .25);
    transition: transform .16s ease;
}

.msg-template-active input:checked + .active-switch[b-ytduhf33el] { background: #0b9271; }
.msg-template-active input:checked + .active-switch span[b-ytduhf33el] { transform: translateX(-19px); }
.msg-template-active input:focus-visible + .active-switch[b-ytduhf33el] { outline: 3px solid rgba(8, 127, 153, .22); outline-offset: 2px; }

.active-copy[b-ytduhf33el] {
    display: grid;
    gap: .12rem;
}

.active-copy strong[b-ytduhf33el] {
    color: #213e48;
    font-size: 12.5px;
}

.active-copy small[b-ytduhf33el] {
    color: #6b7f86;
    font-size: 10.5px;
}

.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-summary[b-ytduhf33el] { grid-template-columns: 1fr; }
    .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: 42px;
    direction: ltr;
    text-align: left;
    letter-spacing: .14em;
}

.settings-secret-note[b-a8jwj15uf9] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 6px;
    color: #4f6f72;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0;
}

.settings-secret-note i[b-a8jwj15uf9] {
    color: #087f84;
}

.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-guide-card[b-j6kz7f4fpw] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .75rem;
    align-items: center;
    border: 1px solid #c7e3da;
    border-right: 4px solid #008069;
    background: linear-gradient(90deg, #fff 0%, #effaf6 100%);
    padding: .85rem 1rem;
    box-shadow: 0 4px 12px rgba(15, 23, 42, .05);
}

.bot-guide-icon[b-j6kz7f4fpw] {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    background: #ddf3ec;
    color: #008069;
    font-size: 1.35rem;
}

.bot-guide-copy span[b-j6kz7f4fpw],
.bot-guide-copy strong[b-j6kz7f4fpw] {
    display: block;
}

.bot-guide-copy span[b-j6kz7f4fpw] {
    color: #087a91;
    font-size: 11.5px;
    font-weight: 700;
}

.bot-guide-copy strong[b-j6kz7f4fpw] {
    margin-top: .1rem;
    color: #263642;
    font-size: 13.5px;
}

.bot-guide-copy p[b-j6kz7f4fpw] {
    margin: .25rem 0 0;
    color: #667681;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.6;
}

.bot-guide-actions[b-j6kz7f4fpw] {
    grid-column: 1 / -1;
    display: flex;
    gap: .45rem;
}

.bot-guide-actions a[b-j6kz7f4fpw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    min-width: 92px;
    min-height: 32px;
    border: 1px solid #a9d7ca;
    background: #fff;
    color: #00745f;
    padding: .25rem .85rem;
    text-decoration: none;
    font-size: 12.5px;
    font-weight: 700;
}

.bot-guide-actions a:first-child[b-j6kz7f4fpw] {
    border-color: #008069;
    background: #008069;
    color: #fff;
}

.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/WhatsAppGatewayV1.razor.rz.scp.css */
.whatsapp-page[b-l741o7oa4o] { color:#263642; font-size:13px; }
.whatsapp-shell[b-l741o7oa4o] { display:flex; flex-direction:column; padding:1.25rem 1.5rem 1.5rem; }

.whatsapp-status-panel[b-l741o7oa4o],
.whatsapp-balance-panel[b-l741o7oa4o] {
    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-l741o7oa4o],.whatsapp-status-meta[b-l741o7oa4o],.whatsapp-balance-summary[b-l741o7oa4o] { display:flex; align-items:center; gap:.85rem; min-width:0; }
.whatsapp-status-main h2[b-l741o7oa4o],.whatsapp-status-main p[b-l741o7oa4o],.whatsapp-card h3[b-l741o7oa4o],.whatsapp-card p[b-l741o7oa4o] { margin:0; }
.whatsapp-status-main h2[b-l741o7oa4o] { font-size:1.05rem; margin-block:.15rem; }
.whatsapp-status-main p[b-l741o7oa4o],.whatsapp-card p[b-l741o7oa4o] { color:#667681; }
.whatsapp-kicker[b-l741o7oa4o] { color:#087a91; font-size:12px; font-weight:700; }
.whatsapp-icon[b-l741o7oa4o],.whatsapp-balance-icon[b-l741o7oa4o] {
    width:44px; height:44px; display:grid; place-items:center; flex:0 0 auto;
    border:1px solid #bee2d8; background:#ebf8f4; color:#008069; font-size:1.55rem;
}
.whatsapp-status-meta[b-l741o7oa4o] { flex-direction:column; align-items:flex-start; font-size:12px; color:#60727b; }
.whatsapp-pill[b-l741o7oa4o] { min-width:72px; padding:.28rem .65rem; text-align:center; font-weight:800; }
.whatsapp-pill.connected[b-l741o7oa4o] { background:#dff5e9; color:#087448; }
.whatsapp-pill.paused[b-l741o7oa4o] { background:#fff0ca; color:#80600d; }
.whatsapp-pill.offline[b-l741o7oa4o] { background:#f9e2e0; color:#9b1c1c; }

.whatsapp-balance-summary span[b-l741o7oa4o] { color:#667681; }
.whatsapp-balance-summary strong[b-l741o7oa4o] { display:block; color:#087a91; font-size:1rem; }
.whatsapp-balance-metrics[b-l741o7oa4o] { display:grid; grid-template-columns:repeat(3,minmax(90px,1fr)); gap:.65rem; }
.whatsapp-balance-metrics>div[b-l741o7oa4o] { min-width:100px; padding:.55rem .75rem; border:1px solid #d6e1e6; background:#fff; text-align:center; }
.whatsapp-balance-metrics span[b-l741o7oa4o] { display:block; color:#71828b; font-size:11px; }
.whatsapp-balance-metrics strong[b-l741o7oa4o] { color:#183b45; font-size:1rem; }
.whatsapp-balance-metrics .remaining[b-l741o7oa4o] { border-color:#abd9cd; background:#effaf6; }
.whatsapp-balance-metrics .remaining strong[b-l741o7oa4o] { color:#087448; }

.whatsapp-toolbar[b-l741o7oa4o] { display:flex; justify-content:center; flex-wrap:wrap; gap:.65rem; margin-bottom:1rem; }
.whatsapp-secondary-button[b-l741o7oa4o] {
    min-height:38px; padding:.48rem .9rem; border:1px solid #b8cbd3; background:#fff;
    color:#29424d; font-weight:700; text-decoration:none;
}
.whatsapp-secondary-button:hover[b-l741o7oa4o] { background:#f2faf7; color:#087a6a; }
.brochure-print-button[b-l741o7oa4o] { display:inline-flex; align-items:center; justify-content:center; gap:.42rem; border-color:#72bfb1; color:#087a6a; }
.brochure-print-button.disabled[b-l741o7oa4o] { pointer-events:none; opacity:.5; cursor:not-allowed; }

.whatsapp-speed-panel[b-l741o7oa4o] {
    display:grid; grid-template-columns:minmax(0,1.35fr) minmax(320px,.85fr); gap:1rem; align-items:center;
    border:1px solid #dbe3e8; background:#f9fbfc; padding:1rem;
}
.whatsapp-speed-panel h3[b-l741o7oa4o],.whatsapp-speed-panel p[b-l741o7oa4o] { margin:0; }
.whatsapp-speed-panel p[b-l741o7oa4o] { color:#677983; line-height:1.65; }
.whatsapp-speed-help[b-l741o7oa4o] { display:grid; gap:.22rem; margin-top:.55rem; color:#536972; }
.whatsapp-speed-options[b-l741o7oa4o] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.55rem; }
.whatsapp-speed-option[b-l741o7oa4o] { display:grid; gap:.18rem; min-height:58px; place-items:center; border:1px solid #bfd0d8; background:#fff; color:#2d4650; }
.whatsapp-speed-option span[b-l741o7oa4o] { color:#6a7c85; font-size:11px; }
.whatsapp-speed-option.active[b-l741o7oa4o] { border-color:#087a91; background:#edf9fb; color:#087a91; box-shadow:inset 0 0 0 1px #087a91; }

.whatsapp-grid[b-l741o7oa4o] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; margin-bottom:1rem; }
.whatsapp-card[b-l741o7oa4o] { border:1px solid #dbe3e8; background:#fff; padding:1rem; min-height:300px; box-shadow:0 4px 12px rgba(15,23,42,.06); }
.whatsapp-card header[b-l741o7oa4o] { display:flex; align-items:flex-start; justify-content:space-between; gap:.75rem; margin-bottom:1rem; }
.whatsapp-card-action[b-l741o7oa4o] { border:0; background:transparent; color:#087a91; font-weight:800; }
.connected-card[b-l741o7oa4o] {
    display:grid; align-content:center; justify-items:center; text-align:center; gap:.85rem;
    border-color:#bddfd6; background:linear-gradient(180deg,#fff 0%,#effaf6 100%);
}
.connected-visual[b-l741o7oa4o] {
    width:96px; height:96px; overflow:hidden; border:1px solid #d4e7e4; border-radius:50%;
    background:#eef7f6; box-shadow:0 8px 18px rgba(0,128,105,.12);
}
.connected-visual img[b-l741o7oa4o] { width:100%; height:100%; object-fit:cover; }
.connected-copy span[b-l741o7oa4o] { display:block; margin-bottom:.25rem; color:#087a91; font-size:12px; font-weight:700; }
.connected-copy p[b-l741o7oa4o] { max-width:360px; }
.connected-details[b-l741o7oa4o] { display:grid; gap:.4rem; width:min(100%,420px); margin:.25rem 0 0; }
.connected-details div[b-l741o7oa4o] { 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-l741o7oa4o],.connected-details dd[b-l741o7oa4o] { margin:0; font-size:12.4px; font-weight:600; }
.connected-details dt[b-l741o7oa4o] { color:#667681; }
.connected-details dd[b-l741o7oa4o] { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#263642; }

.whatsapp-qr-box[b-l741o7oa4o] { min-height:245px; display:grid; place-items:center; border:1px dashed #cbd8df; background:#f8fafb; }
.whatsapp-qr-box img[b-l741o7oa4o] { width:230px; height:230px; object-fit:contain; }
.whatsapp-empty-qr[b-l741o7oa4o] { display:grid; place-items:center; gap:.4rem; color:#74848e; font-weight:600; }
.whatsapp-empty-qr i[b-l741o7oa4o] { font-size:2.2rem; color:#087a91; }
.whatsapp-test-grid[b-l741o7oa4o] { display:grid; gap:.75rem; }
.message-field textarea[b-l741o7oa4o] { min-height:84px; resize:vertical; }
.test-card .app-search-button[b-l741o7oa4o] { display:block; margin:.75rem auto 0; }
button:disabled[b-l741o7oa4o] { opacity:.58; box-shadow:none; cursor:not-allowed; }

@media (max-width:760px) {
    .whatsapp-shell[b-l741o7oa4o] { padding:1rem; }
    .whatsapp-status-panel[b-l741o7oa4o],.whatsapp-balance-panel[b-l741o7oa4o] { align-items:stretch; flex-direction:column; }
    .whatsapp-status-meta[b-l741o7oa4o] { align-items:stretch; }
    .whatsapp-balance-metrics[b-l741o7oa4o] { grid-template-columns:repeat(3,minmax(0,1fr)); }
    .whatsapp-balance-metrics>div[b-l741o7oa4o] { min-width:0; padding-inline:.35rem; }
    .whatsapp-grid[b-l741o7oa4o] { grid-template-columns:1fr; }
    .whatsapp-speed-panel[b-l741o7oa4o] { grid-template-columns:1fr; }
    .whatsapp-speed-options[b-l741o7oa4o] { grid-template-columns:1fr; }
    .whatsapp-secondary-button[b-l741o7oa4o] { flex:1 1 calc(50% - .65rem); text-align:center; }
}
/* /Pages/Settings/WhatsAppGatewayV1Chat.razor.rz.scp.css */
.v1-chat[b-0iybrvrenk]{--navy:#14213b;--green:#087f5b;--line:#e4e8ef;max-width:1500px;margin:auto;padding:20px;color:#172033;font-family:"Tajawal",sans-serif}.chat-hero[b-0iybrvrenk]{display:flex;align-items:center;justify-content:space-between;padding:20px 26px;border-radius:20px 20px 0 0;color:#fff;background:linear-gradient(120deg,#102b32,#087f5b)}.chat-hero span[b-0iybrvrenk]{font-size:.68rem;letter-spacing:.14em;color:#a8e2d1}.chat-hero h1[b-0iybrvrenk]{margin:3px 0;font-size:1.55rem}.chat-hero p[b-0iybrvrenk]{margin:0;color:#d8eee8}.chat-hero nav[b-0iybrvrenk]{display:flex;gap:8px}.chat-hero a[b-0iybrvrenk],.chat-hero button[b-0iybrvrenk]{border:1px solid #ffffff30;border-radius:10px;padding:9px 12px;background:#ffffff12;color:#fff;text-decoration:none}.chat-shell[b-0iybrvrenk]{display:grid;grid-template-columns:390px 1fr;height:72vh;min-height:600px;background:#fff;border:1px solid var(--line);border-top:0;border-radius:0 0 20px 20px;overflow:hidden;box-shadow:0 18px 45px #18243a0d}.conversations[b-0iybrvrenk]{border-inline-end:1px solid var(--line);display:flex;flex-direction:column;min-width:0}.aside-title[b-0iybrvrenk],.contact-head[b-0iybrvrenk]{display:flex;align-items:center;gap:11px;padding:16px 18px;border-bottom:1px solid var(--line)}.aside-title[b-0iybrvrenk]{justify-content:space-between}.aside-title h2[b-0iybrvrenk]{margin:0;font-size:1.1rem}.aside-title small[b-0iybrvrenk],.contact-head small[b-0iybrvrenk]{display:block;color:#778195}.new-chat[b-0iybrvrenk],.contact-head button[b-0iybrvrenk]{border:0;border-radius:10px;width:39px;height:39px;background:#e8f7f2;color:var(--green)}.search-box[b-0iybrvrenk]{display:flex;align-items:center;gap:8px;margin:12px;padding:9px 12px;border:1px solid var(--line);border-radius:11px;background:#f8fafc}.search-box input[b-0iybrvrenk]{width:100%;border:0;outline:0;background:transparent}.filters[b-0iybrvrenk]{display:flex;gap:5px;padding:0 12px 10px;overflow:auto}.filters button[b-0iybrvrenk]{white-space:nowrap;border:0;border-radius:99px;padding:6px 10px;background:#f0f2f6;color:#626d7f;font-size:.72rem}.filters button.active[b-0iybrvrenk]{background:#dff5ed;color:#076b4e;font-weight:700}.conversation-list[b-0iybrvrenk]{overflow:auto;flex:1}.conversation[b-0iybrvrenk]{width:100%;display:grid;grid-template-columns:45px 1fr auto;gap:10px;text-align:start;border:0;border-bottom:1px solid #f0f2f5;background:#fff;padding:12px}.conversation:hover[b-0iybrvrenk],.conversation.selected[b-0iybrvrenk]{background:#edf9f5}.avatar[b-0iybrvrenk]{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:linear-gradient(145deg,#dff5ed,#bce4d6);color:#087358;font-weight:800}.conversation-copy[b-0iybrvrenk]{min-width:0}.conversation-copy strong[b-0iybrvrenk],.conversation-copy small[b-0iybrvrenk]{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-copy .meta[b-0iybrvrenk]{font-size:.68rem;color:#8490a0}.conversation-copy .last[b-0iybrvrenk]{margin-top:5px;font-size:.76rem;color:#667183}.conversation-side[b-0iybrvrenk]{text-align:end}.conversation-side time[b-0iybrvrenk]{display:block;font-size:.63rem;color:#8a94a4}.conversation-side b[b-0iybrvrenk]{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-top:8px;border-radius:99px;background:#16a875;color:#fff;font-size:.68rem}.message-panel[b-0iybrvrenk]{display:flex;flex-direction:column;min-width:0;background:#efeae2}.contact-head[b-0iybrvrenk]{background:#fff}.contact-head>div[b-0iybrvrenk]{flex:1}.contact-head .back[b-0iybrvrenk]{display:none}.messages[b-0iybrvrenk]{flex:1;overflow:auto;padding:22px clamp(15px,5vw,70px);background-image:radial-gradient(#6b62580e 1px,transparent 1px);background-size:14px 14px}.message[b-0iybrvrenk]{display:flex;margin:7px 0}.message.outgoing[b-0iybrvrenk]{justify-content:flex-start}.message.incoming[b-0iybrvrenk]{justify-content:flex-end}.message-body[b-0iybrvrenk]{max-width:min(75%,650px);min-width:110px;padding:9px 11px;border-radius:12px;box-shadow:0 1px 2px #0002}.outgoing .message-body[b-0iybrvrenk]{background:#d9fdd3;border-top-right-radius:3px}.incoming .message-body[b-0iybrvrenk]{background:#fff;border-top-left-radius:3px}.message p[b-0iybrvrenk]{white-space:pre-wrap;margin:4px 0;font-size:.9rem}.message footer[b-0iybrvrenk]{display:flex;justify-content:flex-end;gap:5px;color:#78828f;font-size:.62rem}.delivery.read[b-0iybrvrenk],.delivery.delivered[b-0iybrvrenk]{color:#1689d4}.delivery.failed[b-0iybrvrenk]{color:#d6455d}.attachment[b-0iybrvrenk]{display:flex;align-items:center;gap:9px;width:100%;border:0;border-radius:9px;padding:10px;background:#ffffff75;color:#305646}.attachment i[b-0iybrvrenk]{font-size:1.4rem}.composer[b-0iybrvrenk]{display:grid;grid-template-columns:44px 1fr 45px;align-items:end;gap:7px;padding:11px 14px;background:#f6f7f8}.composer label[b-0iybrvrenk]{display:grid;place-items:center;height:42px;border-radius:50%;color:#637083;cursor:pointer}.composer input[b-0iybrvrenk]{display:none}.composer textarea[b-0iybrvrenk]{resize:none;border:0;outline:0;border-radius:22px;padding:11px 15px;max-height:100px}.composer .send[b-0iybrvrenk]{height:42px;border:0;border-radius:50%;background:#0a956c;color:#fff}.composer .send:disabled[b-0iybrvrenk]{opacity:.45}.file-chip[b-0iybrvrenk]{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fff;border-top:1px solid var(--line)}.file-chip span[b-0iybrvrenk]{max-width:350px;overflow:hidden;text-overflow:ellipsis}.file-chip small[b-0iybrvrenk]{color:#778195}.file-chip button[b-0iybrvrenk]{margin-inline-start:auto;border:0;background:transparent}.welcome[b-0iybrvrenk],.state[b-0iybrvrenk]{display:grid;place-content:center;justify-items:center;text-align:center;height:100%;color:#788391}.welcome span[b-0iybrvrenk]{display:grid;place-items:center;width:100px;height:100px;border-radius:50%;background:#d9f4ea;color:#087f5b;font-size:3rem}.welcome h2[b-0iybrvrenk]{color:#263447;margin-bottom:4px}.welcome p[b-0iybrvrenk]{max-width:480px}.modal-layer[b-0iybrvrenk]{position:fixed;inset:0;z-index:1050;display:grid;place-items:center;padding:20px;background:#10182799;backdrop-filter:blur(4px)}.recipient-modal[b-0iybrvrenk],.preview-modal[b-0iybrvrenk]{width:min(700px,100%);max-height:85vh;overflow:auto;background:#fff;border-radius:20px;box-shadow:0 25px 80px #0004}.recipient-modal header[b-0iybrvrenk],.preview-modal header[b-0iybrvrenk]{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line)}.recipient-modal h2[b-0iybrvrenk]{margin:0}.recipient-modal p[b-0iybrvrenk]{margin:3px 0 0;color:#788391}.recipient-modal header button[b-0iybrvrenk],.preview-modal header button[b-0iybrvrenk]{border:0;background:transparent}.recipient-filters[b-0iybrvrenk]{display:grid;grid-template-columns:1fr 1fr 2fr auto;gap:8px;padding:14px}.recipient-filters select[b-0iybrvrenk]{border:1px solid var(--line);border-radius:10px;padding:9px}.recipient-filters .search-box[b-0iybrvrenk]{margin:0}.search-action[b-0iybrvrenk]{border:0;border-radius:10px;background:#087f5b;color:#fff;padding:0 16px}.recipient-list[b-0iybrvrenk]{max-height:450px;overflow:auto;padding:0 14px 14px}.recipient-list>button[b-0iybrvrenk]{width:100%;display:grid;grid-template-columns:43px 1fr auto;align-items:center;gap:10px;border:0;border-bottom:1px solid var(--line);background:#fff;padding:11px;text-align:start}.recipient-list>button div[b-0iybrvrenk]{display:grid}.recipient-list small[b-0iybrvrenk]{color:#7a8494}.preview-modal[b-0iybrvrenk]{padding-bottom:14px;text-align:center}.preview-modal img[b-0iybrvrenk],.preview-modal video[b-0iybrvrenk],.preview-modal iframe[b-0iybrvrenk]{display:block;width:calc(100% - 28px);max-height:65vh;margin:14px;border:0;object-fit:contain}.preview-modal audio[b-0iybrvrenk]{width:calc(100% - 28px);margin:30px 14px}.preview-modal a[b-0iybrvrenk]{display:inline-block;border-radius:10px;padding:9px 14px;background:#087f5b;color:#fff;text-decoration:none}@media(max-width:850px){.v1-chat[b-0iybrvrenk]{padding:0}.chat-hero[b-0iybrvrenk]{border-radius:0}.chat-hero p[b-0iybrvrenk],.chat-hero a[b-0iybrvrenk]{display:none}.chat-shell[b-0iybrvrenk]{grid-template-columns:1fr;height:calc(100vh - 88px);border-radius:0}.mobile-hidden[b-0iybrvrenk]{display:none}.contact-head .back[b-0iybrvrenk]{display:block}.recipient-filters[b-0iybrvrenk]{grid-template-columns:1fr 1fr}.recipient-filters .search-box[b-0iybrvrenk]{grid-column:1/-1}.search-action[b-0iybrvrenk]{height:40px;grid-column:1/-1}.message-body[b-0iybrvrenk]{max-width:88%}}
/* /Pages/Settings/WhatsAppGatewayV1Designer.razor.rz.scp.css */
.v1-designer[b-pux0j36bau]{--ink:#172033;--muted:#687386;--line:#e5e9f1;--brand:#087f5b;max-width:1500px;margin:auto;padding:24px;color:var(--ink);font-family:"Tajawal",sans-serif}.designer-hero[b-pux0j36bau]{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 32px;border-radius:24px;color:#fff;background:radial-gradient(circle at 15% 0,#28b48755,transparent 35%),linear-gradient(125deg,#102a2e,#0c594d)}.eyebrow[b-pux0j36bau]{font-size:.72rem;letter-spacing:.16em;color:#9ce4ca}.designer-hero h1[b-pux0j36bau]{margin:5px 0;font-weight:800}.designer-hero p[b-pux0j36bau]{margin:0;color:#d3eee6}.hero-actions[b-pux0j36bau]{display:flex;gap:9px;flex-wrap:wrap}.btn[b-pux0j36bau]{border:0;border-radius:12px;padding:11px 15px;text-decoration:none;font-weight:700}.btn.primary[b-pux0j36bau]{background:#fff;color:#075e4c}.btn.ghost[b-pux0j36bau]{background:#ffffff17;color:#fff;border:1px solid #ffffff2e}.summary-strip[b-pux0j36bau]{display:flex;align-items:center;gap:28px;margin:18px 0;padding:14px 20px;background:#fff;border:1px solid var(--line);border-radius:16px}.summary-strip div[b-pux0j36bau]{display:grid}.summary-strip strong[b-pux0j36bau]{font-size:1.2rem}.summary-strip small[b-pux0j36bau]{color:var(--muted)}.summary-strip .danger[b-pux0j36bau]{margin-inline-start:auto}.switch-row[b-pux0j36bau]{display:flex!important;align-items:center;gap:10px}.switch-row input[b-pux0j36bau]{width:42px;height:22px;accent-color:var(--brand)}.studio-grid[b-pux0j36bau]{display:grid;grid-template-columns:1.05fr 1.25fr .9fr;gap:16px;align-items:start}.panel[b-pux0j36bau]{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 12px 35px #1926410a;overflow:hidden}.panel-head[b-pux0j36bau]{display:flex;align-items:center;justify-content:space-between;padding:19px 20px;border-bottom:1px solid var(--line)}.panel-head h2[b-pux0j36bau]{margin:0;font-size:1.05rem}.panel-head p[b-pux0j36bau]{margin:4px 0 0;color:var(--muted);font-size:.78rem}.mini-actions[b-pux0j36bau]{display:flex;gap:6px}.mini-actions button[b-pux0j36bau],.icon[b-pux0j36bau],.order button[b-pux0j36bau]{border:0;background:#edf7f3;color:var(--brand);border-radius:9px;width:34px;height:34px}.search[b-pux0j36bau]{margin:14px;display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--line);border-radius:11px}.search input[b-pux0j36bau]{border:0;outline:0;width:100%}.tree-list[b-pux0j36bau]{max-height:650px;overflow:auto;padding:0 12px 14px}.node-card[b-pux0j36bau]{display:grid;grid-template-columns:40px 1fr auto 28px;align-items:center;gap:9px;margin:7px 0;margin-inline-start:calc(var(--depth)*24px);padding:10px;border:1px solid var(--line);border-radius:13px;cursor:pointer}.node-card:hover[b-pux0j36bau],.node-card.selected[b-pux0j36bau]{border-color:#59bda1;background:#f1fbf7}.node-icon[b-pux0j36bau]{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#e9f7f2;color:var(--brand)}.node-card div[b-pux0j36bau]{min-width:0}.node-card strong[b-pux0j36bau],.node-card small[b-pux0j36bau]{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.node-card small[b-pux0j36bau]{font-size:.7rem;color:var(--muted)}.status[b-pux0j36bau]{font-size:.66rem;padding:4px 7px;border-radius:99px}.status.on[b-pux0j36bau]{background:#e4f8ee;color:#087f5b}.status.off[b-pux0j36bau]{background:#f2f3f5;color:#7b8493}.order[b-pux0j36bau]{display:grid;gap:2px}.order button[b-pux0j36bau]{width:25px;height:19px;font-size:.65rem;background:#f4f5f8;color:#687386}.editor-panel[b-pux0j36bau]{min-height:550px}.form-grid[b-pux0j36bau]{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:20px}.form-grid label[b-pux0j36bau],.preview-panel>label[b-pux0j36bau]{display:grid;gap:7px;font-size:.8rem;font-weight:700}.form-grid label span[b-pux0j36bau]{color:#d9485f}.wide[b-pux0j36bau]{grid-column:1/-1}.form-grid input[b-pux0j36bau],.form-grid select[b-pux0j36bau],.form-grid textarea[b-pux0j36bau],.preview-panel textarea[b-pux0j36bau]{border:1px solid var(--line);border-radius:10px;padding:10px;outline:0;background:#fbfcfe}.form-grid input:focus[b-pux0j36bau],.form-grid select:focus[b-pux0j36bau],.form-grid textarea:focus[b-pux0j36bau]{border-color:#42a98c;box-shadow:0 0 0 3px #42a98c1c}.form-grid small[b-pux0j36bau]{font-weight:400;color:var(--muted)}.empty[b-pux0j36bau]{min-height:500px;display:grid;place-content:center;text-align:center;color:var(--muted)}.empty i[b-pux0j36bau]{font-size:3rem;color:#8bcbb8}.type-pill[b-pux0j36bau]{font-size:.68rem;background:#e8f7f2;color:var(--brand);padding:4px 8px;border-radius:99px}.danger[b-pux0j36bau]{color:#c83a52!important}.text-btn[b-pux0j36bau]{border:0;background:transparent;font-weight:700}.preview-panel[b-pux0j36bau]{padding-bottom:18px}.preview-panel>label[b-pux0j36bau]{margin:16px}.phone-preview[b-pux0j36bau]{margin:16px;border:7px solid #18222f;border-radius:24px;overflow:hidden;background:#e7ded5;box-shadow:0 20px 30px #1b28331f}.phone-top[b-pux0j36bau]{display:flex;align-items:center;gap:10px;padding:12px;background:#075e54;color:#fff}.phone-top i[b-pux0j36bau]{font-size:1.6rem}.phone-top div[b-pux0j36bau]{display:grid}.phone-top small[b-pux0j36bau]{font-size:.68rem;color:#cbe8e2}.preview-chat[b-pux0j36bau]{height:350px;overflow:auto;padding:12px;background-color:#efeae2;background-image:radial-gradient(#8b81771a 1px,transparent 1px);background-size:14px 14px}.bubble[b-pux0j36bau]{max-width:88%;white-space:pre-wrap;padding:9px 11px;margin:7px 0;border-radius:10px;font-size:.78rem;box-shadow:0 1px 2px #0001}.bubble.bot[b-pux0j36bau]{background:#fff}.bubble.user[b-pux0j36bau]{background:#d9fdd3;margin-inline-start:auto}.preview-compose[b-pux0j36bau]{display:flex;gap:5px;padding:8px;background:#f0f2f5}.preview-compose input[b-pux0j36bau]{min-width:0;flex:1;border:0;border-radius:20px;padding:9px}.preview-compose button[b-pux0j36bau]{border:0;border-radius:50%;width:38px;background:#00a884;color:#fff}.loading[b-pux0j36bau]{padding:80px;text-align:center}.spinner-border[b-pux0j36bau]{margin-inline-end:8px}@media(max-width:1100px){.studio-grid[b-pux0j36bau]{grid-template-columns:1fr 1fr}.preview-panel[b-pux0j36bau]{grid-column:1/-1}}@media(max-width:700px){.v1-designer[b-pux0j36bau]{padding:10px}.designer-hero[b-pux0j36bau]{align-items:flex-start;flex-direction:column;padding:22px}.studio-grid[b-pux0j36bau]{grid-template-columns:1fr}.preview-panel[b-pux0j36bau]{grid-column:auto}.summary-strip[b-pux0j36bau]{gap:14px;overflow:auto}.form-grid[b-pux0j36bau]{grid-template-columns:1fr}.wide[b-pux0j36bau]{grid-column:auto}}
/* /Pages/Settings/WhatsAppGatewayV1Requests.razor.rz.scp.css */
.requests-v1[b-79dftuf72q]{--green:#087f5b;--ink:#263642;--muted:#6f7a8d;--line:#d9e3ea;color:var(--ink);font-family:"Tajawal",sans-serif;font-size:13px}.requests-content[b-79dftuf72q]{padding:1.25rem 1.5rem 1.5rem}.requests-page-hero[b-79dftuf72q]{display:flex;align-items:stretch;flex-direction:column;gap:.7rem}.requests-title[b-79dftuf72q]{display:grid;gap:.45rem;width:100%}.requests-title p[b-79dftuf72q]{margin:0;text-align:center;color:#667681}.requests-page-hero nav[b-79dftuf72q]{display:flex;justify-content:center;flex-wrap:wrap;gap:.65rem}.requests-page-hero a[b-79dftuf72q],.requests-page-hero button[b-79dftuf72q]{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:38px;border:1px solid #b8cbd3;background:#fff;color:#29424d;text-decoration:none;padding:.48rem .9rem;font-weight:700}.requests-page-hero a:hover[b-79dftuf72q],.requests-page-hero button:hover[b-79dftuf72q]{background:#f2faf7;color:#087a6a}.stats[b-79dftuf72q]{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 16px}.stats button[b-79dftuf72q]{display:grid;text-align:start;border:1px solid var(--line);border-top:3px solid #788396;padding:13px 15px;background:#fff}.stats button.active[b-79dftuf72q]{box-shadow:inset 0 0 0 2px #d7ebe5;background:#f7fcfa}.stats strong[b-79dftuf72q]{font-size:1.4rem}.stats small[b-79dftuf72q]{color:var(--muted)}.stats .pending[b-79dftuf72q]{border-top-color:#e69a25}.stats .progress[b-79dftuf72q]{border-top-color:#4a83d8}.stats .approved[b-79dftuf72q]{border-top-color:#18a16f}.toolbar[b-79dftuf72q]{display:grid;grid-template-columns:2fr repeat(3,1fr) auto;align-items:end;gap:10px;padding:15px;background:#f9fbfc;border:1px solid var(--line)}.toolbar label[b-79dftuf72q]{display:grid;gap:5px}.toolbar label>span[b-79dftuf72q]{font-size:.7rem;color:var(--muted)}.toolbar select[b-79dftuf72q],.search[b-79dftuf72q]{height:41px;border:1px solid var(--line);padding:0 10px;background:#fff}.search[b-79dftuf72q]{display:flex;align-items:center;gap:7px}.search input[b-79dftuf72q]{border:0;outline:0;width:100%;background:transparent}.filter-btn[b-79dftuf72q]{height:41px;border:0;padding:0 15px;background:var(--green);color:#fff}.request-list[b-79dftuf72q]{display:grid;gap:12px;margin-top:14px}.request-card[b-79dftuf72q]{background:#fff;border:1px solid var(--line);overflow:hidden;box-shadow:0 8px 25px #18243808}.request-card>header[b-79dftuf72q]{display:flex;align-items:center;gap:11px;padding:15px 18px;border-bottom:1px solid var(--line)}.request-icon[b-79dftuf72q]{display:grid;place-items:center;width:42px;height:42px;background:#e8f7f2;color:var(--green);font-size:1.2rem}.request-card header div[b-79dftuf72q]{flex:1}.request-card h2[b-79dftuf72q]{margin:0;font-size:1rem}.request-card header p[b-79dftuf72q]{margin:3px 0 0;color:var(--muted);font-size:.7rem}.status-pill[b-79dftuf72q]{padding:5px 9px;border-radius:99px;font-size:.68rem;background:#fff2d8;color:#a66a08}.status-pill.approved[b-79dftuf72q]{background:#e0f6ed;color:#087f5b}.status-pill.inprogress[b-79dftuf72q]{background:#e7effb;color:#356daf}.request-grid[b-79dftuf72q]{display:grid;grid-template-columns:1fr 2fr;gap:28px;padding:17px 18px}.request-grid>div[b-79dftuf72q]{display:grid;gap:3px}.request-grid small[b-79dftuf72q]{color:var(--muted)}.request-grid span[b-79dftuf72q]{font-size:.77rem;color:var(--muted)}.request-grid em[b-79dftuf72q]{width:max-content;margin-top:5px;padding:3px 7px;border-radius:99px;background:#f0f2f5;font-style:normal;font-size:.65rem}.request-card footer[b-79dftuf72q]{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:11px 18px;background:#fafbfd;border-top:1px solid var(--line)}.request-card footer button[b-79dftuf72q],.request-card footer a[b-79dftuf72q]{border:1px solid var(--line);padding:7px 9px;background:#fff;color:#596577;text-decoration:none;font-size:.75rem}.request-card footer .spacer[b-79dftuf72q]{flex:1}.request-card footer .approve[b-79dftuf72q]{color:#087f5b;border-color:#8ed2bc}.request-card footer .done-action[b-79dftuf72q]{background:#087f5b;color:#fff}.request-card footer .progress-action[b-79dftuf72q]{color:#356daf;border-color:#a9c1e5}.request-card footer .reject[b-79dftuf72q],.request-card footer .delete[b-79dftuf72q]{color:#c43b52;border-color:#e7a7b2}.request-card footer button:disabled[b-79dftuf72q]{opacity:.4}.review-box[b-79dftuf72q]{display:grid;gap:10px;padding:16px 18px;background:#f4faf8;border-top:1px dashed #a8d8c9}.review-box label[b-79dftuf72q]{display:grid;gap:5px;font-size:.75rem;font-weight:700}.review-box textarea[b-79dftuf72q],.review-box input[b-79dftuf72q]{border:1px solid #d9e6e2;padding:9px;background:#fff}.review-box>small[b-79dftuf72q]{color:#087f5b}.date-row[b-79dftuf72q]{display:grid;grid-template-columns:1fr 1fr;gap:10px}.empty[b-79dftuf72q]{display:grid;place-content:center;justify-items:center;min-height:360px;color:var(--muted);text-align:center}.empty>i[b-79dftuf72q]{font-size:3rem;color:#68a993}.modal-layer[b-79dftuf72q]{position:fixed;inset:0;z-index:1050;display:grid;place-items:center;padding:20px;background:#11182799;backdrop-filter:blur(4px)}.attachment-modal[b-79dftuf72q]{width:min(800px,100%);max-height:88vh;overflow:auto;padding-bottom:14px;text-align:center;background:#fff}.attachment-modal header[b-79dftuf72q]{display:flex;justify-content:space-between;padding:16px;border-bottom:1px solid var(--line)}.attachment-modal header button[b-79dftuf72q]{border:0;background:transparent}.attachment-modal img[b-79dftuf72q],.attachment-modal iframe[b-79dftuf72q]{display:block;width:calc(100% - 28px);height:65vh;object-fit:contain;margin:14px;border:0}.attachment-modal a[b-79dftuf72q]{display:inline-block;padding:9px 14px;background:var(--green);color:#fff;text-decoration:none}@media(max-width:900px){.stats[b-79dftuf72q]{grid-template-columns:repeat(2,1fr)}.toolbar[b-79dftuf72q]{grid-template-columns:1fr 1fr}.toolbar label:first-child[b-79dftuf72q]{grid-column:1/-1}.request-grid[b-79dftuf72q]{grid-template-columns:1fr}}@media(max-width:600px){.requests-content[b-79dftuf72q]{padding:.75rem}.requests-page-hero nav a[b-79dftuf72q]{font-size:0}.requests-page-hero nav a i[b-79dftuf72q]{font-size:1rem}.toolbar[b-79dftuf72q]{grid-template-columns:1fr}.toolbar label:first-child[b-79dftuf72q]{grid-column:auto}.request-card footer .spacer[b-79dftuf72q]{display:none}.request-card footer[b-79dftuf72q]{align-items:stretch}.request-card footer button[b-79dftuf72q],.request-card footer a[b-79dftuf72q]{flex:1}.date-row[b-79dftuf72q]{grid-template-columns:1fr}}
.stats[b-79dftuf72q]{grid-template-columns:repeat(5,1fr)}
.stats .notification-failed[b-79dftuf72q]{border-top-color:#d44960;background:#fffafa}
.stats .notification-failed strong[b-79dftuf72q]{color:#bb3048}
.request-card footer .retry-action[b-79dftuf72q]{background:#b72f46;border-color:#b72f46;color:#fff}
.notification-alert[b-79dftuf72q]{display:flex;align-items:flex-start;gap:10px;margin:0 18px 14px;padding:11px 13px;border:1px solid #e6a7b2;background:#fff2f4;color:#9f263b}
.notification-alert>i[b-79dftuf72q]{font-size:1.15rem}
.notification-alert div[b-79dftuf72q]{display:grid;gap:2px}
.notification-alert span[b-79dftuf72q]{font-size:.75rem}
@media(max-width:900px){.stats[b-79dftuf72q]{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.stats[b-79dftuf72q]{grid-template-columns:repeat(2,1fr)}}
/* /Pages/Settings/WhatsAppGroups.razor.rz.scp.css */
.groups-page[b-iah7kbec75]{direction:rtl}.groups-intro[b-iah7kbec75]{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 1.5rem;border-bottom:1px solid #dbe8ed}.groups-intro h1[b-iah7kbec75]{font-size:1.25rem;margin:0 0 .25rem;color:#0b4257}.groups-intro p[b-iah7kbec75]{margin:0;color:#637984}.header-actions[b-iah7kbec75]{display:flex;gap:.5rem}.primary-button[b-iah7kbec75],.outline-button[b-iah7kbec75],.danger-button[b-iah7kbec75]{border:0;border-radius:7px;padding:.62rem 1rem;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;font-weight:700;text-decoration:none;cursor:pointer}.primary-button[b-iah7kbec75]{background:#0787ad;color:#fff}.outline-button[b-iah7kbec75]{background:#fff;color:#176079;border:1px solid #bcd2db}.danger-button[b-iah7kbec75]{background:#c93239;color:#fff}.primary-button:disabled[b-iah7kbec75],.danger-button:disabled[b-iah7kbec75]{opacity:.5;cursor:not-allowed}.full[b-iah7kbec75]{width:100%}.notice[b-iah7kbec75]{margin:1rem 1.5rem;padding:.75rem 1rem;border-radius:8px;display:flex;gap:.6rem}.notice.danger[b-iah7kbec75]{background:#fff2f2;color:#a91f2a;border:1px solid #efb9bd}.groups-layout[b-iah7kbec75]{display:grid;grid-template-columns:330px minmax(0,1fr);gap:1rem;padding:1.25rem 1.5rem 1.5rem;background:#f6fafb}.groups-sidebar[b-iah7kbec75]{display:grid;gap:1rem;align-content:start}.create-card[b-iah7kbec75],.group-list-card[b-iah7kbec75],.members-panel[b-iah7kbec75]{background:#fff;border:1px solid #d5e4ea;border-radius:12px;box-shadow:0 5px 16px rgba(25,72,89,.06)}.create-card[b-iah7kbec75]{padding:1rem}.create-card h2[b-iah7kbec75],.group-list-card h2[b-iah7kbec75]{font-size:1rem;color:#0d566e;margin:0}.create-card label[b-iah7kbec75]{display:block;margin-top:.85rem}.create-card label>span[b-iah7kbec75],.add-members label>span[b-iah7kbec75]{display:block;font-weight:700;font-size:.84rem;margin-bottom:.35rem}.create-card small[b-iah7kbec75]{font-weight:400;color:#71858d}.consent-note[b-iah7kbec75]{font-size:.74rem;line-height:1.6;color:#50717d;background:#eef9f5;border-radius:6px;padding:.55rem}.list-heading[b-iah7kbec75]{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1rem .5rem}.list-heading span[b-iah7kbec75]{background:#e5f5fa;color:#087598;border-radius:20px;padding:.1rem .55rem;font-weight:700}.search-box[b-iah7kbec75]{margin:.35rem .75rem .75rem;border:1px solid #cbdde4;border-radius:7px;display:flex;align-items:center;padding:0 .65rem;color:#66808a}.search-box input[b-iah7kbec75]{width:100%;border:0;outline:0;padding:.55rem;background:transparent}.group-list[b-iah7kbec75]{max-height:480px;overflow:auto}.group-item[b-iah7kbec75]{width:100%;display:grid;grid-template-columns:38px 1fr auto;align-items:center;text-align:right;gap:.6rem;border:0;border-top:1px solid #edf2f4;background:#fff;padding:.7rem .8rem;color:#234f5e}.group-item:hover[b-iah7kbec75],.group-item.active[b-iah7kbec75]{background:#eaf7fb}.group-item.active[b-iah7kbec75]{box-shadow:inset -3px 0 #0787ad}.group-avatar[b-iah7kbec75],.member-avatar[b-iah7kbec75]{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#dff3f7;color:#087d9d}.group-copy[b-iah7kbec75]{display:flex;flex-direction:column;min-width:0}.group-copy strong[b-iah7kbec75]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group-copy small[b-iah7kbec75]{color:#71858e}.members-panel[b-iah7kbec75]{min-height:560px;overflow:hidden}.select-prompt[b-iah7kbec75],.empty-state[b-iah7kbec75]{min-height:150px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.4rem;color:#71858e;text-align:center;padding:1rem}.select-prompt[b-iah7kbec75]{height:100%}.select-prompt i[b-iah7kbec75]{font-size:2.6rem;color:#9bcbd8}.select-prompt h2[b-iah7kbec75],.select-prompt p[b-iah7kbec75]{margin:0}.members-header[b-iah7kbec75]{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.15rem;border-bottom:1px solid #dbe8ed}.members-header span[b-iah7kbec75],.members-header small[b-iah7kbec75]{color:#71858e}.members-header h2[b-iah7kbec75]{font-size:1.25rem;margin:.12rem 0;color:#0b526a}.add-members[b-iah7kbec75]{display:grid;grid-template-columns:1fr auto;align-items:end;gap:.75rem;padding:1rem 1.15rem;background:#f6fafb;border-bottom:1px solid #dbe8ed}.members-toolbar[b-iah7kbec75]{display:flex;justify-content:space-between;padding:.65rem 1.15rem;color:#5a737d;border-bottom:1px solid #e5edf0;font-size:.86rem}.members-list[b-iah7kbec75]{max-height:430px;overflow:auto}.member-row[b-iah7kbec75]{display:grid;grid-template-columns:auto 38px 1fr;align-items:center;gap:.65rem;padding:.72rem 1.15rem;border-bottom:1px solid #edf2f4;cursor:pointer}.member-row:hover[b-iah7kbec75]{background:#f6fbfc}.member-row>span:last-child[b-iah7kbec75]{display:flex;flex-direction:column}.member-row small[b-iah7kbec75]{color:#7a8e96}.confirm-box[b-iah7kbec75]{margin:.75rem 1rem;padding:.8rem;border-radius:8px;background:#fff4f2;border:1px solid #efc1b9;color:#8c2920;display:flex;justify-content:space-between;align-items:center;gap:1rem}.confirm-box>div[b-iah7kbec75]{display:flex;gap:.4rem;white-space:nowrap}@media(max-width:760px){.groups-intro[b-iah7kbec75]{align-items:flex-start;flex-direction:column;padding:1rem}.groups-layout[b-iah7kbec75]{grid-template-columns:1fr;padding:.8rem}.header-actions[b-iah7kbec75]{width:100%}.header-actions>*[b-iah7kbec75]{flex:1}.members-panel[b-iah7kbec75]{min-height:420px}.add-members[b-iah7kbec75]{grid-template-columns:1fr}.add-members button[b-iah7kbec75]{width:100%}.members-header[b-iah7kbec75]{align-items:flex-start;gap:.7rem}.members-header .danger-button[b-iah7kbec75]{font-size:.75rem;padding:.55rem}.confirm-box[b-iah7kbec75]{align-items:stretch;flex-direction:column}.confirm-box>div>*[b-iah7kbec75]{flex:1}.group-list[b-iah7kbec75]{max-height:300px}}
/* /Pages/Settings/WhatsAppRecipients.razor.rz.scp.css */
.recipients-page[b-sn0de2ccaw]{direction:rtl;padding-bottom:1.5rem}.recipients-page *[b-sn0de2ccaw]{border-radius:0!important}.recipients-intro[b-sn0de2ccaw]{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.2rem 1.5rem;border-bottom:1px solid #dbe8ed}.recipients-intro h1[b-sn0de2ccaw]{font-size:1.2rem;color:#0b526a;margin:0 0 .25rem}.recipients-intro p[b-sn0de2ccaw]{margin:0;color:#687e87;font-size:.9rem}.refresh-button[b-sn0de2ccaw],.status-button[b-sn0de2ccaw],.cancel-button[b-sn0de2ccaw],.activate-button[b-sn0de2ccaw],.danger-button[b-sn0de2ccaw]{border:0;padding:.58rem .9rem;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;font-weight:700;cursor:pointer}.refresh-button[b-sn0de2ccaw]{background:#0787ad;color:#fff}.consent-warning[b-sn0de2ccaw]{margin:1rem 1.5rem;display:flex;align-items:center;gap:.7rem;padding:.8rem 1rem;background:#eef9f5;border:1px solid #c9eadf;color:#296757;font-size:.84rem}.consent-warning i[b-sn0de2ccaw]{font-size:1.35rem;color:#0c8c68}.status-summary[b-sn0de2ccaw]{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin:0 1.5rem 1rem}.status-summary article[b-sn0de2ccaw]{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;border:1px solid #d8e6eb;background:#fff}.status-summary article>i[b-sn0de2ccaw]{width:38px;height:38px;display:grid;place-items:center;background:#e7f4f8;color:#0b7c9c;font-size:1.15rem}.status-summary article.active>i[b-sn0de2ccaw]{background:#e4f6ef;color:#08785a}.status-summary article.inactive>i[b-sn0de2ccaw]{background:#fcecec;color:#bd343d}.status-summary div[b-sn0de2ccaw]{display:flex;flex-direction:column}.status-summary strong[b-sn0de2ccaw]{font-size:1.2rem;color:#163f4d}.status-summary span[b-sn0de2ccaw]{color:#71858e;font-size:.78rem}.recipient-filters[b-sn0de2ccaw]{display:grid;grid-template-columns:minmax(220px,1fr) repeat(4,140px) auto;align-items:center;gap:.65rem;margin:0 1.5rem 1rem}.search-field[b-sn0de2ccaw]{display:flex;align-items:center;border:1px solid #c8dce3;padding:0 .7rem;color:#69818b;background:#fff}.search-field input[b-sn0de2ccaw]{width:100%;border:0;outline:0;padding:.65rem;background:transparent}.recipient-filters select[b-sn0de2ccaw]{border:1px solid #c8dce3;background:#fff;padding:.65rem;color:#315968}.result-count[b-sn0de2ccaw]{color:#67808a;font-size:.8rem;white-space:nowrap}.page-notice[b-sn0de2ccaw]{margin:0 1.5rem 1rem;padding:.75rem 1rem;display:flex;gap:.6rem}.page-notice.danger[b-sn0de2ccaw]{background:#fff2f2;border:1px solid #efb9bd;color:#a91f2a}.confirmation-box[b-sn0de2ccaw]{margin:0 1.5rem 1rem;padding:.85rem 1rem;border:1px solid #e8c982;background:#fff9e9;display:flex;align-items:center;justify-content:space-between;gap:1rem;color:#775915}.confirmation-box>div:first-child[b-sn0de2ccaw]{display:flex;align-items:center;gap:.65rem}.confirmation-box>div:first-child>i[b-sn0de2ccaw]{font-size:1.35rem}.confirmation-box span[b-sn0de2ccaw]{display:flex;flex-wrap:wrap;gap:.3rem}.confirmation-actions[b-sn0de2ccaw]{display:flex;gap:.45rem;white-space:nowrap}.cancel-button[b-sn0de2ccaw]{background:#fff;border:1px solid #bfd1d8;color:#385e6b}.activate-button[b-sn0de2ccaw]{background:#078765;color:#fff}.danger-button[b-sn0de2ccaw]{background:#c93239;color:#fff}.recipients-table-wrap[b-sn0de2ccaw]{margin:0 1.5rem;border:1px solid #d5e4ea;overflow:hidden;background:#fff}.recipients-table[b-sn0de2ccaw]{width:100%;border-collapse:collapse}.recipients-table th[b-sn0de2ccaw]{background:#087fa5;color:#fff;padding:.7rem .75rem;font-size:.8rem;text-align:right}.recipients-table td[b-sn0de2ccaw]{padding:.7rem .75rem;border-bottom:1px solid #e7eef1;vertical-align:middle;font-size:.81rem}.recipients-table tbody tr:hover[b-sn0de2ccaw]{background:#f7fbfc}.recipients-table td:first-child[b-sn0de2ccaw]{max-width:280px}.recipients-table td strong[b-sn0de2ccaw],.recipients-table td small[b-sn0de2ccaw]{display:block}.recipients-table td small[b-sn0de2ccaw]{color:#778b93;font-size:.7rem;margin-top:.16rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.phone[b-sn0de2ccaw]{font-weight:700;color:#08735c;white-space:nowrap}.type-badge[b-sn0de2ccaw],.state-badge[b-sn0de2ccaw]{display:inline-flex;align-items:center;gap:.35rem;white-space:nowrap}.type-badge[b-sn0de2ccaw]{color:#315e6d}.state-badge[b-sn0de2ccaw]{padding:.28rem .55rem;font-weight:700;font-size:.75rem}.state-badge.on[b-sn0de2ccaw]{background:#e4f6ef;color:#08785a}.state-badge.off[b-sn0de2ccaw]{background:#fcebec;color:#b82d38}.source-text[b-sn0de2ccaw]{white-space:nowrap;color:#456774}.status-button[b-sn0de2ccaw]{font-size:.75rem;padding:.45rem .7rem}.status-button.enable[b-sn0de2ccaw]{background:#e3f5ee;color:#087657;border:1px solid #b9dfd0}.status-button.disable[b-sn0de2ccaw]{background:#fff0f0;color:#b12b35;border:1px solid #edc2c5}.status-button:disabled[b-sn0de2ccaw],.refresh-button:disabled[b-sn0de2ccaw],.confirmation-actions button:disabled[b-sn0de2ccaw]{opacity:.5;cursor:not-allowed}.empty-state[b-sn0de2ccaw]{min-height:250px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.45rem;color:#71858e;text-align:center;padding:1rem}.empty-state>i[b-sn0de2ccaw]{font-size:2rem;color:#9bcbd8}.empty-state span[b-sn0de2ccaw]{font-size:.8rem}
.bulk-toolbar[b-sn0de2ccaw]{display:flex;align-items:center;gap:.8rem;margin:0 1.5rem 1rem;padding:.7rem .85rem;border:1px solid #cbdfe6;border-radius:9px;background:#f5fafc;color:#365f6e}.bulk-toolbar>label[b-sn0de2ccaw]{display:flex;align-items:center;gap:.45rem;cursor:pointer}.bulk-toolbar>strong[b-sn0de2ccaw]{margin-inline-start:auto;font-size:.82rem;color:#0b6e8d}.bulk-toolbar>div[b-sn0de2ccaw]{display:flex;gap:.45rem}.bulk-toolbar button[b-sn0de2ccaw]{border-radius:7px;padding:.48rem .75rem;display:inline-flex;align-items:center;gap:.35rem;font-weight:700;font-size:.76rem;cursor:pointer}.bulk-activate[b-sn0de2ccaw]{background:#e3f5ee;color:#087657;border:1px solid #abd7c6}.bulk-disable[b-sn0de2ccaw]{background:#fff0f0;color:#b12b35;border:1px solid #e9b9bd}.bulk-toolbar button:disabled[b-sn0de2ccaw]{opacity:.45;cursor:not-allowed}.recipients-table th[b-sn0de2ccaw],.recipients-table td[b-sn0de2ccaw]{border:1px solid #cadde4}.recipients-table th[b-sn0de2ccaw]{border-color:#3b9ab8}.recipients-table tbody tr:last-child td[b-sn0de2ccaw]{border-bottom:1px solid #cadde4}.recipients-table .select-column[b-sn0de2ccaw]{width:46px;max-width:46px;text-align:center;padding:.55rem}.recipients-table input[type=checkbox][b-sn0de2ccaw],.bulk-toolbar input[type=checkbox][b-sn0de2ccaw]{width:16px;height:16px;accent-color:#087fa5}.recipients-table tr.selected-row[b-sn0de2ccaw]{background:#edf9fc}.recipients-table tr.selected-row:hover[b-sn0de2ccaw]{background:#e5f5f9}
.state-badge.opted-out[b-sn0de2ccaw]{background:#fff3d9;color:#8a5a00}.status-button.locked[b-sn0de2ccaw]{background:#f2f2f2;color:#6d7478;border:1px solid #cfd5d8}.opt-out-hint[b-sn0de2ccaw]{color:#8a5a00;font-size:.75rem;display:inline-flex;align-items:center;gap:.3rem}
@media(max-width:820px){.recipients-intro[b-sn0de2ccaw]{align-items:flex-start}.status-summary[b-sn0de2ccaw]{grid-template-columns:repeat(3,1fr)}.recipient-filters[b-sn0de2ccaw]{grid-template-columns:1fr 1fr}.search-field[b-sn0de2ccaw]{grid-column:1/-1}.result-count[b-sn0de2ccaw]{text-align:left}.bulk-toolbar[b-sn0de2ccaw]{flex-wrap:wrap}.bulk-toolbar>strong[b-sn0de2ccaw]{margin-inline-start:auto}.bulk-toolbar>div[b-sn0de2ccaw]{width:100%}.bulk-toolbar>div button[b-sn0de2ccaw]{flex:1;justify-content:center}.recipients-table-wrap[b-sn0de2ccaw]{border:0;overflow:visible;background:transparent}.recipients-table thead[b-sn0de2ccaw]{display:none}.recipients-table[b-sn0de2ccaw],.recipients-table tbody[b-sn0de2ccaw],.recipients-table tr[b-sn0de2ccaw],.recipients-table td[b-sn0de2ccaw]{display:block;width:100%}.recipients-table tr[b-sn0de2ccaw]{margin-bottom:.7rem;border:1px solid #bcd3dc;border-radius:10px;background:#fff;overflow:hidden}.recipients-table td[b-sn0de2ccaw]{display:grid;grid-template-columns:105px minmax(0,1fr);align-items:center;gap:.6rem;border:0;border-bottom:1px solid #cedfe5;padding:.58rem .7rem}.recipients-table td:last-child[b-sn0de2ccaw]{border-bottom:0}.recipients-table td[b-sn0de2ccaw]::before{content:attr(data-label);font-weight:700;color:#55717c;font-size:.75rem}.recipients-table td:first-child[b-sn0de2ccaw]{max-width:none}.recipients-table .select-column[b-sn0de2ccaw]{width:100%;max-width:none;text-align:right}.recipients-table td small[b-sn0de2ccaw]{white-space:normal}.confirmation-box[b-sn0de2ccaw]{align-items:stretch;flex-direction:column}.confirmation-actions button[b-sn0de2ccaw]{flex:1}}
@media(max-width:560px){.recipients-intro[b-sn0de2ccaw]{flex-direction:column;padding:1rem}.refresh-button[b-sn0de2ccaw]{width:100%}.consent-warning[b-sn0de2ccaw],.status-summary[b-sn0de2ccaw],.recipient-filters[b-sn0de2ccaw],.bulk-toolbar[b-sn0de2ccaw],.page-notice[b-sn0de2ccaw],.confirmation-box[b-sn0de2ccaw],.recipients-table-wrap[b-sn0de2ccaw]{margin-right:.75rem;margin-left:.75rem}.status-summary[b-sn0de2ccaw]{gap:.4rem}.status-summary article[b-sn0de2ccaw]{padding:.65rem .5rem;gap:.4rem}.status-summary article>i[b-sn0de2ccaw]{width:30px;height:30px;font-size:.9rem}.status-summary strong[b-sn0de2ccaw]{font-size:1rem}.status-summary span[b-sn0de2ccaw]{font-size:.65rem}.recipient-filters[b-sn0de2ccaw]{grid-template-columns:1fr}.search-field[b-sn0de2ccaw]{grid-column:auto}.result-count[b-sn0de2ccaw]{text-align:right}.recipients-table td[b-sn0de2ccaw]{grid-template-columns:90px minmax(0,1fr)}}

/* Keep every grid column visible and let long Arabic names wrap naturally. */
.recipients-page.app-max-1400[b-sn0de2ccaw]{width:min(1400px,calc(100% - 2rem))}
.recipients-table[b-sn0de2ccaw]{table-layout:fixed}
.recipients-table col.select-column-width[b-sn0de2ccaw]{width:4%}
.recipients-table col.owner-column-width[b-sn0de2ccaw]{width:30%}
.recipients-table col.type-column-width[b-sn0de2ccaw]{width:10%}
.recipients-table col.phone-column-width[b-sn0de2ccaw]{width:13%}
.recipients-table col.state-column-width[b-sn0de2ccaw]{width:14%}
.recipients-table col.source-column-width[b-sn0de2ccaw]{width:13%}
.recipients-table col.action-column-width[b-sn0de2ccaw]{width:16%}
.recipients-table th[b-sn0de2ccaw],.recipients-table td[b-sn0de2ccaw]{min-width:0;overflow-wrap:anywhere}
.recipients-table .recipient-owner strong[b-sn0de2ccaw],.recipients-table .recipient-owner small[b-sn0de2ccaw]{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.55;word-break:normal;overflow-wrap:anywhere}
.recipients-table .phone[b-sn0de2ccaw]{display:inline-block;max-width:100%;direction:ltr;unicode-bidi:isolate;white-space:nowrap}
.recipients-table .type-badge[b-sn0de2ccaw],.recipients-table .state-badge[b-sn0de2ccaw],.recipients-table .source-text[b-sn0de2ccaw]{white-space:normal;flex-wrap:wrap;line-height:1.45}
.recipients-table .status-button[b-sn0de2ccaw]{width:100%;white-space:normal;line-height:1.4}

@media(max-width:820px){
    .recipients-page.app-max-1400[b-sn0de2ccaw]{width:100%}
    .recipients-table colgroup[b-sn0de2ccaw]{display:none}
}
/* /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/Mokalfh5.razor.rz.scp.css */
.mokalfh5-page[b-ibcd0mo69a]{padding-bottom:2rem}.mokalfh5-panel[b-ibcd0mo69a]{border:1px solid #d4e2e9;padding:1.25rem;margin-top:1rem;background:#fff}.mokalfh5-date[b-ibcd0mo69a]{max-width:300px;margin:0 0 1rem auto}.mokalfh5-grid[b-ibcd0mo69a]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.mokalfh5-grid.compact[b-ibcd0mo69a]{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}.mokalfh5-search[b-ibcd0mo69a]{height:42px}.mokalfh5-section-head[b-ibcd0mo69a]{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dbe8ee;margin-bottom:1rem;padding-bottom:.75rem}.mokalfh5-section-head h2[b-ibcd0mo69a]{margin:0;color:#006d98;font-size:1.1rem}.mokalfh5-section-head p[b-ibcd0mo69a]{margin:.2rem 0 0;color:#678}.mokalfh5-section-head span[b-ibcd0mo69a]{background:#e8f6fb;color:#007da9;padding:.45rem .7rem;font-weight:700}.mokalfh5-table-wrap[b-ibcd0mo69a]{width:min(100%,500px);overflow:auto;margin:1rem auto 0 auto}.mokalfh5-table[b-ibcd0mo69a]{width:100%;border-collapse:collapse;font-size:.78rem}.mokalfh5-table th[b-ibcd0mo69a]{background:#0782ad;color:#fff;font-size:.78rem}.mokalfh5-table th[b-ibcd0mo69a],.mokalfh5-table td[b-ibcd0mo69a]{border:1px solid #c9dce5;padding:.38rem .5rem;text-align:right;line-height:1.35 ;height: 40px;}.mokalfh5-table th:first-child[b-ibcd0mo69a],.mokalfh5-table td:first-child[b-ibcd0mo69a]{width:2.8rem;text-align:center}.mokalfh5-table th:last-child[b-ibcd0mo69a],.mokalfh5-table td:last-child[b-ibcd0mo69a]{width:9.5rem;text-align:center}.mokalfh5-actions[b-ibcd0mo69a]{display:flex;gap:1rem;align-items:center;justify-content:flex-end;margin-top:.7rem;font-weight:700}@media(max-width:700px){.mokalfh5-grid[b-ibcd0mo69a],.mokalfh5-grid.compact[b-ibcd0mo69a]{grid-template-columns:1fr}.mokalfh5-section-head[b-ibcd0mo69a]{align-items:flex-start;gap:.5rem;flex-direction:column}.mokalfh5-table-wrap[b-ibcd0mo69a]{width:100%;margin-top:.8rem}}
/* /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-size: .75rem;
    font-weight: 700;
    line-height: 1.45;
}

    .solook-view-table .violation-name[b-pbvefhkwmc] {
        min-width: 260px;
        font-size: .75rem;
}

.solook-view-table .date-column[b-pbvefhkwmc],
.solook-view-table .date-cell[b-pbvefhkwmc] {
    width: 104px;
    min-width: 104px;
    white-space: normal;
}

.date-cell[b-pbvefhkwmc] {
    direction: rtl;
    padding: 5px 6px !important;
    font-size: .72rem;
    line-height: 1.35;
}

.date-cell .date-day[b-pbvefhkwmc],
.date-cell .date-value[b-pbvefhkwmc] {
    display: block;
}

.date-cell .date-day[b-pbvefhkwmc] {
    color: #0b7298;
    font-weight: 800;
}

.date-cell .date-value[b-pbvefhkwmc] {
    direction: ltr;
    unicode-bidi: isolate;
    margin-top: 2px;
    color: #345768;
}

.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-action-buttons a[b-4iop13k5h0] {
    min-width: 120px;
    height: 36px;
    text-decoration: none;
}

.student-shoba-action-buttons a.disabled[b-4iop13k5h0] {
    pointer-events: none;
    opacity: .55;
}

.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-page-actions[b-3i6wehid95] {
    display: flex;
    gap: .3rem;
}

.shoba-selection-tools[b-3i6wehid95] {
    display: flex;
    align-items: center;
    gap: .45rem;
}

.shoba-section-head > .shoba-selection-tools[b-3i6wehid95] {
    display: flex;
    flex-wrap: nowrap;
}

.shoba-page-action[b-3i6wehid95] {
    width: 32px;
    height: 32px;
    min-width: 32px;
    min-height: 32px;
    max-width: 32px;
    max-height: 32px;
    flex: 0 0 32px;
    aspect-ratio: 1;
    box-sizing: border-box;
    display: inline-grid;
    place-items: center;
    padding: 0;
    border: 1px solid #b9d8e7;
    background: #fff;
    color: #087fae;
    font-size: .9rem;
    box-shadow: 0 2px 6px rgba(23, 51, 74, .08);
}

.shoba-page-action:hover[b-3i6wehid95],
.shoba-page-action:focus-visible[b-3i6wehid95] {
    border-color: #087fae;
    background: #eaf7fc;
    outline: 0;
}

.shoba-page-action:disabled[b-3i6wehid95] {
    cursor: not-allowed;
    opacity: .5;
}

.shoba-filter-panel[b-3i6wehid95],
.shoba-results[b-3i6wehid95] {
    border: 1px solid #d7e3eb;
    background: #fff;
}

.shoba-section-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] {
    display: grid;
    gap: .18rem;
}

.shoba-section-head strong[b-3i6wehid95] {
    color: #17334a;
    font-size: .98rem;
    font-weight: 900;
}

.shoba-section-head span[b-3i6wehid95] {
    color: #60788a;
    font-size: .78rem;
    font-weight: 700;
}

.shoba-selected-count[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(3, 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-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] {
        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] {
        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-page-actions[b-3i6wehid95] {
        gap: .22rem;
    }

    .shoba-page-action[b-3i6wehid95] {
        width: 32px;
        height: 32px;
        font-size: .9rem;
    }
}

@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;
    border-collapse: collapse;
    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: 1px solid rgba(255, 255, 255, .48);
    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: 1px solid #d3dfe5 !important;
    color: #263944;
    vertical-align: middle;
}

.student-table-wrap .app-data-table tbody tr:last-child td[b-am9rsi436z] {
    border-bottom: 1px solid #d3dfe5 !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;
    font-size: 1.45rem;
    line-height: 1;
    transition: transform .15s ease, background-color .15s ease;
}

.student-table-wrap .app-row-action span[b-am9rsi436z] {
    display: block;
    font-size: inherit;
    font-weight: 900;
    line-height: .8;
}

.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-table-wrap .student-personal-id-column[b-am9rsi436z] {
        display: none;
    }

    .student-table-wrap.student-specific-saf .student-saf-column[b-am9rsi436z] {
        display: none;
    }

    .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;
    }
}

@media (max-width: 460px) {
    .student-page-content[b-am9rsi436z] {
        padding-inline: 0;
    }

    .student-table-wrap[b-am9rsi436z] {
        margin-top: .45rem;
        box-shadow: none;
    }

    .student-table-wrap .app-data-table[b-am9rsi436z] {
        width: 460px;
        min-width: 460px;
        table-layout: fixed;
    }

    .student-table-wrap.student-specific-saf .app-data-table[b-am9rsi436z] {
        width: 420px;
        min-width: 420px;
    }

    .student-table-wrap .app-data-table thead th[b-am9rsi436z] {
        padding: .38rem .12rem;
        line-height: 1.15;
    }

    .student-table-wrap .app-data-table tbody td[b-am9rsi436z] {
        padding: .2rem .12rem;
        line-height: 1.22;
    }

    .student-table-wrap .student-row-number[b-am9rsi436z] {
        width: 25px;
    }

    .student-table-wrap .student-actions-column[b-am9rsi436z] {
        width: 43px;
    }

    .student-table-wrap .app-name-cell[b-am9rsi436z] {
        width: 112px;
        min-width: 112px;
        max-width: 112px;
        white-space: normal;
        overflow-wrap: anywhere;
        word-break: normal;
        line-height: 1.25;
    }

    .student-table-wrap .student-saf-column[b-am9rsi436z] {
        width: 40px;
    }

    .student-table-wrap .student-shoba-column[b-am9rsi436z] {
        width: 38px;
    }

    .student-table-wrap .student-wali-phone-column[b-am9rsi436z],
    .student-table-wrap .student-mobile-column[b-am9rsi436z] {
        width: 101px;
        white-space: nowrap;
    }

    .student-table-wrap .app-phone-status[b-am9rsi436z] {
        gap: .12rem;
        padding: 0;
        letter-spacing: -.015em;
    }

    .student-table-wrap .app-row-actions[b-am9rsi436z] {
        gap: .05rem;
    }

    .student-table-wrap .app-row-action[b-am9rsi436z] {
        width: 20px;
        min-width: 20px;
        height: 28px;
        padding: 0;
        font-size: 1.3rem;
    }

    .student-table-wrap .app-row-action span[b-am9rsi436z] {
        font-size: 1.3rem;
        line-height: 1;
    }
}

.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: hidden;
    overscroll-behavior: contain;
    pointer-events: none;
}

.student-edit-card[b-am9rsi436z] {
    width: min(100%, 760px);
    max-height: calc(100dvh - 36px);
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #d9e2ea;
    background: #ffffff;
    box-shadow: 0 18px 42px rgba(15, 23, 42, .22);
    pointer-events: auto;
}

.student-edit-header[b-am9rsi436z] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.1rem;
    border-bottom: 1px solid #d9e2ea;
    background: #f8fafc;
}

.student-edit-header h2[b-am9rsi436z] {
    margin: 0 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] {
    flex: 0 0 auto;
    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] {
    flex: 1 1 auto;
    min-height: 0;
    padding: 1rem;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
}

.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: 76px minmax(105px, .8fr) minmax(95px, 1fr) 72px;
    gap: .5rem;
    align-items: end;
    padding: .7rem;
    border-top: 1px solid #e2e8f0;
}

.student-phone-row + .student-phone-row[b-am9rsi436z] {
    border-top: 2px solid #b9cbd5;
}

.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-phone-icon-btn[b-am9rsi436z] {
    min-width: 30px !important;
    width: 30px;
    height: 30px;
    padding: 0 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.student-edit-footer[b-am9rsi436z] {
    flex: 0 0 auto;
    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(100dvh - 16px);
    }

    .student-edit-header[b-am9rsi436z] {
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between;
        gap: .75rem;
        padding: .85rem;
    }

    .student-edit-header > div:first-child[b-am9rsi436z] {
        flex: 1 1 auto;
        min-width: 0;
        text-align: right;
    }

    .student-edit-header h2[b-am9rsi436z] {
        overflow-wrap: anywhere;
    }

    .student-edit-header-actions[b-am9rsi436z] {
        flex: 0 0 auto;
        width: auto;
        justify-content: flex-start;
    }

    .student-edit-grid[b-am9rsi436z] {
        grid-template-columns: 1fr;
    }

    .student-phone-row[b-am9rsi436z] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        grid-template-areas:
            "default default"
            "number relation"
            "actions actions";
        gap: .5rem;
        margin: .6rem;
        padding: .7rem;
        border: 1px solid #bdcdd6;
        background: #ffffff;
        box-shadow: 0 2px 7px rgba(15, 60, 78, .07);
    }

    .student-phone-row + .student-phone-row[b-am9rsi436z] {
        border-top: 1px solid #bdcdd6;
    }

    .student-phone-row.new[b-am9rsi436z] {
        border-style: dashed;
        background: #f6fafc;
    }

    .student-phone-default[b-am9rsi436z] {
        grid-area: default;
        min-height: 30px;
    }

    .student-phone-number[b-am9rsi436z] {
        grid-area: number;
    }

    .student-phone-relation[b-am9rsi436z] {
        grid-area: relation;
    }

    .student-phone-row .form-control[b-am9rsi436z] {
        height: 34px;
        min-height: 34px;
        padding: .28rem .45rem;
        font-size: .78rem;
    }

    .student-phone-actions[b-am9rsi436z] {
        grid-area: actions;
        justify-content: center;
        padding-top: .1rem;
    }
}
/* /Pages/Students/StudentDistributionRecovery.razor.rz.scp.css */
.recovery-content[b-qwmpq5bdpd]{padding:24px;display:grid;gap:20px}.recovery-warning[b-qwmpq5bdpd]{display:flex;gap:14px;align-items:flex-start;padding:18px;border:1px solid #f0c36a;border-radius:12px;background:#fff9e8;color:#694d12}.recovery-warning i[b-qwmpq5bdpd]{font-size:24px}.recovery-warning div[b-qwmpq5bdpd]{display:grid;gap:5px}.recovery-warning span[b-qwmpq5bdpd]{line-height:1.8}.recovery-options[b-qwmpq5bdpd]{display:flex;align-items:center;gap:22px;padding:16px;border:1px solid #cfe0e7;border-radius:11px;background:#f8fbfc}.recovery-options label[b-qwmpq5bdpd]{display:flex;align-items:center;gap:7px;font-weight:700}.recovery-options input[b-qwmpq5bdpd]{width:19px;height:19px}.recovery-options span[b-qwmpq5bdpd]{color:#b42318}.stats-grid[b-qwmpq5bdpd]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.stats-grid>div[b-qwmpq5bdpd]{padding:15px;border:1px solid #dbe5ea;border-radius:10px;background:#f8fbfc;display:grid;gap:7px}.stats-grid strong[b-qwmpq5bdpd]{font-size:24px;color:#16485c}.stats-grid .good[b-qwmpq5bdpd]{border-color:#9fdcc7;background:#f0fbf7}.stats-grid .accent[b-qwmpq5bdpd]{border-color:#91c9e7;background:#eef8fd}.stats-grid .warn[b-qwmpq5bdpd]{border-color:#f2cc84;background:#fffaf0}.stats-grid .bad[b-qwmpq5bdpd]{border-color:#efb0b0;background:#fff4f4}.privacy-note[b-qwmpq5bdpd]{padding:12px 15px;background:#eef7fa;border-radius:9px;color:#426575}.privacy-note i[b-qwmpq5bdpd]{margin-inline-end:7px}.confirm-panel[b-qwmpq5bdpd]{padding:18px;border:1px solid #dbe5ea;border-radius:12px;background:#fbfdfe;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:end}.restore-button[b-qwmpq5bdpd]{min-height:44px;padding:0 20px;border:0;border-radius:8px;background:#087f78;color:#fff;font-weight:700}.restore-button:disabled[b-qwmpq5bdpd]{opacity:.45}.app-data-table[b-qwmpq5bdpd]{width:100%}@media(max-width:700px){.recovery-content[b-qwmpq5bdpd]{padding:15px}.recovery-options[b-qwmpq5bdpd]{align-items:flex-start;flex-wrap:wrap}.stats-grid[b-qwmpq5bdpd]{grid-template-columns:repeat(2,minmax(0,1fr))}.confirm-panel[b-qwmpq5bdpd]{grid-template-columns:1fr}.restore-button[b-qwmpq5bdpd]{min-height:50px}}
/* /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-error[b-4fxyqf4llh] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .75rem;
    border: 1px solid #efb7b7;
    background: #fff5f5;
    color: #7f1d1d;
    padding: .8rem .9rem;
}

.student-report-error > i[b-4fxyqf4llh] {
    color: #c62828;
    font-size: 1.15rem;
}

.student-report-error > div[b-4fxyqf4llh] {
    display: grid;
    gap: .18rem;
    min-width: 0;
}

.student-report-error strong[b-4fxyqf4llh] {
    font-size: .84rem;
}

.student-report-error span[b-4fxyqf4llh] {
    color: #854747;
    font-size: .75rem;
}

.student-report-error code[b-4fxyqf4llh] {
    width: fit-content;
    max-width: 100%;
    overflow-wrap: anywhere;
    color: #5d2424;
    background: #fbe7e7;
    padding: .15rem .35rem;
    font-size: .72rem;
}

.student-report-copy[b-4fxyqf4llh] {
    border: 1px solid #d88f8f;
    background: #fff;
    color: #7f1d1d;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .3rem;
    padding: .4rem .6rem;
    font-size: .75rem;
    font-weight: 700;
}

.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;
    }

    .student-report-error[b-4fxyqf4llh] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .student-report-copy[b-4fxyqf4llh] {
        grid-column: 1 / -1;
        width: 100%;
    }
}
/* /Pages/Support/HelpMaintenance.razor.rz.scp.css */
.help-maintenance[b-k3if5i2f5a]{overflow:hidden}.help-maintenance .app-page-hero[b-k3if5i2f5a]{margin-bottom:0}.maintenance-card[b-k3if5i2f5a]{display:grid;grid-template-columns:230px minmax(0,1fr);align-items:center;gap:38px;min-height:430px;padding:54px;background:linear-gradient(135deg,#f8fcfd,#eef8f9);border-top:1px solid #dcebed}.maintenance-visual[b-k3if5i2f5a]{position:relative;display:grid;place-items:center;width:190px;height:190px;margin:auto;border-radius:50%;background:linear-gradient(145deg,#078b93,#07566f);box-shadow:0 20px 45px rgba(7,86,111,.2)}.main-icon[b-k3if5i2f5a]{display:grid;place-items:center;width:86px;height:86px;border-radius:26px;background:#fff;color:#078b93;font-size:38px;box-shadow:0 10px 25px rgba(0,0,0,.14)}.orbit[b-k3if5i2f5a]{position:absolute;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff;color:#087f89;box-shadow:0 8px 20px rgba(7,86,111,.16)}.orbit.one[b-k3if5i2f5a]{top:5px;right:4px}.orbit.two[b-k3if5i2f5a]{bottom:4px;left:8px}.maintenance-kicker[b-k3if5i2f5a]{display:inline-flex;padding:5px 11px;border-radius:999px;background:#dff5f2;color:#08776f;font-size:12px;font-weight:900}.maintenance-content h1[b-k3if5i2f5a]{margin:13px 0 10px;color:#123a4a;font-size:32px;font-weight:900}.maintenance-content>p[b-k3if5i2f5a]{max-width:680px;margin:0;color:#5e747e;font-size:16px;line-height:1.9}.maintenance-note[b-k3if5i2f5a]{display:flex;align-items:center;gap:9px;width:fit-content;margin-top:24px;padding:12px 15px;border:1px solid #cbe3e6;border-radius:10px;background:#fff;color:#47656f}.maintenance-note i[b-k3if5i2f5a]{color:#078b93}@media(max-width:700px){.maintenance-card[b-k3if5i2f5a]{grid-template-columns:1fr;gap:24px;min-height:0;padding:35px 20px;text-align:center}.maintenance-visual[b-k3if5i2f5a]{width:145px;height:145px}.main-icon[b-k3if5i2f5a]{width:68px;height:68px;font-size:30px}.maintenance-content h1[b-k3if5i2f5a]{font-size:24px}.maintenance-note[b-k3if5i2f5a]{margin:22px auto 0;text-align:right}}
/* /Pages/Support/StructuredGuideView.razor.rz.scp.css */
.legacy-guide-content[b-vj7gitycdu]{line-height:1.9;white-space:pre-wrap}.structured-guide[b-vj7gitycdu]{display:flex;flex-direction:column;gap:22px}.guide-overview[b-vj7gitycdu]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.guide-overview article[b-vj7gitycdu]{display:flex;gap:12px;padding:17px;border:1px solid #d5e7e8;border-radius:15px;background:linear-gradient(145deg,#effaf9,#fff);box-shadow:0 8px 22px rgba(24,83,95,.06)}.overview-icon[b-vj7gitycdu],.guide-section>header>span[b-vj7gitycdu]{display:grid;place-items:center;flex:0 0 auto;width:42px;height:42px;border-radius:12px;color:#087e87;background:#dff4f2;font-size:1.15rem}.guide-overview h3[b-vj7gitycdu],.guide-section h3[b-vj7gitycdu],.guide-outcomes h3[b-vj7gitycdu]{margin:0 0 5px;font-size:1rem;font-weight:900;color:#123f50}.guide-overview p[b-vj7gitycdu],.guide-section header p[b-vj7gitycdu],.guide-step p[b-vj7gitycdu],.guide-notices p[b-vj7gitycdu]{margin:0;color:#526e79;line-height:1.75}.guide-map[b-vj7gitycdu]{display:flex;align-items:center;gap:14px;padding:12px 15px;border:1px solid #cfe3e5;border-radius:13px;background:#f8fbfc;overflow:hidden}.guide-map>strong[b-vj7gitycdu]{flex:0 0 auto;color:#0a6f78}.guide-map>div[b-vj7gitycdu]{display:flex;align-items:center;gap:8px;overflow:auto;padding-bottom:2px}.guide-map span[b-vj7gitycdu]{display:flex;align-items:center;gap:6px;flex:0 0 auto;padding:6px 9px;border-radius:18px;color:#496771;background:#eaf2f4;font-size:.78rem;font-weight:800}.guide-map b[b-vj7gitycdu]{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;color:#fff;background:#078b93;font-size:.7rem}.guide-section[b-vj7gitycdu]{border:1px solid #dce8eb;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 8px 24px rgba(17,66,81,.055)}.guide-section>header[b-vj7gitycdu]{display:flex;align-items:center;gap:12px;padding:17px 19px;border-bottom:1px solid #e1eaed;background:linear-gradient(90deg,#f3f9f9,#fff)}.guide-section>header h3[b-vj7gitycdu]{font-size:1.08rem}.guide-steps[b-vj7gitycdu]{padding:6px 18px}.guide-step[b-vj7gitycdu]{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;padding:18px 0;border-bottom:1px dashed #dbe6e9}.guide-step:last-child[b-vj7gitycdu]{border-bottom:0}.step-number[b-vj7gitycdu]{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#fff;background:linear-gradient(145deg,#06a0a1,#076c83);font-weight:900;box-shadow:0 5px 12px rgba(7,139,147,.25)}.step-body h4[b-vj7gitycdu]{margin:3px 0 7px;font-size:1rem;font-weight:900;color:#173d4b}.guide-fields[b-vj7gitycdu]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.guide-fields>div[b-vj7gitycdu]{display:flex;flex-direction:column;gap:3px;padding:10px 12px;border:1px solid #e5edef;border-radius:10px;background:#f7fafb}.guide-fields strong[b-vj7gitycdu]{color:#254956}.guide-fields span[b-vj7gitycdu]{color:#647b84;font-size:.86rem}.required-mark[b-vj7gitycdu]{display:inline-block;margin-right:6px;padding:2px 6px;border-radius:8px;color:#a74635!important;background:#fff0eb;font-size:.65rem!important}.step-result[b-vj7gitycdu],.step-caution[b-vj7gitycdu]{display:flex;align-items:flex-start;gap:8px;margin-top:12px;padding:10px 12px;border-radius:10px}.step-result[b-vj7gitycdu]{color:#12694f;background:#eaf8f1}.step-caution[b-vj7gitycdu]{color:#805a07;background:#fff6da}.guide-notices[b-vj7gitycdu]{display:grid;gap:9px}.guide-notices article[b-vj7gitycdu]{display:flex;gap:11px;padding:13px 15px;border-radius:12px;border:1px solid #cfe5e7;background:#f2fbfb}.guide-notices article.warning[b-vj7gitycdu]{border-color:#ecd99a;background:#fff9e8}.guide-notices article.danger[b-vj7gitycdu]{border-color:#efc4bd;background:#fff1ef}.guide-notices h4[b-vj7gitycdu]{margin:0 0 3px;font-size:.94rem;font-weight:900}.guide-outcomes[b-vj7gitycdu]{padding:17px 19px;border:1px solid #c8e9dc;border-radius:14px;color:#174b40;background:linear-gradient(145deg,#e6f8f0,#f7fffb)}.guide-outcomes ul[b-vj7gitycdu]{margin:9px 0 0;padding-right:22px;line-height:1.9}@media(max-width:700px){.guide-overview[b-vj7gitycdu],.guide-fields[b-vj7gitycdu]{grid-template-columns:1fr}.guide-map[b-vj7gitycdu]{align-items:flex-start;flex-direction:column}.guide-section>header[b-vj7gitycdu]{align-items:flex-start}.guide-steps[b-vj7gitycdu]{padding:4px 12px}.guide-step[b-vj7gitycdu]{grid-template-columns:32px minmax(0,1fr)}.step-number[b-vj7gitycdu]{width:30px;height:30px}}
/* /Pages/Support/SupportCenter.razor.rz.scp.css */
.support-page[b-0gmmf2ka77]{overflow:hidden}.support-hero[b-0gmmf2ka77]{padding:30px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#fff;background:linear-gradient(125deg,#0b4860,#078b93)}.support-hero h1[b-0gmmf2ka77]{margin:4px 0 7px;font-size:1.8rem;font-weight:900}.support-hero p[b-0gmmf2ka77]{margin:0;color:#d9f5f3}.eyebrow[b-0gmmf2ka77]{font-size:.76rem;font-weight:800;color:#8ff0df}.hero-actions[b-0gmmf2ka77],.form-actions[b-0gmmf2ka77]{display:flex;gap:9px}.support-page button[b-0gmmf2ka77],.support-page input[b-0gmmf2ka77],.support-page select[b-0gmmf2ka77],.support-page textarea[b-0gmmf2ka77]{font:inherit}.support-page button[b-0gmmf2ka77]{border:1px solid #cfdde2;background:#fff;border-radius:9px;padding:9px 14px;color:#254454}.support-page button.primary[b-0gmmf2ka77],.route-link[b-0gmmf2ka77]{color:#fff!important;border-color:#087f89;background:#078b93}.support-tabs[b-0gmmf2ka77]{display:flex;gap:5px;padding:13px 20px;border-bottom:1px solid #dfe8eb;background:#fff}.support-tabs button[b-0gmmf2ka77]{border:0;background:transparent;border-radius:8px;font-weight:800}.support-tabs button.active[b-0gmmf2ka77]{color:#087b85;background:#e8f7f6}.support-tabs button span[b-0gmmf2ka77]{display:inline-grid;place-items:center;min-width:21px;height:21px;border-radius:12px;background:#dce9ec;font-size:.72rem}.support-loading[b-0gmmf2ka77],.empty-state[b-0gmmf2ka77]{min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#647985}.knowledge-shell[b-0gmmf2ka77],.ticket-form-card[b-0gmmf2ka77]{padding:24px}.knowledge-search[b-0gmmf2ka77]{display:grid;grid-template-columns:auto 1fr 190px;align-items:center;gap:10px;margin-bottom:20px;padding:8px 14px;border:1px solid #d7e3e7;border-radius:12px;background:#fff}.knowledge-search input[b-0gmmf2ka77],.knowledge-search select[b-0gmmf2ka77]{border:0;outline:0;background:transparent;padding:8px}.article-grid[b-0gmmf2ka77]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.article-card[b-0gmmf2ka77]{text-align:right!important;display:flex;flex-direction:column;align-items:flex-start;min-height:205px;padding:18px!important;border-color:#dce7ea!important}.article-card:hover[b-0gmmf2ka77]{border-color:#0a9495!important;box-shadow:0 10px 25px rgba(14,75,88,.1)}.article-icon[b-0gmmf2ka77]{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;color:#087f89;background:#e6f6f5}.article-card small[b-0gmmf2ka77],.article-meta[b-0gmmf2ka77]{color:#67808c}.article-card strong[b-0gmmf2ka77]{margin:10px 0 5px;font-size:1.02rem}.article-card p[b-0gmmf2ka77]{margin:0;color:#61727a;line-height:1.7}.read-more[b-0gmmf2ka77]{margin-top:auto;padding-top:12px;color:#087f89;font-weight:800}.article-reader[b-0gmmf2ka77]{max-width:860px;margin:auto;padding:25px;border:1px solid #dce7ea;border-radius:12px;background:#fff}.article-reader .back[b-0gmmf2ka77]{padding:6px 9px}.article-meta[b-0gmmf2ka77]{display:flex;gap:12px;margin:18px 0 6px;font-size:.78rem}.article-reader h2[b-0gmmf2ka77]{font-weight:900}.article-reader .summary[b-0gmmf2ka77]{color:#57717c;font-size:1.04rem}.article-content[b-0gmmf2ka77]{padding-top:13px;border-top:1px solid #e2eaed;line-height:1.9;white-space:pre-wrap}.route-link[b-0gmmf2ka77]{display:inline-block;padding:9px 14px;border-radius:8px;text-decoration:none}.section-heading[b-0gmmf2ka77]{display:flex;gap:13px;align-items:center;margin-bottom:22px}.section-heading>span[b-0gmmf2ka77]{display:grid;place-items:center;width:50px;height:50px;border-radius:14px;color:#078b93;background:#e5f5f5;font-size:1.3rem}.section-heading h2[b-0gmmf2ka77]{margin:0;font-weight:900}.section-heading p[b-0gmmf2ka77]{margin:4px 0 0;color:#667b85}.form-grid[b-0gmmf2ka77]{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.form-grid label[b-0gmmf2ka77]{display:flex;flex-direction:column;gap:6px;font-weight:750}.form-grid label.wide[b-0gmmf2ka77]{grid-column:1/-1}.form-grid input[b-0gmmf2ka77],.form-grid select[b-0gmmf2ka77],.form-grid textarea[b-0gmmf2ka77],.reply-box textarea[b-0gmmf2ka77]{width:100%;padding:10px 12px;border:1px solid #ccdadd;border-radius:8px;background:#fff}.form-grid small[b-0gmmf2ka77]{text-align:left;color:#75868d}.form-actions[b-0gmmf2ka77]{margin-top:17px}.tickets-layout[b-0gmmf2ka77]{display:grid;grid-template-columns:340px minmax(0,1fr);min-height:590px}.ticket-list[b-0gmmf2ka77]{border-left:1px solid #dce6e9;background:#f8fafb}.ticket-list>header[b-0gmmf2ka77]{display:flex;align-items:center;justify-content:space-between;padding:17px}.ticket-list h2[b-0gmmf2ka77]{margin:0;font-size:1.1rem}.ticket-list header span[b-0gmmf2ka77]{font-size:.78rem;color:#6d8089}.ticket-row[b-0gmmf2ka77]{width:100%;display:flex;align-items:center;justify-content:space-between;gap:7px;border:0!important;border-top:1px solid #e1e9eb!important;border-radius:0!important;text-align:right}.ticket-row.active[b-0gmmf2ka77]{background:#e7f5f4}.ticket-row div[b-0gmmf2ka77]{display:flex;flex-direction:column;min-width:0}.ticket-row strong[b-0gmmf2ka77],.ticket-row small[b-0gmmf2ka77]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-row small[b-0gmmf2ka77]{color:#75858c}.status[b-0gmmf2ka77]{padding:4px 7px;border-radius:11px;background:#e8eef0;font-size:.7rem;white-space:nowrap}.status.open[b-0gmmf2ka77]{color:#096b82;background:#e4f4f7}.status.in_progress[b-0gmmf2ka77]{color:#805b00;background:#fff3ce}.status.waiting_user[b-0gmmf2ka77]{color:#6b3f96;background:#f2e9fa}.status.resolved[b-0gmmf2ka77]{color:#087551;background:#dff5eb}.status.closed[b-0gmmf2ka77]{color:#59666b;background:#e8ecee}.ticket-thread[b-0gmmf2ka77]{padding:22px}.thread-head[b-0gmmf2ka77]{padding-bottom:14px;border-bottom:1px solid #dfe8eb}.thread-head h2[b-0gmmf2ka77]{margin:3px 0 9px;font-weight:900}.thread-head div div[b-0gmmf2ka77]{display:flex;gap:7px}.original-message[b-0gmmf2ka77],.message[b-0gmmf2ka77]{margin-top:15px;padding:15px;border:1px solid #dae5e8;border-radius:10px;background:#fff}.original-message p[b-0gmmf2ka77],.message p[b-0gmmf2ka77]{margin:7px 0;white-space:pre-wrap}.original-message small[b-0gmmf2ka77],.message small[b-0gmmf2ka77]{color:#778990}.messages[b-0gmmf2ka77]{display:flex;flex-direction:column}.message.support[b-0gmmf2ka77]{margin-left:12%;border-color:#bfe5df;background:#effaf8}.message.user[b-0gmmf2ka77]{margin-right:12%}.message header[b-0gmmf2ka77]{display:flex;gap:8px;align-items:center}.message header span[b-0gmmf2ka77]{font-size:.7rem;color:#087f89}.reply-box[b-0gmmf2ka77]{display:grid;grid-template-columns:1fr auto;align-items:end;gap:9px;margin-top:18px}.closed-note[b-0gmmf2ka77],.empty-mini[b-0gmmf2ka77]{padding:22px;text-align:center;color:#71828a}.empty-state i[b-0gmmf2ka77]{font-size:2.2rem;color:#0b9395}
@media(max-width:900px){.article-grid[b-0gmmf2ka77]{grid-template-columns:repeat(2,1fr)}.tickets-layout[b-0gmmf2ka77]{grid-template-columns:290px minmax(0,1fr)}}
@media(max-width:700px){.support-hero[b-0gmmf2ka77]{align-items:flex-start;flex-direction:column;padding:21px}.support-hero h1[b-0gmmf2ka77]{font-size:1.35rem}.support-tabs[b-0gmmf2ka77]{overflow:auto;padding:9px}.support-tabs button[b-0gmmf2ka77]{white-space:nowrap}.knowledge-shell[b-0gmmf2ka77],.ticket-form-card[b-0gmmf2ka77]{padding:12px}.knowledge-search[b-0gmmf2ka77]{grid-template-columns:auto 1fr}.knowledge-search select[b-0gmmf2ka77]{grid-column:1/-1}.article-grid[b-0gmmf2ka77]{grid-template-columns:1fr}.form-grid[b-0gmmf2ka77]{grid-template-columns:1fr}.tickets-layout[b-0gmmf2ka77]{display:block}.ticket-list[b-0gmmf2ka77]{border-left:0;border-bottom:1px solid #dce6e9;max-height:290px;overflow:auto}.ticket-thread[b-0gmmf2ka77]{padding:13px}.message.support[b-0gmmf2ka77]{margin-left:3%}.message.user[b-0gmmf2ka77]{margin-right:3%}.reply-box[b-0gmmf2ka77]{grid-template-columns:1fr}.hero-actions[b-0gmmf2ka77]{width:100%}.hero-actions button[b-0gmmf2ka77]{flex:1}}
.channel-picker[b-0gmmf2ka77]{display:flex;flex-direction:column;gap:9px;margin-top:16px;padding:14px;border:1px solid #d3e4e6;border-radius:11px;background:#f5fbfb}.channel-picker>div[b-0gmmf2ka77]{display:flex;gap:16px;flex-wrap:wrap}.channel-picker label[b-0gmmf2ka77]{display:flex;align-items:center;gap:5px}.channel-picker>input[b-0gmmf2ka77]{max-width:360px;padding:9px 11px;border:1px solid #cbdadd;border-radius:8px}.channel-picker small[b-0gmmf2ka77]{color:#687d86}
.article-content[b-0gmmf2ka77]{white-space:normal}
/* /Pages/Teachers/TeacherScheduleDelivery.razor.rz.scp.css */
.schedule-delivery[b-x11dbpm90u]{padding:0 0 28px;overflow:hidden}.delivery-intro[b-x11dbpm90u]{margin:0;padding:14px 24px 0;color:#657680;text-align:center;font-weight:600}.delivery-state[b-x11dbpm90u]{padding:50px;text-align:center}.delivery-state.error[b-x11dbpm90u]{color:#b42318}.readiness-grid[b-x11dbpm90u]{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:22px 24px 0}.readiness-card[b-x11dbpm90u]{display:grid;grid-template-columns:44px 1fr;gap:2px 12px;align-items:center;padding:16px;border:1px solid #dbe6ea;border-radius:14px;background:#fff}.readiness-card>i[b-x11dbpm90u]{grid-row:1/4;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;font-size:1.3rem}.readiness-card span[b-x11dbpm90u],.readiness-card small[b-x11dbpm90u]{color:#657680}.readiness-card strong[b-x11dbpm90u]{font-size:1rem}.readiness-card.ready>i[b-x11dbpm90u]{background:#e4f7ef;color:#087c57}.readiness-card.blocked>i[b-x11dbpm90u]{background:#fff0ed;color:#b42318}.readiness-card.quota>i[b-x11dbpm90u]{background:#e8f4fb;color:#087f98}.delivery-alert[b-x11dbpm90u]{display:flex;gap:10px;align-items:center;margin:16px 24px 0;padding:12px 16px;border:1px solid #f1c8a8;border-radius:10px;background:#fff8ee;color:#914c17}.delivery-layout[b-x11dbpm90u]{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:18px;padding:22px 24px}.teacher-panel[b-x11dbpm90u],.send-panel[b-x11dbpm90u],.batch-panel[b-x11dbpm90u],.history-panel[b-x11dbpm90u]{border:1px solid #dbe6ea;border-radius:14px;background:#fff}.panel-head[b-x11dbpm90u]{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #edf2f4}.panel-head h2[b-x11dbpm90u],.send-panel h2[b-x11dbpm90u],.batch-panel h2[b-x11dbpm90u],.history-panel h2[b-x11dbpm90u]{margin:0;font-size:1.05rem}.panel-head span[b-x11dbpm90u]{font-size:.85rem;color:#657680}.search-box[b-x11dbpm90u]{display:flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid #ccdadd;border-radius:9px}.search-box input[b-x11dbpm90u]{width:190px;border:0;outline:0}.select-bar[b-x11dbpm90u]{display:flex;justify-content:space-between;gap:12px;padding:11px 20px;background:#f7fafb;font-size:.85rem}.select-bar span[b-x11dbpm90u]{color:#657680}.teacher-table-wrap[b-x11dbpm90u]{max-height:470px;overflow:auto}.teacher-table[b-x11dbpm90u]{width:100%;border-collapse:collapse}.teacher-table th[b-x11dbpm90u],.teacher-table td[b-x11dbpm90u]{padding:11px 13px;border-bottom:1px solid #edf2f4;text-align:right;white-space:nowrap}.teacher-table th[b-x11dbpm90u]{position:sticky;top:0;background:#f8fbfc;z-index:1}.teacher-table tr.unavailable[b-x11dbpm90u]{opacity:.58}.phone-ok[b-x11dbpm90u]{color:#087c57}.phone-missing[b-x11dbpm90u]{color:#b42318}.preview-link[b-x11dbpm90u]{display:inline-flex;gap:6px;color:#087f98;text-decoration:none}.send-panel[b-x11dbpm90u]{padding:20px;align-self:start;display:grid;gap:15px;position:sticky;top:74px}.send-panel label[b-x11dbpm90u]{display:flex;gap:8px;align-items:center}.caption-field[b-x11dbpm90u]{display:grid!important;gap:7px!important}.caption-field input[b-x11dbpm90u]{width:100%;padding:9px;border:1px solid #ccdadd;border-radius:8px}.send-summary[b-x11dbpm90u]{display:grid;grid-template-columns:1fr auto;gap:8px;padding:13px;background:#f4f9fa;border-radius:10px}.send-button[b-x11dbpm90u],.retry-button[b-x11dbpm90u]{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px;border:0;border-radius:9px;background:#128c7e;color:white;font-weight:700}.send-button:disabled[b-x11dbpm90u]{opacity:.5}.send-panel>small[b-x11dbpm90u]{color:#657680;line-height:1.7}.batch-panel[b-x11dbpm90u],.history-panel[b-x11dbpm90u]{margin:0 24px;padding:20px}.batch-head[b-x11dbpm90u]{display:flex;justify-content:space-between;align-items:center}.batch-head span[b-x11dbpm90u]{color:#657680}.batch-counts[b-x11dbpm90u]{display:flex;gap:8px}.batch-counts b[b-x11dbpm90u]{padding:5px 9px;border-radius:20px;font-size:.82rem}.batch-counts .sent[b-x11dbpm90u]{background:#e4f7ef;color:#087c57}.batch-counts .pending[b-x11dbpm90u]{background:#e8f4fb;color:#087f98}.batch-counts .failed[b-x11dbpm90u]{background:#fff0ed;color:#b42318}.progress[b-x11dbpm90u]{height:7px;margin:16px 0;background:#edf2f4}.progress-bar[b-x11dbpm90u]{background:#0b9a91}.batch-items[b-x11dbpm90u]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.batch-item[b-x11dbpm90u]{display:grid;grid-template-columns:10px 1fr auto auto;gap:8px;align-items:center;padding:10px;background:#f8fbfc;border-radius:8px}.batch-item span[b-x11dbpm90u],.batch-item em[b-x11dbpm90u]{font-size:.82rem;color:#657680}.batch-item em[b-x11dbpm90u]{font-style:normal}.batch-item small[b-x11dbpm90u]{grid-column:2/5;color:#b42318;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-dot[b-x11dbpm90u]{width:9px;height:9px;border-radius:50%;background:#91a1aa}.status-dot.sent[b-x11dbpm90u]{background:#16a46f}.status-dot.failed[b-x11dbpm90u]{background:#d92d20}.status-dot.sending[b-x11dbpm90u],.status-dot.generating[b-x11dbpm90u]{background:#f79009}.status-dot.queued[b-x11dbpm90u]{background:#168aad}.retry-button[b-x11dbpm90u]{margin-top:15px;background:#b54708}.history-panel[b-x11dbpm90u]{margin-top:18px}.history-panel button[b-x11dbpm90u]{width:100%;display:flex;gap:15px;align-items:center;padding:12px;border:0;border-bottom:1px solid #edf2f4;background:#fff;text-align:right}.history-panel button strong[b-x11dbpm90u]{margin-inline-start:auto}.history-panel button em[b-x11dbpm90u]{color:#b42318;font-style:normal}
.teacher-table td:nth-child(2)[b-x11dbpm90u],.teacher-table td:nth-child(3)[b-x11dbpm90u]{font-size:12px}.teacher-table td:nth-child(2) strong[b-x11dbpm90u]{font-size:12px;font-weight:600}
@media(max-width:850px){.readiness-grid[b-x11dbpm90u]{grid-template-columns:1fr}.delivery-layout[b-x11dbpm90u]{grid-template-columns:1fr}.send-panel[b-x11dbpm90u]{position:static}.batch-items[b-x11dbpm90u]{grid-template-columns:1fr}.panel-head[b-x11dbpm90u]{align-items:stretch;flex-direction:column;gap:12px}.search-box input[b-x11dbpm90u]{width:100%}.select-bar[b-x11dbpm90u]{flex-direction:column}.batch-head[b-x11dbpm90u]{align-items:flex-start;flex-direction:column;gap:12px}}
@media(max-width:560px){.readiness-grid[b-x11dbpm90u],.delivery-layout[b-x11dbpm90u]{padding-left:14px;padding-right:14px}.delivery-intro[b-x11dbpm90u]{padding-left:14px;padding-right:14px}.batch-panel[b-x11dbpm90u],.history-panel[b-x11dbpm90u]{margin-left:14px;margin-right:14px}.teacher-table th[b-x11dbpm90u],.teacher-table td[b-x11dbpm90u]{padding:9px 8px}.teacher-table th:nth-child(3)[b-x11dbpm90u],.teacher-table td:nth-child(3)[b-x11dbpm90u]{display:none}.batch-counts[b-x11dbpm90u]{flex-wrap:wrap}}
/* /Pages/TimeTable/MakeTable.razor.rz.scp.css */
.manual-table-shell[b-hmxx2ymofo]{padding-bottom:1.25rem}.manual-intro[b-hmxx2ymofo]{margin:1rem 1.25rem;padding:.8rem 1rem;border:1px solid #cfe5ed;border-right:4px solid #1188ae;background:#f5fbfd;display:grid;gap:.22rem;color:#385766;font-size:12.5px}.manual-intro strong[b-hmxx2ymofo]{color:#0a526b;font-size:14px}.manual-filters[b-hmxx2ymofo]{margin:1rem 1.25rem;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.manual-warning[b-hmxx2ymofo]{margin:1rem 1.25rem;padding:1rem;border:1px solid #f1c68b;background:#fff7e8;color:#8d5200}.manual-stat-row[b-hmxx2ymofo]{margin:0 1.25rem 1rem;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #d5e4ea}.manual-stat-row>div[b-hmxx2ymofo]{padding:.65rem;text-align:center;border-inline-start:1px solid #d5e4ea;display:grid;gap:.15rem;background:#f8fbfc}.manual-stat-row>div:first-child[b-hmxx2ymofo]{border:0}.manual-stat-row b[b-hmxx2ymofo]{font-size:19px;color:#087ca5}.manual-stat-row span[b-hmxx2ymofo]{font-size:11px;color:#617886}.manual-stat-row .remaining b[b-hmxx2ymofo]{color:#b86600}.manual-workspace[b-hmxx2ymofo]{margin:0 1.25rem;display:grid;grid-template-columns:230px minmax(0,1fr);gap:.8rem;align-items:start}.manual-pool[b-hmxx2ymofo],.manual-grid-panel[b-hmxx2ymofo]{border:1px solid #cfe0e7;background:#fff;padding:.7rem}.manual-section-title[b-hmxx2ymofo]{font-weight:800;color:#0a5973;font-size:14px}.manual-pool p[b-hmxx2ymofo]{font-size:11px;color:#71848e;margin:.2rem 0 .65rem}.manual-assignment[b-hmxx2ymofo]{width:100%;border:1px solid #d8e5ea;background:#f8fbfc;padding:.45rem .55rem;margin-bottom:.4rem;display:flex;justify-content:space-between;align-items:center;text-align:right;color:#183846}.manual-assignment span[b-hmxx2ymofo]{display:grid}.manual-assignment small[b-hmxx2ymofo]{color:#69808b;font-size:10.5px}.manual-assignment>b[b-hmxx2ymofo]{min-width:38px;color:#0783ad}.manual-assignment.selected[b-hmxx2ymofo]{border-color:#e03b48;background:#fff0f1;box-shadow:inset 3px 0 #e03b48}.manual-assignment:disabled[b-hmxx2ymofo]{opacity:.48}.manual-selection-bar[b-hmxx2ymofo]{min-height:43px;margin-bottom:.6rem;padding:.45rem .55rem;border:1px solid #d9e6eb;background:#f7fafb;display:flex;align-items:center;gap:.6rem;font-size:11.5px}.manual-selection-bar>span[b-hmxx2ymofo]{flex:1}.manual-remove[b-hmxx2ymofo]{border:1px solid #df6670;background:#fff;color:#b21e2d;padding:.35rem .55rem}.manual-grid[b-hmxx2ymofo]{width:100%;border-collapse:collapse;table-layout:fixed;min-width:720px}.manual-grid th[b-hmxx2ymofo],.manual-grid td[b-hmxx2ymofo]{border:1px solid #9fc4d3;text-align:center;height:67px;padding:.25rem}.manual-grid thead th[b-hmxx2ymofo]{height:32px;background:#0c87af;color:#fff;font-size:11px}.manual-grid tbody th[b-hmxx2ymofo]{width:70px;background:#eef7fa;color:#084f68;font-size:11px}.manual-grid td[b-hmxx2ymofo]{cursor:pointer;background:#fff}.manual-grid td.empty:hover[b-hmxx2ymofo]{background:#eaf8ef}.manual-grid td.occupied[b-hmxx2ymofo]{background:#f0f9fc}.manual-grid td.occupied:hover[b-hmxx2ymofo]{outline:2px solid #18a76c;outline-offset:-2px}.manual-grid td.selected[b-hmxx2ymofo]{background:#ffe9eb;outline:2px solid #df3545;outline-offset:-2px}.manual-grid td.unavailable[b-hmxx2ymofo]{background:repeating-linear-gradient(135deg,#f4f4f4,#f4f4f4 6px,#ebebeb 6px,#ebebeb 12px);cursor:not-allowed}.manual-grid td strong[b-hmxx2ymofo],.manual-grid td span[b-hmxx2ymofo]{display:block;font-size:11px}.manual-grid td span[b-hmxx2ymofo]{color:#607782;font-size:10px;margin-top:.18rem}.manual-actions[b-hmxx2ymofo]{margin:1rem 1.25rem;display:flex;gap:.6rem;flex-wrap:wrap}.manual-actions button[b-hmxx2ymofo]{min-width:130px}@media(max-width:850px){.manual-filters[b-hmxx2ymofo]{grid-template-columns:repeat(2,minmax(0,1fr))}.manual-workspace[b-hmxx2ymofo]{grid-template-columns:1fr}.manual-pool[b-hmxx2ymofo]{display:grid;grid-template-columns:repeat(2,1fr);gap:.4rem}.manual-pool .manual-section-title[b-hmxx2ymofo],.manual-pool p[b-hmxx2ymofo]{grid-column:1/-1}.manual-assignment[b-hmxx2ymofo]{margin:0}}@media(max-width:560px){.manual-filters[b-hmxx2ymofo]{grid-template-columns:1fr}.manual-stat-row[b-hmxx2ymofo]{grid-template-columns:repeat(2,1fr)}.manual-workspace[b-hmxx2ymofo],.manual-filters[b-hmxx2ymofo],.manual-intro[b-hmxx2ymofo],.manual-stat-row[b-hmxx2ymofo],.manual-actions[b-hmxx2ymofo]{margin-inline:.7rem}.manual-pool[b-hmxx2ymofo]{grid-template-columns:1fr}.manual-selection-bar[b-hmxx2ymofo]{align-items:stretch;flex-direction:column}}
.manual-approved-warning[b-hmxx2ymofo]{margin:0 1.25rem 1rem;padding:.85rem 1rem;border:1px solid #e9bd71;background:#fff8e9;color:#79520d;display:flex;align-items:center;justify-content:space-between;gap:1rem}.manual-approved-warning>div[b-hmxx2ymofo]{display:flex;align-items:center;gap:.65rem}.manual-approved-warning i[b-hmxx2ymofo]{font-size:1.35rem}.manual-approved-warning span[b-hmxx2ymofo]{font-size:12px}.manual-approved-warning button[b-hmxx2ymofo]{white-space:nowrap}@media(max-width:700px){.manual-approved-warning[b-hmxx2ymofo]{align-items:stretch;flex-direction:column}.manual-approved-warning button[b-hmxx2ymofo]{width:100%}}
/* /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/TimeTableAudit.razor.rz.scp.css */
.timetable-audit[b-e3dsbtum1p] { direction:rtl; padding:1rem 1.1rem 1.4rem; }
.audit-toolbar[b-e3dsbtum1p] { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1rem 1.25rem; border:1px solid #d7e4ea; background:#fff; }
.audit-toolbar h2[b-e3dsbtum1p] { margin:0 0 .3rem; font-size:1.15rem; color:#0b5069; }
.audit-toolbar p[b-e3dsbtum1p] { margin:0; color:#607d8b; font-size:.88rem; }
.audit-actions[b-e3dsbtum1p] { display:flex; gap:.5rem; flex-wrap:wrap; }
.audit-warning[b-e3dsbtum1p] { display:flex; gap:.6rem; align-items:flex-start; margin:1rem 0; }
.audit-overview[b-e3dsbtum1p] { display:grid; grid-template-columns:repeat(7,minmax(105px,1fr)); gap:.65rem; margin:1rem 0; }
.audit-overview > div[b-e3dsbtum1p] { border:1px solid #d7e4ea; background:#f7fbfd; padding:.85rem; text-align:center; }
.audit-overview b[b-e3dsbtum1p] { display:block; color:#087ea4; font-size:1.45rem; line-height:1.2; }
.audit-overview span[b-e3dsbtum1p] { display:block; color:#54707c; font-size:.78rem; margin-top:.25rem; }
.audit-overview .passed b[b-e3dsbtum1p] { color:#23855b; } .audit-overview .exception b[b-e3dsbtum1p] { color:#b66a00; } .audit-overview .failed b[b-e3dsbtum1p] { color:#c62828; } .audit-overview .improvement b[b-e3dsbtum1p] { color:#6a4fb3; }
.audit-filters[b-e3dsbtum1p] { display:grid; grid-template-columns:minmax(220px,1fr) 230px; gap:.65rem; margin-bottom:.75rem; }
.audit-table-wrap[b-e3dsbtum1p] { width:100%; max-width:100%; border:1px solid #d7e4ea; overflow-x:hidden; }
.audit-table[b-e3dsbtum1p] { width:100%; max-width:100%; margin:0; table-layout:fixed; font-size:.68rem; text-align:center; vertical-align:middle; }
.audit-table thead th[b-e3dsbtum1p] { background:#eaf4f8; color:#174f64; white-space:normal; line-height:1.25; border-color:#cddfe7; padding:.35rem .15rem; }
.audit-table > :not(caption) > * > *[b-e3dsbtum1p] { border:1px solid #c9dce4; }
.audit-table td[b-e3dsbtum1p] { border-color:#c9dce4; padding:.3rem .15rem; }
.audit-table td:nth-child(9)[b-e3dsbtum1p],
.audit-table td:nth-child(10)[b-e3dsbtum1p],
.audit-table td:nth-child(11)[b-e3dsbtum1p] { padding:.08rem .04rem; }
.audit-table th:nth-child(1)[b-e3dsbtum1p] { width:8.5%; }
.audit-table th:nth-child(2)[b-e3dsbtum1p] { width:4.5%; }
.audit-table th:nth-child(3)[b-e3dsbtum1p] { width:5%; }
.audit-table th:nth-child(4)[b-e3dsbtum1p] { width:9%; }
.audit-table th:nth-child(5)[b-e3dsbtum1p] { width:5%; }
.audit-table th:nth-child(6)[b-e3dsbtum1p] { width:12%; }
.audit-table th:nth-child(7)[b-e3dsbtum1p] { width:9%; }
.audit-table th:nth-child(8)[b-e3dsbtum1p] { width:10%; }
.audit-table th:nth-child(9)[b-e3dsbtum1p],.audit-table th:nth-child(10)[b-e3dsbtum1p] { width:10%; }
.audit-table th:nth-child(11)[b-e3dsbtum1p] { width:8%; }
.audit-table th:nth-child(12)[b-e3dsbtum1p] { width:4%; }
.audit-table .teacher-name[b-e3dsbtum1p] { text-align:center; vertical-align:middle; font-weight:700; color:#123f52; overflow-wrap:anywhere; }
.audit-table td small[b-e3dsbtum1p] { display:block; color:#718790; font-size:.68rem; }
.number-strip[b-e3dsbtum1p] { display:grid; direction:ltr; grid-template-columns:repeat(7,minmax(12px,1fr)); justify-content:center; gap:1px; width:100%; }
.number-strip span[b-e3dsbtum1p] { display:grid; place-items:center; min-width:0; height:20px; border:1px solid #cbdce3; border-radius:2px; background:#fff; font-weight:700; color:#234f61; }
.daily-strip[b-e3dsbtum1p] { grid-template-columns:repeat(5,minmax(13px,1fr)); }
.light-day[b-e3dsbtum1p] { display:inline-flex; align-items:center; justify-content:center; min-width:34px; padding:.25rem; border-radius:4px; font-weight:700; }
.light-day.ok[b-e3dsbtum1p] { color:#1e7d54; background:#e7f6ee; } .light-day.bad[b-e3dsbtum1p] { color:#c62828; background:#fdeaea; }
.last-periods[b-e3dsbtum1p] { display:flex; flex-direction:column; align-items:stretch; gap:.2rem; }
.last-periods span[b-e3dsbtum1p] { padding:.18rem .25rem; background:#edf5f8; color:#426572; white-space:normal; line-height:1.35; }
.last-periods span b[b-e3dsbtum1p] { color:#087ea4; font-size:.82rem; }
.last-periods .none[b-e3dsbtum1p] { color:#7b8d94; background:transparent; }
.subject-summary[b-e3dsbtum1p] { text-align:right !important; line-height:1.35; padding:.35rem !important; }
.subject-item[b-e3dsbtum1p] { display:flex; align-items:center; justify-content:space-between; gap:.2rem; padding:.15rem .2rem; border-bottom:1px solid #e4ecef; }
.subject-item:last-child[b-e3dsbtum1p] { border-bottom:0; }
.subject-item span[b-e3dsbtum1p] { min-width:0; overflow-wrap:anywhere; }
.subject-item b[b-e3dsbtum1p] { flex:0 0 auto; display:inline-grid; place-items:center; min-width:20px; height:19px; padding:0 .18rem; border-radius:3px; color:#fff; background:#0786ad; font-size:.72rem; font-weight:800; }
.audit-row-failed[b-e3dsbtum1p] { background:#fff7f7; } .audit-row-exception[b-e3dsbtum1p] { background:#fffaf0; }
.audit-label-list[b-e3dsbtum1p] { display:flex; flex-direction:column; align-items:stretch; gap:.08rem; min-width:0; }
.audit-label[b-e3dsbtum1p] { display:block; padding:.08rem .1rem; border:1px solid transparent; border-radius:2px; font-size:.61rem; font-weight:700; line-height:1.2; overflow-wrap:anywhere; }
.audit-label.violation[b-e3dsbtum1p] { color:#a51d1d; background:#fde8e8; border-color:#f3caca; }
.audit-label.exception[b-e3dsbtum1p] { color:#925500; background:#fff0d3; border-color:#f3d9a8; }
.audit-label.improvement[b-e3dsbtum1p] { color:#5d439c; background:#f1edfb; border-color:#d9cff1; }
.audit-label-none[b-e3dsbtum1p] { display:block; padding:.04rem; color:#23855b; font-size:.61rem; font-weight:700; line-height:1.2; }
.audit-label-none[b-e3dsbtum1p]::before { content:"✓ "; }
.audit-row-actions[b-e3dsbtum1p] { display:flex; align-items:center; justify-content:center; gap:.25rem; }
.details-button[b-e3dsbtum1p] { display:inline-grid; place-items:center; width:28px; height:28px; padding:0; border:1px solid #9fc8d7; border-radius:4px; background:#f4fbfd; color:#087ea4; font-size:.9rem; }
.details-button:hover[b-e3dsbtum1p],.details-button:focus-visible[b-e3dsbtum1p] { background:#087ea4; color:#fff; border-color:#087ea4; }
.details-check-button[b-e3dsbtum1p] { color:#536f7b; border-color:#c3d2d8; background:#fff; }
.details-check-button:hover[b-e3dsbtum1p],.details-check-button:focus-visible[b-e3dsbtum1p] { background:#536f7b; border-color:#536f7b; }
.audit-details-row td[b-e3dsbtum1p] { padding:0 !important; background:#f8fbfc; }
.audit-checks[b-e3dsbtum1p] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.65rem; padding:.85rem; text-align:right; }
.audit-check[b-e3dsbtum1p] { border:1px solid #dce7eb; border-right:4px solid #29956a; background:#fff; padding:.65rem .75rem; min-height:92px; }
.audit-check > div[b-e3dsbtum1p] { display:flex; align-items:center; gap:.4rem; }
.audit-check > div span[b-e3dsbtum1p] { margin-right:auto; font-size:.7rem; color:#607d8b; }
.audit-check p[b-e3dsbtum1p] { margin:.5rem 0 0; color:#526d78; font-size:.76rem; line-height:1.6; }
.audit-check.violation[b-e3dsbtum1p] { border-right-color:#d32f2f; } .audit-check.violation i[b-e3dsbtum1p] { color:#d32f2f; }
.audit-check.exception[b-e3dsbtum1p] { border-right-color:#ed8b00; } .audit-check.exception i[b-e3dsbtum1p] { color:#ed8b00; }
.audit-check.improvement[b-e3dsbtum1p] { border-right-color:#7856b6; } .audit-check.improvement i[b-e3dsbtum1p] { color:#7856b6; }
.audit-check.notenabled[b-e3dsbtum1p] { border-right-color:#9aa9af; opacity:.75; }
.audit-check.passed i[b-e3dsbtum1p] { color:#29956a; }
.audit-schedule-backdrop[b-e3dsbtum1p] { z-index:1080; padding:1rem; }
.audit-schedule-modal[b-e3dsbtum1p] { width:min(940px,calc(100vw - 2rem)); max-height:calc(100vh - 2rem); padding:0; overflow:hidden; border:1px solid #bed4de; box-shadow:0 22px 55px rgba(16,56,72,.28); }
.audit-schedule-header[b-e3dsbtum1p] { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1rem 1.2rem; background:linear-gradient(135deg,#087ea4,#0b5c77); color:#fff; }
.audit-schedule-header span[b-e3dsbtum1p] { display:block; font-size:.76rem; opacity:.84; }
.audit-schedule-header h2[b-e3dsbtum1p] { margin:.12rem 0 0; font-size:1.2rem; }
.audit-schedule-close[b-e3dsbtum1p] { display:inline-grid; place-items:center; width:34px; height:34px; border:1px solid rgba(255,255,255,.55); border-radius:50%; background:transparent; color:#fff; }
.audit-schedule-close:hover[b-e3dsbtum1p] { background:rgba(255,255,255,.16); }
.audit-schedule-summary[b-e3dsbtum1p] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.6rem; padding:.85rem 1rem; background:#f2f8fa; border-bottom:1px solid #d4e3e9; }
.audit-schedule-summary div[b-e3dsbtum1p] { min-width:0; padding:.55rem .7rem; border:1px solid #d5e4e9; border-radius:5px; background:#fff; text-align:center; }
.audit-schedule-summary span[b-e3dsbtum1p],.audit-schedule-summary small[b-e3dsbtum1p] { display:block; color:#667f8b; font-size:.7rem; }
.audit-schedule-summary b[b-e3dsbtum1p] { display:block; margin:.12rem 0; color:#0a5c77; font-size:1rem; overflow-wrap:anywhere; }
.audit-schedule-grid-wrap[b-e3dsbtum1p] { max-height:min(54vh,520px); overflow:auto; padding:1rem; background:#fff; }
.audit-schedule-grid[b-e3dsbtum1p] { width:100%; min-width:720px; margin:0; border-collapse:collapse; table-layout:fixed; text-align:center; }
.audit-schedule-grid th[b-e3dsbtum1p],.audit-schedule-grid td[b-e3dsbtum1p] { border:1px solid #c7dbe3; }
.audit-schedule-grid thead th[b-e3dsbtum1p] { padding:.55rem .25rem; background:#0b789a; color:#fff; font-size:.78rem; }
.audit-schedule-grid tbody > tr > th[b-e3dsbtum1p] { width:10%; background:#eaf5f8; color:#15566f; font-size:.8rem; }
.audit-schedule-grid td[b-e3dsbtum1p] { height:68px; padding:.35rem; background:#fbfdfe; vertical-align:middle; }
.audit-schedule-grid td.occupied[b-e3dsbtum1p] { background:#edf8f3; box-shadow:inset 0 0 0 1px #b9dfcb; }
.audit-schedule-grid td.empty[b-e3dsbtum1p] { background:#f8fafb; }
.audit-schedule-grid td strong[b-e3dsbtum1p],.audit-schedule-grid td span[b-e3dsbtum1p] { display:block; }
.audit-schedule-grid td strong[b-e3dsbtum1p] { color:#15586d; font-size:.8rem; }
.audit-schedule-grid td span[b-e3dsbtum1p] { margin-top:.22rem; color:#5d7682; font-size:.7rem; }
.audit-schedule-footer[b-e3dsbtum1p] { display:flex; justify-content:flex-start; padding:.75rem 1rem; border-top:1px solid #d4e3e9; background:#f8fbfc; }
@media (max-width:1100px) { .audit-table[b-e3dsbtum1p] { font-size:.64rem; } .timetable-audit[b-e3dsbtum1p] { padding:.8rem; } .audit-overview[b-e3dsbtum1p] { grid-template-columns:repeat(3,1fr); } .audit-checks[b-e3dsbtum1p] { grid-template-columns:repeat(2,1fr); } }
@media (max-width:760px) { .audit-table-wrap[b-e3dsbtum1p] { overflow-x:auto; } .audit-table[b-e3dsbtum1p] { min-width:1050px; } .audit-toolbar[b-e3dsbtum1p] { align-items:stretch; flex-direction:column; } .audit-overview[b-e3dsbtum1p] { grid-template-columns:repeat(2,1fr); } .audit-filters[b-e3dsbtum1p],.audit-checks[b-e3dsbtum1p],.audit-schedule-summary[b-e3dsbtum1p] { grid-template-columns:1fr; } .audit-schedule-grid-wrap[b-e3dsbtum1p] { padding:.6rem; } }
/* /Pages/TimeTable/TimeTableCompoundEdit.razor.rz.scp.css */
.compound-shell[b-8l0n3fm14c] { direction: rtl; }
.compound-empty[b-8l0n3fm14c] { padding: 2rem; text-align: center; color: #64748b; }
.compound-toolbar[b-8l0n3fm14c] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem; border: 1px solid #dbe7ed; background: #fff; }
.compound-filters[b-8l0n3fm14c] { display: flex; align-items: center; gap: .75rem; flex: 1; }
.compound-mode-select[b-8l0n3fm14c] { min-width: 190px; }
.compound-select[b-8l0n3fm14c] { min-width: 320px; }
.compound-actions[b-8l0n3fm14c] { display: flex; gap: .65rem; }
.compound-guide[b-8l0n3fm14c] { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: .85rem; margin-top: 1rem; padding: 1rem; border: 1px solid #b8e2e5; background: #f0fbfb; }
.compound-guide > i[b-8l0n3fm14c] { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 12px; background: #d5f4f2; color: #078b93; font-size: 1.25rem; }
.compound-guide div[b-8l0n3fm14c] { display: grid; gap: .2rem; }
.compound-guide span[b-8l0n3fm14c] { color: #52646e; font-size: .9rem; }
.compound-guide em[b-8l0n3fm14c] { padding: .25rem .65rem; border-radius: 999px; background: #fff1cc; color: #8a6300; font-style: normal; font-size: .78rem; }
.compound-status[b-8l0n3fm14c] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-top: 1rem; padding: .8rem 1rem; border: 1px solid #c6dce5; border-right: 4px solid #078ba0; background: #f8fcfd; }
.compound-status > div[b-8l0n3fm14c], .compound-status.is-awaiting[b-8l0n3fm14c] { display: flex; align-items: center; gap: .65rem; }
.compound-status span[b-8l0n3fm14c] { color: #607681; font-size: .85rem; }
.compound-status button[b-8l0n3fm14c] { border: 1px solid #d7a4a4; background: #fff; color: #a51d2d; padding: .35rem .75rem; }
.compound-grid-wrap[b-8l0n3fm14c], .teacher-grid-wrap[b-8l0n3fm14c] { overflow-x: auto; margin-top: 1rem; }
.compound-grid[b-8l0n3fm14c], .teacher-grid[b-8l0n3fm14c] { width: 100%; min-width: 820px; border-collapse: collapse; table-layout: fixed; }
.compound-grid th[b-8l0n3fm14c], .compound-grid td[b-8l0n3fm14c], .teacher-grid th[b-8l0n3fm14c], .teacher-grid td[b-8l0n3fm14c] { border: 1px solid #86b9ce; text-align: center; }
.compound-grid thead th[b-8l0n3fm14c], .teacher-grid thead th[b-8l0n3fm14c] { background: #0c85ae; color: #fff; padding: .55rem; }
.compound-grid tbody th[b-8l0n3fm14c], .teacher-grid tbody th[b-8l0n3fm14c] { width: 82px; background: #eaf6fa; color: #163c4c; }
.compound-grid td[b-8l0n3fm14c] { height: 76px; padding: .35rem; cursor: pointer; transition: .15s ease; }
.compound-grid td:hover:not(.is-empty)[b-8l0n3fm14c] { background: #edfafa; box-shadow: inset 0 0 0 2px #0aa2a4; }
.compound-grid td strong[b-8l0n3fm14c], .compound-grid td span[b-8l0n3fm14c] { display: block; }
.compound-grid td span[b-8l0n3fm14c] { color: #60727d; font-size: .78rem; margin-top: .18rem; }
.compound-grid td em[b-8l0n3fm14c] { display: inline-block; margin-top: .22rem; padding: .1rem .38rem; background: #fff0c7; color: #875c00; font-style: normal; font-size: .68rem; }
.compound-grid td.is-selected[b-8l0n3fm14c] { background: #d8f7f1; box-shadow: inset 0 0 0 3px #079a91; }
.compound-grid td.is-changed[b-8l0n3fm14c] { background: #fff8df; }
.compound-grid td.is-empty[b-8l0n3fm14c] { cursor: default; background: #fafcfd; }
.compound-grid .empty[b-8l0n3fm14c] { color: #b2bdc3; }
.compound-options[b-8l0n3fm14c] { margin-top: 1rem; border: 1px solid #d7e4e9; background: #fff; }
.compound-options > header[b-8l0n3fm14c] { display: flex; justify-content: space-between; align-items: center; padding: 1rem; background: #f4fafc; border-bottom: 1px solid #d7e4e9; }
.compound-options h3[b-8l0n3fm14c] { margin: 0; font-size: 1.05rem; }
.compound-options header span[b-8l0n3fm14c] { color: #667984; font-size: .82rem; }
.compound-options header b[b-8l0n3fm14c] { display: grid; place-items: center; min-width: 36px; height: 36px; border-radius: 50%; background: #078f9b; color: #fff; }
.compound-option-list[b-8l0n3fm14c] { display: grid; gap: .65rem; padding: .8rem; }
.compound-option[b-8l0n3fm14c] { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: .75rem; width: 100%; padding: .75rem; border: 1px solid #cbdde5; background: #fff; text-align: right; }
.compound-option:hover[b-8l0n3fm14c] { border-color: #079a9a; background: #f8fefe; }
.compound-option.is-safe[b-8l0n3fm14c] { border-right: 4px solid #11a66a; }
.compound-option.has-notes[b-8l0n3fm14c] { border-right: 4px solid #dc9d18; }
.option-rank[b-8l0n3fm14c] { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: #e7f4f8; color: #076d8c; font-weight: 700; }
.option-route[b-8l0n3fm14c] { display: flex; align-items: center; gap: .55rem; min-width: 0; }
.option-route b[b-8l0n3fm14c], .option-route small[b-8l0n3fm14c] { display: block; }
.option-route small[b-8l0n3fm14c] { color: #6b7c84; font-size: .72rem; }
.option-route i[b-8l0n3fm14c] { color: #07929c; }
.option-result[b-8l0n3fm14c] { white-space: nowrap; padding: .25rem .55rem; border-radius: 999px; background: #edf8f2; color: #087645; font-size: .75rem; }
.has-notes .option-result[b-8l0n3fm14c] { background: #fff4d8; color: #8b6200; }
.compound-backdrop[b-8l0n3fm14c] { position: fixed; inset: 0; z-index: 1200; display: grid; place-items: center; padding: 1rem; background: rgb(15 31 40 / 68%); }
.compound-dialog[b-8l0n3fm14c] { width: min(1120px, 96vw); max-height: 92vh; overflow-y: auto; background: #fff; box-shadow: 0 18px 60px rgb(0 0 0 / 30%); direction: rtl; }
.compound-dialog > header[b-8l0n3fm14c] { position: sticky; top: 0; z-index: 2; display: flex; justify-content: space-between; align-items: center; padding: 1rem 1.2rem; background: #0c7894; color: #fff; }
.compound-dialog header span[b-8l0n3fm14c] { font-size: .78rem; opacity: .85; }
.compound-dialog h2[b-8l0n3fm14c] { margin: .15rem 0 0; font-size: 1.2rem; }
.compound-dialog header button[b-8l0n3fm14c] { border: 0; background: transparent; color: #fff; font-size: 1.7rem; }
.compound-route-preview[b-8l0n3fm14c] { display: grid; grid-template-columns: repeat(3, 1fr); gap: .75rem; padding: 1rem; background: #f4f9fb; }
.compound-route-preview article[b-8l0n3fm14c] { padding: .8rem; border: 1px solid #d5e4ea; background: #fff; }
.compound-route-preview span[b-8l0n3fm14c], .compound-route-preview b[b-8l0n3fm14c], .compound-route-preview small[b-8l0n3fm14c] { display: block; }
.compound-route-preview small[b-8l0n3fm14c] { margin-top: .35rem; color: #607780; }
.affected-tables[b-8l0n3fm14c] { padding: 0 1rem 1rem; }
.affected-heading[b-8l0n3fm14c] { display: flex; justify-content: space-between; align-items: center; padding: .8rem 0; }
.affected-heading div[b-8l0n3fm14c] { display: grid; }
.affected-heading span[b-8l0n3fm14c] { color: #687c85; font-size: .8rem; }
.affected-tables details[b-8l0n3fm14c] { border: 1px solid #d5e3e9; margin-bottom: .65rem; }
.affected-tables summary[b-8l0n3fm14c] { padding: .7rem 1rem; background: #f6fafb; font-weight: 700; cursor: pointer; }
.teacher-grid[b-8l0n3fm14c] { min-width: 760px; margin: 0; }
.teacher-grid td[b-8l0n3fm14c] { height: 55px; font-size: .78rem; }
.teacher-grid td b[b-8l0n3fm14c], .teacher-grid td span[b-8l0n3fm14c] { display: block; }
.teacher-grid td span[b-8l0n3fm14c] { color: #61737c; font-size: .7rem; }
.teacher-grid td.is-arrived[b-8l0n3fm14c] { background: #dff7e8; box-shadow: inset 0 0 0 2px #20a65d; }
.teacher-grid td.is-left[b-8l0n3fm14c] { background: #fff8e3; outline: 2px dashed #d89419; outline-offset: -4px; }
.compound-violations[b-8l0n3fm14c] { margin: 0 1rem 1rem; padding: .8rem 1rem; border: 1px solid; }
.compound-violations h3[b-8l0n3fm14c] { margin: 0 0 .35rem; font-size: 1rem; }
.compound-violations p[b-8l0n3fm14c], .compound-violations ul[b-8l0n3fm14c] { margin: 0; }
.compound-violations.is-clear[b-8l0n3fm14c] { border-color: #a9dfc0; background: #effbf4; color: #087341; }
.compound-violations.has-violations[b-8l0n3fm14c] { border-color: #edcf85; background: #fff9e8; color: #795300; }
.compound-dialog footer[b-8l0n3fm14c] { position: sticky; bottom: 0; display: flex; justify-content: flex-end; gap: .65rem; padding: .9rem 1rem; border-top: 1px solid #d6e1e6; background: #fff; }

@media (max-width: 760px) {
    .compound-toolbar[b-8l0n3fm14c], .compound-status[b-8l0n3fm14c] { align-items: stretch; flex-direction: column; }
    .compound-filters[b-8l0n3fm14c] { align-items: stretch; flex-direction: column; width: 100%; }
    .compound-mode-select[b-8l0n3fm14c] { min-width: 0; width: 100%; }
    .compound-select[b-8l0n3fm14c] { min-width: 0; width: 100%; }
    .compound-actions[b-8l0n3fm14c] { display: grid; grid-template-columns: repeat(3, 1fr); }
    .compound-guide[b-8l0n3fm14c] { grid-template-columns: auto 1fr; }
    .compound-guide em[b-8l0n3fm14c] { grid-column: 1 / -1; justify-self: start; }
    .compound-option[b-8l0n3fm14c] { grid-template-columns: auto 1fr; }
    .option-route[b-8l0n3fm14c] { align-items: flex-start; flex-direction: column; }
    .option-route i[b-8l0n3fm14c] { transform: rotate(-90deg); }
    .option-result[b-8l0n3fm14c] { grid-column: 2; justify-self: start; }
    .compound-route-preview[b-8l0n3fm14c] { grid-template-columns: 1fr; }
}
/* /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-panel[b-l1urckoz9e] {
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.timetable-class-list[b-l1urckoz9e] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: minmax(34px, max-content);
    align-content: start;
    gap: .45rem;
    flex: 1 1 auto;
    min-height: 0;
    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-configurable-options[b-l1urckoz9e] {
    display: grid;
    gap: .55rem;
    margin-top: .8rem;
    border: 1px solid #e3ebef;
    background: #f8fbfc;
    padding: .65rem;
}

.timetable-configurable-option[b-l1urckoz9e] {
    display: grid;
    grid-template-columns: minmax(220px, .8fr) minmax(280px, 1.2fr);
    align-items: center;
    gap: .9rem;
    min-height: 48px;
    border: 1px solid #e0e9ed;
    background: #fff;
    padding: .5rem .65rem;
    transition: border-color .15s ease, background-color .15s ease;
}

.timetable-configurable-option.enabled[b-l1urckoz9e] {
    border-color: #a9d9e3;
    background: #f7fdff;
}

.timetable-configurable-switch[b-l1urckoz9e] {
    display: flex;
    align-items: center;
    gap: .5rem;
    color: #253847;
    font-size: 12.4px;
    font-weight: 700;
    cursor: pointer;
}

.timetable-configurable-switch input[b-l1urckoz9e] {
    width: 15px;
    height: 15px;
    accent-color: #087fa9;
}

.timetable-configurable-control[b-l1urckoz9e] {
    display: grid;
    grid-template-columns: minmax(155px, auto) minmax(130px, 1fr);
    align-items: center;
    gap: .75rem;
    color: #314757;
    font-size: 12px;
    font-weight: 700;
}

.timetable-configurable-control b[b-l1urckoz9e] {
    color: #087fa9;
}

.timetable-configurable-control input[b-l1urckoz9e] {
    width: 100%;
    accent-color: #087fa9;
}

.timetable-configurable-control:has(input:disabled)[b-l1urckoz9e] {
    opacity: .5;
}

.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-actions[b-l1urckoz9e] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
}

.timetable-row-action.danger[b-l1urckoz9e] {
    color: #c62828;
    border-color: #efc4c4;
    background: #fff8f8;
}

.timetable-row-action.danger:hover:not(:disabled)[b-l1urckoz9e] {
    color: #fff;
    border-color: #c62828;
    background: #c62828;
}

.timetable-row-action:disabled[b-l1urckoz9e] {
    opacity: .45;
    cursor: not-allowed;
}

.timetable-row-action:hover[b-l1urckoz9e] {
    background: #e8f7fd;
    border-color: #8dc9dc;
}

.timetable-failure-details-row td[b-l1urckoz9e] {
    padding: .45rem .75rem .7rem;
    background: #fff8f7;
    border-top: 0;
}

.timetable-failure-details-row summary[b-l1urckoz9e] {
    width: fit-content;
    color: #a92b20;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.timetable-failure-details[b-l1urckoz9e] {
    margin-top: .55rem;
    padding: .7rem .8rem;
    border: 1px solid #efc8c3;
    border-radius: 6px;
    background: #fff;
    color: #5d2520;
    line-height: 1.8;
    white-space: pre-wrap;
}

.timetable-field-error[b-l1urckoz9e] {
    display: block;
    margin-top: .25rem;
    color: #c62828;
    font-size: 11px;
    font-weight: 700;
}

.timetable-confirm-backdrop[b-l1urckoz9e] {
    position: fixed;
    inset: 0;
    z-index: 1080;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(7, 30, 42, .58);
    backdrop-filter: blur(2px);
}

.timetable-confirm-dialog[b-l1urckoz9e] {
    width: min(420px, 100%);
    padding: 1.4rem;
    border: 1px solid #e1c5c5;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 18px 55px rgba(0, 0, 0, .24);
    text-align: center;
    direction: rtl;
}

.timetable-confirm-icon[b-l1urckoz9e] {
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
    margin: 0 auto .8rem;
    border-radius: 50%;
    background: #fff0f0;
    color: #c62828;
    font-size: 1.35rem;
}

.timetable-confirm-dialog h3[b-l1urckoz9e] { margin: 0 0 .65rem; color: #173e4e; font-size: 1.05rem; }
.timetable-confirm-dialog p[b-l1urckoz9e] { margin: 0; color: #354f5a; line-height: 1.7; }
.timetable-confirm-dialog > span[b-l1urckoz9e] { display: block; margin-top: .3rem; color: #a33a3a; font-size: .78rem; }
.timetable-confirm-actions[b-l1urckoz9e] { display: flex; justify-content: center; gap: .65rem; margin-top: 1.15rem; }
.timetable-confirm-delete[b-l1urckoz9e] { display: inline-flex; align-items: center; justify-content: center; gap: .4rem; min-width: 125px; padding: .45rem .8rem; border: 1px solid #c62828; background: #c62828; color: #fff; font-weight: 700; }
.timetable-confirm-delete:hover:not(:disabled)[b-l1urckoz9e] { background: #a91f1f; border-color: #a91f1f; }
.timetable-confirm-delete:disabled[b-l1urckoz9e] { opacity: .65; }

.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;
}

.timetable-state-line strong[b-l1urckoz9e],
.app-snackbar strong[b-l1urckoz9e] {
    white-space: pre-line;
    text-align: start;
    line-height: 1.8;
}

@media (max-width: 920px) {
    .timetable-dashboard[b-l1urckoz9e] {
        grid-template-columns: 1fr;
    }

    .timetable-option-grid[b-l1urckoz9e],
    .timetable-switch-grid[b-l1urckoz9e] {
        grid-template-columns: 1fr;
    }

    .timetable-configurable-option[b-l1urckoz9e] {
        grid-template-columns: 1fr;
        gap: .45rem;
    }

    .timetable-class-list[b-l1urckoz9e] {
        flex: 0 1 auto;
        max-height: 360px;
    }
}

@media (max-width: 560px) {
    .timetable-dashboard[b-l1urckoz9e],
    .timetable-recent-panel[b-l1urckoz9e] {
        padding: .75rem;
        margin: 0;
    }

    .timetable-class-list[b-l1urckoz9e] {
        grid-template-columns: 1fr;
    }

    .timetable-configurable-control[b-l1urckoz9e] {
        grid-template-columns: 1fr;
        gap: .3rem;
    }
}
/* /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-integrity-alert[b-neu2mdp6h2] {
    margin: -0.25rem 1.25rem 1rem;
    border: 2px solid #c62828;
    border-right-width: 7px;
    background: #fff1f1;
    color: #861515;
    padding: .85rem 1rem;
    display: flex;
    align-items: flex-start;
    gap: .85rem;
    direction: rtl;
}

.timetable-integrity-alert > i[b-neu2mdp6h2] {
    color: #c62828;
    font-size: 1.55rem;
    line-height: 1;
    margin-top: .1rem;
}

.timetable-integrity-alert h3[b-neu2mdp6h2] {
    margin: 0 0 .25rem;
    color: #a51414;
    font-size: 15px;
    font-weight: 900;
}

.timetable-integrity-alert p[b-neu2mdp6h2] {
    margin: 0 0 .55rem;
    font-size: 12.5px;
    font-weight: 700;
    line-height: 1.7;
}

.timetable-integrity-alert p span[b-neu2mdp6h2] {
    margin-inline-start: .35rem;
}

.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.info[b-neu2mdp6h2] {
    background: #edf9ff;
    border-color: #a8d8e8;
}

.analysis-indicators li.info b[b-neu2mdp6h2] {
    background: #d9f2fc;
    color: #076987;
}

.analysis-indicators li.info span[b-neu2mdp6h2] {
    color: #075c75;
}

.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-integrity-alert[b-neu2mdp6h2] {
        margin: 0 .75rem .75rem;
    }

    .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;
}

.swap-view-tabs[b-nw88qraz11] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 1.25rem 1.25rem 0;
    border: 1px solid #b6d5e0;
    background: #eef5f8;
}

.swap-view-tabs button[b-nw88qraz11] {
    min-height: 44px;
    padding: .6rem 1rem;
    border: 0;
    border-inline-end: 1px solid #b6d5e0;
    background: transparent;
    color: #31515e;
    font-size: 13px;
    font-weight: 800;
}

.swap-view-tabs button:last-child[b-nw88qraz11] {
    border-inline-end: 0;
}

.swap-view-tabs button.active[b-nw88qraz11] {
    background: #0b82ad;
    color: #fff;
}

.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;
}

.teacher-view .period-cell.is-empty[b-nw88qraz11] {
    background: #fff;
}

.teacher-view .period-cell.is-occupied[b-nw88qraz11] {
    background: #f0f8fb;
}

.period-cell.is-muted[b-nw88qraz11] {
    opacity: .55;
}

.period-cell.is-selected[b-nw88qraz11] {
    background: #fff0f2;
    box-shadow: inset 0 0 0 2px #d9364f;
}

.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.compact[b-nw88qraz11] {
    margin: 0 1.25rem 1rem;
    grid-template-columns: minmax(0, 1fr) auto;
    min-height: 58px;
}

.selected-card-summary.compact.is-awaiting-selection[b-nw88qraz11] {
    background: #fbfdfe;
    border-color: #d5e4ea;
}

.selected-card-summary.compact.is-awaiting-selection span[b-nw88qraz11],
.selected-card-summary.compact.is-awaiting-selection strong[b-nw88qraz11],
.selected-card-summary.compact.is-awaiting-selection small[b-nw88qraz11] {
    color: #6d818a;
}

.selected-card-summary.compact > div[b-nw88qraz11] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .35rem;
    align-items: center;
}

.cancel-selection-button[b-nw88qraz11] {
    min-height: 34px;
    padding: .35rem .7rem;
    border: 1px solid #d3a7ac;
    background: #fff;
    color: #a52534;
    font-size: 11px;
    font-weight: 700;
}

.cancel-selection-button:hover[b-nw88qraz11],
.cancel-selection-button:focus[b-nw88qraz11] {
    background: #fff1f2;
    border-color: #bd5260;
}

.swap-change-log[b-nw88qraz11] {
    margin: 0 1.25rem 1rem;
    border: 1px solid #e2c47a;
    background: #fffaf0;
}

.swap-change-log header[b-nw88qraz11] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .55rem .75rem;
    border-bottom: 1px solid #ecd79f;
    color: #704b00;
    font-size: 12px;
}

.swap-change-log header span[b-nw88qraz11] {
    font-weight: 700;
}

.swap-change-table-wrap[b-nw88qraz11] {
    overflow-x: auto;
}

.swap-change-table[b-nw88qraz11] {
    width: 100%;
    min-width: 680px;
    border-collapse: collapse;
    background: #fff;
    table-layout: fixed;
}

.swap-change-table th[b-nw88qraz11],
.swap-change-table td[b-nw88qraz11] {
    padding: .3rem .45rem;
    border: 1px solid #e6d8b5;
    text-align: center;
    vertical-align: middle;
    font-size: 10.8px;
}

.swap-change-table th[b-nw88qraz11] {
    background: #fff8e6;
    color: #684900;
    font-weight: 800;
}

.swap-change-table th:first-child[b-nw88qraz11],
.swap-change-table .swap-index[b-nw88qraz11] {
    width: 38px;
}

.swap-change-table th:nth-child(2)[b-nw88qraz11],
.swap-change-table .swap-class-name[b-nw88qraz11] {
    width: 90px;
}

.swap-change-table .swap-arrow[b-nw88qraz11],
.swap-change-table .swap-arrow-head[b-nw88qraz11] {
    width: 36px;
    color: #b46f00;
}

.swap-change-table td b[b-nw88qraz11],
.swap-change-table td span[b-nw88qraz11] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.swap-change-table td b[b-nw88qraz11] {
    color: #087aa2;
    font-size: 10.8px;
}

.swap-change-table td span[b-nw88qraz11] {
    margin-top: .08rem;
    color: #4e626c;
    font-size: 10.3px;
    font-weight: 600;
}

.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-targets-panel[b-nw88qraz11] {
    margin: 0 1.25rem 1rem;
}

.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;
}

.swap-preview-backdrop[b-nw88qraz11] {
    position: fixed;
    z-index: 2100;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(5, 30, 42, .62);
    backdrop-filter: blur(2px);
}

.swap-preview-dialog[b-nw88qraz11] {
    width: min(820px, 100%);
    max-height: calc(100vh - 2rem);
    overflow-y: auto;
    border: 1px solid #86b7c8;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 24px 70px rgba(0, 25, 38, .28);
    direction: rtl;
}

.swap-preview-head[b-nw88qraz11] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.15rem;
    background: linear-gradient(135deg, #075d7c, #0b82ad);
    color: #fff;
}

.swap-preview-head span[b-nw88qraz11] {
    display: block;
    margin-bottom: .15rem;
    color: #caedf8;
    font-size: 11px;
    font-weight: 700;
}

.swap-preview-head h2[b-nw88qraz11] {
    margin: 0;
    color: #fff;
    font-size: 18px;
    font-weight: 800;
}

.swap-preview-close[b-nw88qraz11] {
    width: 34px;
    height: 34px;
    border: 1px solid rgba(255, 255, 255, .55);
    border-radius: 6px;
    background: rgba(255, 255, 255, .1);
    color: #fff;
    font-size: 22px;
    line-height: 1;
}

.swap-preview-scope[b-nw88qraz11] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .35rem .65rem;
    align-items: center;
    margin: 1rem;
    padding: .75rem;
    border: 1px solid #cfe2ea;
    border-radius: 7px;
    background: #f8fcfd;
}

.swap-preview-scope > span[b-nw88qraz11] {
    grid-row: span 2;
    padding: .3rem .55rem;
    border: 1px solid #a9d7e5;
    border-radius: 999px;
    background: #e9f8fc;
    color: #066487;
    font-size: 11px;
    font-weight: 800;
}

.swap-preview-scope > span.is-cross-day[b-nw88qraz11] {
    border-color: #e6c36a;
    background: #fff8e5;
    color: #7a5100;
}

.swap-preview-scope strong[b-nw88qraz11] {
    color: #15333f;
    font-size: 12.5px;
}

.swap-preview-scope small[b-nw88qraz11] {
    color: #5d727b;
    font-size: 11px;
    font-weight: 600;
}

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

.swap-preview-routes article[b-nw88qraz11],
.swap-preview-class[b-nw88qraz11] {
    padding: .8rem;
    border: 1px solid #d5e4ea;
    border-radius: 7px;
    background: #fff;
}

.swap-preview-routes h3[b-nw88qraz11],
.swap-preview-class h3[b-nw88qraz11] {
    margin: 0 0 .65rem;
    color: #073f52;
    font-size: 12.5px;
    font-weight: 800;
}

.swap-route[b-nw88qraz11] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    gap: .45rem;
    align-items: center;
}

.swap-route span[b-nw88qraz11],
.swap-route strong[b-nw88qraz11] {
    padding: .45rem;
    border: 1px solid #d7e5eb;
    background: #f8fbfc;
    text-align: center;
    color: #405963;
    font-size: 11px;
}

.swap-route strong[b-nw88qraz11] {
    border-color: #91d6ae;
    background: #eefbf4;
    color: #08733a;
}

.swap-route i[b-nw88qraz11] {
    color: #0b82ad;
}

.swap-preview-routes article > small[b-nw88qraz11] {
    display: block;
    margin-top: .55rem;
    color: #6d550e;
    text-align: center;
    font-size: 10.5px;
    font-weight: 700;
}

.swap-preview-class[b-nw88qraz11] {
    margin: 0 1rem 1rem;
}

.swap-preview-lessons[b-nw88qraz11] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.swap-preview-lessons > div[b-nw88qraz11] {
    display: grid;
    gap: .3rem;
    padding: .65rem;
    border: 1px solid #e0e9ed;
    background: #fbfdfe;
    text-align: center;
}

.swap-preview-lessons span[b-nw88qraz11] {
    color: #0b82ad;
    font-size: 10.5px;
    font-weight: 800;
}

.swap-preview-lessons b[b-nw88qraz11] {
    color: #5b6870;
    font-size: 11px;
}

.swap-preview-lessons strong[b-nw88qraz11] {
    color: #08733a;
    font-size: 11px;
}

.swap-preview-lessons i[b-nw88qraz11] {
    color: #0b82ad;
}

.swap-preview-teacher-tables[b-nw88qraz11] {
    margin: 0 1rem 1rem;
    border: 1px solid #bdd5df;
    border-radius: 7px;
    overflow: hidden;
    background: #fff;
}

.swap-preview-teacher-tables > header[b-nw88qraz11] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .7rem .8rem;
    border-bottom: 1px solid #cfe2ea;
    background: #eef8fb;
    color: #073f52;
}

.swap-preview-teacher-tables > header div[b-nw88qraz11],
.swap-preview-teacher-tables > header strong[b-nw88qraz11],
.swap-preview-teacher-tables > header small[b-nw88qraz11] {
    display: block;
}

.swap-preview-teacher-tables > header strong[b-nw88qraz11] {
    font-size: 12.5px;
}

.swap-preview-teacher-tables > header small[b-nw88qraz11] {
    margin-top: .15rem;
    color: #5a717b;
    font-size: 10.5px;
    font-weight: 600;
}

.swap-preview-teacher-tables > header > span[b-nw88qraz11] {
    padding: .2rem .5rem;
    border-radius: 999px;
    background: #d8eff7;
    color: #086688;
    font-size: 10.5px;
    font-weight: 800;
}

.swap-preview-teacher-tables details + details[b-nw88qraz11] {
    border-top: 1px solid #dbe8ed;
}

.swap-preview-teacher-tables summary[b-nw88qraz11] {
    display: grid;
    grid-template-columns: minmax(140px, auto) minmax(0, 1fr);
    gap: .65rem;
    align-items: center;
    padding: .6rem .75rem;
    background: #fbfdfe;
    color: #173b49;
    cursor: pointer;
    list-style-position: inside;
}

.swap-preview-teacher-tables summary strong[b-nw88qraz11] {
    font-size: 11.5px;
}

.swap-preview-teacher-tables summary span[b-nw88qraz11] {
    color: #50707d;
    font-size: 10.5px;
    font-weight: 650;
}

.swap-preview-teacher-grid-wrap[b-nw88qraz11] {
    padding: .6rem;
    overflow-x: auto;
}

.swap-preview-teacher-grid[b-nw88qraz11] {
    width: 100%;
    min-width: 680px;
    border-collapse: collapse;
    table-layout: fixed;
}

.swap-preview-teacher-grid th[b-nw88qraz11],
.swap-preview-teacher-grid td[b-nw88qraz11] {
    height: 48px;
    padding: .2rem;
    border: 1px solid #c8dce4;
    text-align: center;
    vertical-align: middle;
}

.swap-preview-teacher-grid thead th[b-nw88qraz11] {
    height: auto;
    background: #0b82ad;
    color: #fff;
    font-size: 10px;
}

.swap-preview-teacher-grid tbody th[b-nw88qraz11] {
    width: 62px;
    background: #eef8fb;
    color: #073f52;
    font-size: 10px;
}

.swap-preview-teacher-grid td[b-nw88qraz11] {
    position: relative;
    background: #fff;
    color: #51656e;
    font-size: 9.5px;
}

.swap-preview-teacher-grid td b[b-nw88qraz11],
.swap-preview-teacher-grid td span[b-nw88qraz11],
.swap-preview-teacher-grid td em[b-nw88qraz11] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.swap-preview-teacher-grid td b[b-nw88qraz11] {
    color: #173440;
    font-size: 9.8px;
}

.swap-preview-teacher-grid td span[b-nw88qraz11] {
    margin-top: .08rem;
    color: #607680;
    font-size: 9.3px;
}

.swap-preview-teacher-grid td em[b-nw88qraz11] {
    margin-top: .15rem;
    font-size: 8.8px;
    font-style: normal;
    font-weight: 800;
}

.swap-preview-teacher-grid td.is-moved-from[b-nw88qraz11] {
    border: 2px dashed #dc7c35;
    background: #fff5ec;
}

.swap-preview-teacher-grid td.is-moved-from em[b-nw88qraz11] {
    color: #a14908;
}

.swap-preview-teacher-grid td.is-moved-to[b-nw88qraz11],
.swap-preview-teacher-grid td.is-swapped[b-nw88qraz11] {
    border: 2px solid #27a75d;
    background: #eafaf1;
}

.swap-preview-teacher-grid td.is-moved-to em[b-nw88qraz11],
.swap-preview-teacher-grid td.is-swapped em[b-nw88qraz11] {
    color: #08733a;
}

.swap-preview-note[b-nw88qraz11] {
    display: flex;
    align-items: center;
    gap: .55rem;
    margin: 0 1rem 1rem;
    padding: .65rem .75rem;
    border: 1px solid #93dab1;
    border-radius: 6px;
    background: #effbf4;
    color: #08733a;
    font-size: 11.5px;
    font-weight: 700;
}

.swap-preview-note i[b-nw88qraz11] {
    font-size: 17px;
}

.swap-preview-violations[b-nw88qraz11] {
    margin: 0 1rem 1rem;
    border: 1px solid #cfdfe6;
    border-radius: 7px;
    overflow: hidden;
}

.swap-preview-violations header[b-nw88qraz11] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .6rem .75rem;
    font-size: 11.5px;
}

.swap-preview-violations header span[b-nw88qraz11] {
    padding: .16rem .45rem;
    border-radius: 999px;
    font-size: 10.5px;
    font-weight: 800;
}

.swap-preview-violations.is-clear header[b-nw88qraz11] {
    background: #effbf4;
    color: #08733a;
}

.swap-preview-violations.is-clear header span[b-nw88qraz11] {
    background: #d8f4e4;
}

.swap-preview-violations.has-violations[b-nw88qraz11] {
    border-color: #efc06d;
}

.swap-preview-violations.has-violations header[b-nw88qraz11] {
    background: #fff7e7;
    color: #7a4b00;
}

.swap-preview-violations.has-violations header span[b-nw88qraz11] {
    background: #ffe8b9;
}

.swap-preview-violations ul[b-nw88qraz11] {
    display: grid;
    gap: .35rem;
    margin: 0;
    padding: .65rem .85rem;
    list-style: none;
}

.swap-preview-violations li[b-nw88qraz11],
.swap-preview-violations p[b-nw88qraz11] {
    display: flex;
    align-items: flex-start;
    gap: .45rem;
    margin: 0;
    color: #68430a;
    font-size: 11px;
    font-weight: 650;
}

.swap-preview-violations p[b-nw88qraz11] {
    padding: .65rem .85rem;
    color: #08733a;
}

.swap-preview-violations li i[b-nw88qraz11],
.swap-preview-violations p i[b-nw88qraz11] {
    margin-top: .12rem;
    flex: 0 0 auto;
}

.swap-preview-actions[b-nw88qraz11] {
    display: flex;
    justify-content: flex-end;
    gap: .65rem;
    padding: .85rem 1rem;
    border-top: 1px solid #d8e5ea;
    background: #f8fbfc;
}

.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-select[b-nw88qraz11] {
        width: 100%;
        max-width: none;
    }

    .swap-view-tabs[b-nw88qraz11] {
        margin-right: .75rem;
        margin-left: .75rem;
    }

    .timetable-swap-layout[b-nw88qraz11],
    .timetable-swap-empty[b-nw88qraz11],
    .selected-card-summary.compact[b-nw88qraz11],
    .swap-change-log[b-nw88qraz11],
    .swap-targets-panel[b-nw88qraz11] {
        margin-right: .75rem;
        margin-left: .75rem;
    }

    .selected-card-summary.compact[b-nw88qraz11],
    .selected-card-summary.compact > div[b-nw88qraz11] {
        grid-template-columns: 1fr;
    }

    .swap-preview-routes[b-nw88qraz11],
    .swap-preview-lessons[b-nw88qraz11] {
        grid-template-columns: 1fr;
    }

    .swap-preview-scope[b-nw88qraz11] {
        grid-template-columns: 1fr;
    }

    .swap-preview-scope > span[b-nw88qraz11] {
        grid-row: auto;
        justify-self: start;
    }

    .swap-preview-teacher-tables summary[b-nw88qraz11] {
        grid-template-columns: 1fr;
    }

}
/* /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(2, minmax(0, 1fr));
    gap: .75rem;
    align-items: end;
}

.viewer-filters .kind-field[b-y3gaf87yyk] {
    grid-column: auto;
}

.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;
}

.supervision-duty-summary[b-y3gaf87yyk] {
    display: grid;
    grid-template-columns: auto 1fr 1fr;
    align-items: stretch;
    border: 1px solid #b9d5df;
    background: #f7fbfc;
    color: #234d60;
}

.supervision-duty-summary > strong[b-y3gaf87yyk],
.supervision-duty-summary > div[b-y3gaf87yyk] {
    display: flex;
    align-items: center;
    gap: .5rem;
    min-height: 42px;
    padding: .55rem .75rem;
    border-inline-start: 1px solid #d3e3e9;
}

.supervision-duty-summary > strong[b-y3gaf87yyk] {
    border-inline-start: 0;
    background: #eaf5f8;
    color: #087da6;
}

.supervision-duty-summary span[b-y3gaf87yyk] {
    color: #6a818b;
    font-size: .76rem;
}

.supervision-duty-summary b[b-y3gaf87yyk] {
    font-size: .85rem;
}

.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;
}

.general-schedule-table[b-y3gaf87yyk] {
    width: max-content;
    min-width: 100%;
    table-layout: fixed;
    font-size: .67rem;
}

.general-schedule-table .row-label[b-y3gaf87yyk] {
    position: sticky;
    right: 0;
    z-index: 2;
    width: 145px;
    min-width: 145px;
    max-width: 145px;
    font-weight: 900;
}

.general-schedule-table thead .row-label[b-y3gaf87yyk] {
    z-index: 4;
}

.general-schedule-table thead th:not(.row-label)[b-y3gaf87yyk],
.general-schedule-table td[b-y3gaf87yyk] {
    width: 48px;
    min-width: 48px;
    max-width: 48px;
    padding: .3rem .2rem;
}

.general-schedule-table td[b-y3gaf87yyk] {
    height: 44px;
}

.general-schedule-table tbody tr:nth-child(even) td[b-y3gaf87yyk],
.general-schedule-table tbody tr:nth-child(even) .row-label[b-y3gaf87yyk] {
    background: #f8fbfc;
}

.general-schedule-table .general-day-head th[b-y3gaf87yyk] {
    border-inline-start: 2px solid #075f80;
    font-size: .76rem;
}

.general-schedule-table .general-period-head th.day-start[b-y3gaf87yyk] {
    border-inline-start: 2px solid #075f80;
}

.general-schedule-table tbody td.day-start[b-y3gaf87yyk] {
    border-inline-start: 2px solid #aec4ce;
}

.general-schedule-table td strong[b-y3gaf87yyk] {
    color: #163f54;
    font-size: .68rem;
    white-space: nowrap;
}

.general-schedule-table td small[b-y3gaf87yyk] {
    overflow: hidden;
    font-size: .58rem;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.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: auto;
    }

    .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;
    }

    .supervision-duty-summary[b-y3gaf87yyk] {
        grid-template-columns: 1fr;
    }

    .supervision-duty-summary > strong[b-y3gaf87yyk],
    .supervision-duty-summary > div[b-y3gaf87yyk] {
        border-inline-start: 0;
        border-top: 1px solid #d3e3e9;
    }

    .supervision-duty-summary > strong[b-y3gaf87yyk] {
        border-top: 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-calibration-panel[b-h2dsg7mi47] {
    display: grid;
    gap: .75rem;
    margin: 1rem;
    padding: 1rem;
    border: 1px solid #cfe1ea;
    border-inline-start: 4px solid #0b86b7;
    background: #f8fcfd;
}

.noor-calibration-toggle[b-h2dsg7mi47] {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    color: #173f52;
    font-size: 13px;
    font-weight: 800;
}

.noor-calibration-toggle input[b-h2dsg7mi47] {
    width: 18px;
    height: 18px;
    accent-color: #0b86b7;
}

.noor-calibration-panel p[b-h2dsg7mi47] {
    margin: 0;
    color: #58707e;
    font-size: 12.3px;
    line-height: 1.8;
}

.noor-calibration-grid[b-h2dsg7mi47] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .8rem;
    padding-top: .35rem;
}

.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],
    .noor-calibration-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;
    }
}