/* ============================================================
   GARRISON COMMAND — Assignments board
   ============================================================ */

.as-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:16px}
.as-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)}
.as-kpi::after{content:'';position:absolute;inset:0;
  background:radial-gradient(circle at 100% 0,rgba(233,113,50,.18),transparent 62%)}
.as-kpi .lab{font-size:10.2px;letter-spacing:.13em;color:var(--muted);font-weight:800;text-transform:uppercase}
.as-kpi .num{font-size:28px;font-weight:900;margin-top:6px;letter-spacing:-.03em}
.as-kpi .hint{font-size:10.6px;color:var(--dim);margin-top:2px}

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

/* tabs */
.as-tabs{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap}
.as-tabs button{flex:1;min-width:74px;border:0;padding:9px 8px;border-radius:11px;
  background:rgba(255,255,255,.05);color:var(--muted);font:inherit;font-size:11.6px;font-weight:800;
  cursor:pointer;transition:.15s}
.as-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)}

/* rows */
.as-row{position:relative;display:flex;align-items:flex-start;gap:12px;padding:12px 13px 12px 17px;
  border-radius:14px;background:rgba(255,255,255,.04);margin-bottom:7px;cursor:pointer;
  overflow:hidden;transition:.15s}
.as-row:hover{background:rgba(255,255,255,.08)}
.as-row.sel{background:linear-gradient(120deg,rgba(233,113,50,.3),rgba(255,255,255,.05))}
.as-stripe{position:absolute;left:0;top:0;bottom:0;width:4px}
.p-routine{background:rgba(255,255,255,.2)}
.p-important{background:linear-gradient(180deg,#FFB347,#E97132);box-shadow:0 0 12px rgba(233,113,50,.55)}
.p-urgent{background:linear-gradient(180deg,#ff6b6b,#c92a2a);box-shadow:0 0 12px rgba(239,68,68,.6)}
.as-mid{flex:1;min-width:0}
.as-ttl{font-size:12.9px;font-weight:750;line-height:1.35}
.as-sub{font-size:10.7px;color:var(--dim);margin-top:2px}
.as-bar{height:5px;border-radius:5px;background:rgba(255,255,255,.07);margin-top:8px;overflow:hidden}
.as-bar i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#25c26e,#57e39b)}
.as-right{flex:none;text-align:right}
.as-counts{font-size:10.3px;color:var(--muted);margin-top:5px;display:flex;gap:7px;justify-content:flex-end;flex-wrap:wrap}
.as-counts .dec{color:#ff9c9c;font-weight:800}
.as-counts .pen{color:#ffc264;font-weight:800}
.as-due{font-size:10.4px;color:var(--dim);margin-top:3px;font-weight:700}

.as-pill{font-size:9.2px;font-weight:900;letter-spacing:.09em;padding:4px 9px;border-radius:20px;display:inline-block}
.as-pill.overdue{background:rgba(239,68,68,.24);color:#ff9c9c}
.s-issued     {background:rgba(25,165,215,.18); color:#6ecbf0}
.s-in_progress{background:rgba(176,59,214,.2);  color:#dda2f0}
.s-completed  {background:rgba(37,194,110,.2);  color:#57e39b}
.s-cancelled  {background:rgba(255,255,255,.07);color:#6f6f80}
.r-pending    {background:rgba(240,160,42,.22); color:#ffc264}
.r-accepted   {background:rgba(37,194,110,.18); color:#57e39b}
.r-in_progress{background:rgba(25,165,215,.18); color:#6ecbf0}
.r-submitted  {background:rgba(176,59,214,.2);  color:#dda2f0}
.r-completed  {background:rgba(37,194,110,.26); color:#7cf0b6}
.r-declined   {background:rgba(239,68,68,.2);   color:#ff8f8f}
.r-more_time  {background:rgba(240,160,42,.24); color:#ffc264}
.r-cancelled  {background:rgba(255,255,255,.07);color:#6f6f80}

/* detail */
.as-head{padding:16px 18px;border-radius:18px;margin-bottom:13px;position:relative;overflow:hidden;
  background:linear-gradient(150deg,rgba(233,113,50,.26),rgba(255,255,255,.04))}
.as-head.p-urgent{background:linear-gradient(150deg,rgba(239,68,68,.3),rgba(255,255,255,.04))}
.as-head .k{font-size:9.6px;letter-spacing:.15em;font-weight:900;color:var(--orange2);text-transform:uppercase}
.as-head h2{font-size:19px;font-weight:800;line-height:1.32;margin:7px 0 5px}
.as-head .meta{font-size:11.8px;color:var(--muted)}
.as-brief{font-size:13.4px;line-height:1.62;color:#d8d8e0;white-space:pre-wrap;margin-bottom:15px}

.as-blk{margin-bottom:15px}
.as-blk .bl{font-size:10.2px;letter-spacing:.14em;font-weight:900;color:var(--muted);
  text-transform:uppercase;margin-bottom:8px}

.as-ask{padding:13px 14px;border-radius:15px;margin-bottom:8px;
  background:linear-gradient(120deg,rgba(240,160,42,.2),rgba(240,160,42,.04))}
.as-ask .who{font-size:13px;font-weight:700}
.as-ask .who b{color:#ffc264}
.as-ask .why{font-size:12.4px;font-style:italic;color:#e6dccf;margin-top:6px;line-height:1.5}
.as-dec{padding:12px 14px;border-radius:14px;margin-bottom:7px;
  background:linear-gradient(120deg,rgba(239,68,68,.17),rgba(239,68,68,.04))}
.as-dec .who{font-size:12.6px;font-weight:750;color:#ff9c9c}
.as-dec .why{font-size:12.4px;font-style:italic;color:#e9d5d5;margin-top:5px;line-height:1.5}

.as-person{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:13px;
  background:rgba(255,255,255,.04);margin-bottom:6px}
.as-person .pa{width:29px;height:29px;border-radius:50%;flex:none;display:grid;place-items:center;
  font-size:10px;font-weight:900;color:#fff;background:linear-gradient(140deg,#19a5d7,#2b6fd0)}
.as-person .pm{flex:1;min-width:0}
.as-person .pn{font-size:12.4px;font-weight:700}
.as-person .pnote{font-size:11.2px;color:var(--dim);margin-top:3px;line-height:1.45}
.as-person .pnote.rep{color:#9fd6b4}
.as-mini{flex:none;border:0;border-radius:10px;padding:6px 11px;font:inherit;font-size:10.6px;
  font-weight:800;cursor:pointer;background:rgba(255,255,255,.08);color:#d5d5e0}
.as-mini.ok{background:linear-gradient(120deg,#25c26e,#0f7a44);color:#fff}

.as-ev{display:flex;gap:11px;padding:8px 0}
.as-ev .dot{width:8px;height:8px;border-radius:50%;background:var(--orange);margin-top:5px;flex:none}
.as-ev .t{font-size:12.4px;color:#c9c9d4}
.as-ev .n{font-size:11.6px;color:var(--dim);margin-top:2px;line-height:1.45}
.as-ev .tm{font-size:10.4px;color:var(--dim);margin-top:2px}

.as-acts{display:flex;gap:9px;margin-top:11px;flex-wrap:wrap}
.as-btn{flex:1;min-width:130px;border:0;border-radius:13px;padding:12px;font:inherit;font-size:12.6px;
  font-weight:800;color:#d5d5e0;cursor:pointer;background:rgba(255,255,255,.08);transition:.15s}
.as-btn.ok{background:linear-gradient(120deg,#25c26e,#0f7a44);color:#fff;box-shadow:0 8px 20px rgba(37,194,110,.3)}
.as-btn.no{background:rgba(239,68,68,.17);color:#ff9c9c}
.as-confirm{padding:14px;border-radius:15px;margin-top:12px;font-size:12.6px;line-height:1.55;color:#e9d5d5;
  background:linear-gradient(120deg,rgba(239,68,68,.18),rgba(239,68,68,.05))}

/* issue form */
.as-issue-btn{border:0;border-radius:14px;padding:12px 20px;font:inherit;font-size:13px;font-weight:800;
  color:#fff;cursor:pointer;background:linear-gradient(120deg,var(--orange),#c4551d);
  box-shadow:0 10px 26px rgba(233,113,50,.4)}
.as-f{margin-bottom:13px}
.as-f label{display:block;font-size:12px;font-weight:700;margin-bottom:6px}
.as-in,.as-ta,.as-sel{width:100%;border:0;border-radius:13px;padding:12px;font:inherit;font-size:13.6px;
  background:rgba(0,0,0,.3);color:var(--text)}
.as-ta{min-height:96px;resize:vertical;line-height:1.55}
.as-in::placeholder,.as-ta::placeholder{color:var(--dim)}
.as-frow{display:flex;gap:11px}.as-frow>*{flex:1;min-width:0}
.as-ttype{display:flex;gap:8px;margin-bottom:11px}
.as-ttype button{flex:1;border:0;padding:11px;border-radius:13px;background:rgba(255,255,255,.05);
  color:var(--muted);font:inherit;font-size:12.4px;font-weight:800;cursor:pointer}
.as-ttype button.on{color:#fff;background:linear-gradient(120deg,rgba(233,113,50,.55),rgba(233,113,50,.18))}
.as-picklist{max-height:260px;overflow:auto;border-radius:13px;background:rgba(0,0,0,.22);padding:7px}
.as-picklist::-webkit-scrollbar{width:7px}
.as-picklist::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border-radius:8px}
.as-pick{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:11px;cursor:pointer}
.as-pick:hover{background:rgba(255,255,255,.05)}
.as-pick input{width:16px;height:16px;accent-color:#E97132;flex:none}
.as-pick span{font-size:12.6px;font-weight:650}
.as-pick small{display:block;font-size:10.6px;color:var(--dim);font-weight:600;margin-top:1px}
.as-check{display:flex;align-items:center;gap:9px;padding:11px;border-radius:13px;
  background:rgba(255,255,255,.04);margin-bottom:8px;cursor:pointer}
.as-check input{width:17px;height:17px;accent-color:#E97132}
.as-check span{font-size:12.6px;font-weight:650}
.as-check small{display:block;font-size:10.8px;color:var(--dim);font-weight:600;margin-top:2px}
.hint{font-size:11.4px;color:var(--muted);margin-bottom:9px;line-height:1.5}

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