/* TPS V31-M4V4 responsive WHMCS client profile: 320px to desktop. */
#m4v4-client-profile{width:100%;max-width:100%;min-width:0;box-sizing:border-box;
  border:1px solid #d0e2d5;border-radius:14px;background:#fff;margin-top:18px;padding:18px;
  overflow-wrap:anywhere}
.m4v4-profile-head{display:flex;align-items:flex-start;justify-content:space-between;
  flex-wrap:wrap;gap:14px}
.m4v4-profile-head>div{flex:1 1 190px;min-width:0}
.m4v4-profile-head h3{font-size:19px;margin:3px 0 7px}
.m4v4-eyebrow{color:#357653;font-size:10px;font-weight:800;letter-spacing:.15em;margin:0}
.m4v4-muted,.m4v4-smallprint{color:#577262;font-size:12px;line-height:1.7}
.m4v4-smallprint{font-size:11px;margin:20px 0 0}
.m4v4-status{background:#eff8f1;color:#28563c;border:1px solid #c6dfce;
  border-radius:10px;padding:12px 14px;min-width:0;font-size:12px;line-height:1.6}
.m4v4-status.error{color:#982f2f;border-color:#e5b4b4;background:#fff3f3}
.m4v4-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
 gap:10px;margin:16px 0}
.m4v4-metric{border:1px solid #dbeade;border-radius:10px;
  background:#f7fbf8;min-width:0;padding:13px}
.m4v4-metric small{display:block;color:#52745f;line-height:1.5;font-size:11px}
.m4v4-metric strong{display:block;color:#234d35;font-size:24px;line-height:1.5}
.m4v4-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
 gap:8px;margin:17px 0 0}
.m4v4-tabs button,.m4v4-profile button.m4v4-open,#m4v4-close{
 min-height:44px;min-width:0;cursor:pointer;border-radius:9px;font-weight:700;
 overflow-wrap:anywhere}
.m4v4-tabs button{border:1px solid #ccdcd0;background:#f2f8f4;color:#315b42;
 font-size:11px;padding:8px 10px}
.m4v4-tabs button[aria-selected="true"]{color:white;border-color:#267448;background:#267448}
.m4v4-tabs button:focus-visible,.m4v4-profile button:focus-visible,
 .m4c-account-list button.m4v4-open:focus-visible{
 outline:3px solid #f0a829;outline-offset:3px}
.m4v4-panel{border:1px solid #dae8de;border-radius:0 0 11px 11px;
 padding:16px;min-height:130px;max-width:100%;min-width:0;box-sizing:border-box}
.m4v4-panel h4{margin:0 0 13px;font-size:16px;color:#2e5e43}
.m4v4-records{display:grid;gap:9px;margin:0;padding:0;list-style:none}
.m4v4-record{padding:12px 13px;border:1px solid #e1ebe3;border-radius:9px;
 background:#fbfdfb;min-width:0}
.m4v4-record strong{display:block;font-size:13px;overflow-wrap:anywhere}
.m4v4-record small{display:block;color:#59715f;line-height:1.7;margin-top:4px;
 overflow-wrap:anywhere}
.m4v4-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.m4v4-fact{padding:11px;border:1px solid #e0eae2;border-radius:9px;min-width:0}
.m4v4-fact dt{font-size:11px;color:#5b7561}
.m4v4-fact dd{margin:5px 0 0;font-size:13px;font-weight:740;color:#245139;overflow-wrap:anywhere}
.m4c-account-list li{min-width:0}
.m4c-account-list button.m4v4-open{border:1px solid #b5d0bd;background:#eaf5ee;
 color:#22613d;margin:8px 0 0;padding:10px 14px;font-size:12px}
@media(max-width:900px){.m4v4-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
 .m4v4-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){#m4v4-client-profile{padding:12px;border-radius:10px}
 .m4v4-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
 .m4v4-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 .m4v4-facts{grid-template-columns:1fr}
 .m4v4-panel{padding:12px}.m4v4-profile-head #m4v4-close{width:100%}
 .m4v4-profile-head{display:block}
 .m4v4-profile-head>div{margin-bottom:13px}
 .m4v4-metric strong{font-size:20px}
 #m4c-customer-prefix{font-size:16px;max-width:100%}
 .m4c-search{min-width:0;max-width:100%}
 .m4c-search button{min-height:44px;width:100%}
}
@media(max-width:360px){.m4v4-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
 .m4v4-metric small{font-size:10px}
 .m4v4-tabs button{font-size:10px;padding:8px 6px}}