/* /Pages/DiplomaVerification.razor.rz.scp.css */
/* ============================================================
DiplomaVerification.razor.css — page publique /v/{Code}
Ouverte presque toujours depuis un téléphone (scan du QR code).
CSS isolée : aucun sélecteur html/body/shell XAF ici.
============================================================ */
.verify[b-h2o5froi1r] {
--brand: #4F46E5;
--brand-deep: #312E81;
--ink: #0F1117;
--ink-2: #3B3F52;
--ink-3: #6B7280;
--line: #E8EAF0;
--bg: #F1F2F7;
--surface: #FFFFFF;
--ok: #059669;
--ok-bg: #ECFDF5;
--ko: #DC2626;
--ko-bg: #FEF2F2;
--warn: #D97706;
--warn-bg: #FFFBEB;
min-height: 100dvh;
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
padding: 28px 16px 32px;
background: var(--bg);
color: var(--ink);
font-family: 'DM Sans', 'Sora', system-ui, -apple-system, 'Segoe UI', sans-serif;
font-size: 16px;
line-height: 1.55;
-webkit-font-smoothing: antialiased;
overflow-y: auto;
}
/* ---------- En-tête établissement ---------- */
.brand[b-h2o5froi1r] {
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
text-align: center;
}
.brand img[b-h2o5froi1r] {
max-height: 72px;
max-width: 220px;
object-fit: contain;
}
.brand-name[b-h2o5froi1r] {
font-weight: 600;
font-size: 15px;
color: var(--ink-2);
}
/* ---------- Carte ---------- */
.card[b-h2o5froi1r] {
width: 100%;
max-width: 520px;
box-sizing: border-box;
background: var(--surface);
border-radius: 20px;
padding: 24px 20px;
box-shadow: 0 0 0 1px rgba(15,17,23,.04), 0 2px 4px rgba(15,17,23,.04), 0 8px 24px -4px rgba(15,17,23,.08);
}
.status[b-h2o5froi1r] {
display: flex;
align-items: center;
gap: 12px;
padding: 14px 16px;
border-radius: 14px;
margin-bottom: 14px;
}
.status h1[b-h2o5froi1r] {
margin: 0;
font-size: 22px;
line-height: 1.25;
font-weight: 700;
}
.status .badge[b-h2o5froi1r] {
flex: 0 0 auto;
display: inline-flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
border-radius: 50%;
color: #fff;
font-size: 20px;
font-weight: 700;
}
.status.ok[b-h2o5froi1r] { background: var(--ok-bg); color: var(--ok); }
.status.ok .badge[b-h2o5froi1r] { background: var(--ok); }
.status.ko[b-h2o5froi1r] { background: var(--ko-bg); color: var(--ko); }
.status.ko .badge[b-h2o5froi1r] { background: var(--ko); }
.status.warn[b-h2o5froi1r] { background: var(--warn-bg); color: var(--warn); }
.status.warn .badge[b-h2o5froi1r] { background: var(--warn); }
.lead[b-h2o5froi1r] {
margin: 0 0 18px;
color: var(--ink-2);
}
.muted[b-h2o5froi1r] {
margin: 0;
color: var(--ink-3);
font-size: 14px;
}
/* ---------- Informations du diplôme ---------- */
.facts[b-h2o5froi1r] {
margin: 0;
border-top: 1px solid var(--line);
}
.facts dt[b-h2o5froi1r] {
margin: 14px 0 2px;
font-size: 12px;
font-weight: 600;
letter-spacing: .06em;
text-transform: uppercase;
color: var(--ink-3);
}
.facts dd[b-h2o5froi1r] {
margin: 0;
font-size: 17px;
font-weight: 500;
overflow-wrap: anywhere;
}
.facts dd.holder[b-h2o5froi1r] {
font-size: 21px;
font-weight: 700;
color: var(--brand-deep);
}
.code[b-h2o5froi1r] {
margin: 20px 0 0;
padding-top: 14px;
border-top: 1px solid var(--line);
font-size: 13px;
color: var(--ink-3);
}
.code strong[b-h2o5froi1r] {
font-family: ui-monospace, 'SFMono-Regular', Consolas, monospace;
letter-spacing: .08em;
color: var(--ink-2);
}
.foot[b-h2o5froi1r] {
font-size: 12px;
color: var(--ink-3);
}
@media (min-width: 600px) {
.verify[b-h2o5froi1r] { padding-top: 56px; }
.card[b-h2o5froi1r] { padding: 32px 32px; }
}
/* /Pages/ExamPlanning/ExamListSupervisorsView.razor.rz.scp.css */
.els-wrapper[b-h84oswhlm1] {
display: flex;
flex-direction: column;
gap: 10px;
font-size: 13px;
color: #1f2937;
}
/* ── Barre d'outils ─────────────────────────────────────────────── */
.els-toolbar[b-h84oswhlm1] {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
padding: 10px 12px;
background: #fafafc;
border: 1px solid #e5e7eb;
border-radius: 10px;
}
.els-title[b-h84oswhlm1] {
font-weight: 600;
font-size: 14px;
}
.els-sub[b-h84oswhlm1] {
color: #6b7280;
}
.els-spacer[b-h84oswhlm1] {
flex: 1 1 auto;
}
.els-count[b-h84oswhlm1] {
padding: 2px 10px;
border-radius: 999px;
font-weight: 600;
font-variant-numeric: tabular-nums;
border: 1px solid #d1d5db;
}
.els-count.done[b-h84oswhlm1] {
background: #d8f0e2;
border-color: #8fbf9f;
color: #1d6b3c;
}
.els-count.gap[b-h84oswhlm1] {
background: #fdebc8;
border-color: #e0b667;
color: #a8630c;
}
.els-btn[b-h84oswhlm1] {
padding: 6px 12px;
border: 1px solid #d1d5db;
border-radius: 8px;
background: #fff;
color: #1f2937;
font-size: 13px;
cursor: pointer;
}
.els-btn:hover:not(:disabled)[b-h84oswhlm1] {
border-color: #3e3e90;
}
.els-btn:disabled[b-h84oswhlm1] {
opacity: .5;
cursor: default;
}
.els-btn.on[b-h84oswhlm1] {
background: #3e3e90;
border-color: #3e3e90;
color: #fff;
}
.els-btn.ghost[b-h84oswhlm1] {
border-color: transparent;
color: #6b7280;
}
.els-message[b-h84oswhlm1] {
padding: 8px 12px;
border-radius: 8px;
background: #eef2ff;
border: 1px solid #c7d2fe;
color: #3730a3;
}
.els-empty[b-h84oswhlm1] {
margin: 0;
padding: 14px 12px;
color: #6b7280;
background: #fafafc;
border: 1px dashed #e5e7eb;
border-radius: 10px;
}
/* ── Liste de choix ─────────────────────────────────────────────── */
.els-picker[b-h84oswhlm1] {
border: 1px solid #c7d2fe;
border-radius: 10px;
overflow: hidden;
}
.els-picker-head[b-h84oswhlm1] {
display: flex;
align-items: center;
gap: 10px;
padding: 8px 12px;
background: #eef2ff;
border-bottom: 1px solid #c7d2fe;
font-weight: 600;
}
.els-search[b-h84oswhlm1] {
padding: 5px 10px;
border: 1px solid #c7d2fe;
border-radius: 8px;
background: #fff;
font-size: 13px;
min-width: 220px;
}
.els-search:focus[b-h84oswhlm1] {
outline: none;
border-color: #3e3e90;
}
.els-picker-list[b-h84oswhlm1] {
max-height: 280px;
overflow-y: auto;
}
.els-picker-empty[b-h84oswhlm1] {
padding: 14px 12px;
color: #6b7280;
}
.els-candidate[b-h84oswhlm1] {
display: flex;
align-items: baseline;
gap: 10px;
padding: 7px 12px;
cursor: pointer;
border-bottom: 1px solid #f3f4f6;
}
.els-candidate:last-child[b-h84oswhlm1] {
border-bottom: none;
}
.els-candidate:hover[b-h84oswhlm1] {
background: #f5f6ff;
}
.els-candidate.busy[b-h84oswhlm1] {
background: #fdf5e6;
}
.els-candidate.busy:hover[b-h84oswhlm1] {
background: #fbeed3;
}
.els-candidate-name[b-h84oswhlm1] {
font-weight: 600;
}
.els-candidate-sub[b-h84oswhlm1] {
color: #6b7280;
font-size: 12px;
}
/* ── Les surveillants en place ──────────────────────────────────── */
.els-table[b-h84oswhlm1] {
border: 1px solid #e5e7eb;
border-radius: 10px;
overflow: hidden;
}
.els-head[b-h84oswhlm1],
.els-row[b-h84oswhlm1] {
display: grid;
grid-template-columns: 2fr 1.4fr 80px 110px;
align-items: center;
gap: 10px;
padding: 7px 12px;
}
.els-head[b-h84oswhlm1] {
background: #fafafc;
border-bottom: 1px solid #e5e7eb;
font-size: 11px;
text-transform: uppercase;
letter-spacing: .03em;
color: #4b5563;
}
.els-row[b-h84oswhlm1] {
border-bottom: 1px solid #f3f4f6;
}
.els-row:last-child[b-h84oswhlm1] {
border-bottom: none;
}
.els-row:hover[b-h84oswhlm1] {
background: #fafaff;
}
.els-name[b-h84oswhlm1] {
font-weight: 600;
}
.els-kind[b-h84oswhlm1] {
color: #6b7280;
}
.els-center[b-h84oswhlm1] {
text-align: center;
}
.els-right[b-h84oswhlm1] {
text-align: right;
}
.els-code[b-h84oswhlm1] {
display: inline-block;
min-width: 28px;
padding: 1px 7px;
border-radius: 999px;
background: #eef2ff;
border: 1px solid #c7d2fe;
color: #3730a3;
font-weight: 600;
font-size: 12px;
}
.els-tag[b-h84oswhlm1] {
padding: 1px 8px;
border-radius: 999px;
font-size: 11px;
font-weight: 600;
}
.els-tag.busy[b-h84oswhlm1] {
background: #fdebc8;
border: 1px solid #e0b667;
color: #a8630c;
}
.els-remove[b-h84oswhlm1] {
padding: 4px 10px;
border: 1px solid #e5e7eb;
border-radius: 8px;
background: #fff;
color: #b42318;
font-size: 12px;
cursor: pointer;
}
.els-remove:hover[b-h84oswhlm1] {
border-color: #e4a9a2;
background: #fdf2f1;
}
/* /Pages/ExamPlanning/ExamResourcePickerView.razor.rz.scp.css */
.erp-wrapper[b-5hrlfbmfca] {
display: flex;
flex-direction: column;
gap: 10px;
font-size: 13px;
color: #111827;
}
.erp-toolbar[b-5hrlfbmfca] {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px;
padding: 10px 12px;
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 10px;
}
.erp-search[b-5hrlfbmfca] {
flex: 1 1 240px;
max-width: 340px;
padding: 8px 11px;
border: 1px solid #d1d5db;
border-radius: 8px;
font: inherit;
}
.erp-select[b-5hrlfbmfca] {
padding: 8px 10px;
border: 1px solid #d1d5db;
border-radius: 8px;
font: inherit;
background: #fff;
}
.erp-spacer[b-5hrlfbmfca] {
flex: 1 1 auto;
}
.erp-count[b-5hrlfbmfca] {
color: #4b5563;
font-weight: 600;
}
.erp-btn[b-5hrlfbmfca] {
border: 1px solid #d1d5db;
background: #fff;
color: #1f2937;
border-radius: 8px;
padding: 8px 13px;
font: inherit;
font-weight: 600;
cursor: pointer;
}
.erp-btn.accent[b-5hrlfbmfca] {
border-color: #7b6fc0;
color: #4a3f8c;
}
.erp-btn.primary[b-5hrlfbmfca] {
background: #3e3e90;
border-color: #3e3e90;
color: #fff;
}
.erp-btn:disabled[b-5hrlfbmfca] {
opacity: .5;
cursor: default;
}
.erp-message[b-5hrlfbmfca] {
padding: 9px 13px;
border-radius: 8px;
font-weight: 600;
}
.erp-message.ok[b-5hrlfbmfca] { background: #e7f5ec; color: #1d6b3c; }
.erp-message.warn[b-5hrlfbmfca] { background: #fdf6f5; color: #b42318; }
.erp-message.info[b-5hrlfbmfca] { background: #f1f1f5; color: #4b5563; }
.erp-scroll[b-5hrlfbmfca] {
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 10px;
overflow: auto;
max-height: 560px;
}
.erp-table[b-5hrlfbmfca] {
width: 100%;
border-collapse: separate;
border-spacing: 0;
}
.erp-table th[b-5hrlfbmfca] {
position: sticky;
top: 0;
z-index: 1;
background: #fbfbfe;
text-align: left;
font-size: 11px;
text-transform: uppercase;
letter-spacing: .6px;
color: #4b5563;
font-weight: 700;
padding: 10px 12px;
border-bottom: 1px solid #eff0f4;
white-space: nowrap;
}
.erp-table td[b-5hrlfbmfca] {
padding: 9px 12px;
border-bottom: 1px solid #f4f4f8;
vertical-align: middle;
}
.erp-table tr.on td[b-5hrlfbmfca] {
background: #f7f6fd;
}
.erp-check-col[b-5hrlfbmfca] {
width: 42px;
text-align: center;
}
.erp-check-col input[b-5hrlfbmfca] {
width: 17px;
height: 17px;
accent-color: #3e3e90;
}
.erp-name[b-5hrlfbmfca] {
font-weight: 600;
}
.erp-sub[b-5hrlfbmfca] {
display: block;
font-size: 11px;
color: #6b7280;
}
.erp-num[b-5hrlfbmfca] {
text-align: right;
width: 110px;
font-variant-numeric: tabular-nums;
}
.erp-in[b-5hrlfbmfca] {
width: 88px;
padding: 6px 8px;
border: 1px solid #d1d5db;
border-radius: 7px;
font: inherit;
text-align: right;
background: #fff;
}
.erp-in:disabled[b-5hrlfbmfca] {
background: #f6f7f9;
color: #9ca3af;
}
.erp-empty[b-5hrlfbmfca] {
padding: 18px;
color: #6b7280;
margin: 0;
}
.erp-act-col[b-5hrlfbmfca] {
width: 44px;
text-align: center;
}
.erp-trash[b-5hrlfbmfca] {
border: none;
background: transparent;
color: #9ca3af;
font-size: 18px;
line-height: 1;
cursor: pointer;
padding: 0 4px;
}
.erp-trash:hover[b-5hrlfbmfca] {
color: #b42318;
}
/* /Pages/ExamPlanning/ExamRoomAssignmentView.razor.rz.scp.css */
.exr-wrapper[b-xxvw4wonvq] {
display: flex;
flex-direction: column;
gap: 12px;
font-size: 13px;
color: #111827;
}
.exr-toolbar[b-xxvw4wonvq] {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 12px;
padding: 10px 12px;
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 10px;
}
.exr-title[b-xxvw4wonvq] {
font-weight: 700;
font-size: 14px;
}
.exr-count[b-xxvw4wonvq] {
color: #6b7280;
font-size: 12px;
}
.exr-spacer[b-xxvw4wonvq] {
flex: 1 1 auto;
}
.exr-warn[b-xxvw4wonvq] {
color: #b42318;
font-weight: 600;
font-size: 12px;
}
.exr-message[b-xxvw4wonvq] {
color: #1d6b3c;
font-weight: 600;
font-size: 12px;
}
.exr-btn[b-xxvw4wonvq] {
border: 1px solid #d1d5db;
background: #fff;
color: #1f2937;
border-radius: 8px;
padding: 8px 14px;
font: inherit;
font-weight: 600;
cursor: pointer;
}
.exr-btn.accent[b-xxvw4wonvq] {
border-color: #7b6fc0;
color: #4a3f8c;
}
.exr-btn.primary[b-xxvw4wonvq] {
background: #3e3e90;
border-color: #3e3e90;
color: #fff;
}
.exr-btn:disabled[b-xxvw4wonvq] {
opacity: .5;
cursor: default;
}
.exr-table[b-xxvw4wonvq] {
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 10px;
/* Surtout pas overflow:hidden : la liste déroulante d'une ligne
serait coupée au bord du tableau. */
overflow: visible;
}
.exr-head[b-xxvw4wonvq],
.exr-row[b-xxvw4wonvq] {
display: grid;
grid-template-columns: minmax(180px, 1.4fr) 80px minmax(220px, 1.6fr) 90px 90px minmax(150px, 1fr);
align-items: center;
gap: 12px;
padding: 9px 14px;
}
.exr-head[b-xxvw4wonvq] {
font-weight: 700;
font-size: 12px;
text-transform: uppercase;
letter-spacing: .02em;
color: #4b5563;
background: #fafafc;
border-bottom: 1px solid #eef0f4;
}
.exr-row[b-xxvw4wonvq] {
border-bottom: 1px solid #f3f4f6;
}
.exr-row:last-child[b-xxvw4wonvq] {
border-bottom: none;
}
.exr-row:hover[b-xxvw4wonvq] {
background: #fafaff;
}
.exr-row.bad[b-xxvw4wonvq] {
background: #fdf6f5;
}
.exr-row label[b-xxvw4wonvq] {
font-weight: 600;
margin: 0;
}
.exr-right[b-xxvw4wonvq] {
text-align: right;
font-variant-numeric: tabular-nums;
}
.exr-right.warn[b-xxvw4wonvq] {
color: #b42318;
font-weight: 700;
}
.exr-select[b-xxvw4wonvq] {
width: 100%;
padding: 7px 9px;
border: 1px solid #d1d5db;
border-radius: 8px;
font: inherit;
background: #fff;
}
.exr-select.warn[b-xxvw4wonvq] {
border-color: #e4a9a2;
background: #fffaf9;
}
.exr-select:focus[b-xxvw4wonvq] {
outline: none;
border-color: #3e3e90;
box-shadow: 0 0 0 3px rgba(62, 62, 144, .12);
}
.exr-state[b-xxvw4wonvq] {
display: flex;
flex-wrap: wrap;
gap: 5px;
}
.exr-tag[b-xxvw4wonvq] {
padding: 3px 9px;
border-radius: 999px;
font-size: 11px;
font-weight: 700;
white-space: nowrap;
}
.exr-tag.ok[b-xxvw4wonvq] {
background: #e7f5ec;
color: #1d6b3c;
}
.exr-tag.todo[b-xxvw4wonvq] {
background: #f1f1f5;
color: #4b5563;
}
.exr-tag.bad[b-xxvw4wonvq] {
background: #fbe7e5;
color: #b42318;
}
.exr-empty[b-xxvw4wonvq] {
color: #6b7280;
font-size: 12px;
margin: 0;
padding: 16px;
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 10px;
}
.exr-scope[b-xxvw4wonvq] {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 18px;
padding: 9px 14px;
background: #f6f5fc;
border: 1px solid #ddd9f0;
border-radius: 10px;
font-size: 12px;
}
.exr-radio[b-xxvw4wonvq] {
display: inline-flex;
align-items: center;
gap: 7px;
margin: 0;
cursor: pointer;
font-weight: 600;
color: #3b348a;
}
.exr-combo[b-xxvw4wonvq] {
position: relative;
width: 100%;
}
.exr-combo-input[b-xxvw4wonvq] {
width: 100%;
box-sizing: border-box;
padding: 7px 28px 7px 10px;
border: 1px solid #d1d5db;
border-radius: 8px;
font: inherit;
background: #fff;
color: #111827;
text-overflow: ellipsis;
}
.exr-combo-input.warn[b-xxvw4wonvq] {
border-color: #e4a9a2;
background: #fffaf9;
}
.exr-combo-input:focus[b-xxvw4wonvq] {
outline: none;
border-color: #3e3e90;
box-shadow: 0 0 0 3px rgba(62, 62, 144, .12);
}
.exr-combo-caret[b-xxvw4wonvq] {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
color: #9ca3af;
pointer-events: none;
font-size: 11px;
}
.exr-combo-panel[b-xxvw4wonvq] {
position: absolute;
z-index: 60;
top: calc(100% + 4px);
bottom: auto;
left: 0;
right: 0;
max-height: 300px;
overflow-y: auto;
background: #fff;
border: 1px solid #d9dce6;
border-radius: 10px;
box-shadow: 0 12px 28px rgba(17, 24, 39, .14);
padding: 4px;
}
.exr-combo-item[b-xxvw4wonvq] {
padding: 8px 10px;
border-radius: 7px;
cursor: pointer;
font-size: 13px;
line-height: 1.35;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.exr-combo-item:hover[b-xxvw4wonvq],
.exr-combo-item.hi[b-xxvw4wonvq] {
background: #edebf8;
}
.exr-combo-item.sel[b-xxvw4wonvq] {
font-weight: 700;
color: #3b348a;
}
.exr-combo-item.none[b-xxvw4wonvq] {
color: #6b7280;
font-style: italic;
border-bottom: 1px solid #f0f0f4;
border-radius: 7px 7px 0 0;
}
.exr-combo-empty[b-xxvw4wonvq] {
padding: 12px;
color: #6b7280;
font-size: 12px;
}
/* Ligne en bas de tableau : la liste s'ouvre vers le haut. */
.exr-combo-panel.up[b-xxvw4wonvq] {
top: auto;
bottom: calc(100% + 4px);
}
/* Les lignes du haut passent devant celles du bas, pour que la liste
déroulante d'une ligne recouvre les suivantes au lieu d'être recouverte. */
.exr-row[b-xxvw4wonvq] {
position: relative;
z-index: 1;
}
.exr-row:focus-within[b-xxvw4wonvq] {
z-index: 50;
}
/* /Pages/ExamPlanning/ExamSubjectSlotView.razor.rz.scp.css */
.exp-slot-wrapper[b-2z85f0a3ei] {
display: flex;
flex-direction: column;
gap: 12px;
font-size: 13px;
color: #111827;
}
.exp-slot-toolbar[b-2z85f0a3ei] {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 12px;
padding: 10px 12px;
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 10px;
}
.exp-slot-toolbar label[b-2z85f0a3ei] {
font-weight: 600;
color: #374151;
}
.exp-select[b-2z85f0a3ei] {
min-width: 320px;
max-width: 560px;
padding: 8px 10px;
border: 1px solid #d1d5db;
border-radius: 8px;
font: inherit;
background: #fff;
}
.exp-spacer[b-2z85f0a3ei] {
flex: 1 1 auto;
}
.exp-badge[b-2z85f0a3ei] {
padding: 5px 12px;
border-radius: 999px;
font-weight: 700;
font-size: 12px;
}
.exp-badge.ok[b-2z85f0a3ei] {
background: #e7f5ec;
color: #1d6b3c;
}
.exp-badge.todo[b-2z85f0a3ei] {
background: #f1f1f5;
color: #4b5563;
}
.exp-btn[b-2z85f0a3ei] {
border: 1px solid #d1d5db;
background: #fff;
color: #1f2937;
border-radius: 8px;
padding: 8px 14px;
font: inherit;
font-weight: 600;
cursor: pointer;
}
.exp-btn.primary[b-2z85f0a3ei] {
background: #3e3e90;
border-color: #3e3e90;
color: #fff;
}
.exp-btn:disabled[b-2z85f0a3ei] {
opacity: .5;
cursor: default;
}
.exp-message[b-2z85f0a3ei] {
color: #1d6b3c;
font-weight: 600;
}
.exp-slot-body[b-2z85f0a3ei] {
display: flex;
flex-wrap: wrap;
gap: 16px;
align-items: flex-start;
}
.exp-grid-pane[b-2z85f0a3ei] {
flex: 999 1 560px;
min-width: 0;
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 10px;
padding: 14px;
overflow-x: auto;
}
.exp-grid[b-2z85f0a3ei] {
display: grid;
gap: 10px;
}
.exp-day-head[b-2z85f0a3ei] {
font-weight: 700;
text-align: center;
padding-bottom: 4px;
border-bottom: 1px solid #eef0f4;
}
.exp-day-col[b-2z85f0a3ei] {
display: flex;
flex-direction: column;
gap: 10px;
}
.exp-cell[b-2z85f0a3ei] {
border: 1px dashed #bfc4d4;
border-radius: 8px;
background: #fbfbfe;
min-height: 62px;
padding: 8px;
}
.exp-cell.filled[b-2z85f0a3ei] {
border-style: solid;
border-color: #8fbf9f;
background: #e7f5ec;
}
.exp-cell-time[b-2z85f0a3ei] {
font-size: 11px;
color: #4b5563;
margin-bottom: 6px;
}
.exp-chip[b-2z85f0a3ei] {
display: flex;
align-items: center;
justify-content: space-between;
gap: 6px;
background: #fff;
border: 1px solid #8fbf9f;
border-radius: 6px;
padding: 5px 8px;
margin-bottom: 5px;
font-weight: 600;
font-size: 12px;
}
.exp-chip-x[b-2z85f0a3ei] {
border: none;
background: transparent;
color: #6b7280;
cursor: pointer;
font-size: 15px;
line-height: 1;
padding: 0 2px;
}
.exp-chip-x:hover[b-2z85f0a3ei] {
color: #b42318;
}
.exp-subject-pane[b-2z85f0a3ei] {
flex: 1 1 260px;
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 10px;
padding: 14px;
}
.exp-subject-pane h4[b-2z85f0a3ei] {
margin: 0 0 10px;
font-size: 14px;
}
.exp-check[b-2z85f0a3ei] {
display: flex;
align-items: center;
gap: 8px;
font-size: 12px;
margin-bottom: 12px;
color: #374151;
}
.exp-subject-list[b-2z85f0a3ei] {
display: flex;
flex-direction: column;
gap: 7px;
max-height: 520px;
overflow-y: auto;
}
.exp-subject[b-2z85f0a3ei] {
border: 1px solid #3e3e90;
background: #3e3e90;
color: #fff;
border-radius: 8px;
padding: 10px 11px;
font-weight: 600;
font-size: 12px;
cursor: grab;
}
.exp-subject.done[b-2z85f0a3ei] {
background: #fff;
color: #4b5563;
border-color: #d9dce6;
font-weight: 500;
cursor: default;
}
.exp-empty[b-2z85f0a3ei] {
color: #6b7280;
font-size: 12px;
}
.exp-combo[b-2z85f0a3ei] {
position: relative;
flex: 1 1 320px;
max-width: 520px;
}
.exp-combo-input[b-2z85f0a3ei] {
width: 100%;
box-sizing: border-box;
padding: 9px 30px 9px 11px;
border: 1px solid #d1d5db;
border-radius: 8px;
font: inherit;
background: #fff;
color: #111827;
text-overflow: ellipsis;
}
.exp-combo-input:focus[b-2z85f0a3ei] {
outline: none;
border-color: #3e3e90;
box-shadow: 0 0 0 3px rgba(62, 62, 144, .12);
}
.exp-combo-caret[b-2z85f0a3ei] {
position: absolute;
right: 11px;
top: 50%;
transform: translateY(-50%);
color: #9ca3af;
pointer-events: none;
font-size: 11px;
}
.exp-combo-panel[b-2z85f0a3ei] {
position: absolute;
z-index: 40;
top: calc(100% + 4px);
left: 0;
right: 0;
max-height: 320px;
overflow-y: auto;
background: #fff;
border: 1px solid #d9dce6;
border-radius: 10px;
box-shadow: 0 12px 28px rgba(17, 24, 39, .14);
padding: 4px;
}
.exp-combo-item[b-2z85f0a3ei] {
padding: 9px 11px;
border-radius: 7px;
cursor: pointer;
font-size: 13px;
line-height: 1.35;
}
.exp-combo-item:hover[b-2z85f0a3ei],
.exp-combo-item.hi[b-2z85f0a3ei] {
background: #edebf8;
}
.exp-combo-item.sel[b-2z85f0a3ei] {
font-weight: 700;
color: #3b348a;
}
.exp-combo-empty[b-2z85f0a3ei] {
padding: 12px;
color: #6b7280;
font-size: 12px;
}
/* /Pages/ExamPlanning/ExamSupervisorAssignmentView.razor.rz.scp.css */
.esa-wrapper[b-jckt6mha7s] {
display: flex;
flex-direction: column;
gap: 10px;
font-size: 13px;
color: #111827;
}
.esa-legend[b-jckt6mha7s] {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
font-size: 12px;
color: #4b5563;
}
.esa-chip[b-jckt6mha7s] {
display: inline-block;
width: 13px;
height: 13px;
border-radius: 3px;
border: 1px solid #d1d5db;
margin-left: 10px;
}
.esa-legend .esa-chip:first-child[b-jckt6mha7s] {
margin-left: 0;
}
.esa-chip.done[b-jckt6mha7s] { background: #d8f0e2; border-color: #8fbf9f; }
.esa-chip.gap[b-jckt6mha7s] { background: #fdebc8; border-color: #e0b667; }
.esa-chip.capped[b-jckt6mha7s] { background: #fbdcd8; border-color: #e4a9a2; }
.esa-chip.busy[b-jckt6mha7s] { background: #ddd9f5; border-color: #a9a1e0; }
.esa-toolbar[b-jckt6mha7s] {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 12px;
padding: 10px 12px;
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 10px;
}
.esa-search[b-jckt6mha7s] {
min-width: 240px;
padding: 7px 10px;
border: 1px solid #d1d5db;
border-radius: 8px;
font: inherit;
background: #fff;
}
.esa-search:focus[b-jckt6mha7s] {
outline: none;
border-color: #3e3e90;
box-shadow: 0 0 0 3px rgba(62, 62, 144, .12);
}
.esa-check[b-jckt6mha7s] {
display: inline-flex;
align-items: center;
gap: 7px;
margin: 0;
font-size: 12px;
color: #374151;
cursor: pointer;
}
.esa-spacer[b-jckt6mha7s] {
flex: 1 1 auto;
}
.esa-count[b-jckt6mha7s] {
font-size: 12px;
color: #6b7280;
}
.esa-warn[b-jckt6mha7s] {
font-size: 12px;
font-weight: 700;
color: #b42318;
}
.esa-ok[b-jckt6mha7s] {
font-size: 12px;
font-weight: 700;
color: #1d6b3c;
}
.esa-message[b-jckt6mha7s] {
font-size: 12px;
font-weight: 600;
color: #1d6b3c;
}
.esa-btn[b-jckt6mha7s] {
border: 1px solid #d1d5db;
background: #fff;
color: #1f2937;
border-radius: 8px;
padding: 8px 14px;
font: inherit;
font-weight: 600;
cursor: pointer;
}
.esa-btn.primary[b-jckt6mha7s] {
background: #3e3e90;
border-color: #3e3e90;
color: #fff;
}
.esa-btn:disabled[b-jckt6mha7s] {
opacity: .5;
cursor: default;
}
.esa-empty[b-jckt6mha7s] {
margin: 0;
padding: 16px;
color: #6b7280;
font-size: 12px;
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 10px;
}
.esa-grid-pane[b-jckt6mha7s] {
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 10px;
overflow: auto;
max-height: 62vh;
}
.esa-grid[b-jckt6mha7s] {
border-collapse: separate;
border-spacing: 0;
font-size: 12px;
}
/* L'en-tête et la colonne des noms restent visibles au défilement. */
.esa-grid thead th[b-jckt6mha7s] {
position: sticky;
top: 0;
z-index: 3;
background: #fafafc;
}
.esa-grid thead tr:nth-child(2) th[b-jckt6mha7s] {
top: 34px;
}
.esa-corner[b-jckt6mha7s] {
position: sticky;
left: 0;
z-index: 5;
background: #fafafc;
text-align: left;
padding: 8px 12px;
min-width: 230px;
border-right: 1px solid #e5e7eb;
border-bottom: 1px solid #e5e7eb;
}
.esa-day[b-jckt6mha7s] {
padding: 7px 10px;
text-align: center;
font-size: 11px;
text-transform: uppercase;
letter-spacing: .03em;
color: #4b5563;
border-left: 1px solid #e5e7eb;
border-bottom: 1px solid #eef0f4;
white-space: nowrap;
}
.esa-slot[b-jckt6mha7s] {
padding: 5px 6px;
text-align: center;
font-weight: 600;
border-left: 1px solid #eef0f4;
border-bottom: 1px solid #e5e7eb;
min-width: 64px;
}
.esa-slot.done[b-jckt6mha7s] { background: #eef9f2; }
.esa-slot.gap[b-jckt6mha7s] { background: #fdf5e6; }
.esa-slot-time[b-jckt6mha7s] {
display: block;
font-size: 11px;
color: #374151;
line-height: 1.25;
}
.esa-slot-ratio[b-jckt6mha7s] {
display: block;
margin-top: 2px;
font-size: 10px;
font-weight: 700;
color: #6b7280;
}
.esa-slot.gap .esa-slot-ratio[b-jckt6mha7s] { color: #a8630c; }
.esa-slot.done .esa-slot-ratio[b-jckt6mha7s] { color: #1d6b3c; }
.esa-who[b-jckt6mha7s] {
position: sticky;
left: 0;
z-index: 2;
background: #fff;
display: table-cell;
text-align: left;
font-weight: 400;
padding: 5px 12px;
border-right: 1px solid #e5e7eb;
border-bottom: 1px solid #f3f4f6;
white-space: nowrap;
}
.esa-grid tbody tr:hover .esa-who[b-jckt6mha7s] {
background: #fafaff;
}
.esa-badge[b-jckt6mha7s] {
display: inline-flex;
align-items: center;
justify-content: center;
width: 22px;
height: 22px;
margin-right: 9px;
border-radius: 50%;
background: #f1f1f5;
color: #6b7280;
font-size: 11px;
font-weight: 700;
vertical-align: middle;
}
.esa-badge.on[b-jckt6mha7s] {
background: #edebf8;
color: #3b348a;
}
.esa-who-text[b-jckt6mha7s] {
display: inline-flex;
flex-direction: column;
vertical-align: middle;
line-height: 1.3;
}
.esa-who-text strong[b-jckt6mha7s] {
font-size: 12px;
font-weight: 700;
}
.esa-who-text small[b-jckt6mha7s] {
font-size: 10px;
color: #6b7280;
}
.esa-cell[b-jckt6mha7s] {
text-align: center;
padding: 4px;
border-left: 1px solid #f3f4f6;
border-bottom: 1px solid #f3f4f6;
}
.esa-grid tbody tr:hover .esa-cell[b-jckt6mha7s] {
background: #fafaff;
}
.esa-cell.capped[b-jckt6mha7s] { background: #fbdcd8; }
.esa-cell.busy[b-jckt6mha7s] { background: #ddd9f5; }
.esa-grid tbody tr:hover .esa-cell.capped[b-jckt6mha7s] { background: #f8d2cd; }
.esa-grid tbody tr:hover .esa-cell.busy[b-jckt6mha7s] { background: #d3cef1; }
/* Séparateur de journée : un trait plein, de l'en-tête au bas de la grille,
posé à gauche du premier créneau de chaque jour. */
.esa-grid .day-start[b-jckt6mha7s] {
border-left: 2px solid #9ca3af;
}
.esa-grid th.esa-day.day-start[b-jckt6mha7s] {
border-left-color: #6b7280;
}
.esa-cell input[b-jckt6mha7s] {
cursor: pointer;
margin: 0;
}
/* ── Enseignants supplémentaires ── ce qui reste disponible, sous la grille. ── */
.esa-extra[b-jckt6mha7s] {
display: flex;
flex-direction: column;
gap: 8px;
padding: 12px;
border: 1px solid #e5e7eb;
border-radius: 10px;
background: #fcfcfd;
}
.esa-extra-head[b-jckt6mha7s] {
display: flex;
align-items: baseline;
gap: 10px;
flex-wrap: wrap;
}
.esa-extra-title[b-jckt6mha7s] {
font-weight: 600;
font-size: 14px;
}
.esa-extra-note[b-jckt6mha7s] {
color: #6b7280;
font-size: 12px;
max-width: 680px;
}
.esa-extra-empty[b-jckt6mha7s] {
padding: 10px 12px;
color: #6b7280;
font-size: 12px;
background: #fff;
border: 1px dashed #e5e7eb;
border-radius: 8px;
}
.esa-extra-table[b-jckt6mha7s] {
width: 100%;
border-collapse: separate;
border-spacing: 0;
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 8px;
overflow: hidden;
}
.esa-extra-table th[b-jckt6mha7s] {
padding: 6px 10px;
text-align: left;
font-size: 11px;
text-transform: uppercase;
letter-spacing: .03em;
color: #4b5563;
background: #fafafc;
border-bottom: 1px solid #e5e7eb;
white-space: nowrap;
}
.esa-extra-table td[b-jckt6mha7s] {
padding: 4px 10px;
border-bottom: 1px solid #f6f7f8;
}
.esa-extra-table tbody tr:last-child td[b-jckt6mha7s] {
border-bottom: none;
}
.esa-extra-table tbody tr:hover td[b-jckt6mha7s] {
background: #fafaff;
}
/* La première ligne d'un créneau porte un trait : les créneaux se distinguent
d'un coup d'œil sans répéter le jour et l'horaire sur chaque ligne. */
.esa-extra-table tbody tr.slot-start td[b-jckt6mha7s] {
border-top: 2px solid #e5e7eb;
}
.esa-extra-table tbody tr:first-child td[b-jckt6mha7s] {
border-top: none;
}
.esa-extra-when[b-jckt6mha7s] {
white-space: nowrap;
font-weight: 600;
color: #374151;
font-variant-numeric: tabular-nums;
}
.esa-extra-name[b-jckt6mha7s] {
font-weight: 600;
}
.esa-extra-sub[b-jckt6mha7s] {
color: #6b7280;
font-size: 12px;
}
.esa-ctr[b-jckt6mha7s] {
text-align: center;
}
.esa-extra-ratio[b-jckt6mha7s] {
display: inline-block;
padding: 1px 9px;
border-radius: 999px;
font-weight: 600;
font-size: 12px;
font-variant-numeric: tabular-nums;
border: 1px solid #d1d5db;
}
.esa-extra-ratio.done[b-jckt6mha7s] {
background: #d8f0e2;
border-color: #8fbf9f;
color: #1d6b3c;
}
.esa-extra-ratio.gap[b-jckt6mha7s] {
background: #fdebc8;
border-color: #e0b667;
color: #a8630c;
}
/* /Pages/ExamPlanning/ExamSupervisorMatrixView.razor.rz.scp.css */
.exm-wrapper[b-z1qkwd88tk] {
display: flex;
flex-direction: column;
gap: 10px;
font-size: 13px;
color: #111827;
}
.exm-toolbar[b-z1qkwd88tk] {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 14px;
padding: 10px 12px;
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 10px;
}
.exm-toolbar label[b-z1qkwd88tk] {
font-weight: 600;
color: #374151;
}
.exm-select[b-z1qkwd88tk] {
padding: 8px 10px;
border: 1px solid #d1d5db;
border-radius: 8px;
font: inherit;
background: #fff;
}
.exm-count[b-z1qkwd88tk] {
color: #4b5563;
}
.exm-check[b-z1qkwd88tk] {
display: flex;
align-items: center;
gap: 8px;
font-weight: 600;
}
.exm-spacer[b-z1qkwd88tk] {
flex: 1 1 auto;
}
.exm-btn[b-z1qkwd88tk] {
border: 1px solid #d1d5db;
background: #fff;
color: #1f2937;
border-radius: 8px;
padding: 8px 14px;
font: inherit;
font-weight: 600;
cursor: pointer;
}
.exm-btn.primary[b-z1qkwd88tk] {
background: #3e3e90;
border-color: #3e3e90;
color: #fff;
}
.exm-btn:disabled[b-z1qkwd88tk] {
opacity: .5;
cursor: default;
}
.exm-message[b-z1qkwd88tk] {
color: #b42318;
font-weight: 600;
}
.exm-legend[b-z1qkwd88tk] {
display: flex;
flex-wrap: wrap;
gap: 20px;
padding: 8px 12px;
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 10px;
font-size: 12px;
color: #4b5563;
}
.exm-legend span[b-z1qkwd88tk] {
display: flex;
align-items: center;
gap: 8px;
}
.exm-legend .sw[b-z1qkwd88tk] {
width: 14px;
height: 14px;
border-radius: 4px;
display: inline-block;
border: 1px solid #c9cbd6;
}
.exm-legend .sw.full[b-z1qkwd88tk] { background: #e7f5ec; border-color: #8fbf9f; }
.exm-legend .sw.pref[b-z1qkwd88tk] { background: #fbf0da; border-color: #d9a441; }
.exm-legend .sw.max[b-z1qkwd88tk] { background: #fbe3e1; border-color: #d98078; }
.exm-legend .sw.on[b-z1qkwd88tk] { background: #3e3e90; border-color: #3e3e90; }
.exm-scroll[b-z1qkwd88tk] {
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 10px;
padding: 10px;
overflow: auto;
max-height: 620px;
}
.exm-table[b-z1qkwd88tk] {
border-collapse: separate;
border-spacing: 0;
width: max-content;
}
.exm-table th[b-z1qkwd88tk],
.exm-table td[b-z1qkwd88tk] {
border-bottom: 1px solid #eff0f4;
}
.exm-who-head[b-z1qkwd88tk],
.exm-who[b-z1qkwd88tk] {
position: sticky;
left: 0;
z-index: 2;
background: #fff;
text-align: left;
white-space: nowrap;
padding: 8px 12px;
min-width: 230px;
}
.exm-who-head[b-z1qkwd88tk] {
z-index: 3;
font-size: 11px;
text-transform: uppercase;
letter-spacing: .6px;
color: #4b5563;
}
.exm-col-head[b-z1qkwd88tk] {
padding: 6px 8px;
border-left: 1px solid #eff0f4;
text-align: center;
font-weight: 600;
min-width: 78px;
}
.exm-col-day[b-z1qkwd88tk] {
font-size: 11px;
}
.exm-col-time[b-z1qkwd88tk] {
font-size: 11px;
color: #4b5563;
font-weight: 400;
}
.exm-col-ratio[b-z1qkwd88tk] {
font-size: 11px;
font-weight: 700;
margin-top: 2px;
}
.exm-col-ratio.ok[b-z1qkwd88tk] { color: #1d6b3c; }
.exm-col-ratio.ko[b-z1qkwd88tk] { color: #b42318; }
.exm-load[b-z1qkwd88tk] {
display: inline-flex;
align-items: center;
justify-content: center;
width: 22px;
height: 22px;
border-radius: 50%;
background: #edebf8;
color: #3b348a;
font-size: 11px;
font-weight: 700;
margin-right: 9px;
}
.exm-name[b-z1qkwd88tk] {
font-weight: 600;
}
.exm-grade[b-z1qkwd88tk] {
display: block;
margin-left: 31px;
font-size: 11px;
font-weight: 400;
color: #6b7280;
}
.exm-cell[b-z1qkwd88tk] {
text-align: center;
padding: 7px 6px;
}
.exm-box[b-z1qkwd88tk] {
width: 24px;
height: 24px;
border-radius: 6px;
border: 1px solid #c9cbd6;
background: #fff;
padding: 0;
cursor: pointer;
}
.exm-box.on[b-z1qkwd88tk] { background: #3e3e90; border-color: #3e3e90; }
.exm-box.full[b-z1qkwd88tk] { background: #e7f5ec; border-color: #8fbf9f; }
.exm-box.pref[b-z1qkwd88tk] { background: #fbf0da; border-color: #d9a441; }
.exm-box.max[b-z1qkwd88tk] { background: #fbe3e1; border-color: #d98078; }
.exm-empty[b-z1qkwd88tk] {
color: #6b7280;
padding: 16px;
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 10px;
}
/* /Pages/ExamPlanning/ExamTimeSlotEditorView.razor.rz.scp.css */
.ets-wrapper[b-uqp2foghhw] {
display: flex;
flex-direction: column;
gap: 14px;
font-size: 13px;
color: #111827;
}
.ets-panel[b-uqp2foghhw],
.ets-result[b-uqp2foghhw] {
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 10px;
padding: 16px;
}
.ets-panel-head[b-uqp2foghhw],
.ets-result-head[b-uqp2foghhw] {
display: flex;
align-items: baseline;
gap: 12px;
margin-bottom: 14px;
}
.ets-panel-head h4[b-uqp2foghhw],
.ets-result-head h4[b-uqp2foghhw] {
margin: 0;
font-size: 14px;
}
.ets-hint[b-uqp2foghhw],
.ets-count[b-uqp2foghhw] {
font-size: 12px;
color: #6b7280;
}
.ets-pattern[b-uqp2foghhw] {
display: flex;
flex-direction: column;
gap: 8px;
margin-bottom: 16px;
}
.ets-row[b-uqp2foghhw] {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
}
.ets-row-no[b-uqp2foghhw] {
width: 22px;
height: 22px;
border-radius: 50%;
background: #edebf8;
color: #3b348a;
font-size: 11px;
font-weight: 700;
display: inline-flex;
align-items: center;
justify-content: center;
}
.ets-row label[b-uqp2foghhw] {
font-weight: 600;
color: #374151;
margin: 0;
}
.ets-input[b-uqp2foghhw] {
padding: 7px 9px;
border: 1px solid #d1d5db;
border-radius: 8px;
font: inherit;
background: #fff;
width: 120px;
}
.ets-input.narrow[b-uqp2foghhw] {
width: 80px;
}
.ets-unit[b-uqp2foghhw] {
color: #6b7280;
}
.ets-row-end[b-uqp2foghhw] {
color: #4b5563;
font-variant-numeric: tabular-nums;
}
.ets-x[b-uqp2foghhw] {
border: none;
background: transparent;
color: #9ca3af;
font-size: 17px;
line-height: 1;
cursor: pointer;
padding: 0 4px;
}
.ets-x:hover[b-uqp2foghhw] {
color: #b42318;
}
.ets-days[b-uqp2foghhw] {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px;
padding: 12px 0;
border-top: 1px solid #f0f0f4;
}
.ets-days-label[b-uqp2foghhw] {
font-weight: 600;
color: #374151;
margin-right: 4px;
}
.ets-day[b-uqp2foghhw] {
display: inline-flex;
align-items: center;
gap: 7px;
padding: 6px 12px;
border: 1px solid #d9dce6;
border-radius: 999px;
cursor: pointer;
margin: 0;
}
.ets-day.on[b-uqp2foghhw] {
border-color: #3e3e90;
background: #edebf8;
color: #3b348a;
font-weight: 600;
}
.ets-actions[b-uqp2foghhw] {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px;
padding-top: 12px;
border-top: 1px solid #f0f0f4;
}
.ets-period[b-uqp2foghhw] {
color: #4b5563;
}
.ets-warn[b-uqp2foghhw] {
color: #b42318;
font-weight: 600;
}
.ets-spacer[b-uqp2foghhw] {
flex: 1 1 auto;
}
.ets-btn[b-uqp2foghhw] {
border: 1px solid #d1d5db;
background: #fff;
color: #1f2937;
border-radius: 8px;
padding: 8px 14px;
font: inherit;
font-weight: 600;
cursor: pointer;
}
.ets-btn.ghost[b-uqp2foghhw] {
border-style: dashed;
color: #4a3f8c;
align-self: flex-start;
}
.ets-btn.accent[b-uqp2foghhw] {
border-color: #7b6fc0;
color: #4a3f8c;
}
.ets-btn.primary[b-uqp2foghhw] {
background: #3e3e90;
border-color: #3e3e90;
color: #fff;
}
.ets-btn:disabled[b-uqp2foghhw] {
opacity: .5;
cursor: default;
}
.ets-message[b-uqp2foghhw] {
margin-top: 12px;
padding: 9px 12px;
border-radius: 8px;
font-weight: 600;
}
.ets-message.ok[b-uqp2foghhw] { background: #e7f5ec; color: #1d6b3c; }
.ets-message.warn[b-uqp2foghhw] { background: #fdf6f5; color: #b42318; }
.ets-message.info[b-uqp2foghhw] { background: #f1f1f5; color: #4b5563; }
.ets-grid[b-uqp2foghhw] {
display: flex;
gap: 10px;
overflow-x: auto;
padding-bottom: 6px;
}
.ets-day-col[b-uqp2foghhw] {
flex: 0 0 142px;
display: flex;
flex-direction: column;
gap: 7px;
}
.ets-day-head[b-uqp2foghhw] {
font-weight: 700;
font-size: 12px;
text-align: center;
padding-bottom: 4px;
border-bottom: 1px solid #eef0f4;
}
.ets-slot[b-uqp2foghhw] {
position: relative;
border: 1px solid #c6c2e4;
background: #edebf8;
border-radius: 8px;
padding: 8px 22px 8px 10px;
}
.ets-slot span[b-uqp2foghhw] {
display: block;
font-size: 12px;
font-weight: 700;
color: #3e3e90;
}
.ets-slot small[b-uqp2foghhw] {
color: #4b5563;
font-size: 11px;
}
.ets-slot .ets-x[b-uqp2foghhw] {
position: absolute;
top: 3px;
right: 3px;
}
.ets-empty[b-uqp2foghhw] {
color: #6b7280;
font-size: 12px;
margin: 0;
}
.ets-slot.locked[b-uqp2foghhw] {
border-color: #8fbf9f;
background: #e7f5ec;
}
.ets-used[b-uqp2foghhw] {
color: #1d6b3c;
font-weight: 600;
}
/* /Pages/GlobalSearch.razor.rz.scp.css */
/* ============================================================================
GlobalSearch.razor.css — Command Palette AcurBusiness
Utilise les design tokens définis dans acurbusiness-tokens.css
============================================================================ */
/* ── Trigger (bouton dans la topbar) ──────────────────────────────────────── */
.gs-trigger[b-tgct4h12x7] {
display: inline-flex;
align-items: center;
gap: 8px;
height: 36px;
padding: 0 14px;
background: var(--surface-1);
border: 1px solid var(--line-2);
border-radius: var(--radius-lg);
color: var(--ink-3);
font-family: var(--font-body);
font-size: 13px;
font-weight: 500;
cursor: pointer;
transition: border-color 120ms, box-shadow 120ms, color 120ms;
white-space: nowrap;
min-width: 200px;
max-width: 360px;
}
.gs-trigger:hover[b-tgct4h12x7] {
border-color: var(--brand);
color: var(--ink-2);
box-shadow: var(--sh-brand);
}
.gs-trigger-icon[b-tgct4h12x7] {
width: 16px;
height: 16px;
flex-shrink: 0;
opacity: 0.65;
}
.gs-trigger-label[b-tgct4h12x7] {
flex: 1;
text-align: left;
overflow: hidden;
text-overflow: ellipsis;
}
.gs-trigger-kbd[b-tgct4h12x7] {
display: inline-flex;
align-items: center;
padding: 1px 6px;
background: var(--surface-2);
border: 1px solid var(--line-2);
border-radius: 5px;
font-family: var(--font-mono);
font-size: 11px;
color: var(--ink-3);
letter-spacing: 0;
flex-shrink: 0;
}
/* ── Backdrop ─────────────────────────────────────────────────────────────── */
.gs-backdrop[b-tgct4h12x7] {
position: fixed;
inset: 0;
z-index: 9990;
background: rgba(11, 31, 22, 0.35); /* Forest à 35% */
backdrop-filter: blur(2px);
animation: gs-fade-in-b-tgct4h12x7 120ms ease;
}
/* ── Modal ────────────────────────────────────────────────────────────────── */
.gs-modal[b-tgct4h12x7] {
position: fixed;
top: 12%;
left: 50%;
transform: translateX(-50%);
z-index: 9991;
width: min(640px, 92vw);
background: var(--surface-1);
border: 1px solid var(--line);
border-radius: var(--radius-xl);
box-shadow: var(--sh-3), 0 0 0 1px rgba(25,163,82,0.08);
overflow: hidden;
animation: gs-slide-in-b-tgct4h12x7 150ms cubic-bezier(0.16, 1, 0.3, 1);
font-family: var(--font-body);
}
/* ── Ligne d'entrée ───────────────────────────────────────────────────────── */
.gs-input-row[b-tgct4h12x7] {
display: flex;
align-items: center;
gap: 0;
padding: 0 16px;
border-bottom: 1px solid var(--line);
height: 56px;
}
.gs-input-icon[b-tgct4h12x7] {
width: 20px;
height: 20px;
flex-shrink: 0;
color: var(--ink-3);
margin-right: 12px;
}
.gs-input[b-tgct4h12x7] {
flex: 1;
height: 100%;
border: none;
outline: none;
background: transparent;
font-family: var(--font-body);
font-size: 16px;
font-weight: 400;
color: var(--ink-0);
caret-color: var(--brand);
}
.gs-input[b-tgct4h12x7]::placeholder {
color: var(--ink-4);
}
.gs-input-clear[b-tgct4h12x7] {
width: 28px;
height: 28px;
display: flex;
align-items: center;
justify-content: center;
background: var(--surface-2);
border: 1px solid var(--line);
border-radius: var(--radius-sm);
cursor: pointer;
color: var(--ink-3);
transition: all 120ms;
flex-shrink: 0;
}
.gs-input-clear svg[b-tgct4h12x7] {
width: 12px;
height: 12px;
}
.gs-input-clear:hover[b-tgct4h12x7] {
background: var(--danger-soft);
border-color: var(--danger);
color: var(--danger);
}
/* ── Liste de résultats ───────────────────────────────────────────────────── */
.gs-list[b-tgct4h12x7] {
margin: 0;
padding: 6px;
list-style: none;
max-height: 380px;
overflow-y: auto;
}
.gs-item[b-tgct4h12x7] {
display: flex;
align-items: center;
gap: 12px;
padding: 10px 12px;
border-radius: var(--radius);
cursor: pointer;
transition: background 80ms;
position: relative;
}
.gs-item:hover[b-tgct4h12x7],
.gs-item--active[b-tgct4h12x7] {
background: var(--brand-soft);
}
.gs-item--active .gs-item-caption[b-tgct4h12x7] {
color: var(--brand);
}
.gs-item-icon[b-tgct4h12x7] {
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
background: var(--surface-2);
border: 1px solid var(--line);
border-radius: var(--radius);
flex-shrink: 0;
color: var(--ink-2);
}
.gs-item-icon img[b-tgct4h12x7],
.gs-item-icon svg[b-tgct4h12x7] {
width: 18px;
height: 18px;
}
.gs-item--active .gs-item-icon[b-tgct4h12x7] {
background: var(--brand-soft);
border-color: var(--brand-soft-2);
}
.gs-item-body[b-tgct4h12x7] {
flex: 1;
min-width: 0;
display: flex;
flex-direction: column;
gap: 1px;
}
.gs-item-caption[b-tgct4h12x7] {
font-size: 14px;
font-weight: 500;
color: var(--ink-0);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.gs-item-category[b-tgct4h12x7] {
font-size: 12px;
color: var(--ink-3);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.gs-item-arrow[b-tgct4h12x7] {
width: 16px;
height: 16px;
color: var(--ink-4);
flex-shrink: 0;
opacity: 0;
transition: opacity 80ms, color 80ms;
}
.gs-item--active .gs-item-arrow[b-tgct4h12x7] {
opacity: 1;
color: var(--brand);
}
/* Surbrillance du terme recherché */
.gs-mark[b-tgct4h12x7] {
background: var(--accent-soft);
color: var(--ink-0);
border-radius: 2px;
padding: 0 1px;
font-weight: 600;
}
/* ── Footer ───────────────────────────────────────────────────────────────── */
.gs-footer[b-tgct4h12x7] {
display: flex;
gap: 16px;
align-items: center;
padding: 8px 18px;
border-top: 1px solid var(--line);
background: var(--surface-2);
font-size: 12px;
color: var(--ink-3);
}
.gs-footer kbd[b-tgct4h12x7] {
display: inline-flex;
align-items: center;
padding: 1px 5px;
background: var(--surface-1);
border: 1px solid var(--line-2);
border-radius: 4px;
font-family: var(--font-mono);
font-size: 11px;
color: var(--ink-2);
margin-right: 3px;
}
/* ── États vides ──────────────────────────────────────────────────────────── */
.gs-empty[b-tgct4h12x7],
.gs-hint[b-tgct4h12x7] {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
padding: 32px 24px;
color: var(--ink-3);
font-size: 14px;
text-align: center;
}
.gs-empty svg[b-tgct4h12x7] {
width: 32px;
height: 32px;
opacity: 0.5;
}
.gs-empty strong[b-tgct4h12x7] {
color: var(--ink-1);
}
/* ── Animations ───────────────────────────────────────────────────────────── */
@keyframes gs-fade-in-b-tgct4h12x7 {
from { opacity: 0; }
to { opacity: 1; }
}
@keyframes gs-slide-in-b-tgct4h12x7 {
from { opacity: 0; transform: translateX(-50%) translateY(-12px) scale(0.97); }
to { opacity: 1; transform: translateX(-50%) translateY(0) scale(1); }
}
@media (prefers-reduced-motion: reduce) {
.gs-backdrop[b-tgct4h12x7], .gs-modal[b-tgct4h12x7] { animation: none; }
}
/* /Pages/Schedulermatrix/SchedulerClassGridView.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════
SchedulerClassGridView.razor.css — Vue par classe (modèle LPL)
Heure × 2 sous-lignes · Jour × 2 sous-colonnes (G1 | G2)
═══════════════════════════════════════════════════════ */
.ecg-wrapper[b-jvvug6zxfs] {
--ecg-half-h: 36px; /* hauteur d'une demi-heure (24px × 1.5) */
display: flex;
flex-direction: column;
gap: 10px;
padding: 6px 0 16px;
font-family: 'Inter', system-ui, sans-serif;
font-size: 13px;
}
/* ── Toolbar ── */
.ecg-toolbar[b-jvvug6zxfs] {
display: flex;
align-items: flex-end;
justify-content: space-between;
flex-wrap: wrap;
gap: 8px;
}
.ecg-toolbar-left[b-jvvug6zxfs], .ecg-toolbar-right[b-jvvug6zxfs], .ecg-nav[b-jvvug6zxfs] {
display: flex;
align-items: flex-end;
gap: 8px;
flex-wrap: wrap;
}
.ecg-filter-group[b-jvvug6zxfs] {
display: flex;
flex-direction: column;
gap: 2px;
}
.ecg-filter-label[b-jvvug6zxfs] {
font-size: 10px;
font-weight: 700;
letter-spacing: .07em;
text-transform: uppercase;
color: #5351FB;
}
.ecg-combo[b-jvvug6zxfs] {
min-width: 170px;
}
.ecg-combo-wide[b-jvvug6zxfs] {
min-width: 260px;
}
.ecg-btn[b-jvvug6zxfs] {
font-size: 12px;
height: 30px;
}
.ecg-sep[b-jvvug6zxfs] {
width: 1px;
height: 24px;
background: #e0e0f0;
margin: 0 4px;
align-self: center;
}
.ecg-check[b-jvvug6zxfs] {
align-self: center;
font-size: 12px;
white-space: nowrap;
}
/* ── États ── */
.ecg-state[b-jvvug6zxfs] {
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
padding: 56px 24px;
border: 1px solid #efefef;
border-radius: 12px;
color: #aaa;
}
.ecg-spinner[b-jvvug6zxfs] {
width: 28px;
height: 28px;
border: 3px solid rgba(83,81,251,.15);
border-top-color: #5351FB;
border-radius: 50%;
animation: ecg-spin-b-jvvug6zxfs .8s linear infinite;
}
@keyframes ecg-spin-b-jvvug6zxfs {
to {
transform: rotate(360deg);
}
}
/* ── Feuille ── */
.ecg-sheet[b-jvvug6zxfs] {
background: #fff;
border: 1px solid #e0e0f0;
border-radius: 12px;
box-shadow: 0 2px 12px rgba(83,81,251,.06);
padding: 14px 16px 16px;
}
.ecg-head[b-jvvug6zxfs] {
display: grid;
grid-template-columns: 1fr auto 1fr;
align-items: center;
gap: 8px;
text-align: center;
margin-bottom: 12px;
}
.ecg-head-left[b-jvvug6zxfs] {
text-align: left;
font-size: 12px;
font-weight: 700;
color: #555;
}
.ecg-head-right[b-jvvug6zxfs] {
display: flex;
justify-content: flex-end;
}
.ecg-logo[b-jvvug6zxfs] {
max-height: 56px;
max-width: 190px;
object-fit: contain;
}
/* Diagnostic : survoler pour voir les emplacements examinés */
.ecg-logo-missing[b-jvvug6zxfs] {
font-size: 10px;
font-weight: 600;
color: #b0b0c0;
border: 1px dashed #dcdce8;
border-radius: 6px;
padding: 3px 8px;
cursor: help;
white-space: nowrap;
}
.ecg-logo-warn[b-jvvug6zxfs] {
margin-left: 8px;
font-size: 10px;
font-weight: 700;
color: #b45309;
background: #fff7ed;
border: 1px solid #fed7aa;
border-radius: 6px;
padding: 2px 7px;
cursor: help;
white-space: nowrap;
align-self: center;
}
.ecg-variant-chip[b-jvvug6zxfs] {
display: inline-block;
margin-left: 8px;
font-size: 10px;
font-weight: 700;
color: #3533c8;
background: #f0f0ff;
border: 1px solid #d8d7ff;
border-radius: 6px;
padding: 1px 7px;
cursor: help;
white-space: nowrap;
}
.ecg-head-title[b-jvvug6zxfs] {
font-size: 17px;
font-weight: 800;
color: #1a1a2e;
}
.ecg-head-class[b-jvvug6zxfs] {
font-size: 17px;
font-weight: 800;
color: #3533c8;
}
.ecg-head-period[b-jvvug6zxfs] {
font-size: 11px;
color: #888;
margin-top: 2px;
}
.ecg-scroll[b-jvvug6zxfs] {
overflow-x: auto;
height: auto !important;
}
/* ── Grille ── */
.ecg-grid[b-jvvug6zxfs] {
display: grid;
min-width: 860px;
border: 2px solid #1a1a2e;
height: auto !important;
}
.ecg-corner[b-jvvug6zxfs], .ecg-day[b-jvvug6zxfs], .ecg-hour[b-jvvug6zxfs] {
display: flex;
align-items: center;
justify-content: center;
font-weight: 800;
background: #f0f0ff;
color: #3533c8;
border-right: 1.5px solid #1a1a2e;
border-bottom: 1.5px solid #1a1a2e;
}
.ecg-corner[b-jvvug6zxfs] {
font-size: 10px;
letter-spacing: .08em;
text-transform: uppercase;
color: #5351FB;
}
.ecg-day[b-jvvug6zxfs] {
font-size: 13px;
gap: 6px;
}
.ecg-day span[b-jvvug6zxfs] {
font-size: 11px;
font-weight: 600;
color: #5351FB;
}
.ecg-hour[b-jvvug6zxfs] {
font-size: 12px;
background: #f8f8ff;
color: #1a1a2e;
}
/* Case vide : 1 heure × 1 jour (2 sous-lignes × 2 sous-colonnes) */
.ecg-empty[b-jvvug6zxfs] {
border-right: 1.5px solid #1a1a2e;
border-bottom: 1px dashed #d8d8ea;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
min-height: 0;
}
.ecg-empty span[b-jvvug6zxfs] {
display: none;
font-size: 18px;
color: rgba(83,81,251,.45);
}
.ecg-empty:hover[b-jvvug6zxfs] {
background: rgba(83,81,251,.04);
}
.ecg-empty:hover span[b-jvvug6zxfs] {
display: block;
}
/* ── Bloc séance : moitié haute matière, moitié basse salle ── */
.ecg-block[b-jvvug6zxfs] {
z-index: 2;
display: grid;
grid-template-rows: 1fr 1fr;
grid-auto-rows: auto; /* enseignant / horaire : lignes ajoutées à hauteur naturelle */
min-height: 0;
margin: 1px;
background: var(--b-bg);
border: 1.5px solid var(--b-bd);
border-radius: 4px;
color: var(--b-tx);
overflow: hidden;
cursor: pointer;
transition: filter .1s;
}
.ecg-block:hover[b-jvvug6zxfs] {
filter: brightness(.94);
}
.ecg-blk-subject[b-jvvug6zxfs], .ecg-blk-room[b-jvvug6zxfs] {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
line-height: 1.15;
padding: 1px 4px;
overflow: hidden;
word-break: break-word;
min-height: 0;
}
.ecg-blk-subject[b-jvvug6zxfs] {
font-weight: 800;
font-size: 12px;
border-bottom: 1px solid var(--b-bd);
}
.ecg-blk-room[b-jvvug6zxfs] {
font-weight: 500;
font-size: 11px;
}
/* Horaire de la séance (préférence « Horaires des séances ») */
.ecg-block.ecg-has-time[b-jvvug6zxfs] {
grid-template-rows: 1fr 1fr auto;
}
.ecg-blk-time[b-jvvug6zxfs] {
display: flex;
align-items: center;
justify-content: center;
font-size: 9.5px;
font-weight: 600;
letter-spacing: .02em;
line-height: 1.2;
padding: 0 3px 1px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
opacity: .8;
border-top: 1px dashed var(--b-bd);
min-height: 0;
}
/* Enseignant (case « Afficher l'enseignant ») */
.ecg-blk-teacher[b-jvvug6zxfs] {
display: flex;
align-items: center;
justify-content: center;
font-size: 10px;
font-weight: 600;
line-height: 1.2;
padding: 0 3px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
min-height: 0;
}
.ecg-half .ecg-blk-teacher[b-jvvug6zxfs] {
font-size: 9px;
}
.ecg-half .ecg-blk-time[b-jvvug6zxfs] {
font-size: 8.5px;
}
/* Séances de stage : bandes horizontales « groupe + salle » */
.ecg-lines[b-jvvug6zxfs] {
display: grid;
height: 100%;
min-height: 0;
}
.ecg-line[b-jvvug6zxfs] {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
font-weight: 700;
line-height: 1.15;
padding: 1px 4px;
overflow: hidden;
word-break: break-word;
min-height: 0;
border-bottom: 1px solid var(--b-bd);
}
.ecg-line:last-child[b-jvvug6zxfs] {
border-bottom: none;
}
/* Demi-case (un seul groupe) : texte plus compact */
.ecg-half .ecg-blk-subject[b-jvvug6zxfs] {
font-size: 11px;
}
.ecg-half .ecg-blk-room[b-jvvug6zxfs] {
font-size: 10px;
}
/* Quinzaine → hachures */
.ecg-block.ecg-quinz[b-jvvug6zxfs] {
background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(255,255,255,.4) 5px, rgba(255,255,255,.4) 10px);
}
/* ── Impression ── */
@media print {
.ecg-toolbar[b-jvvug6zxfs] {
display: none !important;
}
.ecg-sheet[b-jvvug6zxfs] {
border: none !important;
box-shadow: none !important;
padding: 0 !important;
}
.ecg-scroll[b-jvvug6zxfs] {
overflow: visible !important;
}
.ecg-grid[b-jvvug6zxfs], .ecg-block[b-jvvug6zxfs], .ecg-day[b-jvvug6zxfs], .ecg-hour[b-jvvug6zxfs] {
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
}
/* /Pages/Schedulermatrix/SchedulerMatrixView.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════
SchedulerMatrixView.razor.css
Scoped CSS — toutes les règles sont automatiquement scopées
par Blazor au composant SchedulerMatrixView
═══════════════════════════════════════════════════════════════ */
/* ── Variables locales ── */
:root[b-rhtjq8zk5x] {
--edt-border-light: rgba(0, 0, 0, 0.08);
--edt-border-strong: rgba(0, 0, 0, 0.18);
--edt-bg-empty: rgba(0, 0, 0, 0.025);
--edt-bg-weekend: rgba(230, 230, 255, 0.35);
--edt-bg-header: #2D2D8F;
--edt-cell-min-height: 54px;
--edt-cell-min-width: 80px;
--edt-class-col-width: 120px;
--edt-radius: 6px;
}
/* ── Wrapper principal ── */
.edt-matrix-wrapper[b-rhtjq8zk5x] {
display: flex;
flex-direction: column;
gap: 10px;
padding: 4px 0 12px;
font-family: var(--font-sans, system-ui, sans-serif);
}
/* ════════════════════════
TOOLBAR
════════════════════════ */
.edt-toolbar[b-rhtjq8zk5x] {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 8px;
}
.edt-toolbar-left[b-rhtjq8zk5x] {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
}
.edt-toolbar-right[b-rhtjq8zk5x] {
display: flex;
gap: 8px;
}
.edt-filter-group[b-rhtjq8zk5x] {
display: flex;
flex-direction: column;
gap: 2px;
}
.edt-filter-label[b-rhtjq8zk5x] {
font-size: 10px;
color: var(--dxbl-text-color-secondary, #888);
font-weight: 500;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.edt-combo[b-rhtjq8zk5x] {
min-width: 170px;
font-size: 13px;
}
.edt-btn[b-rhtjq8zk5x] {
font-size: 12px;
height: 30px;
}
/* ════════════════════════
STATS BAR
════════════════════════ */
.edt-stats-bar[b-rhtjq8zk5x] {
display: flex;
gap: 10px;
flex-wrap: wrap;
}
.edt-stat-card[b-rhtjq8zk5x] {
background: var(--dxbl-listbox-bg, #f8f8ff);
border: 0.5px solid var(--edt-border-light);
border-radius: 8px;
padding: 6px 14px;
display: flex;
flex-direction: column;
gap: 1px;
min-width: 100px;
}
.edt-stat-label[b-rhtjq8zk5x] {
font-size: 10px;
color: var(--dxbl-text-color-secondary, #888);
letter-spacing: 0.03em;
text-transform: uppercase;
}
.edt-stat-value[b-rhtjq8zk5x] {
font-size: 20px;
font-weight: 500;
color: #2D2D8F;
line-height: 1.2;
}
.edt-stat-period[b-rhtjq8zk5x] {
font-size: 13px;
}
/* ════════════════════════
LÉGENDE
════════════════════════ */
.edt-legend[b-rhtjq8zk5x] {
display: flex;
flex-wrap: wrap;
gap: 6px 12px;
padding: 8px 12px;
background: var(--dxbl-listbox-bg, #f8f8ff);
border: 0.5px solid var(--edt-border-light);
border-radius: 8px;
}
.edt-legend-item[b-rhtjq8zk5x] {
display: flex;
align-items: center;
gap: 5px;
font-size: 11px;
color: var(--dxbl-text-color-secondary, #666);
cursor: default;
}
.edt-legend-dot[b-rhtjq8zk5x] {
width: 10px;
height: 10px;
border-radius: 50%;
flex-shrink: 0;
}
.edt-legend-text[b-rhtjq8zk5x] {
white-space: nowrap;
}
/* ════════════════════════
ÉTATS LOADING / EMPTY
════════════════════════ */
.edt-loading[b-rhtjq8zk5x],
.edt-empty[b-rhtjq8zk5x] {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 10px;
padding: 48px 24px;
color: var(--dxbl-text-color-secondary, #888);
font-size: 14px;
border: 0.5px solid var(--edt-border-light);
border-radius: 10px;
}
.edt-spinner[b-rhtjq8zk5x] {
font-size: 24px;
animation: edt-spin-b-rhtjq8zk5x 1s linear infinite;
}
@keyframes edt-spin-b-rhtjq8zk5x {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
/* ════════════════════════
CONTENEUR DE SCROLL
════════════════════════ */
.edt-grid-scroll[b-rhtjq8zk5x] {
width: 100%;
overflow-x: auto;
overflow-y: auto;
max-height: calc(100vh - 280px);
border: 0.5px solid var(--edt-border-light);
border-radius: 10px;
}
/* ════════════════════════
TABLE
════════════════════════ */
.edt-table[b-rhtjq8zk5x] {
border-collapse: collapse;
width: 100%;
min-width: 700px;
font-size: 12px;
table-layout: fixed;
}
/* ── En-têtes sticky ── */
.edt-table thead th[b-rhtjq8zk5x] {
position: sticky;
top: 0;
z-index: 10;
background: var(--dxbl-grid-header-bg, #f0f0f8);
font-weight: 500;
border-bottom: 0.5px solid var(--edt-border-strong);
border-right: 0.5px solid var(--edt-border-light);
text-align: center;
white-space: nowrap;
padding: 0;
}
/* Colonne classe : double sticky (haut + gauche) */
.edt-th-class[b-rhtjq8zk5x] {
position: sticky !important;
top: 0;
left: 0;
z-index: 20 !important;
background: var(--edt-bg-header) !important;
color: #fff !important;
min-width: var(--edt-class-col-width);
width: var(--edt-class-col-width);
padding: 6px 10px !important;
text-align: left !important;
border-right: 1px solid rgba(255,255,255,0.2) !important;
}
/* En-tête de jour */
.edt-th-day[b-rhtjq8zk5x] {
background: var(--edt-bg-header) !important;
color: #fff !important;
padding: 6px 4px !important;
font-size: 12px;
letter-spacing: 0.02em;
border-bottom: 0.5px solid rgba(255,255,255,0.2) !important;
}
/* En-tête de créneau (2e ligne) */
.edt-th-slot[b-rhtjq8zk5x] {
background: #3D3DA0 !important;
color: #fff !important;
padding: 4px 3px !important;
min-width: var(--edt-cell-min-width);
width: var(--edt-cell-min-width);
vertical-align: middle;
}
.edt-slot-name[b-rhtjq8zk5x] {
display: block;
font-size: 11px;
font-weight: 500;
}
.edt-slot-time[b-rhtjq8zk5x] {
display: block;
font-size: 9px;
opacity: 0.75;
line-height: 1.3;
}
/* ── Weekend header ── */
.edt-weekend-header[b-rhtjq8zk5x] {
background: #E8E8FF !important;
color: #2D2D8F !important;
}
/* ── Lignes de données ── */
.edt-row:hover .edt-td-class[b-rhtjq8zk5x] {
background: #E8E8FF;
}
/* Colonne classe sticky gauche */
.edt-td-class[b-rhtjq8zk5x] {
position: sticky;
left: 0;
z-index: 5;
background: var(--dxbl-grid-bg, #fff);
border-right: 1px solid var(--edt-border-strong);
border-bottom: 0.5px solid var(--edt-border-light);
padding: 4px 10px;
min-width: var(--edt-class-col-width);
width: var(--edt-class-col-width);
white-space: nowrap;
font-size: 12px;
font-weight: 500;
color: #2D2D8F;
overflow: hidden;
text-overflow: ellipsis;
}
/* Cellule créneau */
.edt-td-slot[b-rhtjq8zk5x] {
border-right: 0.5px solid var(--edt-border-light);
border-bottom: 0.5px solid var(--edt-border-light);
padding: 2px;
vertical-align: top;
min-width: var(--edt-cell-min-width);
width: var(--edt-cell-min-width);
min-height: var(--edt-cell-min-height);
height: var(--edt-cell-min-height);
overflow: hidden;
}
.edt-cell-empty[b-rhtjq8zk5x] {
background: var(--edt-bg-empty);
}
.edt-weekend-cell[b-rhtjq8zk5x] {
background: var(--edt-bg-weekend);
}
/* ── Rendez-vous (appointment) ── */
.edt-appt[b-rhtjq8zk5x] {
border-radius: var(--edt-radius);
padding: 3px 5px;
height: 100%;
min-height: 50px;
display: flex;
flex-direction: column;
justify-content: center;
gap: 1px;
overflow: hidden;
cursor: default;
transition: filter 0.12s ease;
}
.edt-appt:hover[b-rhtjq8zk5x] {
filter: brightness(0.91);
}
.edt-appt-subject[b-rhtjq8zk5x] {
font-size: 11px;
font-weight: 500;
line-height: 1.3;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.edt-appt-type[b-rhtjq8zk5x] {
font-size: 9px;
opacity: 0.75;
font-style: italic;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.edt-appt-meta[b-rhtjq8zk5x] {
font-size: 10px;
opacity: 0.8;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: flex;
align-items: center;
gap: 3px;
}
/* ── Badges (absent / rattrapage) ── */
.edt-appt-badge[b-rhtjq8zk5x] {
display: inline-block;
font-size: 9px;
font-weight: 500;
padding: 1px 4px;
border-radius: 4px;
margin-top: 2px;
white-space: nowrap;
}
.edt-badge-absent[b-rhtjq8zk5x] {
background: rgba(200, 0, 0, 0.15);
color: #8B0000;
}
.edt-badge-rattrapage[b-rhtjq8zk5x] {
background: rgba(0, 100, 200, 0.15);
color: #003070;
}
/* ════════════════════════
IMPRESSION
════════════════════════ */
@media print {
.edt-toolbar[b-rhtjq8zk5x],
.edt-stats-bar[b-rhtjq8zk5x],
.edt-legend[b-rhtjq8zk5x] {
display: none !important;
}
.edt-grid-scroll[b-rhtjq8zk5x] {
max-height: none !important;
overflow: visible !important;
border: none !important;
}
.edt-table[b-rhtjq8zk5x] {
font-size: 9px !important;
}
.edt-th-day[b-rhtjq8zk5x],
.edt-th-slot[b-rhtjq8zk5x] {
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
.edt-appt[b-rhtjq8zk5x] {
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
}
/* /Pages/Schedulermatrix/SchedulerPrimaryView.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════
SchedulerPrimaryView.razor.css — Modèle PRIMAIRE
Créneaux 1h · blocs multi-heures · split groupes/quinzaine
═══════════════════════════════════════════════════════ */
.edp-wrapper[b-t3rp1maobp] {
display: flex;
flex-direction: column;
gap: 10px;
padding: 6px 0 16px;
font-family: 'Inter', system-ui, sans-serif;
font-size: 13px;
position: relative;
}
/* ══════════════════════════ TOOLBAR ══════════════════════════ */
.edp-toolbar[b-t3rp1maobp] {
display: flex;
align-items: flex-end;
justify-content: space-between;
flex-wrap: wrap;
gap: 8px;
flex-shrink: 0;
}
.edp-toolbar-left[b-t3rp1maobp] {
display: flex;
align-items: flex-end;
gap: 10px;
flex-wrap: wrap;
}
.edp-toolbar-right[b-t3rp1maobp] {
display: flex;
gap: 8px;
}
.edp-filter-group[b-t3rp1maobp] {
display: flex;
flex-direction: column;
gap: 2px;
}
.edp-filter-label[b-t3rp1maobp] {
font-size: 10px;
font-weight: 700;
letter-spacing: .07em;
text-transform: uppercase;
color: #5351FB;
}
.edp-combo[b-t3rp1maobp] {
min-width: 180px;
}
.edp-btn[b-t3rp1maobp] {
font-size: 12px;
height: 30px;
}
/* ══════════════════════════ STATS ══════════════════════════ */
.edp-stats[b-t3rp1maobp] {
display: flex;
gap: 8px;
flex-wrap: wrap;
flex-shrink: 0;
}
.edp-stat[b-t3rp1maobp] {
background: #fff;
border: 1px solid #efefef;
box-shadow: 0 1px 4px rgba(83,81,251,.06);
border-radius: 10px;
padding: 5px 14px;
display: flex;
flex-direction: column;
gap: 1px;
position: relative;
overflow: hidden;
}
.edp-stat[b-t3rp1maobp]::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 3px;
height: 100%;
background: #5351FB;
border-radius: 10px 0 0 10px;
}
.edp-stat-lbl[b-t3rp1maobp] {
font-size: 10px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: .06em;
color: #999;
}
.edp-stat-val[b-t3rp1maobp] {
font-size: 20px;
font-weight: 700;
color: #5351FB;
line-height: 1.1;
}
.edp-stat-period[b-t3rp1maobp] {
font-size: 12px;
font-weight: 500;
}
/* ══════════════════════════ LOADING / EMPTY ══════════════════════════ */
/* ⚠ Ne JAMAIS réutiliser ce nom pour une cellule | :
display:flex sur un | casse le modèle de table
(cellules vides consécutives fusionnées → décalage des colonnes) */
.edp-loading[b-t3rp1maobp], .edp-empty-state[b-t3rp1maobp] {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 12px;
padding: 56px 24px;
border: 1px solid #efefef;
border-radius: 12px;
color: #aaa;
}
.edp-spinner[b-t3rp1maobp] {
width: 28px;
height: 28px;
border: 3px solid rgba(83,81,251,.15);
border-top-color: #5351FB;
border-radius: 50%;
animation: edp-spin-b-t3rp1maobp .8s linear infinite;
}
@keyframes edp-spin-b-t3rp1maobp {
to {
transform: rotate(360deg);
}
}
/* ══════════════════════════ SCROLL ══════════════════════════ */
.edp-scroll[b-t3rp1maobp] {
/* hauteur = contenu réel, plafonnée → pas d'étirement des lignes */
max-height: calc(100vh - 330px);
overflow: auto;
border: 1px solid #e0e0f0;
border-radius: 12px;
box-shadow: 0 2px 12px rgba(83,81,251,.06);
background: #fff;
position: relative;
}
.edp-scroll[b-t3rp1maobp]::-webkit-scrollbar {
height: 8px;
width: 8px;
}
.edp-scroll[b-t3rp1maobp]::-webkit-scrollbar-track {
background: #f4f4ff;
border-radius: 4px;
}
.edp-scroll[b-t3rp1maobp]::-webkit-scrollbar-thumb {
background: rgba(83,81,251,.3);
border-radius: 4px;
}
.edp-scroll[b-t3rp1maobp]::-webkit-scrollbar-thumb:hover {
background: #5351FB;
}
/* ══════════════════════════ TABLE ══════════════════════════ */
.edp-table[b-t3rp1maobp] {
--edp-row-h: 84px;
border-collapse: collapse;
width: max-content;
table-layout: fixed;
font-size: 12px;
height: auto !important; /* neutralise height:100% global (AcurSchool.css) */
}
.edp-table thead[b-t3rp1maobp],
.edp-table tbody[b-t3rp1maobp] {
height: auto !important;
}
.edp-table thead th[b-t3rp1maobp] {
position: sticky;
top: 0;
z-index: 10;
text-align: center;
padding: 0;
user-select: none;
}
/* Coin classe */
.edp-th-corner[b-t3rp1maobp] {
position: sticky !important;
top: 0;
left: 0;
z-index: 20 !important;
background: #f8f8ff !important;
color: #5351FB !important;
width: 170px;
min-width: 170px;
padding: 0 14px !important;
text-align: left !important;
font-size: 10px;
font-weight: 800;
letter-spacing: .09em;
text-transform: uppercase;
border-right: 2px solid #e0e0f0 !important;
border-bottom: 1px solid #e0e0f0 !important;
white-space: nowrap;
}
/* En-tête jour */
.edp-th-day[b-t3rp1maobp] {
background: #f0f0ff !important;
padding: 7px 10px 5px !important;
border-left: 2px solid #5351FB !important;
border-bottom: 1px solid #d8d7ff !important;
white-space: normal !important;
text-align: center;
}
.edp-day-name[b-t3rp1maobp] {
display: block;
font-size: 13.5px;
font-weight: 700;
text-transform: capitalize;
color: #3533c8;
}
.edp-day-date[b-t3rp1maobp] {
display: block;
font-size: 12px;
font-weight: 700;
color: #5351FB;
margin-top: 3px;
}
/* En-tête créneau horaire */
.edp-th-hour[b-t3rp1maobp] {
background: #fff !important;
padding: 5px 4px 6px !important;
width: 120px;
min-width: 120px;
border-left: 1px solid #eeeeff !important;
border-bottom: 2px solid #5351FB !important;
white-space: nowrap;
}
.edp-th-hour.edp-day-start[b-t3rp1maobp] {
border-left: 2px solid #5351FB !important;
}
.edp-hour-lbl[b-t3rp1maobp] {
display: block;
font-size: 11px;
font-weight: 700;
color: #333;
}
.edp-hour-sub[b-t3rp1maobp] {
display: block;
font-size: 9.5px;
font-weight: 600;
color: #5351FB;
margin-top: 2px;
}
/* ══════════════════════════ LIGNES ══════════════════════════ */
/* Hauteur FIXE : le td porte la hauteur, le contenu est dans
.edp-cell-inner (hauteur fixe + overflow hidden) → ne peut
jamais agrandir la ligne, quel que soit le nombre de blocs. */
.edp-row[b-t3rp1maobp] {
height: var(--edp-row-h) !important;
}
.edp-row > td[b-t3rp1maobp] {
height: var(--edp-row-h) !important;
max-height: var(--edp-row-h) !important;
box-sizing: border-box;
}
.edp-row:hover .edp-td-class[b-t3rp1maobp] {
background: #f0f0ff !important;
}
.edp-row:hover .edp-td[b-t3rp1maobp] {
background: rgba(83,81,251,.02);
}
.edp-row:nth-child(even) .edp-td-class[b-t3rp1maobp] {
background: #fafaff;
}
.edp-row:nth-child(even) .edp-td[b-t3rp1maobp] {
background: #fafaff;
}
/* Colonne classe */
.edp-td-class[b-t3rp1maobp] {
position: sticky;
left: 0;
z-index: 5;
background: #fff;
border-right: 2px solid #e0e0f0;
border-bottom: 1px solid #efefef;
padding: 6px 12px;
width: 170px;
min-width: 170px;
box-sizing: border-box;
vertical-align: middle;
cursor: default;
box-shadow: 3px 0 6px rgba(83,81,251,.06);
}
.edp-class-name[b-t3rp1maobp] {
font-size: 12.5px;
font-weight: 700;
color: #1a1a2e !important;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
white-space: normal;
word-break: break-word;
line-height: 1.35;
}
/* Cellule créneau */
.edp-td[b-t3rp1maobp] {
display: table-cell !important; /* jamais flex/block sur un td */
border-right: 1px solid #efefef;
border-bottom: 1px solid #efefef;
padding: 0 !important;
vertical-align: top;
box-sizing: border-box;
cursor: pointer;
transition: background .1s;
overflow: hidden;
position: relative;
}
.edp-td.edp-day-start[b-t3rp1maobp] {
border-left: 2px solid #5351FB;
}
.edp-cell-inner[b-t3rp1maobp] {
height: calc(var(--edp-row-h) - 1px);
max-height: calc(var(--edp-row-h) - 1px);
padding: 2px;
box-sizing: border-box;
overflow: hidden;
position: relative;
}
.edp-cell-empty[b-t3rp1maobp] {
background: #fdfdff;
}
.edp-cell-empty:hover[b-t3rp1maobp] {
background: rgba(83,81,251,.04) !important;
}
.edp-hint[b-t3rp1maobp] {
display: none;
position: absolute;
inset: 0;
align-items: center;
justify-content: center;
font-size: 20px;
font-weight: 300;
color: rgba(83,81,251,.2);
}
.edp-cell-empty:hover .edp-hint[b-t3rp1maobp] {
display: flex;
color: rgba(83,81,251,.45);
}
/* ══════════════════════════
STACK (plusieurs groupes → sous-lignes)
══════════════════════════ */
.edp-stack[b-t3rp1maobp] {
display: flex;
flex-direction: column;
gap: 2px;
height: 100%;
width: 100%;
}
/* ══════════════════════════
BLOC SÉANCE
Ligne 1 : matière pleine largeur
Ligne 2 : 2 colonnes — gauche vide, droite enseignant
══════════════════════════ */
.edp-block[b-t3rp1maobp] {
flex: 1 1 0;
min-height: 0;
display: flex;
flex-direction: column;
background: var(--b-bg);
border: 1px solid var(--b-bd);
border-radius: 4px;
color: var(--b-tx);
overflow: hidden;
transition: filter .1s;
}
.edp-block:hover[b-t3rp1maobp] {
filter: brightness(.94);
}
/* LIGNE 1 — matière, centrée, pleine largeur */
.edp-blk-subject[b-t3rp1maobp] {
flex: 1 1 auto;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
font-size: 12.5px;
font-weight: 700;
line-height: 1.2;
padding: 3px 22px;
word-break: break-word;
border-bottom: 1px solid var(--b-bd);
position: relative;
}
/* LIGNE 2 — split 2 colonnes */
.edp-blk-row2[b-t3rp1maobp] {
display: flex;
flex: 0 0 auto;
min-height: 22px;
}
.edp-blk-left[b-t3rp1maobp] {
flex: 1 1 50%;
border-right: 1px solid var(--b-bd);
display: flex;
align-items: center;
justify-content: center;
font-size: 10.5px;
font-weight: 600;
padding: 2px 3px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
/* salle */
}
.edp-blk-right[b-t3rp1maobp] {
flex: 1 1 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 11px;
font-weight: 600;
padding: 2px 3px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/* Badge groupe (coin haut-gauche de la ligne matière) */
.edp-grp[b-t3rp1maobp] {
position: absolute;
top: 2px;
left: 3px;
background: rgba(0,0,0,.14);
border-radius: 3px;
padding: 0 3px;
font-size: 8px;
font-weight: 800;
line-height: 1.4;
max-width: 40%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/* Badge quinzaine */
.edp-q-badge[b-t3rp1maobp] {
position: absolute;
top: 2px;
right: 3px;
font-size: 8px;
font-weight: 800;
background: rgba(0,0,0,.18);
border-radius: 3px;
padding: 0 3px;
letter-spacing: .03em;
}
/* Séance par quinzaine → hachures diagonales subtiles */
.edp-block.edp-quinz[b-t3rp1maobp] {
background-image: repeating-linear-gradient( 45deg, transparent, transparent 5px, rgba(255,255,255,.35) 5px, rgba(255,255,255,.35) 10px );
}
/* ══════════════════════════ MENU CONTEXTUEL ══════════════════════════ */
.edp-ctx[b-t3rp1maobp] {
position: fixed;
z-index: 9999;
background: #fff;
border: 1px solid #e8e8f8;
border-radius: 10px;
box-shadow: 0 8px 28px rgba(83,81,251,.15), 0 2px 6px rgba(0,0,0,.06);
min-width: 195px;
padding: 4px 0;
animation: edp-ctx-in-b-t3rp1maobp .12s ease;
}
@keyframes edp-ctx-in-b-t3rp1maobp {
from {
opacity: 0;
transform: scale(.96) translateY(-4px);
}
to {
opacity: 1;
transform: scale(1) translateY(0);
}
}
.edp-ctx-item[b-t3rp1maobp] {
padding: 9px 16px;
font-size: 13px;
font-weight: 500;
cursor: pointer;
transition: background .1s;
color: #222;
display: flex;
align-items: center;
gap: 8px;
}
.edp-ctx-item:hover[b-t3rp1maobp] {
background: #f0f0ff;
}
.edp-ctx-danger[b-t3rp1maobp] {
color: #C62828;
}
.edp-ctx-danger:hover[b-t3rp1maobp] {
background: #FFF0F0;
}
.edp-ctx-sep[b-t3rp1maobp] {
border-top: 1px solid #efefef;
margin: 3px 0;
}
/* ══════════════════════════ IMPRESSION ══════════════════════════ */
@media print {
.edp-toolbar[b-t3rp1maobp], .edp-stats[b-t3rp1maobp] {
display: none !important;
}
.edp-wrapper[b-t3rp1maobp] {
height: auto !important;
}
.edp-scroll[b-t3rp1maobp] {
max-height: none !important;
overflow: visible !important;
border: none !important;
box-shadow: none !important;
}
.edp-table[b-t3rp1maobp] {
font-size: 9px !important;
}
.edp-th-day[b-t3rp1maobp], .edp-th-hour[b-t3rp1maobp], .edp-block[b-t3rp1maobp] {
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
}
/* /Pages/Schedulermatrix/SchedulerRoomGridView.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════
SchedulerRoomGridView.razor.css — Planning des salles
Lignes = salles · Colonnes = jours × créneaux d'1 h
═══════════════════════════════════════════════════════ */
.erg-wrapper[b-ydjet2bg04] {
--erg-row-h: 86px;
display: flex;
flex-direction: column;
gap: 10px;
padding: 6px 0 16px;
font-family: 'Inter', system-ui, sans-serif;
font-size: 13px;
}
/* ── Toolbar ── */
.erg-toolbar[b-ydjet2bg04] {
display: flex;
align-items: flex-end;
justify-content: space-between;
flex-wrap: wrap;
gap: 8px;
}
.erg-toolbar-left[b-ydjet2bg04], .erg-toolbar-right[b-ydjet2bg04], .erg-nav[b-ydjet2bg04] {
display: flex;
align-items: flex-end;
gap: 8px;
flex-wrap: wrap;
}
.erg-filter-group[b-ydjet2bg04] {
display: flex;
flex-direction: column;
gap: 2px;
}
.erg-filter-label[b-ydjet2bg04] {
font-size: 10px;
font-weight: 700;
letter-spacing: .07em;
text-transform: uppercase;
color: #5351FB;
}
.erg-combo[b-ydjet2bg04] { min-width: 170px; }
.erg-combo-wide[b-ydjet2bg04] { min-width: 240px; }
.erg-btn[b-ydjet2bg04] { font-size: 12px; height: 30px; }
.erg-check[b-ydjet2bg04] {
align-self: center;
font-size: 12px;
white-space: nowrap;
}
/* ── Stats ── */
.erg-stats[b-ydjet2bg04] {
display: flex;
gap: 8px;
flex-wrap: wrap;
}
.erg-stat[b-ydjet2bg04] {
background: #fff;
border: 1px solid #efefef;
box-shadow: 0 1px 4px rgba(83,81,251,.06);
border-radius: 10px;
padding: 5px 14px;
display: flex;
flex-direction: column;
gap: 1px;
position: relative;
overflow: hidden;
}
.erg-stat[b-ydjet2bg04]::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 3px;
height: 100%;
background: #5351FB;
border-radius: 10px 0 0 10px;
}
.erg-stat-lbl[b-ydjet2bg04] {
font-size: 10px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: .06em;
color: #999;
}
.erg-stat-val[b-ydjet2bg04] {
font-size: 20px;
font-weight: 700;
color: #5351FB;
line-height: 1.1;
}
.erg-stat-alert[b-ydjet2bg04] { color: #C62828; }
.erg-stat-period[b-ydjet2bg04] { font-size: 12px; font-weight: 500; }
/* ── États ── */
.erg-state[b-ydjet2bg04] {
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
padding: 56px 24px;
border: 1px solid #efefef;
border-radius: 12px;
color: #aaa;
}
.erg-spinner[b-ydjet2bg04] {
width: 28px;
height: 28px;
border: 3px solid rgba(83,81,251,.15);
border-top-color: #5351FB;
border-radius: 50%;
animation: erg-spin-b-ydjet2bg04 .8s linear infinite;
}
@keyframes erg-spin-b-ydjet2bg04 {
to { transform: rotate(360deg); }
}
/* ── Feuille ── */
.erg-sheet[b-ydjet2bg04] {
background: #fff;
border: 1px solid #e0e0f0;
border-radius: 12px;
box-shadow: 0 2px 12px rgba(83,81,251,.06);
padding: 14px 16px 16px;
}
.erg-head[b-ydjet2bg04] {
display: grid;
grid-template-columns: 1fr auto 1fr;
align-items: center;
gap: 8px;
text-align: center;
margin-bottom: 12px;
}
.erg-head-left[b-ydjet2bg04] {
text-align: left;
font-size: 12px;
font-weight: 700;
color: #555;
}
.erg-head-right[b-ydjet2bg04] {
display: flex;
justify-content: flex-end;
align-items: center;
}
.erg-logo[b-ydjet2bg04] {
max-height: 56px;
max-width: 190px;
object-fit: contain;
}
.erg-logo-warn[b-ydjet2bg04] {
margin-left: 8px;
font-size: 10px;
font-weight: 700;
color: #b45309;
background: #fff7ed;
border: 1px solid #fed7aa;
border-radius: 6px;
padding: 2px 7px;
cursor: help;
white-space: nowrap;
}
.erg-head-title[b-ydjet2bg04] {
font-size: 17px;
font-weight: 800;
color: #1a1a2e;
}
.erg-head-period[b-ydjet2bg04] {
font-size: 11px;
color: #888;
margin-top: 2px;
}
/* ── Scroll : hauteur pilotée par le contenu (pas d'étirement des lignes) ── */
.erg-scroll[b-ydjet2bg04] {
max-height: calc(100vh - 340px);
overflow: auto;
border: 1px solid #e0e0f0;
border-radius: 10px;
}
.erg-scroll[b-ydjet2bg04]::-webkit-scrollbar { height: 8px; width: 8px; }
.erg-scroll[b-ydjet2bg04]::-webkit-scrollbar-track { background: #f4f4ff; border-radius: 4px; }
.erg-scroll[b-ydjet2bg04]::-webkit-scrollbar-thumb { background: rgba(83,81,251,.3); border-radius: 4px; }
.erg-scroll[b-ydjet2bg04]::-webkit-scrollbar-thumb:hover { background: #5351FB; }
/* ── Table ── */
.erg-table[b-ydjet2bg04] {
border-collapse: collapse;
width: max-content;
table-layout: fixed;
font-size: 12px;
height: auto !important; /* neutralise un height:100% global */
}
.erg-table thead[b-ydjet2bg04], .erg-table tbody[b-ydjet2bg04] { height: auto !important; }
.erg-table thead th[b-ydjet2bg04] {
position: sticky;
top: 0;
z-index: 10;
text-align: center;
padding: 0;
user-select: none;
}
/* Coin « Salle » : figé en haut ET à gauche */
.erg-th-corner[b-ydjet2bg04] {
position: sticky !important;
top: 0;
left: 0;
z-index: 20 !important;
background: #f8f8ff !important;
color: #5351FB !important;
width: 170px;
min-width: 170px;
padding: 0 14px !important;
text-align: left !important;
font-size: 10px;
font-weight: 800;
letter-spacing: .09em;
text-transform: uppercase;
border-right: 2px solid #e0e0f0 !important;
border-bottom: 1px solid #e0e0f0 !important;
white-space: nowrap;
}
/* En-tête jour */
.erg-th-day[b-ydjet2bg04] {
background: #f0f0ff !important;
padding: 7px 10px 5px !important;
border-left: 2px solid #5351FB !important;
border-bottom: 1px solid #d8d7ff !important;
white-space: normal !important;
text-align: center;
}
.erg-day-name[b-ydjet2bg04] {
display: block;
font-size: 13px;
font-weight: 700;
}
.erg-day-date[b-ydjet2bg04] {
display: block;
font-size: 11.5px;
font-weight: 700;
margin-top: 2px;
}
/* En-tête créneau */
.erg-th-hour[b-ydjet2bg04] {
background: #fff !important;
padding: 5px 4px 6px !important;
border-left: 1px solid #eeeeff !important;
border-bottom: 2px solid #5351FB !important;
white-space: nowrap;
}
.erg-th-hour.erg-day-start[b-ydjet2bg04] { border-left: 2px solid #5351FB !important; }
.erg-hour-lbl[b-ydjet2bg04] {
display: block;
font-size: 11px;
font-weight: 700;
color: #333;
}
.erg-hour-sub[b-ydjet2bg04] {
display: block;
font-size: 9px;
font-weight: 600;
color: #5351FB;
margin-top: 1px;
}
/* ── Lignes ── */
.erg-row[b-ydjet2bg04] { height: var(--erg-row-h); }
.erg-row > td[b-ydjet2bg04] {
height: var(--erg-row-h);
max-height: var(--erg-row-h);
box-sizing: border-box;
}
.erg-row:hover .erg-td-room[b-ydjet2bg04] { background: #f0f0ff; }
.erg-row:nth-child(even) .erg-td-room[b-ydjet2bg04] { background: #fafaff; }
.erg-row:nth-child(even) .erg-td[b-ydjet2bg04] { background: #fafaff; }
/* Colonne salle figée */
.erg-td-room[b-ydjet2bg04] {
position: sticky;
left: 0;
z-index: 5;
background: #fff;
border-right: 2px solid #e0e0f0;
border-bottom: 1px solid #efefef;
padding: 6px 12px;
width: 170px;
min-width: 170px;
vertical-align: middle;
cursor: default;
box-shadow: 3px 0 6px rgba(83,81,251,.06);
}
.erg-room-name[b-ydjet2bg04] {
display: block;
font-size: 12.5px;
font-weight: 700;
line-height: 1.3;
word-break: break-word;
}
.erg-room-sub[b-ydjet2bg04] {
display: block;
font-size: 10px;
color: #999;
margin-top: 2px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/* Cellule créneau */
.erg-td[b-ydjet2bg04] {
border-right: 1px solid #efefef;
border-bottom: 1px solid #efefef;
padding: 2px;
vertical-align: top;
cursor: pointer;
overflow: hidden;
position: relative;
transition: background .1s;
}
.erg-td.erg-day-start[b-ydjet2bg04] { border-left: 2px solid #5351FB; }
.erg-empty[b-ydjet2bg04] { background: #fdfdff; }
.erg-empty:hover[b-ydjet2bg04] { background: rgba(83,81,251,.05); }
.erg-hint[b-ydjet2bg04] {
display: none;
position: absolute;
inset: 0;
align-items: center;
justify-content: center;
font-size: 20px;
font-weight: 300;
color: rgba(83,81,251,.25);
}
.erg-empty:hover .erg-hint[b-ydjet2bg04] { display: flex; color: rgba(83,81,251,.5); }
/* ── Empilement (conflit d'occupation) ── */
.erg-stack[b-ydjet2bg04] {
display: flex;
flex-direction: column;
gap: 2px;
height: calc(var(--erg-row-h) - 6px);
}
.erg-conflict-badge[b-ydjet2bg04] {
position: absolute;
top: 1px;
right: 3px;
font-size: 11px;
color: #C62828;
pointer-events: none;
}
/* ── Bloc séance ── */
.erg-block[b-ydjet2bg04] {
flex: 1 1 0;
min-height: 0;
display: flex;
flex-direction: column;
justify-content: center;
gap: 1px;
padding: 2px 4px;
background: var(--b-bg);
border: 1px solid var(--b-bd);
border-left: 3px solid var(--b-bd);
border-radius: 4px;
color: var(--b-tx);
overflow: hidden;
transition: filter .1s;
}
.erg-block:hover[b-ydjet2bg04] { filter: brightness(.94); }
.erg-blk-subject[b-ydjet2bg04] {
font-size: 11px;
font-weight: 800;
line-height: 1.2;
text-align: center;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
word-break: break-word;
}
.erg-blk-class[b-ydjet2bg04] {
font-size: 10px;
font-weight: 700;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
opacity: .95;
}
.erg-blk-teacher[b-ydjet2bg04] {
font-size: 9.5px;
font-weight: 600;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
opacity: .85;
}
.erg-blk-time[b-ydjet2bg04] {
font-size: 9px;
font-weight: 600;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
opacity: .75;
}
/* Deux séances empilées : texte compacté */
.erg-conflict .erg-blk-subject[b-ydjet2bg04] { font-size: 9.5px; -webkit-line-clamp: 1; }
.erg-conflict .erg-blk-class[b-ydjet2bg04] { font-size: 9px; }
.erg-conflict .erg-blk-teacher[b-ydjet2bg04],
.erg-conflict .erg-blk-time[b-ydjet2bg04] { display: none; }
.erg-conflict .erg-block[b-ydjet2bg04] { border-color: #C62828; }
/* Quinzaine → hachures */
.erg-block.erg-quinz[b-ydjet2bg04] {
background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(255,255,255,.4) 5px, rgba(255,255,255,.4) 10px);
}
/* ── Impression ── */
@media print {
.erg-toolbar[b-ydjet2bg04], .erg-stats[b-ydjet2bg04] { display: none !important; }
.erg-sheet[b-ydjet2bg04] {
border: none !important;
box-shadow: none !important;
padding: 0 !important;
}
.erg-scroll[b-ydjet2bg04] {
max-height: none !important;
overflow: visible !important;
border: none !important;
}
.erg-table[b-ydjet2bg04] { font-size: 9px !important; }
.erg-th-day[b-ydjet2bg04], .erg-th-hour[b-ydjet2bg04], .erg-block[b-ydjet2bg04] {
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
}
/* /Pages/Schedulermatrix/SchedulerTeacherGridView.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════
SchedulerClassGridView.razor.css — Vue par classe (modèle LPL)
Heure × 2 sous-lignes · Jour × 2 sous-colonnes (G1 | G2)
═══════════════════════════════════════════════════════ */
.ecg-wrapper[b-0zlhpgjgtv] {
--ecg-half-h: 36px; /* hauteur d'une demi-heure (24px × 1.5) */
display: flex;
flex-direction: column;
gap: 10px;
padding: 6px 0 16px;
font-family: 'Inter', system-ui, sans-serif;
font-size: 13px;
}
/* ── Toolbar ── */
.ecg-toolbar[b-0zlhpgjgtv] {
display: flex;
align-items: flex-end;
justify-content: space-between;
flex-wrap: wrap;
gap: 8px;
}
.ecg-toolbar-left[b-0zlhpgjgtv], .ecg-toolbar-right[b-0zlhpgjgtv], .ecg-nav[b-0zlhpgjgtv] {
display: flex;
align-items: flex-end;
gap: 8px;
flex-wrap: wrap;
}
.ecg-filter-group[b-0zlhpgjgtv] {
display: flex;
flex-direction: column;
gap: 2px;
}
.ecg-filter-label[b-0zlhpgjgtv] {
font-size: 10px;
font-weight: 700;
letter-spacing: .07em;
text-transform: uppercase;
color: #5351FB;
}
.ecg-combo[b-0zlhpgjgtv] {
min-width: 170px;
}
.ecg-combo-wide[b-0zlhpgjgtv] {
min-width: 260px;
}
.ecg-btn[b-0zlhpgjgtv] {
font-size: 12px;
height: 30px;
}
.ecg-sep[b-0zlhpgjgtv] {
width: 1px;
height: 24px;
background: #e0e0f0;
margin: 0 4px;
align-self: center;
}
.ecg-check[b-0zlhpgjgtv] {
align-self: center;
font-size: 12px;
white-space: nowrap;
}
/* ── États ── */
.ecg-state[b-0zlhpgjgtv] {
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
padding: 56px 24px;
border: 1px solid #efefef;
border-radius: 12px;
color: #aaa;
}
.ecg-spinner[b-0zlhpgjgtv] {
width: 28px;
height: 28px;
border: 3px solid rgba(83,81,251,.15);
border-top-color: #5351FB;
border-radius: 50%;
animation: ecg-spin-b-0zlhpgjgtv .8s linear infinite;
}
@keyframes ecg-spin-b-0zlhpgjgtv {
to {
transform: rotate(360deg);
}
}
/* ── Feuille ── */
.ecg-sheet[b-0zlhpgjgtv] {
background: #fff;
border: 1px solid #e0e0f0;
border-radius: 12px;
box-shadow: 0 2px 12px rgba(83,81,251,.06);
padding: 14px 16px 16px;
}
.ecg-head[b-0zlhpgjgtv] {
display: grid;
grid-template-columns: 1fr auto 1fr;
align-items: center;
gap: 8px;
text-align: center;
margin-bottom: 12px;
}
.ecg-head-left[b-0zlhpgjgtv] {
text-align: left;
font-size: 12px;
font-weight: 700;
color: #555;
}
.ecg-head-right[b-0zlhpgjgtv] {
display: flex;
justify-content: flex-end;
}
.ecg-logo[b-0zlhpgjgtv] {
max-height: 56px;
max-width: 190px;
object-fit: contain;
}
/* Diagnostic : survoler pour voir les emplacements examinés */
.ecg-logo-missing[b-0zlhpgjgtv] {
font-size: 10px;
font-weight: 600;
color: #b0b0c0;
border: 1px dashed #dcdce8;
border-radius: 6px;
padding: 3px 8px;
cursor: help;
white-space: nowrap;
}
.ecg-variant-chip[b-0zlhpgjgtv] {
display: inline-block;
margin-left: 8px;
font-size: 10px;
font-weight: 700;
color: #3533c8;
background: #f0f0ff;
border: 1px solid #d8d7ff;
border-radius: 6px;
padding: 1px 7px;
cursor: help;
white-space: nowrap;
}
.ecg-head-title[b-0zlhpgjgtv] {
font-size: 17px;
font-weight: 800;
color: #1a1a2e;
}
.ecg-head-class[b-0zlhpgjgtv] {
font-size: 17px;
font-weight: 800;
color: #3533c8;
}
.ecg-head-period[b-0zlhpgjgtv] {
font-size: 11px;
color: #888;
margin-top: 2px;
}
.ecg-scroll[b-0zlhpgjgtv] {
overflow-x: auto;
height: auto !important;
}
/* ── Grille ── */
.ecg-grid[b-0zlhpgjgtv] {
display: grid;
min-width: 860px;
border: 2px solid #1a1a2e;
height: auto !important;
}
.ecg-corner[b-0zlhpgjgtv], .ecg-day[b-0zlhpgjgtv], .ecg-hour[b-0zlhpgjgtv] {
display: flex;
align-items: center;
justify-content: center;
font-weight: 800;
background: #f0f0ff;
color: #3533c8;
border-right: 1.5px solid #1a1a2e;
border-bottom: 1.5px solid #1a1a2e;
}
.ecg-corner[b-0zlhpgjgtv] {
font-size: 10px;
letter-spacing: .08em;
text-transform: uppercase;
color: #5351FB;
}
.ecg-day[b-0zlhpgjgtv] {
font-size: 13px;
gap: 6px;
}
.ecg-day span[b-0zlhpgjgtv] {
font-size: 11px;
font-weight: 600;
color: #5351FB;
}
.ecg-hour[b-0zlhpgjgtv] {
font-size: 12px;
background: #f8f8ff;
color: #1a1a2e;
}
/* Case vide : 1 heure × 1 jour (2 sous-lignes × 2 sous-colonnes) */
.ecg-empty[b-0zlhpgjgtv] {
border-right: 1.5px solid #1a1a2e;
border-bottom: 1px dashed #d8d8ea;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
min-height: 0;
}
.ecg-empty span[b-0zlhpgjgtv] {
display: none;
font-size: 18px;
color: rgba(83,81,251,.45);
}
.ecg-empty:hover[b-0zlhpgjgtv] {
background: rgba(83,81,251,.04);
}
.ecg-empty:hover span[b-0zlhpgjgtv] {
display: block;
}
/* ── Bloc séance : moitié haute matière, moitié basse salle ── */
.ecg-block[b-0zlhpgjgtv] {
z-index: 2;
display: grid;
grid-template-rows: 1fr 1fr;
grid-auto-rows: auto; /* matière / horaire : lignes ajoutées à hauteur naturelle */
min-height: 0;
margin: 1px;
background: var(--b-bg);
border: 1.5px solid var(--b-bd);
border-radius: 4px;
color: var(--b-tx);
overflow: hidden;
cursor: pointer;
transition: filter .1s;
}
.ecg-block:hover[b-0zlhpgjgtv] {
filter: brightness(.94);
}
.ecg-blk-subject[b-0zlhpgjgtv], .ecg-blk-room[b-0zlhpgjgtv] {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
line-height: 1.15;
padding: 1px 4px;
overflow: hidden;
word-break: break-word;
min-height: 0;
}
.ecg-blk-subject[b-0zlhpgjgtv] {
font-weight: 800;
font-size: 12px;
border-bottom: 1px solid var(--b-bd);
}
.ecg-blk-room[b-0zlhpgjgtv] {
font-weight: 500;
font-size: 11px;
}
/* Matière (case « Afficher la matière ») */
.ecg-blk-course[b-0zlhpgjgtv] {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
font-size: 10px;
font-weight: 600;
line-height: 1.15;
padding: 0 3px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
border-top: 1px dashed var(--b-bd);
min-height: 0;
}
/* Horaire « (08:00 - 10:00) » */
.ecg-blk-time[b-0zlhpgjgtv] {
display: flex;
align-items: center;
justify-content: center;
font-size: 9.5px;
font-weight: 600;
line-height: 1.2;
padding: 0 3px 1px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
opacity: .8;
border-top: 1px dashed var(--b-bd);
min-height: 0;
}
.ecg-half .ecg-blk-course[b-0zlhpgjgtv] {
font-size: 9px;
}
.ecg-half .ecg-blk-time[b-0zlhpgjgtv] {
font-size: 8.5px;
}
/* Séances de stage : bandes horizontales « groupe + salle » */
.ecg-lines[b-0zlhpgjgtv] {
display: grid;
height: 100%;
min-height: 0;
}
.ecg-line[b-0zlhpgjgtv] {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
font-weight: 700;
line-height: 1.15;
padding: 1px 4px;
overflow: hidden;
word-break: break-word;
min-height: 0;
border-bottom: 1px solid var(--b-bd);
}
.ecg-line:last-child[b-0zlhpgjgtv] {
border-bottom: none;
}
/* Demi-case (un seul groupe) : texte plus compact */
.ecg-half .ecg-blk-subject[b-0zlhpgjgtv] {
font-size: 11px;
}
.ecg-half .ecg-blk-room[b-0zlhpgjgtv] {
font-size: 10px;
}
/* Quinzaine → hachures */
.ecg-block.ecg-quinz[b-0zlhpgjgtv] {
background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(255,255,255,.4) 5px, rgba(255,255,255,.4) 10px);
}
/* ── Impression ── */
@media print {
.ecg-toolbar[b-0zlhpgjgtv] {
display: none !important;
}
.ecg-sheet[b-0zlhpgjgtv] {
border: none !important;
box-shadow: none !important;
padding: 0 !important;
}
.ecg-scroll[b-0zlhpgjgtv] {
overflow: visible !important;
}
.ecg-grid[b-0zlhpgjgtv], .ecg-block[b-0zlhpgjgtv], .ecg-day[b-0zlhpgjgtv], .ecg-hour[b-0zlhpgjgtv] {
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
}
/* Pied de page saisi par l'utilisateur */
.ecg-foot[b-0zlhpgjgtv] {
margin-top: 10px;
padding-top: 8px;
border-top: 1px solid #e0e0f0;
font-size: 11px;
color: #555;
text-align: center;
white-space: pre-wrap;
}
/* /Pages/SearchableSelect.razor.rz.scp.css */
/* SearchableSelect.razor.css */
.ss-wrapper[b-296hdnth2h] {
position: relative;
width: 100%;
}
.ss-box[b-296hdnth2h] {
display: flex;
align-items: center;
justify-content: space-between;
height: var(--h-ctrl, 46px);
padding: 0 14px;
border: 1.5px solid var(--line-2, #D0D4E0);
border-radius: var(--radius-ctrl, 12px);
background: var(--surface, #fff);
cursor: pointer;
font-size: 14.5px;
font-weight: 500;
color: var(--ink, #0F1117);
transition: border-color .15s, box-shadow .15s;
user-select: none;
box-sizing: border-box;
}
.ss-box:hover[b-296hdnth2h] {
border-color: #B0B8CC;
background: #FAFBFF;
}
.ss-box.ss-open[b-296hdnth2h] {
border-color: var(--brand, #4F46E5);
box-shadow: 0 0 0 3px var(--brand-ring, rgba(79,70,229,.16));
}
.ss-value[b-296hdnth2h] {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
flex: 1;
color: var(--ink, #0F1117);
}
.ss-value:empty[b-296hdnth2h]::before,
.ss-box:has(.ss-value:empty) .ss-value[b-296hdnth2h] {
color: #A0A8B8;
}
.ss-arrow[b-296hdnth2h] {
font-size: 10px;
color: var(--ink-3, #6B7280);
margin-left: 8px;
flex-shrink: 0;
}
/* Dropdown — position fixed via style inline calculé en JS */
.ss-dropdown[b-296hdnth2h] {
position: fixed;
z-index: 99999;
background: var(--surface, #fff);
border: 1.5px solid var(--brand, #4F46E5);
border-radius: var(--radius-ctrl, 12px);
box-shadow: 0 8px 32px -4px rgba(15,17,23,.18);
overflow: hidden;
min-width: 200px;
}
.ss-search-wrap[b-296hdnth2h] {
padding: 8px 10px;
border-bottom: 1px solid var(--line, #E8EAF0);
}
.ss-search[b-296hdnth2h] {
width: 100%;
height: 36px;
padding: 0 12px;
border: 1.5px solid var(--line-2, #D0D4E0);
border-radius: 8px;
font-size: 13.5px;
outline: none;
box-sizing: border-box;
font-family: inherit;
}
.ss-search:focus[b-296hdnth2h] {
border-color: var(--brand, #4F46E5);
}
.ss-list[b-296hdnth2h] {
max-height: 220px;
overflow-y: auto;
overscroll-behavior: contain;
}
.ss-item[b-296hdnth2h] {
padding: 10px 14px;
font-size: 14px;
cursor: pointer;
transition: background .1s;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.ss-item:hover[b-296hdnth2h] {
background: var(--brand-soft, #EEF2FF);
}
.ss-item.ss-active[b-296hdnth2h] {
background: var(--brand-soft, #EEF2FF);
color: var(--brand, #4F46E5);
font-weight: 600;
}
.ss-empty[b-296hdnth2h] {
padding: 12px 14px;
font-size: 13px;
color: var(--ink-3, #6B7280);
text-align: center;
}
/* /Pages/SubscriptionRequest.razor.rz.scp.css */
/* ============================================================
SubscriptionRequest.razor.css — Formulaire Préinscription Educated / TekUp
Premium UI v2 · Palette Educated v5
CSS ISOLATION BLAZOR — scopé automatiquement à ce composant.
⚠️ Ne JAMAIS remettre ici :
- @import (interdit dans les fichiers .razor.css)
- des sélecteurs ciblant html/body/#app/le shell XAF — ils vivent
hors de l'arbre rendu par ce composant, le scoping ne les
atteindrait plus. Ces règles vivent dans apply-global.css
(chargé une fois, globalement, via index.html/_Host).
============================================================ */
/* Conteneurs Blazor / XAF intermédiaires */
/* ---------- Tokens ---------- */
.apply[b-3d2ut0sywf] {
--brand: #4F46E5;
--brand-mid: #7C3AED;
--brand-deep: #3730A3;
--brand-pink: #A21CAF;
--brand-soft: #EEF2FF;
--brand-ring: rgba(79,70,229,.16);
--accent: #06B6D4;
--bg: #F1F2F7;
--surface: #FFFFFF;
--surface-2: #F8F9FC;
--ink: #0F1117;
--ink-2: #3B3F52;
--ink-3: #6B7280;
--line: #E8EAF0;
--line-2: #D0D4E0;
--ok: #059669;
--ok-bg: #ECFDF5;
--err: #DC2626;
--err-bg: #FEF2F2;
--warn: #D97706;
--radius-card: 20px;
--radius-ctrl: 12px;
--radius-btn: 12px;
--radius-pill: 100px;
--h-ctrl: 46px;
--shadow-card: 0 0 0 1px rgba(15,17,23,.04), 0 2px 4px rgba(15,17,23,.04), 0 8px 24px -4px rgba(15,17,23,.08);
--shadow-ctrl: 0 1px 2px rgba(15,17,23,.06);
--shadow-btn: 0 4px 14px -4px rgba(79,70,229,.55), 0 1px 3px rgba(79,70,229,.2);
--shadow-focus: 0 0 0 3px var(--brand-ring);
--font: 'DM Sans', 'Sora', system-ui, sans-serif;
--font-head: 'Sora', 'DM Sans', system-ui, sans-serif;
background: var(--bg);
color: var(--ink);
font-family: var(--font);
font-size: 15px;
line-height: 1.6;
min-height: 100dvh;
padding-bottom: 80px;
-webkit-font-smoothing: antialiased;
overflow-y: visible !important;
}
/* ============================================================
HERO
============================================================ */
.hero[b-3d2ut0sywf] {
position: relative;
overflow: hidden;
text-align: center;
padding: 60px 24px 80px;
background: linear-gradient(135deg, #312E81 0%, #4F46E5 30%, #7C3AED 65%, #A21CAF 100%);
color: #fff;
isolation: isolate;
}
.hero[b-3d2ut0sywf]::before {
content: "";
position: absolute;
inset: 0;
background-image: radial-gradient(circle at 1px 1px, rgba(255,255,255,.08) 1px, transparent 0);
background-size: 28px 28px;
z-index: 0;
}
.hero[b-3d2ut0sywf]::after {
content: "";
position: absolute;
inset: 0;
background: radial-gradient(ellipse 70% 80% at 20% 50%, rgba(124,58,237,.35) 0%, transparent 60%), radial-gradient(ellipse 50% 60% at 80% 40%, rgba(162,28,175,.30) 0%, transparent 55%);
z-index: 0;
}
.hero-logo[b-3d2ut0sywf] {
position: relative;
z-index: 1;
display: inline-flex;
align-items: center;
gap: 10px;
background: rgba(255,255,255,.12);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid rgba(255,255,255,.20);
border-radius: var(--radius-pill);
padding: 7px 18px 7px 10px;
margin-bottom: 28px;
font-family: var(--font-head);
font-size: 13px;
font-weight: 700;
letter-spacing: .01em;
color: rgba(255,255,255,.95);
}
.hero-logo img[b-3d2ut0sywf] {
height: 28px;
width: auto;
border-radius: 6px;
display: block;
}
.hero-logo .logo-fallback[b-3d2ut0sywf] {
height: 28px;
padding: 0 10px;
background: linear-gradient(135deg, #fff 0%, #E0E7FF 100%);
color: var(--brand);
border-radius: 8px;
display: flex;
align-items: center;
font-weight: 800;
font-size: 14px;
letter-spacing: -.02em;
}
.hero h1[b-3d2ut0sywf] {
position: relative;
z-index: 1;
margin: 0;
font-family: var(--font-head);
font-weight: 800;
font-size: clamp(32px, 5vw, 44px);
letter-spacing: -.035em;
line-height: 1.1;
text-shadow: 0 2px 16px rgba(0,0,0,.18);
}
.hero p[b-3d2ut0sywf] {
position: relative;
z-index: 1;
margin: 12px 0 0;
color: rgba(255,255,255,.80);
font-size: 15px;
font-weight: 500;
letter-spacing: .01em;
}
.hero p strong[b-3d2ut0sywf],
.hero p b[b-3d2ut0sywf] {
background: rgba(255,255,255,.15);
padding: 1px 10px;
border-radius: var(--radius-pill);
font-weight: 600;
color: #fff;
}
/* ============================================================
PAGE LAYOUT
============================================================ */
.page[b-3d2ut0sywf] {
max-width: 940px;
margin: -36px auto 0;
padding: 0 20px;
position: relative;
z-index: 2;
}
/* ============================================================
CARDS
============================================================ */
.card[b-3d2ut0sywf] {
background: var(--surface);
border: 1px solid var(--line);
border-radius: var(--radius-card);
box-shadow: var(--shadow-card);
padding: 32px 36px;
margin-bottom: 20px;
position: relative;
/* overflow: hidden supprimé : un ancêtre overflow:hidden clippe le
popup position:fixed du DxComboBox sur mobile (< 528px), causant
le décalage. .card::before a déjà son propre border-radius sur
les coins hauts donc il ne déborde pas sans ce clip parent. */
transition: box-shadow .2s;
/* animation-fill-mode "both" remplacé par "backwards" : on garde
l'état initial (opacity:0) pendant animation-delay pour éviter
un flash des cartes, mais on ne conserve plus transform:
translateY(0) après la fin de l'animation. Toute valeur de
transform != none crée un containing block pour les descendants
position:fixed — cassant le positionnement (transform-based) du
popup DxComboBox rendu désormais inline dans .card. */
animation: fadeUp-b-3d2ut0sywf .35s ease-out backwards;
}
.card[b-3d2ut0sywf]::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 3px;
background: linear-gradient(90deg, var(--brand) 0%, var(--brand-mid) 50%, var(--brand-pink) 100%);
border-radius: var(--radius-card) var(--radius-card) 0 0;
opacity: 0;
transition: opacity .25s;
}
.card:focus-within[b-3d2ut0sywf]::before {
opacity: 1;
}
.card:nth-child(1)[b-3d2ut0sywf] {
animation-delay: .05s;
}
.card:nth-child(2)[b-3d2ut0sywf] {
animation-delay: .10s;
}
.card:nth-child(3)[b-3d2ut0sywf] {
animation-delay: .15s;
}
.card:nth-child(4)[b-3d2ut0sywf] {
animation-delay: .20s;
}
.card:nth-child(5)[b-3d2ut0sywf] {
animation-delay: .25s;
}
.card h2[b-3d2ut0sywf] {
font-family: var(--font-head);
font-weight: 700;
font-size: 17px;
letter-spacing: -.025em;
margin: 0 0 24px;
color: var(--ink);
display: flex;
align-items: center;
gap: 10px;
}
.card h2 .dot[b-3d2ut0sywf] {
flex-shrink: 0;
width: 9px;
height: 9px;
border-radius: 50%;
background: linear-gradient(135deg, var(--brand), var(--brand-mid));
box-shadow: 0 0 0 3px rgba(79,70,229,.15);
}
.card h2 .step-badge[b-3d2ut0sywf] {
display: inline-flex;
align-items: center;
justify-content: center;
width: 26px;
height: 26px;
border-radius: 8px;
background: var(--brand-soft);
color: var(--brand);
font-size: 12px;
font-weight: 800;
flex-shrink: 0;
}
.card.success[b-3d2ut0sywf] {
border-color: #A7F3D0;
background: var(--ok-bg);
}
.card.error[b-3d2ut0sywf] {
border-color: #FECACA;
background: var(--err-bg);
}
/* ============================================================
GRID
============================================================ */
.grid[b-3d2ut0sywf] {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 18px 20px;
}
.field.col-2[b-3d2ut0sywf] {
grid-column: span 2;
}
.field.col-3[b-3d2ut0sywf] {
grid-column: span 3;
}
@media (max-width: 700px) {
.grid[b-3d2ut0sywf] {
grid-template-columns: 1fr;
}
.field.col-2[b-3d2ut0sywf], .field.col-3[b-3d2ut0sywf] {
grid-column: span 1;
}
.card[b-3d2ut0sywf] {
padding: 22px 20px;
}
.hero[b-3d2ut0sywf] {
padding: 48px 20px 68px;
}
.actions[b-3d2ut0sywf] {
flex-direction: column-reverse;
align-items: stretch;
padding: 0 20px;
}
.actions .btn[b-3d2ut0sywf] {
width: 100%;
justify-content: center;
}
}
/* ============================================================
LABELS
============================================================ */
.field label[b-3d2ut0sywf] {
display: flex;
align-items: center;
gap: 5px;
font-size: 12.5px;
font-weight: 600;
color: var(--ink-2);
letter-spacing: .02em;
text-transform: uppercase;
margin-bottom: 8px;
}
.req[b-3d2ut0sywf] {
color: var(--err);
font-weight: 700;
font-size: 14px;
line-height: 1;
}
/* ============================================================
INPUTS & SELECT
============================================================ */
.control[b-3d2ut0sywf] {
width: 100%;
height: var(--h-ctrl);
padding: 0 14px;
border: 1.5px solid var(--line-2);
border-radius: var(--radius-ctrl);
background: var(--surface);
color: var(--ink);
font-family: var(--font);
font-size: 14.5px;
font-weight: 500;
box-shadow: var(--shadow-ctrl);
transition: border-color .15s, box-shadow .15s, background .15s;
-webkit-appearance: none;
appearance: none;
box-sizing: border-box;
}
.control[b-3d2ut0sywf]::placeholder {
color: #A0A8B8;
font-weight: 400;
}
.control:hover[b-3d2ut0sywf] {
border-color: #B0B8CC;
background: #FAFBFF;
}
.control:focus[b-3d2ut0sywf] {
outline: none;
border-color: var(--brand);
background: var(--surface);
box-shadow: var(--shadow-focus), var(--shadow-ctrl);
}
.control[readonly][b-3d2ut0sywf],
.control:disabled[b-3d2ut0sywf] {
background: var(--surface-2);
color: var(--ink-3);
border-color: var(--line);
box-shadow: none;
cursor: default;
}
select.control[b-3d2ut0sywf] {
cursor: pointer;
padding-right: 42px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 14px center;
background-size: 16px;
}
select.control:focus[b-3d2ut0sywf] {
border-color: var(--brand);
box-shadow: var(--shadow-focus);
}
input[type="date"].control[b-3d2ut0sywf] {
font-family: var(--font);
}
/* ============================================================
DEVEXPRESS COMBO-BOX
============================================================ */
.apply[b-3d2ut0sywf] .dxbl-combo-box.control,
.apply[b-3d2ut0sywf] dxbl-combo-box.control,
.apply[b-3d2ut0sywf] .dxbl-text-edit.control {
height: var(--h-ctrl) !important;
min-height: var(--h-ctrl) !important;
max-height: var(--h-ctrl) !important;
border: 1.5px solid var(--line-2) !important;
border-radius: var(--radius-ctrl) !important;
background: var(--surface) !important;
box-shadow: var(--shadow-ctrl) !important;
display: flex !important;
align-items: center !important;
padding: 0 !important;
overflow: hidden;
transition: border-color .15s, box-shadow .15s !important;
width: 100% !important;
box-sizing: border-box;
}
.apply[b-3d2ut0sywf] dxbl-combo-box.control:hover,
.apply[b-3d2ut0sywf] .dxbl-text-edit.control:hover {
border-color: #B0B8CC !important;
background: #FAFBFF !important;
}
.apply[b-3d2ut0sywf] dxbl-combo-box.control:focus-within,
.apply[b-3d2ut0sywf] .dxbl-text-edit.control:focus-within {
border-color: var(--brand) !important;
box-shadow: var(--shadow-focus), var(--shadow-ctrl) !important;
background: var(--surface) !important;
}
.apply[b-3d2ut0sywf] .dxbl-text-edit.control input.dxbl-text-edit-input {
background: transparent !important;
border: none !important;
color: var(--ink) !important;
font-family: var(--font) !important;
font-size: 14.5px !important;
font-weight: 500 !important;
padding: 0 14px !important;
height: calc(var(--h-ctrl) - 2px) !important;
width: 100% !important;
outline: none !important;
box-shadow: none !important;
}
.apply[b-3d2ut0sywf] .dxbl-text-edit.control input.dxbl-text-edit-input::placeholder {
color: #A0A8B8 !important;
font-weight: 400 !important;
}
.apply[b-3d2ut0sywf] .dxbl-text-edit.control .dxbl-btn-group-right {
height: 100% !important;
display: flex !important;
align-items: center !important;
flex: 0 0 auto !important;
background: transparent !important;
border: none !important;
padding-right: 4px;
}
.apply[b-3d2ut0sywf] .dxbl-text-edit.control .dxbl-edit-btn-dropdown {
background: transparent !important;
border: none !important;
width: 36px !important;
height: 100% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
opacity: .55;
transition: opacity .15s;
cursor: pointer;
}
.apply[b-3d2ut0sywf] .dxbl-text-edit.control .dxbl-edit-btn-dropdown:hover {
opacity: 1;
}
.apply[b-3d2ut0sywf] .dxbl-text-edit.control .dxbl-edit-btn-dropdown .dxbl-image {
width: 16px !important;
height: 16px !important;
color: #6B7280;
}
.apply[b-3d2ut0sywf] .dxbl-text-edit.control .dxbl-edit-btn-clear {
display: none !important;
}
.apply[b-3d2ut0sywf] .dxbl-text-edit.control:focus-within .dxbl-edit-btn-clear {
display: flex !important;
opacity: .5;
width: 28px !important;
height: 100% !important;
align-items: center !important;
justify-content: center !important;
border: none !important;
background: transparent !important;
}
.apply[b-3d2ut0sywf] .dxbl-text-edit.control .dxbl-text-edit-template {
flex: 1 1 auto !important;
height: 100% !important;
display: flex !important;
align-items: center !important;
min-width: 0 !important;
background: transparent !important;
border: none !important;
padding: 0 !important;
}
/* ============================================================
PHONE INPUT
============================================================ */
.phone[b-3d2ut0sywf] {
display: flex;
gap: 0;
}
.phone .prefix[b-3d2ut0sywf] {
flex-shrink: 0;
display: flex;
align-items: center;
padding: 0 14px;
height: var(--h-ctrl);
border: 1.5px solid var(--line-2);
border-right: none;
border-radius: var(--radius-ctrl) 0 0 var(--radius-ctrl);
background: var(--surface-2);
color: var(--ink-2);
font-size: 14px;
font-weight: 700;
letter-spacing: .01em;
white-space: nowrap;
box-shadow: var(--shadow-ctrl);
}
.phone .control[b-3d2ut0sywf] {
border-radius: 0 var(--radius-ctrl) var(--radius-ctrl) 0;
flex: 1;
}
/* ============================================================
EMAIL VÉRIFICATION
============================================================ */
.verify-row[b-3d2ut0sywf] {
display: flex;
gap: 10px;
}
.verify-row .control[b-3d2ut0sywf] {
flex: 1;
min-width: 0;
}
.btn-verify[b-3d2ut0sywf] {
flex-shrink: 0;
height: var(--h-ctrl);
padding: 0 20px;
border-radius: var(--radius-btn);
border: 1.5px solid rgba(79,70,229,.3);
background: var(--brand-soft);
color: var(--brand);
font-family: var(--font);
font-size: 13.5px;
font-weight: 700;
cursor: pointer;
white-space: nowrap;
transition: background .15s, border-color .15s, box-shadow .15s;
letter-spacing: .01em;
}
.btn-verify:hover[b-3d2ut0sywf] {
background: #E0E7FF;
border-color: var(--brand);
box-shadow: 0 0 0 3px var(--brand-ring);
}
.btn-verify:disabled[b-3d2ut0sywf] {
opacity: .4;
cursor: not-allowed;
box-shadow: none;
}
@media (max-width: 480px) {
.verify-row[b-3d2ut0sywf] {
flex-direction: column;
}
.btn-verify[b-3d2ut0sywf] {
width: 100%;
}
}
.code-row[b-3d2ut0sywf] {
display: flex;
gap: 10px;
margin-top: 12px;
}
.code-row .control[b-3d2ut0sywf] {
flex: 1;
letter-spacing: .4em;
font-weight: 700;
text-align: center;
font-family: var(--font-head);
font-size: 20px;
}
.hint[b-3d2ut0sywf] {
font-size: 12px;
color: var(--ink-3);
margin: 8px 2px 0;
line-height: 1.5;
}
.verified[b-3d2ut0sywf] {
display: inline-flex;
align-items: center;
gap: 6px;
margin-top: 10px;
background: var(--ok-bg);
color: var(--ok);
font-size: 12.5px;
font-weight: 700;
padding: 5px 12px;
border-radius: var(--radius-pill);
border: 1px solid #A7F3D0;
}
/* ============================================================
ACTIONS
============================================================ */
.actions[b-3d2ut0sywf] {
display: flex;
justify-content: flex-end;
align-items: center;
gap: 12px;
max-width: 940px;
margin: 8px auto 0;
padding: 0 20px;
}
.btn[b-3d2ut0sywf] {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
font-family: var(--font);
font-size: 15px;
font-weight: 700;
cursor: pointer;
height: 50px;
padding: 0 28px;
border-radius: var(--radius-btn);
border: 1.5px solid transparent;
letter-spacing: .005em;
transition: all .15s;
white-space: nowrap;
}
/* ── FIX 1 : texte blanc sur le bouton primaire ──────────────────── */
.btn-primary[b-3d2ut0sywf] {
background: linear-gradient(135deg, var(--brand) 0%, var(--brand-mid) 100%);
color: #ffffff !important;
border-color: transparent;
box-shadow: var(--shadow-btn);
}
.btn-primary:hover[b-3d2ut0sywf] {
filter: brightness(1.07);
transform: translateY(-1px);
box-shadow: 0 6px 20px -4px rgba(79,70,229,.6), 0 1px 4px rgba(79,70,229,.25);
color: #ffffff !important;
}
.btn-primary:active[b-3d2ut0sywf] {
transform: translateY(0) scale(.99);
box-shadow: var(--shadow-btn);
color: #ffffff !important;
}
.btn-primary:disabled[b-3d2ut0sywf] {
opacity: .5;
cursor: not-allowed;
transform: none;
filter: none;
box-shadow: none;
color: #ffffff !important;
}
.btn-ghost[b-3d2ut0sywf] {
background: var(--surface);
border-color: var(--line-2);
color: var(--ink-3);
}
.btn-ghost:hover[b-3d2ut0sywf] {
border-color: var(--line-strong, #CDD0DA);
color: var(--ink);
background: var(--surface-2);
}
/* ============================================================
FOOTER
============================================================ */
.apply-footer[b-3d2ut0sywf] {
text-align: center;
padding: 20px 24px 0;
color: var(--ink-3);
font-size: 12.5px;
}
.apply-footer a[b-3d2ut0sywf] {
color: var(--brand);
text-decoration: none;
font-weight: 600;
}
.apply-footer a:hover[b-3d2ut0sywf] {
text-decoration: underline;
}
/* ============================================================
HONEYPOT
============================================================ */
.hp[b-3d2ut0sywf],
input[name*="b_confirm"][b-3d2ut0sywf],
input[name*="honeypot"][b-3d2ut0sywf] {
position: absolute !important;
left: -9999px !important;
width: 1px !important;
height: 1px !important;
opacity: 0 !important;
pointer-events: none !important;
overflow: hidden !important;
}
/* ============================================================
CONSENTEMENT — case règlement intérieur
============================================================ */
.consent-row[b-3d2ut0sywf] {
display: flex;
align-items: flex-start;
gap: 12px;
cursor: pointer;
font-size: 14px;
color: var(--ink-2);
line-height: 1.6;
}
.consent-checkbox[b-3d2ut0sywf] {
flex-shrink: 0;
width: 20px;
height: 20px;
margin-top: 1px;
accent-color: var(--brand);
cursor: pointer;
}
.consent-link[b-3d2ut0sywf] {
color: var(--brand);
font-weight: 600;
text-decoration: none;
}
.consent-link:hover[b-3d2ut0sywf] {
text-decoration: underline;
}
/* ============================================================
FIX 2 : reCAPTCHA centré
============================================================ */
#recaptcha-container[b-3d2ut0sywf] {
display: flex !important;
justify-content: center;
margin: 8px auto 4px;
}
/* ============================================================
reCAPTCHA — masquer le titre "Vérification"
============================================================ */
.card:has(#recaptcha-container) h2[b-3d2ut0sywf] {
display: none;
}
/* Réduire le padding de la card captcha sans titre */
.card:has(#recaptcha-container)[b-3d2ut0sywf] {
padding-top: 24px;
padding-bottom: 24px;
}
/* ============================================================
ANIMATIONS
============================================================ */
@keyframes fadeUp-b-3d2ut0sywf {
from {
opacity: 0;
transform: translateY(12px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
/* ============================================================
TÉLÉPHONE — indicatif DxComboBox avec drapeaux
============================================================ */
.phone-code-select[b-3d2ut0sywf],
.phone-code-select.dxbl-text-edit[b-3d2ut0sywf] {
flex: 0 0 auto !important;
width: 120px !important;
min-width: 120px !important;
max-width: 120px !important;
border-radius: var(--radius-ctrl) 0 0 var(--radius-ctrl) !important;
border-right: none !important;
background-color: var(--surface-2) !important;
}
.phone-number-input[b-3d2ut0sywf] {
border-radius: 0 var(--radius-ctrl) var(--radius-ctrl) 0 !important;
flex: 1;
}
/* Texte affiché dans le champ fermé */
.phone-code-select .dxbl-text-edit-input[b-3d2ut0sywf] {
font-size: 16px !important;
font-weight: 600 !important;
padding: 0 4px 0 10px !important;
background: transparent !important;
}
/* Items dans la liste déroulante */
.phone-code-select .dxbl-listbox-item[b-3d2ut0sywf],
.phone-code-select .dxbl-combo-item[b-3d2ut0sywf] {
font-size: 15px;
padding: 6px 12px;
}
/* ============================================================
FIN apply.css
============================================================ */
|