/* 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=20261286');

/* One resilient WhatsApp table-control contract for every workspace route.
   It belongs in the core shell so partial navigation cannot drop it. */
.data-table-wrap .qardora-table-whatsapp,.data-table-wrap .qardora-whatsapp-share { box-sizing:border-box!important; display:inline-flex!important; flex:0 0 36px!important; align-items:center!important; justify-content:center!important; align-self:center!important; width:36px!important; min-width:36px!important; max-width:36px!important; height:36px!important; min-height:36px!important; max-height:36px!important; margin:0!important; padding:0!important; overflow:hidden!important; border:1px solid #25d366!important; border-radius:9px!important; background:#25d366!important; color:#fff!important; font-size:0!important; line-height:0!important; text-decoration:none!important; box-shadow:none!important; cursor:pointer!important; transform:none!important; transition:background .16s ease,border-color .16s ease,transform .16s ease!important; }
.data-table-wrap .qardora-table-whatsapp svg,.data-table-wrap .qardora-whatsapp-share svg { display:block!important; width:20px!important; height:20px!important; margin:0!important; fill:none!important; stroke:none!important; }
.data-table-wrap .qardora-table-whatsapp .qardora-whatsapp-mark,.data-table-wrap .qardora-whatsapp-share .qardora-whatsapp-mark { fill:currentColor!important; stroke:none!important; }
.data-table-wrap .qardora-table-whatsapp:hover,.data-table-wrap .qardora-whatsapp-share:hover { border-color:#128c7e!important; background:#128c7e!important; color:#fff!important; transform:translateY(-1px)!important; }
.data-table-wrap .qardora-table-whatsapp:focus-visible,.data-table-wrap .qardora-whatsapp-share:focus-visible { outline:2px solid #087a3d!important; outline-offset:2px!important; }
.data-table-wrap .qardora-table-whatsapp.is-disabled { border-color:#d7dfda!important; background:#f1f4f2!important; color:#9aa7a0!important; cursor:not-allowed!important; opacity:1!important; }

/* 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; }
}