/* Exclusivamente DEV; nenhuma regra atinge elementos da experiência narrativa. */
#case02-dev-overlay {position:fixed;inset:0;z-index:10000020;display:flex;justify-content:center;align-items:center;padding:16px;background:rgba(5,7,10,.94);color:#edf0f5;font-family:Inter,Arial,sans-serif;}
#case02-dev-overlay .c2-dev-window {width:min(900px,100%);max-height:calc(100svh - 32px);overflow:auto;border:1px solid #7388a5;border-radius:10px;background:#10151d;overscroll-behavior:contain;}
#case02-dev-overlay header {display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:22px 24px;border-bottom:1px solid #354154;background:#141c27;}
#case02-dev-overlay header span {font:11px monospace;letter-spacing:.12em;color:#abc4e7;}
#case02-dev-overlay h2 {font-size:clamp(18px,3vw,24px);line-height:1.4;margin:10px 0;letter-spacing:.06em;}
#case02-dev-overlay header p {font:12px monospace;color:#f0c784;line-height:1.5;}
#case02-dev-overlay .c2-dev-body {padding:22px 24px;}
#case02-dev-overlay #case02-dev-status {display:grid;grid-template-columns:1.3fr .7fr 1fr;gap:12px;padding:16px;border:1px solid #47576c;background:#0a1019;border-radius:7px;}
#case02-dev-overlay #case02-dev-status span {display:block;font-size:9px;line-height:1.7;color:#a8bacd;letter-spacing:.04em;}
#case02-dev-overlay #case02-dev-status strong {display:block;font:12px monospace;margin-top:8px;line-height:1.9;overflow-wrap:anywhere;}
#case02-dev-overlay #case02-dev-status b {color:#dbca8c;}
#case02-dev-overlay small {display:block;font-size:10px;color:#bcc9d9;line-height:1.8;}
#case02-dev-overlay h3 {font-size:12px;letter-spacing:.08em;line-height:1.7;margin:22px 0 13px;}
#case02-dev-overlay p {font-size:12px;line-height:1.75;color:#bdc9d8;margin:10px 0;}
#case02-dev-overlay .c2-dev-help {color:#a9b6c7;}
#case02-dev-overlay .c2-dev-buttons {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;}
#case02-dev-overlay button {min-height:44px;padding:11px 12px;color:#e4eaf2;font:11px Inter,Arial,sans-serif;letter-spacing:.035em;line-height:1.6;border:1px solid #536981;border-radius:6px;background:#1b2a3b;cursor:pointer;overflow-wrap:anywhere;}
#case02-dev-overlay button:hover {background:#283c54;border-color:#aec7e7;}
#case02-dev-overlay button:disabled {background:#171c24;color:#6f7c8e;border-color:#2a3442;cursor:default;}
#case02-dev-overlay :focus-visible {outline:2px solid #a4c9fa;outline-offset:3px;}
#case02-dev-overlay [data-dev-action=reset] {border-color:#b59266;background:#372c20;}
#case02-dev-overlay #case02-dev-feedback {color:#edcf91;}
@media(max-width:600px) {
 #case02-dev-overlay {padding:8px;}
 #case02-dev-overlay .c2-dev-window {max-height:calc(100svh - 16px);}
 #case02-dev-overlay header,#case02-dev-overlay .c2-dev-body {padding:17px;}
 #case02-dev-overlay header {flex-direction:column;}
 #case02-dev-overlay header button {align-self:flex-end;}
 #case02-dev-overlay #case02-dev-status {grid-template-columns:1fr;}
 #case02-dev-overlay .c2-dev-buttons {grid-template-columns:repeat(2,minmax(0,1fr));}
}