/* Ficha seleccionada únicamente. Conserva lista, formularios y operaciones. */
#clientProfileModal #clientDetail.client-profile-v303{
  width:min(1500px,calc(100vw - 32px));
  max-height:92vh;
  max-height:92dvh;
  min-height:0;
  padding:20px;
  position:relative;
  isolation:isolate;
  overflow:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  border:1px solid #35547b;
  border-radius:18px;
  background:linear-gradient(180deg,rgba(3,7,11,.36),#03070b 470px),url('assets/clientes-deuda-v198.png') right top/1100px auto no-repeat,#03070b;
  box-shadow:inset 0 1px 0 #8baff51a,0 26px 100px #000b,0 0 35px #16408d16;
  color:#edf3fb;
  font:14px/1.45 Inter,system-ui,sans-serif;
}
#clientProfileModal #clientDetail.client-profile-v303 [hidden]{display:none!important}
#clientProfileModal #clientDetail.client-profile-v303 .close-detail{
  position:sticky;
  top:0;
  z-index:50;
  float:none;
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  margin:0 0 8px auto;
  padding:0;
  border:1px solid #426692;
  border-radius:9px;
  background:#08101de8;
  color:#edf4ff;
  font:28px/1 Inter,system-ui,sans-serif;
}
#clientProfileModal #clientDetail.client-profile-v303 .close-detail:hover{background:#152541;border-color:#77a9ff;color:#fff}
#clientProfileModal #clientDetail.client-profile-v303 .client-profile-icon{display:block;width:24px;height:24px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#clientProfileModal #clientDetail.client-profile-v303 .client-profile-hero{display:grid;grid-template-columns:minmax(430px,.95fr) minmax(560px,1.3fr);gap:16px;align-items:stretch;margin-bottom:14px;min-width:0}
#clientProfileModal #clientDetail.client-profile-v303 .profile{
  display:grid;
  grid-template-columns:115px minmax(0,1fr);
  gap:20px;
  align-items:center;
  min-width:0;
  min-height:194px;
  margin:0;
  padding:18px;
  border:1px solid #345c934f;
  border-radius:13px;
  background:linear-gradient(110deg,#03070ce8,#0409109c);
}
#clientProfileModal #clientDetail.client-profile-v303 .client-profile-avatar-column{display:grid;justify-items:center;gap:12px;min-width:0}
#clientProfileModal #clientDetail.client-profile-v303 .profile .profile-avatar{
  width:106px;
  height:106px;
  flex:0 0 106px;
  overflow:hidden;
  border:2px solid #5d9aff;
  border-radius:50%;
  background:linear-gradient(135deg,#254aa0,#111a47);
  color:#fff;
  font:800 36px/1 Inter,system-ui,sans-serif;
  box-shadow:0 0 0 4px #367bff0b,0 0 21px #2589e945;
}
#clientProfileModal #clientDetail.client-profile-v303 .profile .profile-avatar img{width:100%;height:100%;object-fit:cover}
#clientProfileModal #clientDetail.client-profile-v303 .profile-photo-action{display:flex;align-items:center;justify-content:center;gap:6px;min-height:36px;width:100%;margin:0;padding:6px;border:1px solid #3b64c0;border-radius:8px;background:#0b1533b0;color:#a4c8ff;font:600 12px/1.2 Inter,system-ui,sans-serif;text-decoration:none;cursor:pointer}
#clientProfileModal #clientDetail.client-profile-v303 .profile-photo-action .client-profile-icon{width:17px;height:17px}
#clientProfileModal #clientDetail.client-profile-v303 .client-profile-identity{min-width:0}
#clientProfileModal #clientDetail.client-profile-v303 .client-profile-name-row{display:flex;align-items:center;flex-wrap:wrap;gap:9px 14px;min-width:0;margin-bottom:14px}
#clientProfileModal #clientDetail.client-profile-v303 .profile h2{min-width:0;margin:0;color:#f4f8ff;font:700 36px/1.12 Rajdhani,Inter,system-ui,sans-serif;text-transform:uppercase;overflow-wrap:anywhere}
#clientProfileModal #clientDetail.client-profile-v303 .client-profile-last{color:#69b9ff}
#clientProfileModal #clientDetail.client-profile-v303 .profile .state{display:inline-flex;align-items:center;margin:0;font:500 13px/1.3 Inter,system-ui,sans-serif;color:#a8f9cc;white-space:normal}
#clientProfileModal #clientDetail.client-profile-v303 .profile .state.inactive{color:#bac5d4}
#clientProfileModal #clientDetail.client-profile-v303 .client-profile-contact{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:0 0 10px;color:#f2f7ff;font-size:16px;overflow-wrap:anywhere}
#clientProfileModal #clientDetail.client-profile-v303 .client-profile-contact a{display:inline-flex;align-items:center;gap:9px;min-height:36px;color:inherit;text-decoration:none;overflow-wrap:anywhere}
#clientProfileModal #clientDetail.client-profile-v303 .client-profile-contact a:hover{color:#97e9b8;text-decoration:underline}
#clientProfileModal #clientDetail.client-profile-v303 .client-profile-contact .client-profile-icon{width:26px;height:26px;color:#abf5c4;filter:drop-shadow(0 0 4px #64ffaf75)}
#clientProfileModal #clientDetail.client-profile-v303 .client-profile-category{display:inline-flex;align-items:center;justify-content:center;min-height:33px;min-width:54px;padding:4px 10px;border:1px solid #497ed1;border-radius:7px;background:#0a1531b8;color:#d8e4ff;font:700 14px/1.2 Inter,system-ui,sans-serif;overflow-wrap:anywhere}
#clientProfileModal #clientDetail.client-profile-v303 .profile .client-profile-since{margin:0;color:#b4c7de;font-size:13px;line-height:1.5}
#clientProfileModal #clientDetail.client-profile-v303 .profile .client-profile-secondary-contact{margin:6px 0 0;color:#a1b8d1;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
#clientProfileModal #clientDetail.client-profile-v303 .client-profile-stats{min-width:0;align-self:stretch;padding:14px;border:1px solid #3c648c8c;border-radius:13px;background:linear-gradient(130deg,#050c14e3,#040a12a6);box-shadow:inset 0 1px 0 #94beff13}
#clientProfileModal #clientDetail.client-profile-v303 .client-profile-stats-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
#clientProfileModal #clientDetail.client-profile-v303 .client-profile-stats-head h3{display:flex;align-items:center;gap:10px;margin:0;font:700 19px/1.25 Rajdhani,Inter,system-ui,sans-serif;color:#f0f5ff}
#clientProfileModal #clientDetail.client-profile-v303 .client-profile-stats-head h3 .client-profile-icon{color:#9db3ff;filter:drop-shadow(0 0 4px #647bff)}
#clientProfileModal #clientDetail.client-profile-v303 .client-statistics-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;margin:0;min-height:36px;padding:7px 11px;border:1px solid #315b98;border-radius:8px;background:#0d1c36c7;color:#a9d0ff;font:600 12px/1.2 Inter,system-ui,sans-serif;cursor:pointer}
#clientProfileModal #clientDetail.client-profile-v303 .client-statistics-button .client-profile-icon{width:16px;height:16px}
#clientProfileModal #clientDetail.client-profile-v303 .client-profile-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
#clientProfileModal #clientDetail.client-profile-v303 .client-profile-stat{display:flex;align-items:flex-start;gap:9px;min-width:0;min-height:104px;padding:12px 9px;border:1px solid #26547999;border-radius:10px;background:linear-gradient(135deg,#071a25e0,#040b15dd)}
#clientProfileModal #clientDetail.client-profile-v303 .client-profile-stat-icon{flex:0 0 auto;color:#9deff2;filter:drop-shadow(0 0 5px #64e7db55)}
#clientProfileModal #clientDetail.client-profile-v303 .client-profile-stat-icon .client-profile-icon{width:25px;height:25px}
#clientProfileModal #clientDetail.client-profile-v303 .client-profile-stat:nth-child(2) .client-profile-stat-icon{color:#a0b9ff;filter:drop-shadow(0 0 4px #677dff70)}
#clientProfileModal #clientDetail.client-profile-v303 .client-profile-stat:nth-child(3) .client-profile-stat-icon{color:#94f4bd}
#clientProfileModal #clientDetail.client-profile-v303 .client-profile-stat:nth-child(4) .client-profile-stat-icon{color:#8df5d2}
#clientProfileModal #clientDetail.client-profile-v303 .client-profile-stat>div{min-width:0}
#clientProfileModal #clientDetail.client-profile-v303 .client-profile-stat b{display:block;margin:0 0 4px;color:#f1f7ff;font:700 25px/1.15 Rajdhani,Inter,system-ui,sans-serif;overflow-wrap:anywhere}
#clientProfileModal #clientDetail.client-profile-v303 .client-profile-stat>div>span{display:block;color:#d1deef;font-size:12px;line-height:1.3;overflow-wrap:anywhere}
#clientProfileModal #clientDetail.client-profile-v303 .client-profile-stat small{display:block;margin-top:4px;color:#9db0c9;font-size:12px;line-height:1.3;overflow-wrap:anywhere}
#clientProfileModal #clientDetail.client-profile-v303 .client-profile-stats-note{margin:8px 0 0;color:#a8bfd6;font-size:12px;line-height:1.4}
#clientProfileModal #clientDetail.client-profile-v303 .client-profile-stats-note:empty{display:none}
#clientProfileModal #clientDetail.client-profile-v303 .client-profile-stats-retry{display:inline-flex;align-items:center;gap:7px;min-height:36px;margin-top:8px;padding:7px 10px;border:1px solid #5478ac;border-radius:8px;background:#132a46;color:#dcecff;font:600 12px/1.25 Inter,system-ui,sans-serif;cursor:pointer}
#clientProfileModal #clientDetail.client-profile-v303 .client-profile-stats-retry .client-profile-icon{width:16px;height:16px}
#clientProfileModal #clientDetail.client-profile-v303 .detail-metrics.client-account-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0;border:0;border-radius:0;background:none;overflow:visible}
#clientProfileModal #clientDetail.client-profile-v303 .detail-metrics .client-financial-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;min-height:105px;padding:16px;border:1px solid #72576e;border-radius:12px;text-align:left;background:#080d15db;box-shadow:inset 0 1px 0 #ffffff0a}
#clientProfileModal #clientDetail.client-profile-v303 .detail-metrics .client-financial-card::after{content:none}
#clientProfileModal #clientDetail.client-profile-v303 .detail-metrics .finance-debt{border-color:#af506177;background:linear-gradient(110deg,#45152a4d,#16091687)}
#clientProfileModal #clientDetail.client-profile-v303 .detail-metrics .finance-favor{border-color:#3b968b88;background:linear-gradient(110deg,#123c365e,#07151b97)}
#clientProfileModal #clientDetail.client-profile-v303 .detail-metrics .finance-subscription{border-color:#7553c295;background:linear-gradient(110deg,#3314585e,#120b24a1)}
#clientProfileModal #clientDetail.client-profile-v303 .detail-metrics .client-financial-icon{display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid currentColor;border-radius:50%;background:#eb5d971c;color:#f6a2c7;box-shadow:0 0 17px #f470aa17}
#clientProfileModal #clientDetail.client-profile-v303 .detail-metrics .client-financial-icon::after{content:none}
#clientProfileModal #clientDetail.client-profile-v303 .finance-favor .client-financial-icon{color:#9af7ce;background:#69deb819;box-shadow:0 0 17px #53e9bb17}
#clientProfileModal #clientDetail.client-profile-v303 .finance-subscription .client-financial-icon{color:#c0a1ff;background:#834cdd30;box-shadow:0 0 17px #9b66f538}
#clientProfileModal #clientDetail.client-profile-v303 .client-financial-icon .client-profile-icon{width:27px;height:27px}
#clientProfileModal #clientDetail.client-profile-v303 .detail-metrics .client-financial-copy{min-width:0;margin:0;padding:0;border:0;border-radius:0;background:none;text-align:left}
#clientProfileModal #clientDetail.client-profile-v303 .detail-metrics .client-financial-copy::after{content:none}
#clientProfileModal #clientDetail.client-profile-v303 .detail-metrics .client-financial-copy b{display:block;margin:0 0 4px;color:#f8a8ce;font:700 29px/1.15 Rajdhani,Inter,system-ui,sans-serif;overflow-wrap:anywhere;text-shadow:none}
#clientProfileModal #clientDetail.client-profile-v303 .finance-favor .client-financial-copy b{color:#8ef3cd}
#clientProfileModal #clientDetail.client-profile-v303 .finance-subscription .client-financial-copy b{color:#c29aff!important}
#clientProfileModal #clientDetail.client-profile-v303 .detail-metrics .client-financial-copy span{display:block;margin:0;color:#c6d2e5;font-size:13px;line-height:1.3}
#clientProfileModal #clientDetail.client-profile-v303 .inline-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;margin:0;padding:7px 11px;border:1px solid #4268c0;border-radius:8px;background:#0d1933b3;color:#b8d4ff;font:600 12px/1.25 Inter,system-ui,sans-serif;white-space:normal;cursor:pointer;text-decoration:none}
#clientProfileModal #clientDetail.client-profile-v303 .inline-action .client-profile-icon{width:16px;height:16px}
#clientProfileModal #clientDetail.client-profile-v303 .inline-action>span{display:inline;margin:0;color:inherit;font:inherit}
#clientProfileModal #clientDetail.client-profile-v303 .detail-metrics .inline-action{float:none;display:inline-flex;min-height:36px;margin:0;padding:7px 10px;font-size:12px;white-space:normal}
#clientProfileModal #clientDetail.client-profile-v303 .finance-debt .inline-action{border-color:#9b4a5e;color:#f0bccb;background:#42122568}
#clientProfileModal #clientDetail.client-profile-v303 .finance-favor .inline-action{border-color:#397b69;color:#b1e8d5;background:#163c325c}
#clientProfileModal #clientDetail.client-profile-v303 .finance-subscription .inline-action{border-color:#8053c5;color:#dac1ff;background:#3116518c}
#clientProfileModal #clientDetail.client-profile-v303 .quick.client-action-panel{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:11px;margin:15px 0 14px;padding:0;border:0;border-radius:0;background:none}
#clientProfileModal #clientDetail.client-profile-v303 .quick .client-action{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:10px;min-width:0;min-height:51px;margin:0;padding:10px 12px;border:1px solid #345987;border-radius:9px;background:linear-gradient(135deg,#0b1a2ce6,#080f19e6);color:#e6edfb;font:600 14px/1.25 Inter,system-ui,sans-serif;cursor:pointer;text-align:center}
#clientProfileModal #clientDetail.client-profile-v303 .quick .action-icon{display:grid;place-items:center;width:26px;height:26px;flex:0 0 26px;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:#afc4ff;font-size:24px;transform:none}
#clientProfileModal #clientDetail.client-profile-v303 .quick .action-label{display:block;font-size:14px;line-height:1.25;white-space:normal;overflow-wrap:anywhere}
#clientProfileModal #clientDetail.client-profile-v303 .quick .action-label b{display:none}
#clientProfileModal #clientDetail.client-profile-v303 .quick #addConsumption{border-color:#6a99ff;background:linear-gradient(135deg,#3161f1,#273795);color:#fff;box-shadow:inset 0 1px 0 #c3d6ff44,0 0 14px #305dcc20}
#clientProfileModal #clientDetail.client-profile-v303 .quick #addConsumption .action-icon{color:#edf5ff}
#clientProfileModal #clientDetail.client-profile-v303 .quick .client-action:hover:not(:disabled),#clientProfileModal #clientDetail.client-profile-v303 .inline-action:hover:not(:disabled),#clientProfileModal #clientDetail.client-profile-v303 .client-statistics-button:hover{border-color:#7aacff;background-color:#122445;color:#fff}
#clientProfileModal #clientDetail.client-profile-v303 .quick .client-action:hover .action-icon{border:0;box-shadow:none;transform:none}
#clientProfileModal #clientDetail.client-profile-v303 .quick .client-action:disabled{opacity:.48;cursor:not-allowed}
#clientProfileModal #clientDetail.client-profile-v303 .client-more-actions{position:relative;min-width:0;margin:0}
#clientProfileModal #clientDetail.client-profile-v303 .client-more-actions summary{display:flex;align-items:center;justify-content:center;gap:10px;min-height:51px;height:100%;padding:10px 12px;border:1px solid #345987;border-radius:9px;background:linear-gradient(135deg,#0b1a2ce6,#080f19e6);color:#e6edfb;font:600 14px/1.25 Inter,system-ui,sans-serif;list-style:none;cursor:pointer}
#clientProfileModal #clientDetail.client-profile-v303 .client-more-actions summary::-webkit-details-marker{display:none}
#clientProfileModal #clientDetail.client-profile-v303 .client-more-actions summary span{margin:0;color:inherit}
#clientProfileModal #clientDetail.client-profile-v303 .client-more-actions summary:hover{border-color:#7aacff;background-color:#122445}
#clientProfileModal #clientDetail.client-profile-v303 .client-more-actions[open] summary{border-color:#7299d6;color:#d2e4ff}
#clientProfileModal #clientDetail.client-profile-v303 .client-more-menu{position:absolute;z-index:45;right:0;top:calc(100% + 8px);display:grid;gap:6px;width:260px;max-width:calc(100vw - 60px);max-height:55vh;overflow:auto;padding:9px;border:1px solid #4772ad;border-radius:11px;background:#08111efc;box-shadow:0 16px 38px #000b}
#clientProfileModal #clientDetail.client-profile-v303 .client-more-actions:not([open]) .client-more-menu{display:none}
#clientProfileModal #clientDetail.client-profile-v303 .client-more-menu button{display:flex;align-items:center;justify-content:flex-start;gap:9px;width:100%;min-height:38px;margin:0;padding:8px 10px;border:1px solid #284767;border-radius:7px;background:#102034;color:#d2e4f6;font:600 12px/1.3 Inter,system-ui,sans-serif;text-align:left;cursor:pointer;white-space:normal}
#clientProfileModal #clientDetail.client-profile-v303 .client-more-menu .client-action{min-height:38px;font-size:12px}
#clientProfileModal #clientDetail.client-profile-v303 .client-more-menu .action-label{font-size:12px}
#clientProfileModal #clientDetail.client-profile-v303 .client-more-menu .action-icon{width:20px;height:20px;flex-basis:20px;font-size:18px}
#clientProfileModal #clientDetail.client-profile-v303 .client-more-menu .client-profile-icon{width:20px;height:20px}
#clientProfileModal #clientDetail.client-profile-v303 .client-more-menu .danger{border-color:#974b5c;color:#ffbfc9;background:#471b286b}
#clientProfileModal #clientDetail.client-profile-v303 .client-more-menu button:hover:not(:disabled){background:#192f4c;border-color:#7aacff;color:#fff}
#clientProfileModal #clientDetail.client-profile-v303 .client-more-menu .tab.active{border-color:#759fff;background:#1d3471;color:#e8f1ff}
#clientProfileModal #clientDetail.client-profile-v303 .tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:850px;margin:0 0 14px;padding:0;border:0}
#clientProfileModal #clientDetail.client-profile-v303 .tabs .tab{display:flex;align-items:center;justify-content:center;gap:9px;min-width:0;min-height:47px;padding:10px 13px;border:1px solid #355a88;border-radius:9px;background:#081321d9;color:#dbe5f6;font:600 14px/1.25 Inter,system-ui,sans-serif;cursor:pointer}
#clientProfileModal #clientDetail.client-profile-v303 .tabs .tab .client-profile-icon{width:24px;height:24px;color:#b8ccff}
#clientProfileModal #clientDetail.client-profile-v303 .tabs .tab.active{border-color:#79a8ff;background:linear-gradient(135deg,#264799,#142952);color:#f0f7ff;box-shadow:inset 0 -2px 0 #81b1ff,0 0 15px #416cec1f}
#clientProfileModal #clientDetail.client-profile-v303 .tabs .tab:hover{border-color:#86b0f2;color:#fff}
#clientProfileModal #clientDetail.client-profile-v303 #profilePanel{min-width:0;color:#dbe5f4}
#clientProfileModal #clientDetail.client-profile-v303 .client-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 14px}
#clientProfileModal #clientDetail.client-profile-v303 .client-summary-card{min-width:0;padding:17px;border:1px solid #355d91;border-radius:12px;background:linear-gradient(135deg,#0a1725d9,#050b12e8);box-shadow:inset 0 1px 0 #a2bfff0d}
#clientProfileModal #clientDetail.client-profile-v303 .client-summary-grid .client-summary-card{min-height:177px}
#clientProfileModal #clientDetail.client-profile-v303 .client-summary-card header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 11px}
#clientProfileModal #clientDetail.client-profile-v303 .client-summary-card h3{display:flex;align-items:center;gap:12px;min-width:0;margin:0;color:#eef3ff;font:700 20px/1.3 Rajdhani,Inter,system-ui,sans-serif}
#clientProfileModal #clientDetail.client-profile-v303 .client-summary-card header h3{flex:1 1 auto}
#clientProfileModal #clientDetail.client-profile-v303 .client-summary-icon{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;color:#acc1ff;filter:drop-shadow(0 0 4px #637ffe70)}
#clientProfileModal #clientDetail.client-profile-v303 .client-summary-icon .client-profile-icon{width:27px;height:27px}
#clientProfileModal #clientDetail.client-profile-v303 .client-summary-card h3 .client-profile-icon{width:27px;height:27px;color:#acc1ff;filter:drop-shadow(0 0 4px #637ffe70)}
#clientProfileModal #clientDetail.client-profile-v303 .client-summary-card p{margin:10px 0;color:#c0cfe3;font-size:13px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
#clientProfileModal #clientDetail.client-profile-v303 .client-summary-card .empty{padding:15px 6px 5px;color:#cbd6e8;font-size:13px;text-align:center}
#clientProfileModal #clientDetail.client-profile-v303 .summary-hint{display:block;margin:9px 0 0;color:#a7bbd4;font-size:12px;line-height:1.55;overflow-wrap:anywhere}
#clientProfileModal #clientDetail.client-profile-v303 .summary-note{min-height:92px}
#clientProfileModal #clientDetail.client-profile-v303 .summary-note header{margin-bottom:8px}
#clientProfileModal #clientDetail.client-profile-v303 .detail-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:11px 0;border-bottom:1px solid #3b567452;color:#dce6f3;font-size:13px;overflow-wrap:anywhere}
#clientProfileModal #clientDetail.client-profile-v303 .detail-row>span{min-width:0}
#clientProfileModal #clientDetail.client-profile-v303 .detail-row small{display:block;margin-top:3px;color:#a4bdd3;font-size:12px;line-height:1.45}
#clientProfileModal #clientDetail.client-profile-v303 .badge{height:fit-content;flex:0 0 auto;padding:4px 9px;border-radius:999px;background:#21467a66;color:#bad6ff;font-size:12px;line-height:1.3}
#clientProfileModal #clientDetail.client-profile-v303 :is(.context-alert,.now){margin:9px 0;padding:10px 12px;font-size:12px;line-height:1.5;border-radius:9px}
#clientProfileModal #clientDetail.client-profile-v303 :is(.context-alert.warning,.context-alert.critical,.now.critical-alert){border:1px solid #d1924b8c;background:#4b2e139e;color:#ffe0ad}
#clientProfileModal #clientDetail.client-profile-v303 :is(.context-alert.critical,.now.critical-alert){border-color:#eb7d998c;background:#4d19279c;color:#ffd0db}
#clientProfileModal #clientDetail.client-profile-v303 button:focus-visible,#clientProfileModal #clientDetail.client-profile-v303 a:focus-visible,#clientProfileModal #clientDetail.client-profile-v303 summary:focus-visible{outline:2px solid #8dbcff;outline-offset:3px}
#clientProfileModal #clientDetail.client-profile-v303 .detail-empty{min-height:220px;font-size:14px;color:#b2c6de}
@media(max-width:1220px){
  #clientProfileModal #clientDetail.client-profile-v303 .client-profile-hero{grid-template-columns:1fr}
  #clientProfileModal #clientDetail.client-profile-v303 .profile{min-height:170px}
  #clientProfileModal #clientDetail.client-profile-v303 .client-profile-stats{padding:15px}
  #clientProfileModal #clientDetail.client-profile-v303 .client-profile-stat{min-height:91px}
  #clientProfileModal #clientDetail.client-profile-v303 .detail-metrics .client-financial-card{grid-template-columns:42px minmax(0,1fr);gap:9px;padding:14px}
  #clientProfileModal #clientDetail.client-profile-v303 .detail-metrics .client-financial-icon{width:42px;height:42px}
  #clientProfileModal #clientDetail.client-profile-v303 .detail-metrics .inline-action{grid-column:2;justify-self:start}
  #clientProfileModal #clientDetail.client-profile-v303 .quick .client-action,#clientProfileModal #clientDetail.client-profile-v303 .client-more-actions summary{font-size:13px;gap:8px;padding:9px}
  #clientProfileModal #clientDetail.client-profile-v303 .quick .action-label{font-size:13px}
}
@media(max-width:780px){
  #clientProfileModal #clientDetail.client-profile-v303{width:calc(100vw - 32px);padding:14px;border-radius:14px;background-size:auto,850px auto;}
  #clientProfileModal #clientDetail.client-profile-v303 .profile{grid-template-columns:98px minmax(0,1fr);gap:14px;padding:14px}
  #clientProfileModal #clientDetail.client-profile-v303 .profile .profile-avatar{width:86px;height:86px;flex-basis:86px;font-size:29px}
  #clientProfileModal #clientDetail.client-profile-v303 .profile h2{font-size:31px}
  #clientProfileModal #clientDetail.client-profile-v303 .client-profile-contact{font-size:14px;gap:8px}
  #clientProfileModal #clientDetail.client-profile-v303 .client-profile-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  #clientProfileModal #clientDetail.client-profile-v303 .client-profile-stat{min-height:100px;padding:12px}
  #clientProfileModal #clientDetail.client-profile-v303 .client-profile-stat b{font-size:25px}
  #clientProfileModal #clientDetail.client-profile-v303 .detail-metrics.client-account-summary{grid-template-columns:1fr;gap:10px}
  #clientProfileModal #clientDetail.client-profile-v303 .detail-metrics .client-financial-card{grid-template-columns:48px minmax(0,1fr) auto;min-height:95px;padding:14px}
  #clientProfileModal #clientDetail.client-profile-v303 .detail-metrics .client-financial-icon{width:48px;height:48px}
  #clientProfileModal #clientDetail.client-profile-v303 .detail-metrics .inline-action{grid-column:auto;justify-self:end}
  #clientProfileModal #clientDetail.client-profile-v303 .quick.client-action-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  #clientProfileModal #clientDetail.client-profile-v303 .client-more-actions{grid-column:1/-1}
  #clientProfileModal #clientDetail.client-profile-v303 .quick .client-action,#clientProfileModal #clientDetail.client-profile-v303 .client-more-actions summary{min-height:46px}
  #clientProfileModal #clientDetail.client-profile-v303 .tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-width:none}
  #clientProfileModal #clientDetail.client-profile-v303 .tabs .tab{min-height:44px;font-size:13px}
  #clientProfileModal #clientDetail.client-profile-v303 .client-summary-grid{grid-template-columns:1fr;gap:12px}
  #clientProfileModal #clientDetail.client-profile-v303 .client-summary-card{padding:14px}
  #clientProfileModal #clientDetail.client-profile-v303 .client-summary-card header{flex-wrap:wrap;gap:10px}
  #clientProfileModal #clientDetail.client-profile-v303 .client-summary-grid .client-summary-card{min-height:145px}
}
@media(max-width:460px){
  #clientProfileModal #clientDetail.client-profile-v303{padding:11px}
  #clientProfileModal #clientDetail.client-profile-v303 .profile{grid-template-columns:1fr;text-align:center}
  #clientProfileModal #clientDetail.client-profile-v303 .client-profile-avatar-column{width:115px;justify-self:center}
  #clientProfileModal #clientDetail.client-profile-v303 .client-profile-name-row,#clientProfileModal #clientDetail.client-profile-v303 .client-profile-contact{justify-content:center}
  #clientProfileModal #clientDetail.client-profile-v303 .client-profile-name-row{margin-bottom:10px}
  #clientProfileModal #clientDetail.client-profile-v303 .profile h2{font-size:29px}
  #clientProfileModal #clientDetail.client-profile-v303 .client-profile-stats-head{align-items:flex-start;flex-wrap:wrap;gap:9px}
  #clientProfileModal #clientDetail.client-profile-v303 .client-profile-stats-head h3{font-size:18px}
  #clientProfileModal #clientDetail.client-profile-v303 .client-profile-stat{display:block;padding:10px;min-height:112px}
  #clientProfileModal #clientDetail.client-profile-v303 .client-profile-stat-icon{margin-bottom:6px}
  #clientProfileModal #clientDetail.client-profile-v303 .client-profile-stat b{font-size:24px}
  #clientProfileModal #clientDetail.client-profile-v303 .detail-metrics .client-financial-card{grid-template-columns:42px minmax(0,1fr);gap:9px}
  #clientProfileModal #clientDetail.client-profile-v303 .detail-metrics .client-financial-icon{width:42px;height:42px}
  #clientProfileModal #clientDetail.client-profile-v303 .detail-metrics .inline-action{grid-column:2;justify-self:start}
  #clientProfileModal #clientDetail.client-profile-v303 .detail-metrics .client-financial-copy b{font-size:27px}
  #clientProfileModal #clientDetail.client-profile-v303 .tabs .tab{padding:9px 8px}
  #clientProfileModal #clientDetail.client-profile-v303 .client-more-menu{right:0;width:100%;max-width:100%}
}