/* RECRUIT 1111 Phase 3: monitoring page ONLY. Existing green/gold design untouched. */
.ph3-eyebrow{font-size:11px;font-weight:800;letter-spacing:1.5px;color:#d5bc69}
.ph3-lead{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:24px!important}
.ph3-lead h2{font-size:24px;margin:6px 0 10px}.ph3-lead p,.ph3-muted,.ph3-tablehead p{font-size:13px;color:#b8cbb9;margin:5px 0}
.ph3-topstat{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:20px 0 26px}
.ph3-overview{display:flex;flex-direction:column;gap:7px;text-decoration:none;background:#1b3525;border:1px solid #49654c;border-radius:13px;padding:19px 21px;color:#f4f7ee;min-width:0}
.ph3-overview span{font-size:13px;font-weight:700}.ph3-overview strong{font-size:33px;line-height:1.1}.ph3-overview small{color:#b8c9ba;font-size:11px}.ph3-overview em{font-size:15px;font-style:normal;color:#d2dcd0}
.ph3-overview.ph3-focus{border-color:#857a45}.ph3-focus strong{color:#e0c76d}
a.ph3-overview:hover{border-color:#c5b56a}
.ph3-section{margin-top:29px!important;margin-bottom:14px!important}
.ph3-statusgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:22px}
.ph3-statuscard{display:flex;flex-direction:column;gap:8px;padding:18px 20px;min-width:0;background:linear-gradient(150deg,#1b3827,#142c20);border:1px solid #496249;border-radius:13px;color:#edf5e9;text-decoration:none}
.ph3-statuscard:hover{border-color:#c5b26e}.ph3-statuscard>span{font-size:13px;color:#d0dccc;font-weight:750}.ph3-statuscard>strong{font-size:29px;line-height:1.12}.ph3-statuscard>small{font-size:11px;color:#9eb5a3}
.ph3-platoon-strip{display:grid;grid-template-columns:1fr 1.1fr 1.1fr;gap:22px;align-items:center;padding:19px!important}.ph3-platoon-strip>div:first-child{display:flex;flex-direction:column;gap:8px}.ph3-platoon-strip small{font-size:11px;color:#b6cbb8}
.ph3-progress{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;font-size:12px}.ph3-progress b{font-size:12px}.ph3-track{height:8px;overflow:hidden;border-radius:99px;background:#0d2016;border:1px solid #465746}.ph3-track i{display:block;height:100%;background:#97b58f}
.ph3-filter{padding:17px!important}.ph3-filterform{display:flex;align-items:end;gap:9px;flex-wrap:wrap}.ph3-filterform label{font-size:12px;color:#c9d7c9;display:flex;flex:1;flex-direction:column;gap:7px;min-width:135px}.ph3-filterform label:first-child{flex:1.4;min-width:190px}.ph3-filterform input,.ph3-filterform select{width:100%;min-width:0}.ph3-filterform a{padding:8px}
.ph3-tablecard{margin:14px 0 6px;padding:20px!important}.ph3-tablehead{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.ph3-tablehead h2{margin:0}.ph3-tablecard table{width:100%;white-space:normal}.ph3-tablecard th{white-space:nowrap}.ph3-state{display:inline-block;padding:5px 9px;border-radius:50px;font-size:12px;white-space:nowrap}.ph3-known{background:#2b4a35;color:#e7f0db;border:1px solid #5b7958}.ph3-unknown{background:#343f35;color:#c0c7bc;border:1px solid #505c4e}.ph3-empty{text-align:center;padding:30px!important;color:#a8bba8}
.ph3-footnote{color:#95ae9b;font-size:12px;padding:0 3px;margin:12px 0 35px}
.ph3-formcolumns{display:grid;grid-template-columns:1fr 1fr;gap:15px}.ph3-formcolumns>.card{min-width:0;padding:23px!important}.ph3-formcolumns h2{margin:0 0 12px}.ph3-formcolumns .ph3-current{display:inline-block;padding:9px 15px;background:#324b35;border:1px solid #617354;border-radius:9px;color:#ebd476;font-weight:800;font-size:20px}
.ph3-field{display:flex;flex-direction:column;gap:8px;margin:18px 0;font-size:13px;color:#d7e4d3}.ph3-field select,.ph3-field textarea{width:100%;color:#fafdf7;background:#10291c;border:1px solid #567455;border-radius:10px;padding:12px}.ph3-events{max-height:680px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.ph3-event{border-left:3px solid #a5a36d;padding:10px 14px;background:#132b20;border-radius:5px}.ph3-event>b{font-size:16px;color:#eceddf}.ph3-event>small{display:block;font-size:11px;color:#afc6b2;margin:5px 0}.ph3-event p{margin:6px 0;font-size:12px}.ph3-private{white-space:pre-wrap;overflow-wrap:anywhere;color:#f1dfa1}
@media(max-width:1200px){.ph3-topstat{grid-template-columns:repeat(2,minmax(0,1fr))}.ph3-platoon-strip{grid-template-columns:1fr 1fr}.ph3-platoon-strip>div:first-child{grid-column:1/-1}}
@media(max-width:800px){.ph3-statusgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.ph3-formcolumns{grid-template-columns:1fr}}
@media(max-width:500px){.ph3-topstat,.ph3-statusgrid,.ph3-platoon-strip{grid-template-columns:1fr}.ph3-platoon-strip>div:first-child{grid-column:auto}}

/* =====================================================================
   RECRUIT 1111  Phase 3.1 — Interactive Monitoring enhancement
   Only the /monitor page receives these styles. No other pages change.
   Matte green and soft antique gold; no bright neon or gold glow.
   ===================================================================== */
.ph31-hero{position:relative;isolation:isolate;overflow:hidden;min-height:240px;display:grid!important;grid-template-columns:minmax(0,1fr) 206px;align-items:center!important;gap:34px!important;padding:29px 34px!important;background:linear-gradient(111deg,#1e3d2b 0%,#1b3828 48%,#152c20 100%)!important;border-color:#51674c!important}
.ph31-hero:before{content:'';position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 91% 28%,#b49f4d16,transparent 41%),repeating-linear-gradient(153deg,transparent 0 35px,#ffffff04 35px 36px);pointer-events:none}
.ph31-systemline{display:flex;align-items:center;flex-wrap:wrap;gap:9px;font-weight:800;font-size:10px;letter-spacing:1.7px;color:#d3c478}
.ph31-signal{display:inline-block;flex:none;width:8px;height:8px;border-radius:50%;background:#a4c4a1;box-shadow:0 0 0 4px #90b28c20}
.ph31-pill{letter-spacing:.2px;border:1px solid #63805d;border-radius:50px;padding:5px 10px;color:#bed4b5;background:#132f2077;font-size:10px;font-weight:700}
.ph31-hero h2{font-size:clamp(25px,2.7vw,34px)!important;letter-spacing:-.5px;margin:14px 0 9px!important}
.ph31-hero p{color:#c4d3c4;font-size:13px;max-width:670px;line-height:1.8;margin:0}
.ph31-actions{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:24px}
.ph31-actions a{font-size:12px;font-weight:800;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:37px;padding:9px 14px;border-radius:9px;transition:background .18s,border-color .18s,transform .18s;color:#edf3e6;border:1px solid #587758}
.ph31-actions a:hover{transform:translateY(-1px);border-color:#aebd91}
.ph31-actions .ph31-primary{background:#d8bf67;color:#192919;border-color:#dfcb7d}
.ph31-actions .ph31-primary:hover{background:#e5ce7c}
.ph31-actions .ph31-secondary{background:#153223cc}
.ph31-actions .ph31-textlink{background:transparent;border-color:transparent;color:#ded094;padding-inline:8px}
.ph31-actions b{background:#e1c571;color:#14281a;padding:1px 7px;border-radius:20px;font-size:11px}
.ph31-hero-visual{display:flex;flex-direction:column;align-items:center;gap:12px}
.ph31-ring{--coverage:0%;width:154px;height:154px;position:relative;display:grid;place-items:center;flex-shrink:0;border-radius:50%;background:conic-gradient(#bfb36b 0 var(--coverage),#2b4936 var(--coverage) 100%);box-shadow:inset 0 0 0 1px #75805b55}
.ph31-ring:after{content:'';position:absolute;inset:10px;border-radius:50%;background:#183527;box-shadow:inset 0 0 0 1px #69826466}
.ph31-ring-core{z-index:1;text-align:center;display:flex;flex-direction:column;gap:4px;color:#fbf9e9}
.ph31-ring-core span{font-size:36px;font-weight:900;line-height:1;letter-spacing:-1px}
.ph31-ring-core span small{font-size:17px;color:#d2c078}
.ph31-ring-core em{font-size:10px;font-style:normal;color:#c6d3bd;font-weight:700}
.ph31-ring-caption{font-size:11px;color:#c1d2bd;text-align:center;line-height:1.5}
.ph3-topstat .ph3-overview{position:relative;overflow:hidden;transition:border-color .2s,transform .2s,background .2s}
.ph3-topstat .ph3-overview:after{content:'';position:absolute;right:0;bottom:0;left:0;height:3px;background:#6a886b;opacity:.85}
.ph3-topstat .ph3-overview:nth-child(1):after{background:#d6bc6f}
.ph3-topstat .ph3-overview:nth-child(2):after{background:#bda263}
.ph3-topstat .ph3-overview:nth-child(3):after{background:#93b39a}
.ph3-topstat .ph3-overview:nth-child(4):after{background:#798b79}
.ph3-topstat .ph3-overview:hover{background:#25422f;transform:translateY(-2px)}
.ph31-kicker{font-size:10px;font-weight:800;letter-spacing:1.8px;color:#c2b36f;margin-bottom:5px}
.ph31-heading{align-items:center}
.ph31-heading h2{margin:0}
.ph31-statusgrid{gap:12px!important}
.ph31-statusgrid .ph3-statuscard{position:relative;overflow:hidden;min-height:132px;transition:transform .2s,border-color .2s,background .2s;box-shadow:none;gap:7px!important}
.ph31-statusgrid .ph3-statuscard:hover{transform:translateY(-3px);background:#24432f;border-color:#a2ad80}
.ph31-statusgrid .ph3-statuscard.ph31-selected{outline:2px solid #cdb76f;outline-offset:2px}
.ph31-statusgrid .ph3-statuscard:after{content:'↗';position:absolute;right:18px;top:18px;opacity:.7;font-size:15px;color:#cbd7c6}
.ph31-statusgrid .ph3-statuscard>span{display:inline-flex;align-items:center;gap:9px}
.ph31-dot{display:inline-block;width:8px;height:8px;flex-shrink:0;border-radius:50%;background:#8ba98a}
.ph31-statusgrid .ph3-statuscard>strong{font-size:34px;color:#f0f3e9}
.ph31-statusgrid .ph3-statuscard>small{display:flex;justify-content:space-between;align-items:center;color:#b9c9b7;margin-top:auto}
.ph31-statusgrid .ph3-statuscard:before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:#79927b}
.ph31-ok:before,.ph31-ok .ph31-dot{background:#98bf91!important}
.ph31-sick:before,.ph31-sick .ph31-dot{background:#d89b77!important}
.ph31-sent:before,.ph31-sent .ph31-dot{background:#a7b5c9!important}
.ph31-limited:before,.ph31-limited .ph31-dot{background:#c8ab68!important}
.ph31-hold:before,.ph31-hold .ph31-dot{background:#bb8f8a!important}
.ph31-returned:before,.ph31-returned .ph31-dot{background:#84b7a2!important}
.ph31-distribution{padding:23px 25px!important;margin:3px 0 20px;border-color:#4d654d!important}
.ph31-distribution-head{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}
.ph31-distribution h3,.ph31-activity h3{font-size:19px;margin:3px 0 7px}
.ph31-distribution p,.ph31-activity p{font-size:12px;color:#b5c6b5;margin:0}
.ph31-distribution-missing{color:#d5cf9d;text-decoration:none;border:1px solid #657558;background:#183527;padding:10px 12px;border-radius:9px;font-size:12px}
.ph31-distribution-missing:hover{border-color:#c5b774}
.ph31-distribution-missing b{color:#f3e4ad;font-size:17px;margin:0 3px}
.ph31-segments{display:flex;min-height:17px;width:100%;background:#1a2f23;border-radius:8px;overflow:hidden;margin:21px 0 17px;border:1px solid #516a50}
.ph31-segment{display:block;min-width:0;transition:filter .2s,opacity .2s;position:relative}
.ph31-segment:hover{filter:brightness(1.25);opacity:.88}
.ph31-bg-ok{background:#8eaf8f!important}.ph31-bg-sick{background:#c28d71!important}.ph31-bg-sent{background:#9aaec8!important}.ph31-bg-limited{background:#c3ab71!important}.ph31-bg-hold{background:#b88d8d!important}.ph31-bg-returned{background:#80b5a1!important}.ph31-bg-missing{background:#5d745f!important}
.ph31-legend{display:flex;flex-wrap:wrap;gap:8px 17px}
.ph31-legend a{display:flex;align-items:center;gap:7px;color:#cdd8c8;font-size:11px;text-decoration:none;padding:5px 0}
.ph31-legend a:hover{color:#f0d786}
.ph31-legend b{color:#ecf1e7}
.ph31-segments .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ph31-platoon-strip{grid-template-columns:1.1fr 1fr 1fr!important;gap:26px!important}
.ph31-platoon-strip>div:first-child b{font-size:17px}
.ph31-platoon-progress{display:flex;flex-direction:column;gap:14px}
.ph31-platoon-progress>div:first-child{display:flex;gap:8px;justify-content:space-between;align-items:center;flex-wrap:wrap}
.ph31-platoon-progress b{font-size:12px;color:#e8f1e5}
.ph31-platoon-progress span{font-size:11px;color:#c1d0bb}
.ph31-platoon-progress .ph3-track{height:10px;border-radius:30px}
.ph31-platoon-progress .ph3-track i{background:linear-gradient(90deg,#789d7b,#bbbd86);transition:width .35s ease}
.ph31-activity{margin-top:17px;padding:22px 25px!important}
.ph31-activity-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.ph31-activity-counter{color:#cfdbcb;font-size:11px;background:#203c2b;border:1px solid #547057;border-radius:50px;padding:8px 12px}
.ph31-timeline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.ph31-activity-item{display:flex;align-items:center;gap:13px;padding:12px 13px;text-decoration:none;border:1px solid #456047;background:#142e20;border-radius:10px;min-width:0;transition:background .2s,border-color .2s}
.ph31-activity-item:hover{background:#213e2c;border-color:#a4a778}
.ph31-timeline-node{width:11px;height:11px;background:#acb889;border:2px solid #2c4935;border-radius:50%;flex-shrink:0}
.ph31-activity-item>div{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}
.ph31-activity-item b{font-size:12px;color:#f1f1e5;overflow-wrap:anywhere}
.ph31-activity-item small{font-size:11px;color:#acbfac}
.ph31-activity-open{color:#c8bb7d}
.ph31-activity-empty{display:flex;align-items:center;gap:14px;padding:21px;border:1px dashed #536a51;background:#142d20;border-radius:12px;color:#c6d6c2}
.ph31-activity-empty>span{font-size:30px;color:#bcb77f}
.ph31-activity-empty>div{display:flex;flex-direction:column;gap:6px}
.ph31-activity-empty b{font-size:13px}.ph31-activity-empty small{font-size:12px;color:#a8c0a9}
#ph31-filters{scroll-margin-top:24px}
.ph3-tablecard thead th{position:sticky;top:0;background:#1c3a29;z-index:2}
.ph3-tablecard tbody tr:hover{background:#2943306e}
@media(max-width:1140px){.ph31-hero{grid-template-columns:minmax(0,1fr) 170px}.ph31-ring{width:138px;height:138px}.ph31-platoon-strip{grid-template-columns:1fr 1fr!important}.ph31-platoon-strip>div:first-child{grid-column:1/-1}}
@media(max-width:800px){.ph31-hero{grid-template-columns:1fr!important;text-align:left}.ph31-hero-visual{align-items:flex-start;flex-direction:row;flex-wrap:wrap}.ph31-ring-caption{align-self:center}.ph31-timeline{grid-template-columns:1fr}}
@media(max-width:580px){.ph31-hero{padding:20px!important}.ph31-systemline{letter-spacing:.5px}.ph31-actions a{font-size:11px}.ph31-hero-visual{justify-content:center}.ph31-platoon-strip{grid-template-columns:1fr!important}.ph31-platoon-strip>div:first-child{grid-column:auto}.ph31-distribution,.ph31-activity{padding:19px!important}}
@media(prefers-reduced-motion:reduce){.ph31-actions a,.ph31-activity-item,.ph31-statusgrid .ph3-statuscard,.ph3-topstat .ph3-overview,.ph31-platoon-progress .ph3-track i{transition:none!important}}

/* RECRUIT1111 DAILY STATUS 4 GRID */
@media(min-width:901px){
  .ph31-statusgrid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(min-width:581px) and (max-width:900px){
  .ph31-statusgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:580px){
  .ph31-statusgrid{grid-template-columns:1fr!important}
}