/* Compact service lists use the same content on desktop and phones. */
.service-subscription-page .service-table table{width:100%;table-layout:fixed}
.service-subscription-page .service-table th,.service-subscription-page .service-table td{white-space:normal;overflow-wrap:anywhere;vertical-align:middle}
.service-subscription-page .service-table td small{display:block;margin-top:5px;color:var(--muted)}
.service-subscription-page .service-directory th:first-child{width:45%}
.service-subscription-page .service-directory th:nth-child(2){width:20%}
.service-subscription-page .service-directory th:last-child{width:23%}
.service-subscription-page .service-row-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.service-subscription-page .service-description{line-height:1.6;max-width:48em}
.service-subscription-page .service-orders th:first-child{width:25%}
.service-subscription-page .service-orders th:nth-child(2){width:18%}
.service-subscription-page .service-orders th:nth-child(3){width:18%}
@media(max-width:720px){
 .service-subscription-page .service-table .table-wrap{overflow:visible}
 .service-subscription-page .service-table table,.service-subscription-page .service-table tbody,.service-subscription-page .service-table tr,.service-subscription-page .service-table td{display:block;width:auto}
 .service-subscription-page .service-table thead{display:none}
 .service-subscription-page .service-table tr{padding:16px 20px;border-bottom:1px solid var(--line)}
 .service-subscription-page .service-table tr:last-child{border-bottom:0}
 .service-subscription-page .service-table td{padding:6px 0;border:0;line-height:1.6}
 .service-subscription-page .service-table td:before{content:attr(data-label);display:block;font-size:12px;color:var(--muted);margin-bottom:3px}
 .service-subscription-page .service-directory td:first-child:before,.service-subscription-page .service-table td[data-label="操作"]:before{display:none}
 .service-subscription-page .service-directory td:first-child strong{font-size:16px}
 .service-subscription-page .service-row-actions .btn,.service-subscription-page .service-table td[data-label="操作"]>.btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
}