/* France Collège — brevet blanc (pages/eleve/brevet-blanc.html), onglet « Brevet blanc » du professeur et de l'espace famille. */
.bb-app{display:grid;gap:16px;margin-top:14px}
.bb-section{background:#fff;border:1px solid var(--line,#e2e8f3);border-radius:18px;padding:18px;box-shadow:0 4px 14px rgba(16,35,79,.05)}
.bb-status{border-radius:14px;padding:12px 14px;background:#fff6e5;border:1px solid #f3d9a4;color:#6b4300;font-weight:700}
.bb-status.on{background:#e7f7ee;border-color:#b9e4cb;color:#0f5c35}
.bb-note{background:#eaf3ff;border:1px solid #d4e5fd;border-radius:12px;padding:10px 12px;margin:0}
.bb-note:empty{display:none}
.bb-muted{color:#4c5d7b;font-size:14px}
.bb-format{background:#fff;border:1px solid var(--line,#e2e8f3);border-radius:16px;padding:12px 16px}
.bb-format summary{cursor:pointer;font-weight:900;color:#10234f}
.bb-scroll{overflow-x:auto;max-width:100%}
.bb-table{border-collapse:collapse;width:100%;margin:10px 0;font-size:14px}
.bb-table th,.bb-table td{border:1px solid #cdd6e6;padding:6px 8px;text-align:left;vertical-align:top}
.bb-table thead th{background:#eef3fb}
.bb-sujets{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.bb-card{border:2px solid #dfe7f5;border-radius:18px;padding:14px;background:linear-gradient(180deg,#fff,#f7faff)}
.bb-card-head{display:flex;gap:12px;align-items:center}
.bb-card h3{margin:0;font-size:20px}
.bb-letter{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#10234f;color:#fff;font-weight:1000;font-size:24px;flex:none}
.bb-fil{margin:2px 0 0;color:#4c5d7b;font-size:14px}
.bb-src{font-size:13px;color:#4c5d7b;margin:8px 0}
.bb-eps{display:grid;gap:6px;margin-top:10px}
.bb-ep{display:flex;align-items:center;gap:8px;width:100%;min-height:44px;border:1px solid #d4ddeb;background:#fff;border-radius:12px;padding:8px 10px;font:inherit;font-weight:800;color:#10234f;cursor:pointer;text-align:left}
.bb-ep:hover,.bb-ep:focus-visible{border-color:#1769d7;background:#eaf3ff}
.bb-ep-nom{flex:1}
.bb-ep-dur{font-size:13px;color:#4c5d7b;font-weight:700}
.bb-ep-note{background:#14874f;color:#fff;border-radius:999px;padding:2px 8px;font-size:13px}
.bb-assign .bb-arow{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center;border-top:1px solid #eef2f8;padding:10px 0}
.bb-arow.late strong{color:#b0283f}
.bb-aacts{display:flex;flex-wrap:wrap;gap:6px}
.bb-cc{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:8px}
.bb-cc input{width:90px;min-height:40px;border:1px solid #cdd6e6;border-radius:10px;padding:6px 8px;font:inherit}
.bb-bil{border-top:1px solid #eef2f8;padding:10px 0}
.bb-chips{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}
.bb-chip{border:1px solid #d4ddeb;border-radius:999px;padding:3px 10px;font-size:13px;background:#f7f9fd;color:#4c5d7b}
.bb-chip.on{background:#e7f7ee;border-color:#b9e4cb;color:#0f5c35;font-weight:800}
.bb-bil-res{margin:4px 0 0}
.bb-hist ul{margin:8px 0 0;padding-left:20px;font-size:14px}
.bb-kicker{margin:0;color:#1769d7;font-weight:900;text-transform:uppercase;font-size:13px;letter-spacing:.04em}
.bb-intro-title{margin:4px 0}
.bb-intro-meta,.bb-ep-meta{font-weight:800;color:#10234f}
.bb-consignes{margin:8px 0;padding-left:20px}
.bb-consignes li{margin:3px 0}
.bb-choix{border:1px solid #d4ddeb;border-radius:12px;padding:10px 14px;margin:10px 0}
.bb-check{display:flex;gap:8px;align-items:center;min-height:40px}
.bb-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.bb-end{justify-content:center;margin:6px 0 20px}
/* barre du chronomètre */
.bb-bar{position:sticky;top:calc(var(--cap6e-header-h,0px) + 6px);z-index:20;display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;background:#10234f;color:#fff;border-radius:14px;padding:10px 14px;box-shadow:0 8px 20px rgba(16,35,79,.2)}
.bb-bar.warn{background:#b0283f}
.bb-bar .ev-btn.ghost{background:#fff}
.bb-bar-time{font-size:20px;font-weight:1000;font-variant-numeric:tabular-nums}
.bb-warn{background:#fdecef;border:2px solid #b0283f;color:#7a1328;border-radius:12px;padding:10px 14px;font-weight:900}
.bb-pause{background:#fff;border:2px dashed #1769d7;border-radius:18px;padding:40px 16px;text-align:center}
.bb-pause-t{font-size:24px;font-weight:1000;margin:0 0 6px}
/* copie au format papier */
.bb-paper{background:#fff;color:#111;border:1px solid #cfd6e3;border-radius:6px;padding:28px 30px;box-shadow:0 6px 24px rgba(0,0,0,.08);font-family:Georgia,"Times New Roman",serif;line-height:1.5;max-width:900px;margin:0 auto;width:100%;box-sizing:border-box}
.bb-paper-head{border-bottom:2px solid #111;padding-bottom:12px;margin-bottom:14px;text-align:center}
.bb-dnb{font-family:Arial,sans-serif;font-weight:900;letter-spacing:.06em;font-size:16px;margin:0}
.bb-session{font-family:Arial,sans-serif;font-size:13px;margin:4px 0;color:#333}
.bb-ep-title{font-size:22px;margin:10px 0 4px}
.bb-paper-head .bb-consignes{text-align:left;font-size:14px}
.bb-partie{margin:22px 0}
.bb-ptitle{font-family:Arial,sans-serif;font-size:17px;border-top:1px solid #111;border-bottom:1px solid #111;padding:6px 0;margin:18px 0 10px}
.bb-ppts{font-weight:400;font-size:14px}
.bb-calc{display:inline-block;font-family:Arial,sans-serif;font-size:13px;font-weight:800;border:1px solid #14874f;color:#0f5c35;border-radius:8px;padding:2px 8px;margin:0 0 8px}
.bb-calc.no{border-color:#b0283f;color:#7a1328}
.bb-pcons{font-style:italic}
.bb-btitle{font-family:Arial,sans-serif;font-size:15px;margin:16px 0 8px;text-decoration:underline}
.bb-bintro{margin:4px 0}
.bb-doc{margin:12px 0;padding:10px 12px;border:1px solid #bbb;border-radius:4px;background:#fcfcfa}
.bb-doc-title{font-family:Arial,sans-serif;font-weight:900;font-size:14px;margin-bottom:6px}
.bb-doc-intro{font-style:italic;font-size:14px;margin:0 0 8px}
.bb-lines{font-size:15px}
.bb-line{display:grid;grid-template-columns:2.4em 1fr;gap:4px}
.bb-par{margin-top:.6em}
.bb-ln{font-family:Arial,sans-serif;font-size:11px;color:#666;text-align:right;padding-top:3px}
.bb-doc-src{font-size:13px;text-align:right;font-style:italic;margin:6px 0 0}
.bb-notes{font-size:13px;margin:6px 0 0;padding-left:18px}
.bb-img{border:2px solid #333;padding:10px 12px;background:#f3f1ea}
.bb-img-oeuvre{font-weight:700;margin:0 0 6px}
.bb-encadre p{margin:4px 0}
.bb-svg svg{display:block;max-width:100%;height:auto;max-height:280px;margin:0 auto}
.bb-q{margin:14px 0;padding-left:2px}
.bb-qh{display:flex;flex-wrap:wrap;gap:6px;align-items:baseline}
.bb-num{font-weight:900;font-family:Arial,sans-serif}
.bb-enonce{flex:1 1 300px}
.bb-qpts{font-family:Arial,sans-serif;font-size:13px;color:#333;white-space:nowrap}
.bb-ans{margin:6px 0 0 1.6em;font-family:Arial,sans-serif;font-size:15px}
.bb-opt{display:flex;gap:8px;align-items:flex-start;min-height:36px;padding:4px 0;cursor:pointer}
.bb-opt.bb-inline{display:inline-flex;margin-right:18px}
.bb-inp{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.bb-inp input{min-height:40px;border:1px solid #9aa6bb;border-radius:8px;padding:6px 8px;font:inherit;width:200px;max-width:100%}
.bb-area{width:100%;box-sizing:border-box;font:15px/1.5 Arial,sans-serif;border:1px solid #9aa6bb;border-radius:8px;padding:8px;background:repeating-linear-gradient(#fff,#fff 23px,#e8edf5 24px)}
.bb-source{margin:6px 0;padding:8px 12px;border-left:4px solid #1769d7;background:#f3f7ff;font-family:Georgia,serif}
.bb-mots{font-weight:700}
.bb-assoc{display:grid;gap:6px}
.bb-arow2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:8px;align-items:center}
.bb-arow2 select{min-height:40px;max-width:100%;border:1px solid #9aa6bb;border-radius:8px;font:inherit;font-size:14px}
.bb-redac-s{border:1px solid #cdd6e6;border-radius:8px;padding:8px 10px;margin:6px 0;background:#fafbfe}
.bb-redac-s p{margin:4px 0 0}
.bb-count{font-size:13px;color:#4c5d7b;text-align:right;margin:4px 0}
.bb-justif{margin-top:6px}
.bb-justif summary{cursor:pointer;font-size:14px;color:#1452b0;font-weight:700}
.bb-justif textarea{width:100%;box-sizing:border-box;margin-top:4px}
.bb-dictee{background:#f3f7ff;border-radius:10px;padding:8px 10px;margin-bottom:8px}
.bb-fin{text-align:center;font-style:italic;margin-top:20px}
/* correction */
.bb-cq{border-left:5px solid #cdd6e6;padding:8px 10px 8px 12px;margin:10px 0;background:#fbfcfe;border-radius:0 8px 8px 0}
.bb-cq.ok{border-left-color:#14874f}.bb-cq.part{border-left-color:#d08a00}.bb-cq.ko{border-left-color:#b0283f}.bb-cq.self{border-left-color:#6e41c5}
.bb-score{font-family:Arial,sans-serif;font-weight:900;white-space:nowrap}
.bb-mine-l{margin:6px 0 2px;font-weight:700;font-family:Arial,sans-serif;font-size:14px}
.bb-mine{white-space:pre-wrap;background:#fff;border:1px solid #dde3ee;border-radius:8px;padding:8px;font-family:Arial,sans-serif;font-size:14px;max-height:320px;overflow:auto}
.bb-grille{margin-top:8px;font-family:Arial,sans-serif;font-size:14px}
.bb-grille-t{font-weight:800;margin:0 0 4px}
.bb-crit{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:4px 0;border-bottom:1px dashed #e2e8f3}
.bb-crit select{min-height:38px;border:1px solid #9aa6bb;border-radius:8px;font:inherit}
.bb-sol{font-family:Arial,sans-serif;font-size:14px;background:#e7f7ee;border-radius:8px;padding:6px 8px;margin:6px 0}
.bb-corrige{font-size:14px;background:#f3f7ff;border-radius:8px;padding:8px;margin:6px 0}
.bb-diff{font-family:Arial,sans-serif;font-size:14px;line-height:1.8}
.bb-diff del{color:#b0283f}.bb-diff ins{color:#0f5c35;font-weight:800;text-decoration:none;margin-left:2px}.bb-diff ins.miss{text-decoration:underline}
.bb-lock{background:#fff6e5;border:1px solid #f3d9a4;border-radius:14px;padding:12px 14px;margin-top:10px}
.bb-lock p{margin:6px 0 10px}
.bb-modal{position:fixed;inset:0;background:rgba(16,35,79,.45);display:grid;place-items:center;z-index:100;padding:16px}
.bb-modal-in{background:#fff;border-radius:18px;padding:16px;max-width:520px;width:100%;display:grid;gap:10px}
.bb-big{font-size:22px;margin:8px 0}
.bb-big strong{font-size:48px;color:#10234f}
.bb-parts{padding-left:20px}
.bb-osec{margin:14px 0}
.bb-osec h3{margin:0 0 6px}
.bb-mini{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0}
.bb-mini .bb-time{font-weight:1000;font-size:20px;font-variant-numeric:tabular-nums}
.bb-promo{margin:10px 0 0}
/* onglet professeur et espace famille */
.tabs6.tabs7.tabs8.tabs9{grid-template-columns:repeat(9,1fr)}
@media(max-width:1000px){.tabs6.tabs7.tabs8.tabs9{grid-template-columns:repeat(5,1fr)}}
@media(max-width:560px){.tabs6.tabs7.tabs8.tabs9{grid-template-columns:1fr 1fr}}
.pb-table{border-collapse:collapse;width:100%;font-size:14px}
.pb-table th,.pb-table td{border:1px solid #dde3ee;padding:6px 8px;text-align:left}
.pb-table thead th{background:#eef3fb}
.pb-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;align-items:end;margin:10px 0}
.pb-form .field{margin:0}
.fb-row{border-top:1px solid #eef2f8;padding:8px 0}
@media(max-width:640px){
  .bb-paper{padding:16px 12px}
  .bb-ans{margin-left:0}
  .bb-arow2{grid-template-columns:1fr}
  .bb-crit{grid-template-columns:1fr}
  .bb-bar-time{font-size:17px}
}
/* impression */
.bb-print,.bb-noprint-msg{display:none}
@page{size:A4;margin:14mm 13mm}
@media print{
  body:not(.bb-printing) .bb-page > *:not(.bb-noprint-msg){display:none !important}
  body:not(.bb-printing) .bb-noprint-msg{display:block;font:14pt Arial,sans-serif;margin:40mm 10mm;text-align:center}
  body:not(.bb-printing) .mg-header,body:not(.bb-printing) .site-footer{display:none !important}
  body.bb-printing > *:not(#bbPrint){display:none !important}
  body.bb-printing{background:#fff !important}
  body.bb-printing #bbPrint{display:block}
  #bbPrint .bb-paper{border:0;box-shadow:none;padding:0;max-width:none;font-size:11pt}
  #bbPrint .bb-partie{page-break-before:auto}
  #bbPrint .bb-q,#bbPrint .bb-cq,#bbPrint .bb-doc,#bbPrint .bb-svg{page-break-inside:avoid}
  #bbPrint .bb-ptitle{page-break-after:avoid}
  #bbPrint .bb-plines .bb-pl{border-bottom:1px dotted #555;height:8mm}
  #bbPrint .bb-doc-texte{page-break-inside:auto}
  #bbPrint .bb-lines{font-size:11pt}
}