/* ---- 1. Aksi cepat per-role ---- */
.qa-wrap{margin:0 0 18px}
.qa-card{background:#0e1528;border:1px solid #1a2240;border-radius:14px;padding:16px 18px}
.qa-hd{font-size:12px;font-weight:700;letter-spacing:.3px;color:#9fb0d6;margin-bottom:12px;display:flex;align-items:center;gap:8px}
.qa-hd .qa-role{margin-left:auto;font-weight:600;color:#6b7a9e;background:#131c33;border:1px solid #20294a;padding:2px 10px;border-radius:20px;font-size:11px}
.qa-grid{display:flex;flex-wrap:nowrap;gap:10px}
.qa-btn{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;border:1px solid #243a66;
  background:linear-gradient(135deg,#1a2950,#141d36);
  color:#dbe4fb;font-size:13px;font-weight:600;padding:11px 16px;border-radius:11px;transition:.16s;white-space:nowrap}
.qa-btn:hover{border-color:#3a5aa0;transform:translateY(-1px);box-shadow:0 8px 18px -10px rgba(40,80,160,.5)}
.qa-btn .qa-ic{font-size:15px}
/* Beranda peran (tim lapangan): sapaan + 1 tombol besar tugas utama */
.qa-hero{background:linear-gradient(160deg,#13203f,#0e1528)}
.qa-greet{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px}
.qa-greet .qa-hi{font-size:18px;font-weight:800;color:#eaf0ff;letter-spacing:-.2px}
.qa-greet .qa-task{font-size:13px;color:#9fb0d6;flex:1 1 100%;margin-top:-2px}
.qa-greet .qa-role{font-weight:600;color:#cdb678;background:#1d2236;border:1px solid #3a3320;padding:2px 11px;border-radius:20px;font-size:11px}
.qa-primary{width:100%;display:flex;align-items:center;gap:12px;cursor:pointer;border:1px solid #C49A48;
  background:linear-gradient(135deg,#1f3a6b,#16264a);color:#fff;font-size:17px;font-weight:800;
  padding:18px 20px;border-radius:14px;transition:.16s;margin-bottom:10px;text-align:left}
.qa-primary:hover{transform:translateY(-1px);box-shadow:0 12px 26px -12px rgba(196,154,72,.45);border-color:#e0b860}
.qa-primary .qa-ic{font-size:22px}
.qa-primary .qa-arrow{margin-left:auto;font-size:20px;color:#C49A48}
/* badge "menunggu" — amber (butuh aksi, bukan alarm merah TAHAN) */
.qa-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;
  padding:0 6px;margin-left:6px;border-radius:999px;background:#f59e0b;color:#1a1205;
  font-size:12px;font-weight:800;line-height:1;box-shadow:0 2px 6px -1px rgba(245,158,11,.55);
  flex:0 0 auto}
.qa-primary .qa-badge{margin-left:8px;min-width:22px;height:22px;font-size:13px}
html[data-theme="light"] .qa-hero{background:linear-gradient(160deg,#f3f7ff,#ffffff)}
html[data-theme="light"] .qa-greet .qa-hi{color:#16284a}
html[data-theme="light"] .qa-greet .qa-task{color:#5a6b88}
html[data-theme="light"] .qa-greet .qa-role{color:#8a6a28;background:#fbf3e8;border-color:#e6d2b2}
html[data-theme="light"] .qa-primary{background:linear-gradient(135deg,#1f3a6b,#274a86);color:#fff;border-color:#C49A48}
html[data-theme="light"] .qa-card{background:#ffffff;border-color:#e2e8f4;box-shadow:0 8px 22px -16px rgba(20,40,80,.18)}
html[data-theme="light"] .qa-hd{color:#5a6b88}
html[data-theme="light"] .qa-hd .qa-role{color:#5a6b88;background:#eef2f9;border-color:#dde5f1}
html[data-theme="light"] .qa-btn{background:#f4f8ff;border-color:#cfe0f5;color:#1c3055}
html[data-theme="light"] .qa-btn:hover{border-color:#9cc0ee;box-shadow:0 8px 18px -10px rgba(40,80,160,.25)}
/* Toggle "Detail tambahan (opsional)" — themeable di gelap & terang (dulu warna inline gelap saja) */
.mm-adv-sum{cursor:pointer;color:#9aa6c4;font-size:12px;padding:4px 2px;user-select:none}
.mm-adv-sum .mm-adv-hint{color:#7a86a8}
html[data-theme="light"] .mm-adv-sum{color:#5a6b88}
html[data-theme="light"] .mm-adv-sum .mm-adv-hint{color:#8a96ad}

/* ---- 2. Bell notifikasi ---- */
.nbell-wrap{position:relative}
.nbell-btn{cursor:pointer;line-height:1;position:relative;padding:6px 12px}
.nbell-btn:hover{background:#131c33;border-color:#2a3a60}
.nbell-cnt{position:absolute;top:-6px;right:-6px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;
  background:#ef4444;color:#fff;font-size:10.5px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid #0b0f19}
.nbell-btn.has-tahan{animation:nbellpulse 1.6s ease-in-out infinite}
@keyframes nbellpulse{0%,100%{box-shadow:0 0 0 0 rgba(239,68,68,.5)}50%{box-shadow:0 0 0 6px rgba(239,68,68,0)}}
.nbell-pop{position:absolute;top:42px;right:0;width:340px;max-width:86vw;max-height:70vh;overflow:auto;z-index:1200;
  background:#0e1528;border:1px solid #20294a;border-radius:14px;box-shadow:0 24px 60px -20px rgba(0,0,0,.7);
  display:none;padding:6px}
.nbell-pop.open{display:block}
.nbell-h{display:flex;align-items:center;gap:8px;padding:10px 12px 8px;font-size:12px;font-weight:700;color:#9fb0d6}
.nbell-h .nbell-open{margin-left:auto;font-size:11px;font-weight:600;color:#6ab7ff;cursor:pointer}
.nbell-it{display:block;padding:10px 12px;border-radius:10px;cursor:pointer;border-left:3px solid #2a3a60;margin:4px 2px;background:#111a30}
.nbell-it:hover{background:#16223e}
.nbell-it.tahan{border-left-color:#ef4444}
.nbell-it.tinjau{border-left-color:#f5a623}
.nbell-it.ok{border-left-color:#3fb950}
.nbell-it .r1{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:#dbe4fb}
.nbell-it .r1 .pill{margin-left:auto;font-size:9.5px;font-weight:700;padding:1px 7px;border-radius:8px;background:#1c2748;color:#9fb0d6}
.nbell-it.tahan .pill{background:#3a1414;color:#ff9b9b}
.nbell-it.tinjau .pill{background:#3a2a10;color:#ffcf86}
.nbell-it.ok .pill{background:#13301b;color:#86e3a0}
.nbell-it .r2{font-size:11.5px;color:#8a9bc4;margin-top:4px;line-height:1.4}
.nbell-it .r1 .nbell-x{margin-left:4px;font-size:12px;font-weight:700;color:#7a86a8;cursor:pointer;padding:0 5px;border-radius:6px;line-height:1.4}
.nbell-it .r1 .nbell-x:hover{background:rgba(239,68,68,.18);color:#ff9b9b}
.nbell-empty{padding:22px 12px;text-align:center;color:#6b7a9e;font-size:12.5px}
html[data-theme="light"] .nbell-btn:hover{background:#eef2f9}
html[data-theme="light"] .nbell-cnt{border-color:#fff}
html[data-theme="light"] .nbell-pop{background:#fff;border-color:#e2e8f4;box-shadow:0 24px 60px -22px rgba(20,40,80,.35)}
html[data-theme="light"] .nbell-h{color:#5a6b88}
html[data-theme="light"] .nbell-it{background:#f6f9fe;border-left-color:#d4dcec}
html[data-theme="light"] .nbell-it:hover{background:#eaf2fb}
html[data-theme="light"] .nbell-it .r1{color:#1c2640}
html[data-theme="light"] .nbell-it .r2{color:#5a6b88}
html[data-theme="light"] .nbell-it .r1 .pill{background:#e8eef8;color:#5a6b88}

/* ---- 3. Export chip per tabel ---- */
.tw-tools{display:flex;justify-content:flex-end;gap:7px;margin:0 0 6px}
.tw-xbtn{display:inline-flex;align-items:center;gap:5px;cursor:pointer;font-size:11px;font-weight:600;
  padding:5px 11px;border-radius:8px;border:1px solid #243a66;background:#131c33;color:#bcd0f5;transition:.15s}
.tw-xbtn:hover{background:#1a2950;border-color:#3a5aa0}
.tw-xbtn.pdf{border-color:#5a3a24;background:#241a12;color:#e8c79a}
.tw-xbtn.pdf:hover{background:#33240f;border-color:#8a5a28}
html[data-theme="light"] .tw-xbtn{background:#eef4fc;border-color:#cfe0f5;color:#23477d}
html[data-theme="light"] .tw-xbtn:hover{background:#dfeafb}
html[data-theme="light"] .tw-xbtn.pdf{background:#fbf3e8;border-color:#e6d2b2;color:#8a5a28}

/* ---- 4. Penyempurnaan tampilan HP ---- */
@media(max-width:760px){
  .qa-grid{flex-wrap:nowrap}
  .qa-grid .qa-btn{padding:13px 10px;font-size:13px}
  .qa-card{padding:14px}
  .qa-greet .qa-hi{font-size:16px}
  .qa-primary{font-size:16px;padding:16px 16px}
  .qa-primary .qa-ic{font-size:20px}
  .nbell-pop{top:46px;right:-40px;width:300px}
  .tw-tools{flex-wrap:wrap}
  .tw-xbtn{padding:7px 12px;font-size:12px}
  .tw{ -webkit-overflow-scrolling:touch; }
  .tbl{font-size:12.5px}
  .tbl th,.tbl td{white-space:nowrap}
}
@media print{ .tb,.mn,.qa-wrap,#mm-fab,#ai-fab,.tw-tools,.nbell-wrap{display:none!important} }