/* LegalPlus Radar V6 – dual-surface premium cockpit.
   Safe additive cosmetic/UX layer atop V5. All monitored statuses remain synthetic.
   Explicitly preserves the independent speed/access signals and user-report demo. */
:root{--v6-navy:#0a2231;--v6-navy-2:#123547;--v6-navy-hi:#1d4658;--v6-gold:#dec18b;--v6-cream:#f1dec0}
/* Warm-cream exterior + boldly separated, deeply navy instrument panels */
.service-card{padding:24px 22px 21px;border:1px solid #bd9c66;box-shadow:0 18px 36px #0006,inset 0 1px #fff4d6; background:radial-gradient(ellipse 92% 80% at 100% 0,#fff4da8c,transparent 83%),linear-gradient(145deg,#f8ebd2,#ecd8b8 62%,#e8d1a9)}
.service-card::before{height:4px;opacity:1;background:linear-gradient(90deg,transparent,var(--accent),#d4ab6c,var(--accent),transparent)}
.service-card .card-top{margin-bottom:17px}
.service-card .card-title h4{font-size:20px;line-height:1.58;color:#102b3a;font-weight:900}
.service-card .card-title small{font-size:14px;color:#4d5f69}
.service-card .card-emblem{border-color:#bfa272;background:linear-gradient(150deg,#fff6e5,#f0dab5);box-shadow:0 9px 16px #76563130,inset 0 1px #fff6e4}
.service-card .status-headline{box-shadow:inset 0 1px #fffcf1,0 6px 16px #4c3b2319;min-height:95px;border-radius:18px;margin-bottom:15px}
.service-card .status-headline strong{font-size:22px}
.service-card .status-headline .status-subtitle{font-size:14px}
/* Main contrast block: 2 columns with navy glass and strongly distinguished values. */
.service-card .metric-duo{gap:9px;padding:10px;border-radius:19px;background:linear-gradient(145deg,#173d4f,#091f2e 68%,#0a2636);border:1px solid #b4925c;box-shadow:0 10px 22px #0719273a,inset 0 1px #f9de9c2b;}
.service-card .metric-block{background:linear-gradient(135deg,#1a4253,#0b293a);border:1px solid #4a6772;border-radius:13px;padding:12px 12px 14px;box-shadow:inset 0 1px #ffffff14;min-width:0}
.service-card .metric-head{color:#dfebe9;font-weight:750;font-size:14px;line-height:1.5}
.service-card .metric-head .ic{color:#e7c58b;width:19px;height:19px}
.service-card .metric-value{font-size:18px;font-weight:900;line-height:1.65}
.service-card .metric-value.tone-good{color:#7debc1}
.service-card .metric-value.tone-warn{color:#ffd17b}
.service-card .metric-value.tone-bad{color:#ff9ba6}
.service-card .metric-value.tone-unknown{color:#d0dfeb}
.service-card .metric-value.tone-good .ic{color:#7debc1}
.service-card .metric-value.tone-warn .ic{color:#ffd17b}
.service-card .metric-value.tone-bad .ic{color:#ff9ba6}
.service-card .post-login{padding:12px 14px;margin:14px 0 10px;border:1px solid #d3b98f;border-right:4px solid #14394a;border-radius:12px;background:linear-gradient(145deg,#eddbbf,#f3e5cf);line-height:1.8;color:#344a55;font-size:14px}
.service-card .post-login strong{color:#0b2b3c}
.service-card .card-bottom{border-color:#c8a976;padding-top:11px;padding-bottom:10px}
.service-card .response,.service-card .response b,.service-card .expand{font-size:14px;color:#354b58}
.service-card .expand{font-weight:800;color:#75511d}
.service-card .detail-box{background:#e6d1ae;border-color:#bda477;color:#203946}
/* Reporters' quick sentiment – independently labeled mock data */
.service-card .community-snapshot{margin:10px 0 12px;padding:13px 15px 11px;background:linear-gradient(127deg,#e9d8bb,#f5e8d2);border:1px solid #c9ab77;border-radius:14px;color:#132e3e}
.snap-head,.snap-head>span,.snap-legend{display:flex;align-items:center;justify-content:space-between;gap:8px}
.snap-head{margin-bottom:9px;flex-wrap:wrap}
.snap-head>span{font-size:14px;font-weight:900;justify-content:flex-start}
.snap-head .ic{width:18px;height:18px;color:#aa7c37}
.snap-head strong{font-size:13px;color:#294654}
.snap-demo{font-size:10px;font-weight:700;border-radius:30px;padding:2px 8px;border:1px solid #c89d56;color:#74501c;background:#faefdc}
.snap-track{height:9px;border-radius:99px;display:flex;overflow:hidden;gap:3px;background:#d0c0a9;direction:rtl}
.snap-track i{display:block;min-width:0;flex:0 0 auto}
.snap-green{background:#168967}.snap-amber{background:#d59523}.snap-red{background:#c84655}
.snap-legend{margin-top:7px;justify-content:space-between;font-size:12px;font-weight:850}
.snap-good{color:#087354}.snap-slow{color:#93600a}.snap-down{color:#ae3242}
/* Navy reporting action area, not an unbroken cream slab. */
.service-card .community-inline{margin:0;padding:12px 13px;background:linear-gradient(135deg,#143d4e,#061e2d);border:1px solid #947646;border-radius:15px;box-shadow:0 8px 18px #0a2a3833;gap:12px;align-items:center}
.service-card .community-inline-lead{color:#f0dfc0;font-size:14px;line-height:1.7;font-weight:800}
.service-card .community-inline-lead .ic{color:#e8c385;flex:none}
.service-card .report-mini-btn{border-radius:11px;color:#0f2d3c;background:linear-gradient(135deg,#f2d59b,#d7ac61);border:1px solid #f6daa5;font-size:14px;font-weight:900;box-shadow:0 4px 12px #0004}
.service-card .report-mini-btn:hover{color:#092536;background:linear-gradient(135deg,#ffe5b0,#eac180);border-color:#ffedcd}
/* Section-level reporting card adopts navy inside, balancing the cream on the right. */
.community-action-card{background:linear-gradient(148deg,#f5e3c5,#e8d1ac 70%,#e1c496);border:1px solid #c59d62}
.community-action-card .community-action-tag{background:#122f40;color:#f2dcb0;border-color:#9c7b48}
.community-action-card .community-action-symbol{background:linear-gradient(135deg,#153e4f,#082335);border:1px solid #c6a26a;color:#efd3a0;box-shadow:0 7px 16px #102f392e}
.community-action-card .community-steps{padding:12px;border-radius:13px;background:#0c2a3c;border:1px solid #af8d58;gap:7px}
.community-action-card .community-steps span{color:#f6e5c8;background:#183e4e;border:1px solid #446476}
.community-action-card .community-privacy{color:#3d515d}
/* Split header. It is dark navy even on the warm ivory theme. */
.report-dialog{background:linear-gradient(165deg,#f4e4c8,#ebd5b3);border:1px solid #c29d62;overflow:hidden;width:min(600px,calc(100vw - 24px));max-height:min(92dvh,900px);height:min(92dvh,820px);box-shadow:0 35px 110px #000c,inset 0 1px #fae9cd}
.report-dialog:before{display:none}
.report-dialog form{height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.report-head-shell{background:radial-gradient(circle at 12% 4%,#2b5160b8,transparent 45%),linear-gradient(125deg,#12394b,#061b2b 75%);border-bottom:3px solid #cba464;box-shadow:0 6px 20px #0b1b2633;position:relative;color:#f6eddc}
.report-head-shell:after{content:"";pointer-events:none;position:absolute;left:0;bottom:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#ffe0a6,transparent)}
.dialog-top{padding:18px 24px 1px}
.dialog-head{padding:5px 24px 19px}
.dialog-top-icon{background:linear-gradient(140deg,#f2d29b,#c99f5b);color:#102e40;border:1px solid #f4d6a2;box-shadow:0 5px 14px #0004}
.dialog-close{background:#173a4a;border:1px solid #6a7c7b;color:#f6e8d0;box-shadow:0 3px 11px #0003}
.dialog-close:hover{background:#27536a;border-color:#d5b784;color:#fff5e0}
.dialog-head .eyebrow{color:#e2c48c;letter-spacing:1.2px;font-size:11px}
.dialog-head h2{color:#f8f0e0;font-size:30px;line-height:1.55;text-shadow:0 2px 12px #04121d38}
.dialog-head p{color:#cfdee0;font-size:15px;line-height:1.65}
/* scrolling inside field region only, submit CTA remains visible without losing the title */
.report-fields{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:13px 24px 16px;background:linear-gradient(161deg,#f5e5c9,#ecdbbb)}
.report-fields::-webkit-scrollbar{width:9px}.report-fields::-webkit-scrollbar-thumb{background:#b49b77;border-radius:99px;border:2px solid #eed9b5}
.field-label{color:#122f3e;font-size:16px;font-weight:900;margin:12px 0 8px}
.field-label:before{content:"";display:inline-block;height:14px;width:4px;background:linear-gradient(#174358,#c59a57);border-radius:3px;vertical-align:-2px;margin-left:8px}
#report-system,#report-note,.phone-input-wrap{background:#f8edd9;border:1px solid #b99a69;box-shadow:inset 0 1px 3px #2b1b0919,0 2px 7px #3320000d;border-radius:12px}
#report-system{border-right:4px solid #11364a;font-weight:750;color:#153345}
.phone-input-wrap{border-right:4px solid #11364a}
#report-note{border-right:4px solid #11364a;min-height:75px}
.report-options{padding:9px;background:linear-gradient(140deg,#173d4f,#091e2d);border:1px solid #bb975f;border-radius:18px;gap:9px;box-shadow:0 8px 20px #071a2725}
.report-choice{position:relative;min-height:133px;isolation:isolate;border-radius:13px;background:var(--choice-bg);border:1px solid var(--choice-border);padding:13px 8px 10px;box-shadow:inset 0 1px #fff7eb,0 5px 11px #0003;gap:7px;transition:transform .18s,box-shadow .18s}
.report-choice:before{content:"";position:absolute;top:0;right:12px;left:12px;height:4px;border-radius:0 0 8px 8px;background:var(--choice-ink)}
.report-choice:has(input[value="ok"]){--choice-bg:#d4f0df;--choice-ink:#086744;--choice-border:#78b69b}
.report-choice:has(input[value="slow"]){--choice-bg:#ffe4b3;--choice-ink:#8d580b;--choice-border:#dab169}
.report-choice:has(input[value="down"]){--choice-bg:#f9d5cf;--choice-ink:#aa3044;--choice-border:#d99090}
.report-choice .choice-icon{background:color-mix(in srgb,var(--choice-ink) 11%,#ffffff);border:2px solid color-mix(in srgb,var(--choice-ink) 41%,transparent);color:var(--choice-ink);box-shadow:0 4px 8px #0001}
.report-choice strong{color:#173647;font-size:16px;font-weight:900}
.report-choice small{color:#344d55;font-size:12px;line-height:1.5}
.report-choice:has(input:checked){border:3px solid var(--choice-ink);padding:11px 6px 8px;background:var(--choice-bg);transform:translateY(-2px);box-shadow:0 0 0 3px #fff0ca,0 8px 18px #0006}
.report-choice:has(input:checked):after{content:'✓';position:absolute;top:5px;left:6px;border:1px solid var(--choice-ink);background:var(--choice-ink);color:white;display:grid;place-items:center;width:23px;height:23px;border-radius:100%;font-size:13px;font-weight:900}
.field-hint,.dialog-disclaimer{color:#475d67;font-size:12.5px}
.report-footer{padding:13px 22px 12px;background:linear-gradient(120deg,#133c4b,#071d2e);border-top:2px solid #c39959;box-shadow:0 -7px 20px #07182733}
.report-footer .report-submit-btn{margin:0;background:linear-gradient(125deg,#e5bf7b,#f5dfae 54%,#d7a65d);border:1px solid #fff2c8;color:#153142;min-height:49px;font-size:16px;box-shadow:0 4px 14px #0006}
.report-footer .report-submit-btn:hover{background:linear-gradient(125deg,#f6d79b,#ffebc4,#e7b971);color:#0c293a}
.report-footer .report-error{margin:0 0 9px;padding:7px 12px;font-size:13px;background:#ffe4e1;border:1px solid #dc8a8d;color:#942f3f;border-radius:9px;font-weight:800}
.report-footer .dialog-disclaimer{color:#e3d6bc;margin:7px 0 0;text-align:center;font-size:11.5px;line-height:1.5}
/* A warm ivory theme should not lose the darker card regions */
html[data-theme="ivory"] .service-card .metric-duo,html[data-theme="ivory"] .service-card .community-inline,html[data-theme="ivory"] .report-head-shell{color:#fff4df}
html[data-theme="ivory"] .report-dialog{color:#183545}
@media(max-width:1100px){
 .service-card{padding:21px 18px}
 .service-card .metric-block{padding:12px 9px}
 .service-card .metric-value{font-size:17px}
 .service-card .card-title h4{font-size:19px}
 .service-card .community-inline{flex-wrap:wrap}
}
@media(max-width:650px){
 .service-card{padding:18px 14px;border-radius:21px}
 .service-card .card-title h4{font-size:18px}
 .service-card .status-headline{min-height:0}
 .service-card .metric-duo{padding:8px;gap:7px;border-radius:15px}
 .service-card .metric-block{padding:10px 8px;border-radius:11px}
 .service-card .metric-head{font-size:13px}
 .service-card .metric-value{font-size:15px;line-height:1.65}
 .service-card .post-login{font-size:14px;padding:10px 12px}
 .service-card .community-inline{padding:12px;gap:10px}
 .service-card .community-inline .report-mini-btn{width:100%}
 .snap-head>span{font-size:13px}
 .snap-legend{font-size:11.5px}
 .report-dialog{width:calc(100vw - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);border-radius:19px}
 .dialog-top{padding:13px 17px 0}
 .dialog-head{padding:0 17px 11px}
 .dialog-head h2{font-size:25px;margin:2px 0}
 .dialog-head p{font-size:13px;line-height:1.6}
 .report-fields{padding:9px 14px 12px}
 .field-label{font-size:14.5px;margin:9px 0 7px}
 .report-options{gap:6px;padding:7px;border-radius:15px}
 .report-choice{min-height:121px;padding:11px 5px 8px;gap:5px}
 .report-choice:has(input:checked){padding:9px 3px 6px}
 .report-choice strong{font-size:13.5px;line-height:1.4}
 .report-choice small{font-size:11.5px}
 .report-choice .choice-icon{width:40px;height:40px}
 .report-footer{padding:10px 14px 9px}
 .report-footer .report-submit-btn{min-height:48px}
 .report-footer .dialog-disclaimer{font-size:11px}
}
@media(max-width:355px){
 .report-options{grid-template-columns:1fr}
 .report-choice{min-height:0;flex-direction:row;text-align:right;justify-content:flex-start;padding:8px 14px;gap:8px}
 .report-choice:has(input:checked){padding:6px 12px}
 .report-choice .choice-icon{width:37px;height:37px;flex:none}
 .report-choice strong{font-size:14px;white-space:nowrap}
 .report-choice small{font-size:11px;margin-inline-start:auto}
 .report-choice:before{right:0;left:auto;top:6px;bottom:6px;width:4px;height:auto;border-radius:3px}
}
@media(prefers-reduced-motion:reduce){.report-choice{transition:none}}