.briefing-wrapper{background:#f8f9fb;min-height:100vh;padding-bottom:80px}.briefing-header{color:#fff;text-align:center;background:#0a1628;padding:48px 24px 40px}.briefing-header h1{letter-spacing:-.02em;color:#fff;margin:0 0 8px;font-size:1.65rem;font-weight:700}.briefing-header .subtitle{color:#94a3b8;margin:0 0 4px;font-size:.95rem;font-weight:400}.briefing-header .specialist{color:#64748b;margin:0;font-size:.85rem}.briefing-header .specialist strong{color:#60a5fa}.briefing-demo-badge{color:#93c5fd;letter-spacing:.08em;text-transform:uppercase;background:#60a5fa26;border-radius:4px;margin-bottom:16px;padding:4px 12px;font-size:.72rem;font-weight:600;display:inline-block}.briefing-body{max-width:820px;margin:0 auto;padding:32px 20px}.briefing-progress{background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:16px;margin-bottom:28px;padding:16px 24px;display:flex}.briefing-progress .progress-text{color:#64748b;white-space:nowrap;min-width:200px;font-size:.85rem}.briefing-progress .progress-text strong{color:#1e293b}.progress-track{background:#e2e8f0;border-radius:3px;flex:1;height:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:3px;height:100%;transition:width .5s}.generate-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;margin:40px auto;padding:16px 36px;font-size:1rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 14px #2563eb59}.generate-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #2563eb73}.generate-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.generate-btn .spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.briefing-section{opacity:0;background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:20px;padding:28px 28px 24px;transition:opacity .5s,transform .5s;transform:translateY(20px)}.briefing-section.visible{opacity:1;transform:translateY(0)}.section-header{border-bottom:1px solid #f1f5f9;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:14px;display:flex}.section-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.section-icon.blue{color:#3b82f6;background:#eff6ff}.section-icon.green{color:#16a34a;background:#f0fdf4}.section-icon.amber{color:#d97706;background:#fffbeb}.section-icon.purple{color:#9333ea;background:#faf5ff}.section-icon.red{color:#dc2626;background:#fef2f2}.section-icon.indigo{color:#4f46e5;background:#eef2ff}.section-header h2{color:#1e293b;letter-spacing:-.01em;margin:0;font-size:1.1rem;font-weight:700}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:18px;display:grid}.metric-card{text-align:center;background:#f8fafc;border-radius:8px;padding:14px 16px}.metric-value{color:#1e293b;letter-spacing:-.02em;font-size:1.65rem;font-weight:800;line-height:1.1}.metric-value.green{color:#16a34a}.metric-value.blue{color:#2563eb}.metric-value.amber{color:#d97706}.metric-label{color:#64748b;margin-top:4px;font-size:.78rem;line-height:1.3}.comparison-note{color:#64748b;background:#f0fdf4;border-left:3px solid #22c55e;border-radius:0 6px 6px 0;margin-bottom:14px;padding:10px 14px;font-size:.82rem}.comparison-note strong{color:#15803d}.highlight-block{color:#92400e;background:#fffbeb;border-left:3px solid #f59e0b;border-radius:0 8px 8px 0;padding:12px 16px;font-size:.88rem;line-height:1.55}.highlight-block .hl-label{color:#b45309;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:.75rem;font-weight:700}.bar-chart{flex-direction:column;gap:10px;margin:16px 0;display:flex}.bar-row{align-items:center;gap:12px;display:flex}.bar-label{color:#64748b;text-align:right;min-width:80px;font-size:.8rem}.bar-track{background:#f1f5f9;border-radius:6px;flex:1;height:24px;position:relative;overflow:hidden}.bar-fill{border-radius:6px;height:100%;transition:width 1.2s}.bar-fill.blue{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.bar-fill.green{background:linear-gradient(90deg,#22c55e,#4ade80)}.bar-fill.gray{background:linear-gradient(90deg,#94a3b8,#cbd5e1)}.bar-amount{color:#1e293b;min-width:65px;font-size:.8rem;font-weight:600}.info-line{color:#475569;margin-bottom:6px;font-size:.85rem;line-height:1.6}.info-line .tag{vertical-align:middle;border-radius:4px;margin-right:6px;padding:2px 8px;font-size:.72rem;font-weight:600;display:inline-block}.info-line .tag.green{color:#166534;background:#dcfce7}.info-line .tag.amber{color:#92400e;background:#fef3c7}.info-line .tag.blue{color:#1e40af;background:#dbeafe}.info-line .tag.red{color:#991b1b;background:#fee2e2}.pipeline-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:flex-start;padding:10px 0;font-size:.85rem;display:flex}.pipeline-row:last-child{border-bottom:none}.pipeline-row .left{color:#334155;flex:1}.pipeline-row .right{color:#64748b;text-align:right;min-width:100px}.pipeline-row .right strong{color:#1e293b}.rec-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:flex-start;gap:14px;margin-bottom:12px;padding:16px 18px;display:flex}.rec-card:last-child{margin-bottom:0}.rec-number{color:#fff;background:#4f46e5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:1px;font-size:.78rem;font-weight:700;display:flex}.rec-content{color:#334155;font-size:.88rem;line-height:1.6}.rec-content strong{color:#1e293b}.summary-bar{opacity:0;background:#0a1628;border-radius:12px;margin-top:8px;padding:24px 28px;transition:opacity .5s,transform .5s;transform:translateY(20px)}.summary-bar.visible{opacity:1;transform:translateY(0)}.summary-bar h3{text-transform:uppercase;letter-spacing:.08em;color:#60a5fa;margin:0 0 14px;font-size:.78rem;font-weight:600}.summary-metrics{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.summary-metric{text-align:center}.summary-metric .val{color:#fff;letter-spacing:-.02em;font-size:1.5rem;font-weight:800}.summary-metric .lbl{color:#94a3b8;margin-top:2px;font-size:.78rem}.briefing-cta{text-align:center;opacity:0;margin-top:36px;transition:opacity .5s,transform .5s;transform:translateY(20px)}.briefing-cta.visible{opacity:1;transform:translateY(0)}.briefing-cta p{color:#64748b;margin:0 0 16px;font-size:.92rem;line-height:1.6}.briefing-cta p strong{color:#1e293b}.cta-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;align-items:center;gap:8px;padding:14px 32px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #2563eb4d}.cta-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #2563eb66}.crew-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:14px 0;display:grid}.crew-item{color:#334155;background:#f8fafc;border-radius:8px;padding:12px 14px;font-size:.84rem}.crew-item .crew-name{color:#1e293b;margin-bottom:2px;font-weight:600}.crew-item .crew-detail{color:#64748b;font-size:.78rem}.flag-block{color:#7f1d1d;background:#fef2f2;border-left:3px solid #ef4444;border-radius:0 6px 6px 0;padding:10px 14px;font-size:.84rem}.flag-block .flag-label{text-transform:uppercase;letter-spacing:.04em;color:#dc2626;margin-bottom:2px;font-size:.72rem;font-weight:700}.compliance-list{flex-direction:column;gap:10px;display:flex}.compliance-item{color:#334155;align-items:center;gap:10px;font-size:.88rem;display:flex}.compliance-check{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.72rem;display:flex}.compliance-check.ok{color:#16a34a;background:#dcfce7}.compliance-check.warn{color:#d97706;background:#fef3c7}@media (max-width:640px){.briefing-header{padding:32px 16px 28px}.briefing-header h1{font-size:1.25rem}.briefing-body{padding:20px 14px}.briefing-section{padding:20px 18px 18px}.metric-grid{grid-template-columns:repeat(2,1fr);gap:10px}.summary-metrics{grid-template-columns:1fr;gap:12px}.briefing-progress{flex-direction:column;gap:8px}.briefing-progress .progress-text{min-width:auto}.bar-label{min-width:60px;font-size:.72rem}}
