/* DiamondX CPaaS - Etapa 16 compact responsive refinements */
:root{
  --dx-compact-card-radius: 22px;
  --dx-compact-gap: clamp(10px, 1.1vw, 18px);
  --dx-compact-font: clamp(13px, .86vw, 15px);
  --dx-compact-title: clamp(18px, 1.35vw, 24px);
  --dx-compact-small: clamp(11px, .78vw, 13px);
}
html,body{max-width:100%;overflow-x:hidden;font-size:var(--dx-compact-font)}
body *{box-sizing:border-box}
main,.main,.content,.app-content,.page-content,.container,.layout-content{max-width:100%;min-width:0}
.card,.metric-card,.table-card,.quick-sms-card,.quick-sms-status-card,.quick-sms-feedback{border-radius:var(--dx-compact-card-radius)!important;min-width:0}
h1{font-size:clamp(22px,1.8vw,30px);line-height:1.1}h2{font-size:var(--dx-compact-title);line-height:1.14}h3{font-size:clamp(15px,1.05vw,18px);line-height:1.2}
p,small,label,input,select,textarea,button,.button,td,th{font-size:var(--dx-compact-font)}
small,.muted-text,.quick-sms-history-meta{font-size:var(--dx-compact-small)}
.grid,.form-row,.form-grid,.provider-form-grid,.quick-sms-hero,.quick-sms-grid,.report-kpis{gap:var(--dx-compact-gap);min-width:0}
.quick-sms-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);align-items:stretch}
.quick-sms-card,.quick-sms-status-card{display:flex;flex-direction:column;justify-content:flex-start;padding:clamp(16px,1.55vw,26px)!important;border-radius:var(--dx-compact-card-radius)!important;aspect-ratio:auto!important;width:auto!important;height:auto!important;min-height:unset!important;max-height:none!important;overflow:visible!important}
.quick-sms-status-card{clip-path:none!important;transform:none!important;text-align:left!important}
.quick-sms-status-card::before,.quick-sms-status-card::after{border-radius:inherit!important;clip-path:none!important}
.quick-sms-rule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
.quick-sms-rule-grid span{display:flex;flex-direction:column;gap:3px;border:1px solid rgba(127,127,127,.16);border-radius:16px;padding:11px 12px;background:rgba(127,127,127,.055);min-width:0}
.quick-sms-rule-grid b,.quick-sms-rule-grid small{display:block;min-width:0;overflow-wrap:anywhere}
.quick-sms-admin-policy{margin:0 0 18px;padding:clamp(16px,1.55vw,24px)!important;border-radius:var(--dx-compact-card-radius)!important;overflow:hidden}
.quick-sms-admin-policy .policy-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}
.quick-sms-admin-policy .policy-head p{margin:.25rem 0 0;max-width:820px}
.quick-sms-admin-policy .policy-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end}
.quick-sms-admin-policy .policy-grid .span-2{grid-column:span 2}.quick-sms-admin-policy .policy-grid .span-4{grid-column:1/-1}
.quick-sms-admin-policy input,.quick-sms-admin-policy select{width:100%;min-width:0}
.quick-sms-admin-policy .policy-note{border:1px solid rgba(59,130,246,.22);border-radius:16px;padding:10px 12px;background:rgba(59,130,246,.07)}
.quick-routing-live,.quick-routing-summary,.quick-sms-feedback-grid,.mini-kpis{min-width:0}
.quick-routing-live span,.quick-routing-summary span,.mini-kpis span{min-width:0;overflow-wrap:anywhere}
.table-wrap{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.dx-table{width:100%;min-width:0;border-collapse:separate}.dx-table th,.dx-table td{vertical-align:middle;overflow-wrap:anywhere}.actions-cell{white-space:normal!important}.actions-cell .button,.actions-cell form{margin:2px}
.module-tabs{max-width:100%;overflow-x:auto;scrollbar-width:thin}.module-tabs a{white-space:nowrap}
input,select,textarea{max-width:100%;min-width:0}.button,button{min-width:0;white-space:normal}
@media (max-width:1180px){.quick-sms-admin-policy .policy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-sms-admin-policy .policy-grid .span-4{grid-column:1/-1}}
@media (max-width:980px){.quick-sms-hero{grid-template-columns:1fr}.quick-sms-status-card,.quick-sms-card{min-height:unset!important}.quick-sms-rule-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:720px){body{font-size:14px}.quick-sms-admin-policy .policy-grid{grid-template-columns:1fr}.quick-sms-admin-policy .policy-grid .span-2,.quick-sms-admin-policy .policy-grid .span-4{grid-column:1/-1}.quick-sms-rule-grid{grid-template-columns:1fr}.quick-sms-feedback-grid,.mini-kpis{grid-template-columns:1fr!important}.form-row,.form-grid,.provider-form-grid{grid-template-columns:1fr!important}.card,.table-card{padding:14px!important}.dx-table.readable-table th,.dx-table.readable-table td{font-size:13px;padding:9px 8px}.button,button{width:auto;max-width:100%}}
@media (max-width:520px){.quick-sms-steps{grid-template-columns:1fr 1fr!important}.quick-sms-admin-policy .policy-head{display:block}.actions,.quick-sms-actions{display:grid;grid-template-columns:1fr;gap:8px}.actions .button,.quick-sms-actions .button,.quick-sms-actions a{width:100%;justify-content:center}}