/* v2.0.343 — Tableau de bord clair et coloré (maquette « Tableau de bord scolaire »). Portée : .tb.tb-clair */
.tb.tb-clair{background:#f4faf7!important;color:#14305a!important;padding:10px!important;border-radius:16px!important;font-family:'Segoe UI',Roboto,Arial,sans-serif!important}
.tb-clair .tb-bar{background:linear-gradient(90deg,#0a6a58,#12866c)!important;border-radius:12px!important;padding:10px 14px!important;margin-bottom:12px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;flex-wrap:wrap!important}
.tb-clair .tb-title{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;color:#fff!important;font-weight:800!important}
.tb-clair .tb-hi0{display:inline-flex;background:none!important;width:auto!important;height:auto!important}
.tb-clair .tb-lbl{color:#fff!important;font-size:15px!important}
.tb-clair .tb-sel{display:inline-flex;align-items:center;gap:6px;background:#fff;color:#14305a;border-radius:10px;padding:6px 10px;font-size:14px}
.tb-clair .tb-sel select{background:#fff!important;color:#14305a!important;border:0!important;font-weight:700!important;font-size:13px!important;padding:4px 2px!important;border-radius:6px!important;max-width:170px}
.tb-clair .tb-med-l{color:#fff!important;font-weight:800!important;font-size:13px!important}
.tb-clair .tb-ico{display:flex;gap:8px}
.tb-clair .tb-ico button{background:#fff!important;color:#14305a!important;border:0!important;border-radius:10px!important;width:40px;height:38px;font-size:17px!important;font-weight:800;cursor:pointer}
.tb-clair .tb-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
@media(max-width:820px){.tb-clair .tb-grid{grid-template-columns:1fr!important}}
.tb-clair .tb-card{border:1px solid #d3e3dc!important;border-image:none!important;border-top:1px solid #d3e3dc!important;border-radius:14px!important;padding:0!important;overflow:hidden;background:#fff!important;color:#14305a!important}
.tb-clair .k-res{background:#f1f6ff!important;border-color:#cfe0fb!important}.tb-clair .k-ass{background:#eefaf3!important;border-color:#c9ecd9!important}
.tb-clair .k-fin{background:#fff7ea!important;border-color:#f6dfb4!important}.tb-clair .k-grp{background:#fff!important;border-color:#dcd4f7!important}
.tb-clair .tb-card h4{display:flex!important;align-items:center!important;gap:10px!important;margin:0!important;padding:0 14px 0 0!important;min-height:56px;font-size:13px!important}
.tb-clair .tb-card h4 b{flex:1;font-size:13px!important;font-weight:800;line-height:1.2;text-transform:uppercase}
.tb-clair .tb-hi{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:0 0 14px 0;flex:none}
.tb-clair .k-res h4{background:#dce9ff;color:#0f3f95!important}.tb-clair .k-res .tb-hi{background:#2a73e8}
.tb-clair .k-ass h4{background:#d5f3e2;color:#0d4f33!important}.tb-clair .k-ass .tb-hi{background:#15a35f}
.tb-clair .k-fin h4{background:#ffe9c4;color:#b8321f!important}.tb-clair .k-fin .tb-hi{background:#f0a21a}
.tb-clair .k-grp h4{background:#e6defb;color:#1e2e6e!important}.tb-clair .k-grp .tb-hi{background:#4a2fd0}
.tb-clair .tb-card h4 .tb-opt{font-size:12px!important;font-weight:800;color:#1e3a5f!important;white-space:nowrap}
.tb-clair .tb-body{padding:12px 16px 16px}
.tb-clair .tb-empty{border:0!important;background:none!important;color:#3d5373!important;opacity:1!important;padding:8px 10px 6px!important;margin:0!important;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}
.tb-clair .tb-eico{width:110px;height:110px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle,#fff,transparent 70%)}
.tb-clair .tb-eico svg{width:96px;height:96px}
.tb-clair .tb-empty h5{margin:0;font-size:17px;font-weight:800;color:#0f2a5c}
.tb-clair .tb-empty p{margin:0;font-size:14.5px;line-height:1.45;max-width:400px;color:#3d5373}
.tb-clair .tb-go{margin-top:8px;border:0;border-radius:10px;padding:11px 28px;font-weight:800;font-size:14px;cursor:pointer;min-width:60%}
.tb-clair .tb-e-res .tb-go{background:#dbe8ff;color:#154aa8}.tb-clair .tb-e-ass .tb-go{background:#d3f1e1;color:#0b6b43}.tb-clair .tb-e-fin .tb-go{background:#ffe6ba;color:#a65a00}
.tb-clair .tb-go:hover{filter:brightness(.96)}.tb-clair .tb-go:focus-visible{outline:3px solid #0a6a58;outline-offset:2px}
.tb-clair .tb-kp{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:10px!important;margin:0 0 10px!important;border:0!important}
.tb-clair .tb-kp>div{display:flex;align-items:center;gap:10px;border-radius:10px;padding:10px 12px;background:#eaf3ff}
.tb-clair .tb-kp .tb-k1{background:#e4f6ec}.tb-clair .tb-kp .tb-k2{background:#fde8e8}
.tb-clair .tb-kp small{display:block;color:#183a5d!important;font-weight:800;font-size:11px}
.tb-clair .tb-kp b{font-size:26px;line-height:1.1;color:#0f2a5c!important}.tb-clair .tb-kp .tb-k2 b{color:#d92d2d!important}.tb-clair .tb-kp .tb-k1 b{color:#12875a!important}
.tb-clair .tb-ki{font-style:normal;font-size:20px;width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#fff}
.tb-clair .tb-g{stroke:#dbe6e1!important}.tb-clair .tb-t{fill:#4b5f7a!important}.tb-clair .tb-leg{color:#3d5373!important}
.tb-clair .tb-medt{fill:#b36b00!important}.tb-clair .tb-med{stroke:#d98a00!important}
.tb-clair .tb-attn{background:#e3f6ea!important;border:1px solid #bfe5cd!important;border-radius:12px!important;padding:10px 14px!important;margin-top:12px!important;color:#0e5c3a!important}
.tb-clair .tb-attn b.ok{color:#0e4f33!important;font-size:14px;display:flex;align-items:center;gap:12px}
.tb-clair .tb-okic{font-style:normal;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#12875a;color:#fff;font-weight:900}
.tb-clair .tb-attn button{background:#fff!important;color:#14305a!important;border:1px solid #f0c9c9!important}
@media print{.tb-clair .tb-go,.tb-clair .tb-ico{display:none!important}}