/* ============================================================
   GARRISON COMMAND — proposal review screen
   ============================================================ */

.pr-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:16px}
.pr-kpi{position:relative;overflow:hidden;padding:14px 16px;border-radius:var(--r);
  background:linear-gradient(150deg,rgba(255,255,255,.085),rgba(255,255,255,.028));
  box-shadow:0 10px 30px rgba(0,0,0,.34)}
.pr-kpi::after{content:'';position:absolute;inset:0;
  background:radial-gradient(circle at 100% 0,rgba(233,113,50,.18),transparent 62%)}
.pr-kpi .lab{font-size:10.2px;letter-spacing:.13em;color:var(--muted);font-weight:800;text-transform:uppercase}
.pr-kpi .num{font-size:28px;font-weight:900;margin-top:6px;letter-spacing:-.03em}

.pr-cols{display:grid;grid-template-columns:1fr 1.25fr;gap:16px;align-items:start}

/* tabs */
.pr-tabs{display:flex;gap:6px;margin-bottom:12px}
.pr-tabs button{flex:1;border:0;padding:9px 8px;border-radius:11px;background:rgba(255,255,255,.05);
  color:var(--muted);font:inherit;font-size:11.8px;font-weight:800;cursor:pointer;transition:.15s}
.pr-tabs button.on{color:#fff;background:linear-gradient(120deg,rgba(233,113,50,.5),rgba(233,113,50,.15));
  box-shadow:0 5px 15px rgba(233,113,50,.28)}

/* inbox rows */
.pr-row{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:14px;
  background:rgba(255,255,255,.04);margin-bottom:7px;cursor:pointer;transition:.15s}
.pr-row:hover{background:rgba(255,255,255,.08)}
.pr-row.sel{background:linear-gradient(120deg,rgba(233,113,50,.32),rgba(255,255,255,.05))}
.pr-av{width:33px;height:33px;border-radius:11px;flex:none;display:grid;place-items:center;
  font-size:11px;font-weight:900;color:#fff;background:linear-gradient(140deg,#5f23dc,#b03bd6)}
.pr-mid{min-width:0;flex:1}
.pr-ttl{font-size:12.9px;font-weight:750;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pr-sub{font-size:10.8px;color:var(--dim);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pr-right{flex:none;text-align:right}
.pr-wait{font-size:10.2px;color:var(--dim);margin-top:4px;font-weight:700}
.pr-wait.warn{color:#ffc264}
.pr-wait.late{color:#ff8f8f;font-weight:900}

.pr-pill{font-size:9.2px;font-weight:900;letter-spacing:.09em;padding:4px 9px;border-radius:20px;display:inline-block}
.s-submitted     {background:rgba(233,113,50,.24); color:#ffc79c}
.s-under_review  {background:rgba(176,59,214,.2);  color:#dda2f0}
.s-needs_revision{background:rgba(240,160,42,.22); color:#ffc264}
.s-approved      {background:rgba(37,194,110,.2);  color:#57e39b}
.s-declined      {background:rgba(239,68,68,.2);   color:#ff8f8f}
.s-withdrawn     {background:rgba(255,255,255,.07);color:#6f6f80}
.s-completed     {background:rgba(37,194,110,.26); color:#7cf0b6}
.s-draft         {background:rgba(255,255,255,.1); color:#b9b9c8}

/* detail */
.pr-head{padding:16px 18px;border-radius:18px;margin-bottom:13px;
  background:linear-gradient(150deg,rgba(233,113,50,.26),rgba(255,255,255,.04))}
.pr-head .k{font-size:9.6px;letter-spacing:.15em;font-weight:900;color:var(--orange2);text-transform:uppercase}
.pr-head h2{font-size:19px;font-weight:800;line-height:1.32;margin:7px 0 5px}
.pr-head .meta{font-size:11.8px;color:var(--muted)}

.pr-facts{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:14px}
.pr-fact{padding:9px 13px;border-radius:12px;background:rgba(0,0,0,.26)}
.pr-fact .k{font-size:9.2px;letter-spacing:.13em;color:var(--orange2);font-weight:900}
.pr-fact .v{font-size:12.8px;font-weight:800;margin-top:3px}

.pr-blk{margin-bottom:14px}
.pr-blk .bl{font-size:10.2px;letter-spacing:.14em;font-weight:900;color:var(--muted);
  text-transform:uppercase;margin-bottom:7px}
.pr-blk .bt{font-size:13.4px;line-height:1.62;color:#d8d8e0;white-space:pre-wrap}

.pr-person{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:12px;
  background:rgba(255,255,255,.04);margin-bottom:6px}
.pr-person .pa{width:28px;height:28px;border-radius:50%;flex:none;display:grid;place-items:center;
  font-size:9.8px;font-weight:900;color:#fff;background:linear-gradient(140deg,#19a5d7,#2b6fd0)}
.pr-person .pn{font-size:12.4px;font-weight:700}
.pr-person .pn .lead{font-size:9px;font-weight:900;color:var(--orange2);letter-spacing:.08em}
.pr-person .pr2{font-size:11px;color:var(--dim);margin-top:2px}

/* decision */
.pr-dec{padding:13px 15px;border-radius:15px;margin:14px 0}
.pr-dec.ok {background:linear-gradient(120deg,rgba(37,194,110,.2),rgba(37,194,110,.05))}
.pr-dec.no {background:linear-gradient(120deg,rgba(239,68,68,.18),rgba(239,68,68,.05))}
.pr-dec.rev{background:linear-gradient(120deg,rgba(240,160,42,.2),rgba(240,160,42,.05))}
.pr-dec .dh{font-size:10px;letter-spacing:.13em;font-weight:900;margin-bottom:7px}
.pr-dec.ok .dh{color:#57e39b}.pr-dec.no .dh{color:#ff9c9c}.pr-dec.rev .dh{color:#ffc264}
.pr-dec .dt{font-size:13px;line-height:1.55;color:#e6e6ec}

.pr-note{padding:12px 14px;border-radius:14px;font-size:12.4px;line-height:1.55;margin:14px 0 10px;
  color:#e6dccf;background:linear-gradient(120deg,rgba(240,160,42,.14),rgba(240,160,42,.03))}
.pr-note b{color:#ffc264}
.pr-note.ok2{color:#d8ecdf;background:linear-gradient(120deg,rgba(37,194,110,.16),rgba(37,194,110,.04))}
.pr-note.ok2 b{color:#7cf0b6}

.pr-ta{width:100%;border:0;border-radius:13px;padding:12px 13px;font:inherit;font-size:13.6px;
  background:rgba(0,0,0,.3);color:var(--text);min-height:88px;resize:vertical;line-height:1.55}
.pr-ta::placeholder{color:var(--dim)}

.pr-acts{display:flex;gap:9px;margin-top:11px;flex-wrap:wrap}
.pr-btn{flex:1;min-width:130px;border:0;border-radius:13px;padding:13px;font:inherit;font-size:13px;
  font-weight:800;color:#fff;cursor:pointer;transition:.15s}
.pr-btn:disabled{opacity:.5;cursor:default}
.pr-btn.ok {background:linear-gradient(120deg,#25c26e,#0f7a44);box-shadow:0 8px 20px rgba(37,194,110,.32)}
.pr-btn.rev{background:rgba(240,160,42,.2);color:#ffc264}
.pr-btn.no {background:rgba(239,68,68,.17);color:#ff9c9c}

@media (max-width:1100px){ .pr-cols{grid-template-columns:1fr} .pr-kpis{grid-template-columns:repeat(2,1fr)} }
