.service-card{display:grid;grid-template-columns:minmax(0,1fr) 190px;grid-template-rows:1fr auto;gap:14px;align-items:stretch}
.service-card-content{display:flex;min-width:0;flex-direction:column}
.service-card .top{min-height:25px;align-items:flex-start}
.service-card .top small{padding-top:5px;white-space:nowrap}
.service-card h3{display:-webkit-box;min-height:40px;line-height:20px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.service-card p{min-height:29px}
.service-card .service-meta{height:42px}
.service-card .progress{margin-top:auto}
.service-card .service-card-actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:7px;min-width:0;margin-top:0}
.service-card .service-card-actions>*{min-width:0;max-width:100%}
.service-card .service-card-actions button{padding:7px 9px;white-space:nowrap}
.service-card .service-card-actions [data-service-view]{grid-column:1/4;grid-row:1}
.service-card .service-card-actions [data-service-edit]{grid-column:4/7;grid-row:1}
.service-card .service-card-actions [data-service-delete]{grid-column:7/11;grid-row:1}
.service-card .service-card-actions .card-status-select{grid-column:1/5;grid-row:2;width:100%;max-width:none}
.service-card .service-card-actions>.card-status-select-wrapper{grid-column:1/5;grid-row:2;width:100%;max-width:none}
.service-card .service-card-actions>.card-status-select-wrapper>.videre-select-button{width:100%}
.service-card .service-card-actions [data-service-print]{grid-column:5/8;grid-row:2}
.service-card .service-card-actions [data-service-png]{grid-column:8/11;grid-row:2}
.service-layout-preview{width:100%;aspect-ratio:16/9;margin:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff;position:relative}
.service-layout-preview img{width:100%;height:100%;display:block;object-fit:contain}
.service-layout-preview figcaption{position:absolute;right:6px;bottom:6px;background:rgba(29,40,35,.84);color:#fff;border-radius:5px;padding:3px 6px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
@media(max-width:1100px) and (min-width:581px){.service-board{grid-template-columns:1fr 1fr}.service-card{grid-template-columns:minmax(0,1fr) 150px}}
@media(max-width:900px){.service-board{grid-template-columns:1fr}.service-card{max-width:100%}}
@media(max-width:580px){
  .service-card{grid-template-columns:1fr;grid-template-rows:auto;gap:12px;padding:15px}
  .service-layout-preview{grid-column:1;grid-row:auto;aspect-ratio:16/9}
  .service-card .service-card-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
  .service-card .service-card-actions [data-service-view],.service-card .service-card-actions [data-service-edit],.service-card .service-card-actions [data-service-delete],.service-card .service-card-actions [data-service-print],.service-card .service-card-actions [data-service-png]{grid-column:auto;grid-row:auto}
  .service-card .service-card-actions .card-status-select{grid-column:1/-1;grid-row:auto}
  .service-card .service-card-actions>.card-status-select-wrapper{grid-column:1/-1;grid-row:auto}
  .service-card .service-card-actions button{white-space:normal;min-height:42px}
}