/* Classroom Mission Control Pro: badges, toast, header button, Pro sheet. */
.tile .ic,.nx-art{position:relative}
.cmcp-b{position:absolute;top:6px;right:6px;z-index:2;display:flex;flex-direction:column;align-items:flex-end;gap:3px;font-style:normal;pointer-events:none}
.cmcp-b b{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:999px;font:800 clamp(11px,1.1vmin,13px)/1 "Quicksand",system-ui,sans-serif;letter-spacing:.08em;box-shadow:0 2px 8px #0009}
.cmcp-b b svg{width:.95em;height:1.1em}
.cmcp-b span{padding:2px 7px;border-radius:999px;background:#0b1018e6;color:#ffd27a;font:700 clamp(11px,1vmin,12px)/1.3 "Quicksand",system-ui,sans-serif;white-space:nowrap}
.cmcp-b.pro b{color:#1b1204;background:linear-gradient(#ffd27a,#ffb23e)}
.cmcp-b.pro.own b{background:linear-gradient(#bdf5cf,#5fd28a);color:#06210f}
.cmcp-b.plus b{color:#ffd27a;background:#0b1018d9;border:1px solid #ffb23e99;box-shadow:none}
.nx-t.w .cmcp-b{top:8px;right:8px}

#cmcp-toast{position:fixed;left:50%;bottom:clamp(14px,4vh,40px);transform:translate(-50%,24px);opacity:0;z-index:2147483000;max-width:min(92vw,620px);padding:12px 18px;border-radius:12px;background:#101826f2;border:1px solid #ffb23e88;color:#eef3f8;font:600 clamp(14px,1.7vmin,18px)/1.35 "Quicksand",system-ui,sans-serif;box-shadow:0 12px 34px #000b;transition:opacity .25s,transform .25s;pointer-events:none;text-align:center}
#cmcp-toast.on{opacity:1;transform:translate(-50%,0)}

.cmcp-head{all:unset;cursor:pointer;margin-right:8px;padding:5px 11px;border-radius:999px;border:1px solid #ffb23e;color:#ffd27a;font:800 clamp(11px,1.3vmin,14px)/1 "Quicksand",system-ui,sans-serif;letter-spacing:.08em;white-space:nowrap;max-width:28vw;overflow:hidden;text-overflow:ellipsis}
.cmcp-head:hover,.cmcp-head:focus-visible{background:#ffb23e;color:#1b1204}
.cmcp-head.own{border-color:#5fd28a;color:#bdf5cf}

.cmcp-ov{position:fixed;inset:0;z-index:2147482000;display:grid;place-items:center;padding:16px;background:#03060ccc;backdrop-filter:blur(4px)}
.cmcp-ov[hidden]{display:none}
.cmcp-card{position:relative;width:min(680px,100%);max-height:calc(100dvh - 32px);overflow:auto;padding:clamp(18px,3vmin,32px);border-radius:18px;background:linear-gradient(160deg,#16202f,#0a0f18);border:1px solid #ffb23e66;color:#e8eef5;font:500 clamp(14px,1.75vmin,18px)/1.45 "Quicksand",system-ui,sans-serif;box-shadow:0 30px 80px #000d;outline:none}
.cmcp-card:focus,.cmcp-card:focus-visible{outline:none}
.cmcp-card h2{margin:.35em 0 .3em;font:700 clamp(21px,3vmin,32px)/1.15 "Quicksand",system-ui,sans-serif;color:#fff}
.cmcp-card p{margin:.3em 0}
.cmcp-tag{display:inline-block;padding:3px 9px;border-radius:999px;background:#ffb23e;color:#1b1204;font:800 12px/1.2 "Quicksand",system-ui,sans-serif;letter-spacing:.1em}
.cmcp-x{all:unset;cursor:pointer;position:absolute;top:10px;right:14px;font:400 30px/1 system-ui;color:#9fb0c2}
.cmcp-x:hover,.cmcp-x:focus-visible{color:#fff}
.cmcp-list{margin:.8em 0;padding:0;list-style:none;display:grid;gap:.45em}
.cmcp-list li{padding-left:1.5em;position:relative}
.cmcp-list li::before{content:"";position:absolute;left:.2em;top:.45em;width:.6em;height:.6em;border-radius:50%;background:#ffb23e}
.cmcp-os{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:.9em 0 .4em}
.cmcp-o{position:relative;padding:12px;border-radius:12px;background:#0e1520;border:1px solid #2b3a4e}
.cmcp-o.best{border-color:#ffb23e;box-shadow:0 0 0 1px #ffb23e66 inset}
.cmcp-o .cmcp-tag{position:absolute;top:-10px;right:10px;font-size:10px}
.cmcp-o h4{margin:0;font:700 clamp(14px,1.7vmin,17px)/1.2 "Quicksand",system-ui,sans-serif;color:#fff}
.cmcp-pr{margin:.25em 0;font:800 clamp(20px,2.8vmin,28px)/1 "Quicksand",system-ui,sans-serif;color:#ffd27a}
.cmcp-pr s{margin-left:.4em;font-size:.6em;font-weight:600;color:#8798ab}
.cmcp-o p:last-child{font-size:.88em;color:#b7c4d2}
.cmcp-acts{display:flex;flex-wrap:wrap;gap:10px;margin:1em 0 .4em}
.cmcp-btn{all:unset;cursor:pointer;padding:10px 16px;border-radius:10px;border:1px solid #3a4b61;background:#152031;color:#e8eef5;font:700 clamp(14px,1.7vmin,17px)/1.2 "Quicksand",system-ui,sans-serif;text-align:center}
.cmcp-btn:hover,.cmcp-btn:focus-visible{border-color:#ffb23e}
.cmcp-btn.main{background:linear-gradient(#ffd27a,#ffb23e);border-color:#ffb23e;color:#1b1204}
.cmcp-btn.quiet{background:none;border-color:transparent;color:#b7c4d2}
.cmcp-key{display:grid;gap:8px;margin-top:.6em}
.cmcp-key[hidden]{display:none}
.cmcp-key textarea{width:100%;box-sizing:border-box;padding:10px;border-radius:10px;border:1px solid #3a4b61;background:#0b111a;color:#e8eef5;font:13px/1.4 ui-monospace,Consolas,monospace;resize:vertical}
.cmcp-key .cmcp-btn{justify-self:start}
.cmcp-msg{min-height:1.4em;color:#ffd27a}
.cmcp-fine{font-size:.85em;color:#8fa1b5}
@media (prefers-reduced-motion:reduce){#cmcp-toast{transition:none}}
