/* work/run-the-account (Client reporting and monitoring): this page's window sizes and card drawings. The frame is shared/site.css;
   the common cards are shared/app-cards.css. Window sizes live here, not in a style attribute, so the narrow rule in site.css reaches them.
   Card families first drawn here (candidates for shared/app-cards.css): .pc-auto, .pc-state, .pc-calc, .pc-exec-body, .pc-chips,
   .c-paper .comment. */
/* red team wave 2: ONE hero window (780×580) and ONE stage window (900×660) on all six work pages, so the drawn UI keeps one
   scale: u ≈ 0.95 in the hero and in the stages at 1440, ≈ 0.88–0.90 at 1366, and ≥ 0.95 at 1440×780 (the design report's
   900/960 widths gave 0.82 in the hero against 0.90 in the stages, and 8–9 px window text at 1366). Phones: 430 × 640 / 760.
   A short laptop screen: the hero section drops its section padding so the window's caption stays above the fold
   (the shared rule sets the hero's own padding only; logged for shared/site.css). */
@media (max-height:820px) and (min-width:900px){.sec-hero{padding-top:0}}
.w-ra-hero{--dw:780;--dh:580}
.w-ra{--dw:900;--dh:660}
.w-ra .cv-doc{width:calc(var(--u)*400)}
.w-ra .w-ctext,.w-ra-hero .w-ctext{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}


/* a watch or a scheduled job, on one row */
.pc-auto{--d:flex;display:flex;align-items:center;gap:calc(var(--u)*12);padding:calc(var(--u)*12) calc(var(--u)*14)}
.pc-auto strong{display:block;font-size:calc(var(--u)*13.5);font-weight:600}
.pc-auto small{font-size:calc(var(--u)*11.5);color:var(--sub)}
.pc-state{margin-left:auto;font:600 calc(var(--u)*11)/1.2 var(--sans);letter-spacing:.05em;text-transform:uppercase;color:var(--teal-hi)}
/* a one-line status after an action */
.pc-calc{--d:inline-flex;display:inline-flex;align-self:flex-start;align-items:center;gap:calc(var(--u)*8);padding:calc(var(--u)*7) calc(var(--u)*12);border:1px solid #454545;border-radius:calc(var(--u)*999);font-size:calc(var(--u)*12);color:var(--sub)}
.pc-calc .ic{width:calc(var(--u)*13);height:calc(var(--u)*13);color:var(--teal-hi)}
/* the client report card (the real ExecSummaryCard: a CLIENT REPORT badge, and its buttons outlined in the card's accent) */
.pc-badge{margin-right:calc(var(--u)*8);padding:calc(var(--u)*2) calc(var(--u)*6);border-radius:calc(var(--u)*5);background:color-mix(in srgb,var(--a,#6366f1) 18%,transparent);color:color-mix(in srgb,var(--a,#6366f1) 55%,var(--ink));font:600 calc(var(--u)*11)/1.2 var(--sans);font-style:normal;letter-spacing:.05em;text-transform:uppercase}
.pc-exec{--a:#6366f1}
.w-ra .pc-exec{max-width:none} /* the real client report card is as wide as the thread */
.pc-acc{border-color:color-mix(in srgb,var(--a) 55%,transparent);color:color-mix(in srgb,var(--a) 50%,var(--ink))}
.pc-exec-body{display:grid;gap:calc(var(--u)*6);padding:calc(var(--u)*10) calc(var(--u)*14) calc(var(--u)*6);font-size:calc(var(--u)*12.5);line-height:1.45}
.pc-exec-body>small{font:600 calc(var(--u)*11)/1.3 var(--sans);letter-spacing:.05em;text-transform:uppercase;color:var(--sub)}
.pc-exec-body p{color:#f5f5f5}
.pc-exec-body ul{display:grid;gap:calc(var(--u)*3);padding-left:calc(var(--u)*16);list-style:disc;color:#f5f5f5}
.pc-chips{display:flex;flex-wrap:wrap;gap:calc(var(--u)*6);padding-top:calc(var(--u)*2)}
.pc-chips span{padding:calc(var(--u)*3) calc(var(--u)*8);border:1px solid var(--edge);border-radius:calc(var(--u)*6);font-size:calc(var(--u)*11);color:var(--sub)}
/* a client comment beside the text in the review panel */
.c-paper .comment{display:grid;gap:calc(var(--u)*2);margin-top:calc(var(--u)*12);padding:calc(var(--u)*10) calc(var(--u)*12);border:1px solid var(--edge);border-radius:calc(var(--u)*10);background:#292929;box-shadow:0 calc(var(--u)*8) calc(var(--u)*22) rgba(0,0,0,.4);font-size:calc(var(--u)*13);line-height:1.35}
.c-paper .comment strong{font-size:calc(var(--u)*11.5);font-weight:600;color:var(--sub)}

@media (max-width:899px){
  .fit .w-ra{--dh:760}
  .fit .w-ra-hero{--dh:640}
  .w-ra .cv-doc{width:100%}
  .w-ra .pc-choice ul{grid-template-columns:minmax(0,1fr)}
  .w-ra .pc-choice li small{display:none}
  .pc-auto{flex-wrap:wrap}
}