/* Super Optimizer WIP */
.super-wip{
  font-size:8px;color:#ddd;border:1px solid #555;padding:1px 5px;
  margin-left:6px;vertical-align:middle;letter-spacing:0;font-weight:700;
}
.super-explain{margin:0 0 12px}
.super-explain p{color:#c7ced5;font-size:10px;line-height:1.55;margin:0 0 8px}
.super-explain ul{margin:0;padding-left:18px;color:#a4adb6;font-size:10px;line-height:1.55}
.super-explain li+li{margin-top:4px}
.super-start{margin-top:12px;white-space:nowrap}
.super-start:disabled{opacity:.55;cursor:progress}
.super-progress{
  margin-top:9px;min-height:22px;border:1px solid #252c34;background:#0b0e12;
  padding:7px 8px;color:#838d97;font-size:8px;
}
.super-summary{display:grid;gap:3px;margin-top:10px;color:#89939d;font-size:9px}
.super-summary:empty{display:none}
.super-summary b{color:#8ee2a8}
.super-summary span{color:#c7ced5}
.super-panel-results{margin-top:14px}
.super-conclusion{border:1px solid #2c4638;border-left:3px solid #1f6b45;background:#101412;padding:10px 12px;margin:0 0 10px}
.super-conclusion b{display:block;color:#8ee2a8;font-size:11px;margin-bottom:4px}
.super-conclusion p,.super-conclusion li{color:#d5dce3;font-size:10px;line-height:1.55}
.super-conclusion p{margin:0}
.super-conclusion ul{margin:8px 0 0;padding-left:16px}
.super-conclusion li+li{margin-top:4px}
.metric-grid.super-metrics{grid-template-columns:repeat(auto-fit,minmax(148px,1fr))}
.super-report{display:grid;gap:8px;margin-top:8px}
.super-report:empty{display:none}
.super-report-copy{display:grid;gap:4px}
.super-report-copy p{margin:0;color:#c7ced5;font-size:9px;line-height:1.55}
.super-table{width:100%;border-collapse:collapse;font-size:8px}
.super-table th,.super-table td{border-bottom:1px solid #252c34;padding:5px 6px;text-align:left;vertical-align:top}
.super-table th{color:#8a949f;font-weight:700}
.super-table td{color:#d5dce3}
.super-table tr.is-winner td{color:#8ee2a8}

/* Optimizer engine / performance settings */
.optimizer-settings-btn{
  position:fixed;right:18px;bottom:68px;z-index:59;width:42px;height:42px;border:1px solid #354454;
  background:linear-gradient(145deg,#15202b,#101419);color:#8eb8e8;display:grid;place-items:center;cursor:pointer;
  box-shadow:0 10px 30px rgba(0,0,0,.34);transition:.14s
}
.optimizer-settings-btn:hover{border-color:#5d81a8;color:#c9e1ff;transform:translateY(-1px)}
.optimizer-settings-btn svg{width:20px;height:20px;fill:currentColor}
.optimizer-settings-overlay{position:fixed;inset:0;z-index:81;background:rgba(2,4,6,.76);backdrop-filter:blur(7px);display:none;align-items:center;justify-content:center;padding:20px}
.optimizer-settings-overlay.open{display:flex}
.optimizer-settings-modal{position:relative;width:min(500px,100%);border:1px solid #334352;background:linear-gradient(155deg,#111821,#090b0e 58%);padding:18px;box-shadow:0 28px 90px rgba(0,0,0,.62)}
.optimizer-settings-modal>p{color:#8a949f;font-size:9px;line-height:1.55;margin:7px 0 12px}
.optimizer-setting-row{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:12px;align-items:center;border-top:1px solid #252d35;padding:10px 0}
.optimizer-setting-row b,.optimizer-setting-check b{display:block;color:#d5dce3;font-size:9px}
.optimizer-setting-row small,.optimizer-setting-check small{display:block;color:#737e89;font-size:8px;line-height:1.4;margin-top:2px}
.optimizer-setting-row select{height:34px;border:1px solid #354454;background:#0b1015;color:#d6dde4;padding:0 8px;font-size:9px}
.optimizer-setting-check{display:grid;grid-template-columns:18px 1fr;gap:8px;align-items:start;border-top:1px solid #252d35;padding:10px 0;cursor:pointer}
.optimizer-setting-check input{margin-top:2px;accent-color:#68aaf0}
.optimizer-progress{border:1px solid #2c4638;border-left:3px solid #1f6b45;background:#101412;padding:8px 10px;margin:0 0 9px;display:grid;gap:6px}
.optimizer-progress.running{border-left-color:#d8a028}
.optimizer-progress.cache{border-color:#6a5420;border-left-color:#d8a028;background:#16140e}
.optimizer-progress-copy{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px}
.optimizer-progress-copy b{color:#f8e8c8;letter-spacing:.02em;font-size:11px}
.optimizer-progress-copy span{color:#9aa89c;text-align:right}
.optimizer-progress-bar{height:4px;background:#24302a;overflow:hidden}
.optimizer-progress-bar>span{display:block;height:100%;background:#d8a028}
.optimizer-progress.done .optimizer-progress-bar>span{background:#1f6b45}
.optimizer-progress.cache .optimizer-progress-bar>span{background:linear-gradient(90deg,#1f6b45,#d8a028)}
@media(max-width:680px){
  .optimizer-settings-btn{right:10px;bottom:60px}
  .optimizer-setting-row{grid-template-columns:1fr}
  .optimizer-setting-row select{width:100%}
  .optimizer-progress-copy{align-items:flex-start;display:grid}
  .optimizer-progress-copy span{text-align:left}
}