.order-followup-tabs{display:flex;gap:8px;flex-wrap:wrap}.order-followup-tab{border:1px solid #cbd5e1;background:#fff;color:#475569;border-radius:12px;padding:10px 14px;font-weight:700;cursor:pointer}.order-followup-tab.active{background:#0f172a;color:#fff;border-color:#0f172a}.order-followup-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) minmax(180px,.5fr) auto auto;gap:10px;padding:14px;margin-top:12px;align-items:center}.order-followup-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}.order-followup-summary .card{padding:15px}.order-followup-summary span{display:block;font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#64748b}.order-followup-summary strong{display:block;margin-top:6px;font-size:21px;color:#0f172a}.order-followup-list{display:grid;gap:12px}.order-followup-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,.62fr);gap:16px;background:#fff;border:1px solid #e2e8f0;border-left:5px solid #94a3b8;border-radius:16px;padding:16px;box-shadow:0 6px 24px rgba(15,23,42,.05)}.order-followup-card.ready{border-left-color:#16a34a}.order-followup-card.processing{border-left-color:#f59e0b}.order-followup-card.picked{border-left-color:#2563eb}.order-followup-card.due{box-shadow:0 0 0 2px rgba(239,68,68,.12),0 8px 24px rgba(15,23,42,.06)}.order-followup-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.order-followup-title strong{font-size:16px;color:#0f172a}.followup-badge{font-size:9.5px;font-weight:800;letter-spacing:.03em;padding:4px 8px;border-radius:999px}.followup-badge.ready{background:#dcfce7;color:#166534}.followup-badge.processing{background:#fef3c7;color:#92400e}.followup-badge.status{background:#dbeafe;color:#1d4ed8}.followup-badge.due{background:#fee2e2;color:#b91c1c}.order-followup-meta,.order-followup-items,.order-followup-last{font-size:12.5px;line-height:1.5;color:#64748b;margin-top:5px}.order-followup-items{color:#334155}.order-followup-finance{display:flex;gap:12px;flex-wrap:wrap;margin-top:9px;font-size:12px}.order-followup-finance strong{color:#b91c1c}.order-followup-note{margin-top:9px;padding:9px 10px;border-radius:10px;background:#f8fafc;font-size:12px;color:#334155}.order-followup-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.order-followup-card>.order-followup-actions{align-content:start;justify-content:flex-end}.order-followup-edit{display:grid;gap:9px}.order-followup-edit label{display:grid;gap:5px;font-size:11px;font-weight:700;color:#475569}.order-followup-edit textarea{min-height:72px}.order-followup-config-card{width:min(760px,96vw)}.order-followup-template-grid{display:grid;gap:10px}.order-followup-template-grid textarea{min-height:88px}.order-followup-config-hint{font-size:11.5px;color:#64748b;line-height:1.5;background:#f8fafc;border-radius:10px;padding:10px}.order-followup-config-links{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:900px){.order-followup-card{grid-template-columns:1fr}.order-followup-card>.order-followup-actions{justify-content:flex-start}.order-followup-toolbar{grid-template-columns:1fr 1fr}.order-followup-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.order-followup-toolbar{grid-template-columns:1fr}.order-followup-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.order-followup-card{padding:13px}.order-followup-actions button{flex:1 1 145px}.order-followup-config-links{grid-template-columns:1fr}.order-followup-title strong{font-size:15px}}

/* V4.2.31A UI6 OPS14 — modal pengaturan follow-up dapat discroll di mobile */
.order-followup-config-card{max-height:min(92dvh,760px);display:flex;flex-direction:column;overflow:hidden}
.order-followup-config-card>.modal-head{flex:0 0 auto}
.order-followup-config-card>form{display:flex;flex:1 1 auto;min-height:0;flex-direction:column;overflow:hidden}
.order-followup-config-card>form>.modal-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding-bottom:28px}
.order-followup-config-card>form>.modal-actions{flex:0 0 auto}
@media(max-width:900px){.order-followup-config-card{width:100%;max-height:94dvh;border-radius:20px 20px 0 0}}