/* Stable public asset name. Legacy AppShell rules are retired; this imports
   the shared Figma foundation used by every Qardora page. */
@import url("/static/figma-system.css?v=20261001b");

/* One resilient WhatsApp table-control contract for every workspace route.
   It belongs in the core shell so partial navigation cannot drop it. */







/* Plan module quotas: keep the large entitlement matrix readable and editable
   without turning the dialog into an unstructured field wall. */
#plan-modal { width:min(1080px,calc(100vw - 32px)); }
#plan-modal .plan-usage-limits { display:grid; gap:14px; margin:0; padding:18px; border:1px solid var(--q-border); border-radius:12px; background:linear-gradient(135deg,#fbfdfb 0%,#f5f8f5 100%); }
#plan-modal .plan-usage-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:18px; }
#plan-modal .plan-usage-heading h3 { margin:4px 0 0; color:var(--q-text); font-size:16px; letter-spacing:-.015em; }
#plan-modal .plan-usage-heading > p { max-width:490px; margin:0; color:var(--q-muted); font-size:11.5px; line-height:1.45; text-align:right; }
#plan-modal .plan-usage-heading strong { color:var(--q-text); }
#plan-modal .plan-limit-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
#plan-modal .plan-limit-card { min-width:0; margin:0; padding:13px; border:1px solid var(--q-border); border-radius:9px; background:#fff; }
#plan-modal .plan-limit-card legend { padding:0 4px; color:var(--q-text); font-size:12px; font-weight:750; }
#plan-modal .plan-limit-card > div { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
#plan-modal .plan-limit-card label { display:grid; min-width:0; gap:5px; color:var(--q-muted); font-size:10px; font-weight:700; letter-spacing:.02em; }
#plan-modal .plan-limit-card input { min-width:0; min-height:34px; padding-inline:8px; font-size:13px; font-variant-numeric:tabular-nums; }
#plan-modal .plan-catalogue-limit { display:grid; align-content:start; gap:8px; }
#plan-modal .plan-catalogue-limit > div { grid-template-columns:minmax(0,1fr); max-width:calc((100% - 16px) / 3); }
#plan-modal .plan-catalogue-limit p { margin:0; color:var(--q-muted); font-size:10.5px; line-height:1.45; }
.plan-limit-summary { display:grid; grid-template-columns:repeat(2,minmax(112px,1fr)); gap:5px 12px; min-width:258px; color:var(--q-muted); font-size:10.5px; line-height:1.3; }
.plan-limit-summary span { display:flex; align-items:baseline; justify-content:space-between; gap:8px; white-space:nowrap; }
.plan-limit-summary b { color:var(--q-text); font-size:10.5px; font-weight:700; }

@media (max-width:900px) {
  #plan-modal .plan-limit-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #plan-modal .plan-catalogue-limit > div { max-width:calc((100% - 16px) / 3); }
}
@media (max-width:640px) {
  #plan-modal { width:100vw!important; max-width:none!important; max-height:100svh; margin:0!important; border:0; border-radius:0; }
  #plan-modal .plan-usage-limits { padding:14px; }
  #plan-modal .plan-usage-heading { align-items:flex-start; flex-direction:column; gap:7px; }
  #plan-modal .plan-usage-heading > p { max-width:none; text-align:left; }
  #plan-modal .plan-limit-grid { grid-template-columns:1fr; }
  #plan-modal .plan-catalogue-limit > div { max-width:none; }
  .plan-limit-summary { grid-template-columns:1fr; min-width:160px; }
}