/* V81 — restore consistent desktop cards and a readable mobile keypad. */
@media(min-width:741px){
 #page-dialer .dashboard-grid{align-items:stretch!important}
 #page-dialer .dashboard-aside{display:flex!important;flex-direction:column!important;gap:16px!important;min-height:0!important}
 #page-dialer .dashboard-aside .stat-grid{margin-bottom:0!important;gap:12px!important}
 #page-dialer .dashboard-aside .stat-card{min-height:105px!important;padding:15px 16px!important}
 #page-dialer .dashboard-aside .activity-panel{flex:1 1 auto!important;min-height:210px!important}
 #page-dialer .dashboard-aside .v79-presence-card{width:100%!important;max-width:none!important;box-sizing:border-box!important;margin:0!important;
   padding:19px 24px!important;background:var(--surface,#fff)!important;border:1px solid var(--border,#dce4ec)!important;
   border-radius:20px!important;box-shadow:var(--shadow,0 8px 23px rgba(10,36,72,.05))!important}
 #page-dialer .dashboard-aside .v79-presence-team .v75-list-row{min-height:38px!important;padding:7px 0!important}
 #page-dialer .dashboard-aside .v79-presence-team .v75-list-row>span:first-child{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important}
}
@media(max-width:740px){
 /* Only dialer and tabs occupy the fixed-height keypad viewport. Team status lives on Contacts. */
 #page-dialer .dashboard-aside,#page-dialer .v79-presence-card{display:none!important}
 #page-dialer .dashboard-grid{min-height:0!important;display:flex!important;flex:1 1 0!important;align-items:stretch!important}
 #page-dialer .dialer-panel{min-height:0!important;overflow:hidden!important}
 #page-dialer .dialer-panel .keypad{
   flex:1 1 auto!important;min-height:218px!important;
   grid-template-rows:repeat(4,minmax(51px,1fr))!important;
   margin:4px auto 9px!important;row-gap:5px!important;
 }
 #page-dialer .dialer-panel .key{
   width:clamp(52px,var(--v57-key-size,61px),66px)!important;
   height:clamp(52px,var(--v57-key-size,61px),66px)!important;
   min-width:52px!important;min-height:52px!important;aspect-ratio:1!important;
 }
 #page-dialer .dialer-panel .key strong{line-height:1!important;font-size:clamp(23px,3.5dvh,29px)!important}
 #page-dialer .dialer-panel .key small{line-height:1!important;margin-top:2px!important}
 #page-dialer .dialer-panel .dial-actions{margin-top:4px!important}
 #page-contacts .v79-presence-card{width:100%!important;max-width:none!important;margin:0 0 18px!important;box-sizing:border-box!important;
   border-radius:19px!important;background:var(--surface,#fff)!important;border:1px solid var(--border,#dce4ec)!important}
}
@media(max-width:740px) and (max-height:675px){
 #page-dialer .dialer-panel{padding:8px 12px!important}
 #page-dialer .dialer-panel .keypad{min-height:194px!important;grid-template-rows:repeat(4,minmax(45px,1fr))!important}
 #page-dialer .dialer-panel .key{width:clamp(46px,var(--v57-key-size,53px),58px)!important;height:clamp(46px,var(--v57-key-size,53px),58px)!important;min-height:46px!important;min-width:46px!important}
}
html[data-theme="dark"] .v79-presence-card{background:#1b2b42!important;border-color:#354763!important}
html[data-theme="dark"] .v79-presence-top strong,html[data-theme="dark"] .v79-siren-row strong{color:#eef4ff!important}
/* Compact browser viewports: preserve round digits and visible Call control. */
@media(max-width:740px) and (max-height:770px){
 #page-dialer .dialer-panel .connection-banner{height:34px!important;min-height:34px!important;margin-bottom:5px!important}
 #page-dialer .dialer-panel .line-select-wrap{min-height:42px!important;margin-bottom:5px!important}
 #page-dialer .dialer-panel .line-picker{height:42px!important;min-height:42px!important}
 #page-dialer .dialer-panel .number-field{height:43px!important;min-height:43px!important;margin-bottom:3px!important}
 #page-dialer .dialer-panel .number-field input{height:41px!important;min-height:41px!important}
 #page-dialer .dialer-panel .keypad{margin:2px auto 5px!important}
 #page-dialer .dialer-panel .dial-actions{margin-top:2px!important}
}
@media(max-width:740px) and (max-height:690px){
 #page-dialer .dialer-panel .connection-banner{height:30px!important;min-height:30px!important}
 #page-dialer .dialer-panel .line-picker{height:38px!important;min-height:38px!important}
 #page-dialer .dialer-panel .line-select-wrap{min-height:38px!important}
 #page-dialer .dialer-panel .number-field{height:37px!important;min-height:37px!important}
 #page-dialer .dialer-panel .number-field input{height:35px!important;min-height:35px!important}
 #page-dialer .dialer-intro{margin-bottom:2px!important}
 #page-dialer .dialer-panel .keypad{min-height:186px!important}
}