/* LegalPlus Radar V5 — premium warm-ivory palette over midnight-navy layout.
   This stylesheet is additive; monitoring demo and report JS behavior are unchanged. */
:root{
  --lp-ivory:#f2e5cc; --lp-ivory-light:#f9efd9; --lp-ivory-deep:#e7d2ae;
  --lp-ink:#192d3b; --lp-mute:#475966; --lp-outline:#ceb58a;
  --lp-gold:#bb904e; --lp-gold-dark:#90672c; --lp-deep:#0a1d2d;
}
/* Keep the system-status overview deeply navy, with ample separation. */
.summary-panel{background:linear-gradient(141deg,#132e3b 0%,#0a1d2d 51%,#0b2231 100%);border-color:#c7a26087;box-shadow:0 22px 54px #0006,inset 0 1px #cda56625}
.summary-matrix{background:linear-gradient(175deg,#142d3a80,#091e2a28)}
.matrix-item{background:linear-gradient(145deg,#122c3a,#0a1d2b);border-color:#496371a1;box-shadow:inset 0 1px #ffffff12,0 8px 18px #0002}
.matrix-item:hover,.matrix-item:focus-visible{border-color:#e1b970;box-shadow:0 8px 24px #0005,0 0 0 2px #d6a45f33}
.matrix-title{font-size:16px;line-height:1.6;color:#f5f0e5;min-height:44px;font-weight:850}
.matrix-state{font-size:16px;line-height:1.6}
.matrix-item .matrix-sub{font-size:14px;color:#b7c6c9;padding-top:10px}
.matrix-title .official-logo{width:43px;height:43px;padding:3px;border:1px solid #d9bd8790;background:#fff9ef;border-radius:11px;box-shadow:0 2px 9px #0004}
.matrix-title .official-logo img{filter:none}
.summary-status-heading{font-size:15px}
.summary-hero p{font-size:16px;line-height:1.8}
.matrix-head strong{font-size:18px}
.matrix-head small{font-size:14px}
.count-item{font-size:15px}
.count-item strong{font-size:21px}
/* Warm, noble surfaces: never pure white. */
.service-card{
  background:radial-gradient(ellipse 65% 70% at 12% 5%,#ffefd2a9 0,transparent 92%),
             linear-gradient(153deg,#f9ecd4 0%,#f2e2c7 55%,#e8d6b8 100%);
  border:1px solid #c7aa79;
  border-radius:23px;
  color:var(--lp-ink);
  padding:24px 23px 20px;
  box-shadow:0 17px 37px #0005,inset 0 1px 0 #fff6e0;
}
.service-card::before{height:3px;background:linear-gradient(90deg,transparent,var(--accent),#d8b471,transparent);opacity:.95}
.service-card:hover{border-color:#e8c184;box-shadow:0 24px 49px #0006,inset 0 1px #fff5d6}
.service-card .card-title h4{font-size:19px;line-height:1.55;font-weight:900;color:#112b3a}
.service-card .card-title small{font-size:14px;color:#52616a;line-height:1.55}
.service-card .card-emblem{background:linear-gradient(145deg,#fff6e5,#f5e3c4);border:1px solid #d9c39b;box-shadow:0 5px 12px #8c663226}
.service-card .card-emblem>.official-logo{background:transparent}
.service-card .status-headline{
  background:#fff3df80;border:1px solid #c9ac7d8e;
  border-radius:16px;padding:13px 14px;margin:0 0 15px;
  align-items:center;gap:12px;
}
.service-card[data-tone="good"] .status-headline{background:linear-gradient(100deg,#cce9d8,#deeed7);border-color:#b5dac0}
.service-card[data-tone="warn"] .status-headline{background:linear-gradient(100deg,#f9dbab,#fae7c4);border-color:#ebce9d}
.service-card[data-tone="bad"] .status-headline{background:linear-gradient(100deg,#f4d0cc,#f5ded4);border-color:#e6b5ad}
.service-card[data-tone="unknown"] .status-headline{background:linear-gradient(100deg,#d9dcda,#e8e5de);border-color:#c7cbc8}
.service-card .status-headline .status-icon{width:44px;height:44px;border-radius:13px;border-color:currentColor;background:#ffffff47}
.service-card .status-headline .status-icon .ic{width:25px;height:25px}
.service-card .status-headline strong{font-size:22px;font-weight:900;line-height:1.43}
.service-card[data-tone="good"] .status-headline strong{color:#096a4b}
.service-card[data-tone="warn"] .status-headline strong{color:#875109}
.service-card[data-tone="bad"] .status-headline strong{color:#a82d3d}
.service-card[data-tone="unknown"] .status-headline strong{color:#3f5d69}
.service-card .status-headline .status-subtitle{font-size:14px;color:#344c56;line-height:1.75}
.service-card .metric-duo{gap:11px}
.service-card .metric-block{background:linear-gradient(160deg,#ead8b9,#efdfc3);border:1px solid #d0bb97;border-radius:15px;padding:12px 13px}
.service-card .metric-head{font-size:14px;color:#435561;line-height:1.65;font-weight:750}
.service-card .metric-head .ic{width:19px;height:19px;color:#53636d}
.service-card .metric-value{font-size:17px;font-weight:900;line-height:1.55}
.service-card .metric-value .ic{width:20px;height:20px}
.service-card .post-login{font-size:14px;color:#485b65;line-height:1.75;border-color:#cdb894;margin-bottom:10px}
.service-card .post-login strong{color:#1f3441}
.service-card .response,.service-card .response b,.service-card .expand{font-size:14px}
.service-card .response{color:#4b5f69}
.service-card .detail-box{background:linear-gradient(165deg,#ead8b9,#f3e4ca);border-radius:13px;border:1px solid #d2bc92;padding:13px 15px;margin-top:15px;color:#233f4d;line-height:1.9}
.service-card .official-link{color:#76531c;text-decoration:underline;text-underline-offset:4px}
.service-card .community-inline{border-top:1px solid #d0b78f;margin-top:15px;padding-top:15px;gap:12px}
.service-card .community-inline-lead{color:#425662;font-size:14px;line-height:1.6}
.service-card .community-inline-lead .ic{width:20px;height:20px;color:#956722}
.service-card .report-mini-btn{background:linear-gradient(130deg,#153344,#091b2a);border-color:#94713d;color:#f8e2b5;font-size:14px;padding:11px 16px;box-shadow:0 5px 12px #09233428}
.service-card .report-mini-btn:hover{background:linear-gradient(130deg,#224b5b,#0d293c);border-color:#c49b5a}
/* Trustworthy logo framing: full supplied logos only, no ornamental replacement. */
.matrix-title .official-logo,.service-card .card-emblem .official-logo{isolation:isolate}
/* Public-report panel: warm cream with matching blue and gold CTA. */
.community-action-card{
  background:radial-gradient(circle at 8% 2%,#f9e9b4a8 0%,transparent 44%),
             linear-gradient(148deg,#f8e8cc,#efdbb7 72%,#e7cfa9);
  border:1px solid #c9a56c;color:var(--lp-ink);
  box-shadow:0 22px 44px #0005,inset 0 1px #fff5de;
}
.community-action-card:after{border-color:#edcf9333}
.community-action-tag{background:#f5e1ba;border-color:#c6a366;color:#77501b;font-size:13px}
.community-action-card h3{color:#1b3342}
.community-action-card>p{color:#405461;font-size:16px}
.community-steps span{background:#ebd7b8;border-color:#d4b587;color:#293f4c;font-size:13px}
.community-primary-btn,.report-submit-btn{background:linear-gradient(130deg,#113245,#081a29);color:#f9e6be;border:1px solid #c9a061;box-shadow:0 7px 16px #05202f42;font-weight:850;font-size:16px;min-height:50px}
.community-primary-btn:hover,.report-submit-btn:hover{background:linear-gradient(130deg,#1c4a5b,#0c2637);box-shadow:0 10px 19px #05202f56}
.community-action-card .community-privacy{color:#475965;font-size:13px}
/* Main modal: no bright-white background on any large surfaces, including fields. */
.report-dialog{
  background:radial-gradient(ellipse 66% 30% at 13% 0,#f7dfaf 0,transparent 96%),
             linear-gradient(158deg,#f8eacf 0%,#f0ddbd 66%,#e6cfa8 100%);
  color:#1a3444;border:1px solid #d4b37b;
  box-shadow:0 28px 100px #000a,0 0 0 1px #fce9ca77 inset;
  border-radius:25px;
}
.report-dialog::before{content:"";position:sticky;top:0;display:block;height:3px;background:linear-gradient(90deg,transparent,#c49953,transparent);z-index:2}
.report-dialog::backdrop{background:#02101edb;backdrop-filter:blur(7px)}
.dialog-top-icon{background:linear-gradient(145deg,#f3d49b,#e4bf7e);color:#71511d;border:1px solid #d5ad6c}
.dialog-close{background:#eddbbd;color:#304655;border:1px solid #c8b08a;font-size:27px}
.dialog-close:hover{background:#e4c89b;border-color:#a57e41}
.dialog-head .eyebrow{color:#8c642e;font-size:11px}
.dialog-head h2{color:#152d3d;font-size:29px;font-weight:900}
.dialog-head p{color:#465e6a;font-size:16px;line-height:1.8}
.field-label{font-size:16px;font-weight:850;color:#1a3442}
.field-label .optional{color:#657681}
#report-system,#report-note,.phone-input-wrap{
  background:linear-gradient(150deg,#f5e5ca,#f0ddbf);
  border:1px solid #c8ae87;
  border-radius:13px;color:#193447;
  box-shadow:inset 0 1px 3px #a7824220;
}
#report-system,#report-note{font-size:16px;min-height:53px}
#report-system option{background:#f2e0c3;color:#173343}
#report-note::placeholder,.phone-input-wrap input::placeholder{color:#6d7880;opacity:1}
#report-system:focus,#report-note:focus,#report-phone:focus-visible{outline:3px solid #a8825480;outline-offset:2px;border-color:#94703c}
.report-options{gap:10px}
.report-choice{
  background:linear-gradient(155deg,#f3dfbe,#ead3ad);border:1px solid #cdb086;
  border-radius:16px;padding:15px 9px;gap:8px;
  box-shadow:inset 0 1px #fff4dd,0 4px 9px #6e51201a;
}
.report-choice:has(input[value="ok"]){--choice-ink:#086a4c;--choice-border:#78bb9c;--choice-bg:#daeee0}
.report-choice:has(input[value="slow"]){--choice-ink:#87540d;--choice-border:#d9b267;--choice-bg:#f6e4b8}
.report-choice:has(input[value="down"]){--choice-ink:#a93444;--choice-border:#db9b96;--choice-bg:#f5d5cb}
.report-choice .choice-icon{background:var(--choice-bg);color:var(--choice-ink);width:48px;height:48px;border:1px solid var(--choice-border);border-radius:15px}
.report-choice .choice-icon .ic{width:27px;height:27px}
.report-choice strong{font-size:16px;color:#203b48;line-height:1.5;font-weight:900}
.report-choice small{font-size:12px;color:#475b64;line-height:1.6}
.report-choice:has(input:checked){border:2px solid var(--choice-ink);background:var(--choice-bg);box-shadow:0 0 0 3px color-mix(in srgb,var(--choice-ink) 15%,transparent),inset 0 1px #fff8f1}
.report-choice:has(input:checked) strong{color:var(--choice-ink)}
.report-choice:has(input:focus-visible){outline:3px solid #9a713b;outline-offset:3px}
.phone-input-wrap:focus-within{border-color:#94703c;box-shadow:0 0 0 3px #a8825480}
.phone-input-wrap input{color:#1b3442;font-size:17px;min-height:53px}
.field-hint,.dialog-disclaimer{color:#50636c;font-size:13px;line-height:1.8}
.report-error{background:#f2c4bf;color:#8d2636;border-color:#d28d8e;font-size:14px}
.report-submit-btn{margin-top:22px}
/* Cohesive light theme: still cream, never white. */
html[data-theme="ivory"]{--bg:#e8ddc7;--bg2:#e0d1b8;--header:#e6d6bc;--surface:#f0e3cb;--panel:#e6d3b5;--panel2:#ead6b8;--stroke:#c5b08c;--stroke2:#ad987c;--text:#172d3a;--muted:#435965;--faint:#536773;--gold:#8a632c;--gold-deep:#aa8145;--green:#087550;--red:#b73542;--yellow:#885c12;--grey:#61717c}
html[data-theme="ivory"] .summary-panel{--surface:#112d3c;--panel:#0b2331;--stroke:#405c68;--stroke2:#60737a;--text:#f5eee0;--muted:#b9c6cb;--faint:#aebfc4;--gold:#e1c17a;--green:#54dba6;--red:#ff858a;--yellow:#ffcf77;--grey:#b2c3ce;color:var(--text)}
html[data-theme="ivory"] .summary-panel .matrix-item{color:#f5f3ed}
html[data-theme="ivory"] .summary-panel .matrix-state.tone-good{color:#4eddaa}
html[data-theme="ivory"] .summary-panel .matrix-state.tone-warn{color:#ffcd72}
html[data-theme="ivory"] .summary-panel .matrix-state.tone-bad{color:#ff858a}
html[data-theme="ivory"] .summary-panel .matrix-state.tone-unknown{color:#b7c9d4}
/* Wide breakpoints balance card density and easy reading. */
@media(max-width:1100px){
 .service-card .card-title h4{font-size:18px}
 .service-card{padding:21px 19px}
 .matrix-title{font-size:15px}
}
@media(max-width:650px){
 .summary-panel{border-radius:21px}
 .matrix-title{font-size:15px;min-height:0}
 .matrix-state{font-size:15px}
 .matrix-item{min-height:152px;padding:13px 11px}
 .matrix-item .matrix-sub{font-size:13px}
 .matrix-title .official-logo{width:39px;height:39px}
 .summary-hero p{font-size:15px}
 .service-card{border-radius:21px;padding:19px 16px}
 .service-card .card-title h4{font-size:18px}
 .service-card .card-title small{font-size:14px}
 .service-card .status-headline{padding:11px 12px}
 .service-card .status-headline strong{font-size:20px}
 .service-card .status-headline .status-subtitle{font-size:14px}
 .service-card .metric-block{padding:11px 9px}
 .service-card .metric-head{font-size:13px}
 .service-card .metric-value{font-size:15px}
 .service-card .community-inline-lead{font-size:14px}
 .report-dialog{width:calc(100vw - 18px);max-height:calc(100dvh - 16px);border-radius:20px}
 .dialog-head h2{font-size:25px}
 .dialog-head p{font-size:14px}
 .report-fields{padding:10px 17px 19px}
 .report-choice{padding:12px 5px;gap:6px}
 .report-choice strong{font-size:14px}
 .report-choice small{font-size:12px}
 .report-choice .choice-icon{width:42px;height:42px}
 .field-label{font-size:15px}
 .community-action-card>p{font-size:15px}
}
@media(max-width:355px){
 .report-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
 .report-choice{flex-direction:column;text-align:center;padding:11px 3px;gap:5px}
 .report-choice .choice-icon{width:35px;height:35px}
 .report-choice .choice-icon .ic{width:22px;height:22px}
 .report-choice strong{font-size:12.5px}
 .report-choice small{font-size:11px;margin:0}
}