/* STLBEAST V899 — diagnostic guide mode, persistent repair progress and mobile workflow */
:root{
  --v899-cyan:#44c9ff;
  --v899-blue:#168fe0;
  --v899-ink:#03101b;
  --v899-panel:#071a29;
  --v899-panel2:#0a2437;
  --v899-line:rgba(74,193,249,.28);
  --v899-text:#ecf8ff;
  --v899-muted:#a8c2d2;
  --v899-good:#54dfa6;
  --v899-warn:#ffc65a;
}

.v899-eyebrow{display:block;color:var(--v899-cyan);font-size:.68rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase}

/* Guide depth switch */
body.hub700-body .v899-mode-shell{margin-top:14px;margin-bottom:12px}
body.hub700-body .v899-mode-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:center;padding:19px 20px;border:1px solid var(--v899-line);border-radius:18px;background:linear-gradient(135deg,rgba(9,35,53,.98),rgba(4,17,29,.98));box-shadow:0 18px 45px rgba(0,0,0,.24),inset 4px 0 0 rgba(68,201,255,.8)}
body.hub700-body .v899-mode-card h2{margin:4px 0 5px;color:#fff;font-size:clamp(1.15rem,2vw,1.5rem)}
body.hub700-body .v899-mode-card p{margin:0;color:var(--v899-muted);line-height:1.55;font-size:.88rem}
.v899-mode-switch{display:grid;grid-template-columns:repeat(2,minmax(132px,1fr));gap:8px}
.v899-mode-switch button{min-height:62px;padding:9px 13px;border:1px solid rgba(73,183,236,.3);border-radius:13px;background:#061522;color:#cfeeff;font:inherit;text-align:left;cursor:pointer;transition:.18s ease}
.v899-mode-switch button b,.v899-mode-switch button small{display:block}
.v899-mode-switch button b{font-size:.9rem}.v899-mode-switch button small{margin-top:2px;color:#8eb0c4;font-size:.68rem}
.v899-mode-switch button[aria-pressed="true"]{border-color:#56d0ff;background:linear-gradient(135deg,#0e8dcb,#185dba);color:#fff;box-shadow:0 8px 24px rgba(14,141,203,.26)}
.v899-mode-switch button[aria-pressed="true"] small{color:#e2f7ff}
.v899-mode-status{grid-column:1/-1;margin:0!important;padding-top:3px;color:#7fd7ff!important;font-size:.72rem!important;font-weight:850}

/* Quick mode keeps all source content in the DOM, but removes visual overload. */
.v899-guide[data-v899-mode="quick"] .v899-full-only{display:none!important}
.v899-guide[data-v899-mode="quick"] .v899-extra-step{display:none!important}
.v899-guide[data-v899-mode="quick"] .hub2-toc{display:none!important}
.v899-guide[data-v899-mode="quick"] .hub2-guide-layout{grid-template-columns:minmax(0,1fr)!important}
.v899-guide[data-v899-mode="full"] .v899-show-all-steps{display:none!important}

/* Symptom selector */
body.hub700-body .v899-symptom-selector{margin-top:12px;margin-bottom:14px}
.v899-symptom-card{padding:20px;border:1px solid var(--v899-line);border-radius:18px;background:linear-gradient(145deg,#071b2b,#04131f);box-shadow:0 16px 42px rgba(0,0,0,.2)}
.v899-symptom-head h2{margin:5px 0 6px;color:#fff;font-size:clamp(1.15rem,2.4vw,1.55rem)}
.v899-symptom-head p{margin:0;color:var(--v899-muted);font-size:.87rem;line-height:1.55}
.v899-symptom-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:16px}
.v899-symptom-options button{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;min-height:58px;padding:10px 12px;border:1px solid rgba(68,172,224,.25);border-radius:13px;background:#061624;color:#dceef8;font:inherit;text-align:left;cursor:pointer;transition:.18s ease}
.v899-symptom-options button:hover{transform:translateY(-2px);border-color:#42bdf5;background:#092338}
.v899-symptom-options button[aria-pressed="true"]{border-color:#58d2ff;background:linear-gradient(135deg,rgba(14,126,180,.6),rgba(11,50,76,.92));box-shadow:0 8px 24px rgba(0,0,0,.22)}
.v899-symptom-options button span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#0d3752;color:#64d4ff;font-size:.74rem;font-weight:950}
.v899-symptom-options button b{font-size:.82rem;line-height:1.35}
.v899-symptom-result{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:13px;align-items:center;margin-top:12px;padding:13px 14px;border:1px solid rgba(82,220,167,.3);border-radius:13px;background:linear-gradient(90deg,rgba(13,69,58,.55),rgba(5,27,31,.86));box-shadow:inset 4px 0 0 var(--v899-good)}
.v899-symptom-result>span{padding:6px 8px;border-radius:7px;background:rgba(28,100,79,.7);color:#92f1ca;font-size:.64rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.v899-symptom-result b{color:#f2fff9}.v899-symptom-result p{margin:3px 0 0;color:#b7d4c8;font-size:.8rem;line-height:1.45}
.v899-symptom-result a{color:#8de7c2;text-decoration:none;font-size:.78rem;font-weight:950;white-space:nowrap}

/* Repair cards and quick step affordance */
.v899-guide .v899-step-label{display:none}
.v899-guide .v899-step-copy{line-height:1.6}
.v899-guide .v662-steps>li{scroll-margin-top:130px}
.v899-guide .v662-steps>li.v899-current-step{border-color:#54ccff!important;box-shadow:0 0 0 2px rgba(84,204,255,.13),0 12px 30px rgba(0,0,0,.2)}
.v899-show-all-steps{display:block;width:min(100%,420px);min-height:42px;margin:14px auto 3px;border:1px solid rgba(75,192,246,.38);border-radius:11px;background:#092137;color:#dff5ff;font:inherit;font-size:.8rem;font-weight:900;cursor:pointer}
.v899-show-all-steps:hover{border-color:#55d0ff;background:#0d3150}

/* Verification decision */
.v899-proof-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 20px 0}
.v899-proof-actions button{min-height:42px;padding:9px 11px;border:1px solid rgba(75,188,239,.28);border-radius:10px;background:#071827;color:#dceff8;font:inherit;font-size:.76rem;font-weight:900;cursor:pointer}
.v899-proof-actions button:first-child{border-color:rgba(84,223,166,.36);background:rgba(17,86,62,.42);color:#a7f2d1}
.v899-proof-actions button:last-child{border-color:rgba(255,198,90,.3);background:rgba(85,58,11,.34);color:#ffe0a0}
.v899-proof-actions button[aria-pressed="true"]{outline:2px solid currentColor;outline-offset:2px}
.v899-proof-next{margin:10px 20px 20px;padding:12px 13px;border:1px solid rgba(72,180,232,.22);border-radius:11px;background:#061522}
.v899-proof-next b{color:#f0f9ff}.v899-proof-next p{margin:3px 0 0;color:#a9c2d0;font-size:.8rem;line-height:1.45}
.v899-proof-next a{color:#77d9ff;font-weight:900;text-decoration:none}
.v899-proof-card.v899-pass{box-shadow:inset 4px 0 0 var(--v899-good),0 18px 42px rgba(0,0,0,.24)}
.v899-proof-card.v899-retry{box-shadow:inset 4px 0 0 var(--v899-warn),0 18px 42px rgba(0,0,0,.24)}

/* Persistent progress panel */
.v899-progress-panel{position:fixed;right:18px;bottom:18px;z-index:640;width:min(330px,calc(100vw - 36px));overflow:hidden;border:1px solid rgba(75,193,248,.38);border-radius:16px;background:rgba(3,16,27,.96);backdrop-filter:blur(16px);box-shadow:0 20px 60px rgba(0,0,0,.55)}
.v899-progress-panel header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 13px;border-bottom:1px solid rgba(70,174,224,.2);background:linear-gradient(90deg,rgba(9,50,75,.9),rgba(4,22,35,.95))}
.v899-progress-panel header span,.v899-progress-panel header b{display:block}.v899-progress-panel header span{color:#75d8ff;font-size:.65rem;font-weight:950;letter-spacing:.1em;text-transform:uppercase}.v899-progress-panel header b{margin-top:2px;color:#f1faff;font-size:.82rem}
.v899-progress-panel header button{width:30px;height:30px;border:1px solid rgba(82,195,247,.28);border-radius:9px;background:#071a2a;color:#d7f2ff;font:inherit;font-weight:950;cursor:pointer}
.v899-progress-body{padding:12px 13px 13px}
.v899-progress-body progress{width:100%;height:8px;overflow:hidden;border:0;border-radius:999px;background:#0a2639;accent-color:#38bdf8}
.v899-progress-body p{margin:9px 0;color:#a9c3d1;font-size:.78rem;line-height:1.45}
.v899-progress-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.v899-progress-actions :is(a,button){min-height:37px;display:flex;align-items:center;justify-content:center;padding:7px 9px;border:1px solid rgba(74,186,239,.28);border-radius:9px;background:#071a2a;color:#dff4ff;text-decoration:none;font:inherit;font-size:.72rem;font-weight:900;cursor:pointer}
.v899-progress-actions a{background:linear-gradient(90deg,#0d91d1,#315bc4);border-color:transparent}
.v899-progress-panel.is-collapsed .v899-progress-body{display:none}
.v899-progress-panel.is-collapsed{width:245px}

/* Mobile repair dock replaces the older two-button footer. */
.v899-mobile-dock{display:none}
.v899-guide~.v895-mobile-actions,.v899-guide .v895-mobile-actions{display:none!important}

@media(max-width:1050px){
  body.hub700-body .v899-mode-card{grid-template-columns:1fr}
  .v899-mode-switch{max-width:430px}
  .v899-symptom-result{grid-template-columns:1fr;gap:6px}.v899-symptom-result>span{width:max-content}.v899-symptom-result a{white-space:normal}
  .v899-progress-panel{right:12px;bottom:12px}
}

@media(max-width:760px){
  body.hub700-body .v899-mode-shell,body.hub700-body .v899-symptom-selector{width:min(100% - 16px,1180px)}
  body.hub700-body .v899-mode-card,.v899-symptom-card{padding:15px;border-radius:15px}
  .v899-mode-switch{grid-template-columns:1fr 1fr}.v899-mode-switch button{min-width:0;min-height:56px;padding:8px 10px}
  .v899-symptom-options{grid-template-columns:1fr}
  .v899-proof-actions{grid-template-columns:1fr;margin-left:14px;margin-right:14px}.v899-proof-next{margin-left:14px;margin-right:14px}
  .v899-progress-panel{display:none!important}
  .v899-mobile-dock{position:fixed;left:7px;right:7px;bottom:7px;z-index:720;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;padding:6px;border:1px solid rgba(72,190,244,.38);border-radius:14px;background:rgba(3,15,25,.96);backdrop-filter:blur(16px);box-shadow:0 18px 55px rgba(0,0,0,.58)}
  .v899-mobile-dock :is(button,a){min-width:0;min-height:42px;display:flex;align-items:center;justify-content:center;padding:5px;border:1px solid rgba(69,174,225,.24);border-radius:8px;background:#071a2a;color:#dff4ff;text-decoration:none;font:inherit;font-size:.62rem;font-weight:900;cursor:pointer}
  .v899-mobile-dock [data-v899-complete-step]{background:rgba(20,103,72,.7);border-color:rgba(84,223,166,.45);color:#b7f6db}
  .v899-mobile-dock a{background:linear-gradient(135deg,#0c8dcc,#344fc1);border-color:transparent}
  body.hub700-body{padding-bottom:69px!important}
}

@media(max-width:450px){
  .v899-mode-switch{grid-template-columns:1fr}
  .v899-mobile-dock :is(button,a){font-size:.57rem}
  .v899-symptom-options button{grid-template-columns:30px 1fr;padding:9px}
}

@media(prefers-reduced-motion:reduce){
  .v899-mode-switch button,.v899-symptom-options button,.v899-show-all-steps{transition:none!important}
}

@media print{
  .v899-mode-shell,.v899-symptom-selector,.v899-progress-panel,.v899-mobile-dock,.v899-proof-actions,.v899-show-all-steps{display:none!important}
  .v899-guide .v899-full-only,.v899-guide .v899-extra-step{display:block!important}
}

@media screen and (max-width:980px) and (min-width:761px){
  .v899-progress-panel{display:none!important}
  .v899-mobile-dock{position:fixed;left:10px;right:10px;bottom:10px;z-index:720;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:7px;border:1px solid rgba(72,190,244,.38);border-radius:14px;background:rgba(3,15,25,.96);backdrop-filter:blur(16px);box-shadow:0 18px 55px rgba(0,0,0,.58)}
  .v899-mobile-dock :is(button,a){min-height:42px;display:flex;align-items:center;justify-content:center;padding:6px 8px;border:1px solid rgba(69,174,225,.24);border-radius:8px;background:#071a2a;color:#dff4ff;text-decoration:none;font:inherit;font-size:.7rem;font-weight:900;cursor:pointer}
  .v899-mobile-dock [data-v899-complete-step]{background:rgba(20,103,72,.7);border-color:rgba(84,223,166,.45);color:#b7f6db}
  .v899-mobile-dock a{background:linear-gradient(135deg,#0c8dcc,#344fc1);border-color:transparent}
  body.hub700-body{padding-bottom:72px!important}
}