/* Stage 37.6 - Surf routing, wide viewer, readability and sponsor spaces */
:root{--ibo-text:#0f172a;--ibo-body:#24344d;--ibo-muted:#475569;--ibo-soft:#eaf3ff;--ibo-blue:#075bdc;--ibo-dark:#061b45;}
.readable-dark-panel,.surf-hero,.sponsor-preview,.stage376-admin-hero{color:#fff!important;background:linear-gradient(135deg,#061b45,#075bdc)!important;}
.readable-dark-panel h1,.readable-dark-panel h2,.readable-dark-panel h3,.surf-hero h2,.sponsor-preview h2,.stage376-admin-hero h2{color:#fff!important;text-shadow:0 1px 1px rgba(0,0,0,.25)}
.readable-dark-panel p,.surf-hero p,.sponsor-preview p,.stage376-admin-hero p,.surf-toolbar p{color:#eaf3ff!important;opacity:1!important;}
.surf-badge,.sponsor-badge{background:#fff7d6!important;color:#3b2600!important;border:1px solid rgba(255,255,255,.45);font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.surf-stat span,.surf-stat small,.help,.table td,.table th,.surf-rules-card p,.surf-rules-card li,.task-instructions{color:#24344d!important;opacity:1!important;}
.surf-stat strong,.table-card h2,.form-card h2,.surf-rules-card h3,.task-live-card h3{color:#0f172a!important;}
.stage376-wide-viewer{max-width:none!important;width:100%!important;padding:18px!important;background:#061b45!important;}
.stage376-wide-viewer .surf-session-layout{grid-template-columns:270px minmax(0,1fr)!important;gap:14px!important;align-items:stretch!important;}
.stage376-wide-viewer .surf-frame-wrap{min-height:640px!important;background:#fff!important;border-radius:20px!important;overflow:hidden!important;}
.stage376-wide-viewer .stage376-surf-iframe,.stage376-wide-viewer .surf-frame-wrap iframe{width:100%!important;height:590px!important;min-height:590px!important;border:0!important;background:#fff!important;display:block!important;}
.stage376-wide-viewer .surf-session-side{position:sticky;top:18px;align-self:start;max-height:calc(100vh - 36px);overflow:auto;background:#fff!important;color:#0f172a!important;border-radius:22px!important;}
.stage376-wide-viewer .surf-frame-top{background:#f8fbff!important;color:#0f172a!important;border-bottom:1px solid #dbeafe!important;}
.stage376-wide-viewer .surf-frame-top span,.stage376-wide-viewer .surf-frame-top a{color:#075bdc!important;font-weight:800!important;}
.surf-ad-slot{border:2px dashed #60a5fa!important;background:#f8fbff!important;border-radius:22px!important;color:#0f172a!important;box-shadow:0 12px 30px rgba(15,23,42,.05)!important;}
.surf-ad-slot span{color:#7c4a00!important;font-weight:900!important;text-transform:uppercase;}
.surf-ad-slot strong{color:#0f172a!important;font-size:1.45rem!important;}
.surf-ad-slot small{color:#334155!important;opacity:1!important;}
.task-grid-live{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px;margin-top:22px;}
.task-live-card{background:#fff;border:1px solid #dbeafe;border-radius:24px;padding:22px;box-shadow:0 18px 40px rgba(15,23,42,.07);}
.task-meta{display:flex;justify-content:space-between;gap:10px;align-items:center;background:#f1f7ff;border:1px solid #dbeafe;border-radius:16px;padding:10px 12px;margin:12px 0;color:#0f172a;}
.task-actions{display:flex;gap:10px;margin:12px 0;}
.task-proof-upload{display:grid;gap:10px;margin-top:12px;}
.iframe-check-box{background:#f8fbff;border:1px solid #bfdbfe;border-radius:18px;padding:14px;color:#0f172a;}
.iframe-check-box p{color:#334155!important;margin:.35rem 0 .75rem;}
.stage376-rules ul{padding-left:20px;line-height:1.8;}
.stage376-admin-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;border-radius:26px;padding:24px;margin-bottom:20px;}
.stage376-proof-admin a{font-weight:800;color:#075bdc;}
.input::placeholder,.textarea::placeholder{color:#64748b!important;opacity:1!important;}
.form-grid.two{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.wallet-status.active,.status.active{background:#dcfce7;color:#166534}.wallet-status.paused{background:#fef3c7;color:#92400e}.wallet-status.rejected{background:#fee2e2;color:#991b1b}.wallet-status.pending{background:#dbeafe;color:#1d4ed8}
@media (max-width:1100px){.stage376-wide-viewer .surf-session-layout{grid-template-columns:1fr!important}.stage376-wide-viewer .surf-session-side{position:relative;top:auto;max-height:none}.stage376-wide-viewer .surf-frame-wrap{min-height:520px!important}.stage376-wide-viewer .stage376-surf-iframe,.stage376-wide-viewer .surf-frame-wrap iframe{height:500px!important;min-height:500px!important}}
@media (max-width:720px){.stage376-wide-viewer{padding:12px!important}.stage376-wide-viewer .surf-frame-wrap{min-height:430px!important}.stage376-wide-viewer .stage376-surf-iframe,.stage376-wide-viewer .surf-frame-wrap iframe{height:390px!important;min-height:390px!important}.stage376-admin-hero{display:block}.form-grid.two{grid-template-columns:1fr}}