/* Compact owner agenda on phones. Keep controls easy to tap. */
@media (max-width:600px){
 .classic main{padding-inline:16px}
 .classic .owner-header{padding-top:20px}
 .classic .original-logo{width:140px;height:140px;margin-bottom:20px}
 .classic .owner-caption{font-size:13px}
 .classic .owner-hello{margin:12px 0 16px;font-size:16px}
 .classic nav.classic-nav{gap:6px;margin-bottom:16px}
 .classic nav.classic-nav button{min-height:40px;padding:8px 9px;font-size:11px}
 .classic .professional-filter{margin:12px 0 16px}
 .classic .professional-filter>span{margin-bottom:10px;font-size:12px}
 .classic .professional-filter>div{gap:8px}
 .classic .professional-filter button{min-height:44px;padding:8px 12px;font-size:14px}
 .classic .finance-button{min-height:44px;margin-bottom:12px;padding:10px 12px;font-size:16px}
 .classic .classic-actions{gap:8px;margin-bottom:14px}
 .classic .classic-actions button{min-height:44px;padding:9px 8px;font-size:14px;line-height:1.4}
 .classic .toolbar{padding:6px 0}
 .classic .date-nav{max-width:100%;gap:6px}
 .classic .date-nav>button{min-width:36px;min-height:44px}
 .classic .date-label{flex:1;min-width:0;gap:5px;justify-content:center}
 .classic .date-label input{width:135px;max-width:100%;min-height:44px}
 .classic .classic-date{padding:10px 0 14px;font-size:17px}
 .classic .day-heading{padding:6px 0 12px;gap:8px}
 .classic .day-heading h2{font-size:12px}
 .classic .view-buttons{gap:6px}
 .classic .view-buttons button{min-height:40px;padding:8px 11px;font-size:12px}
 .classic .pro-title{padding:8px 0 12px}
 .classic .pro-title h3{font-size:14px}
 .classic .timeline .appointment{min-height:98px;padding:12px 9px}
 .classic .fit-slot{min-height:44px;padding:11px 9px}
}

/* Keep the selected services action within reach on mobile. */
.customer-service-checkout-space{height:180px}
.customer-service-checkout{position:fixed;left:50%;bottom:0;transform:translateX(-50%);z-index:40;box-sizing:border-box;width:min(100%,600px);padding:12px 20px calc(12px + env(safe-area-inset-bottom,0px));background:#111;border-top:1px solid #111;box-shadow:0 -6px 24px #0006}
.customer-service-checkout .customer-selection-total{margin:0 0 8px}
.customer-service-checkout .customer-primary{margin-top:0}
.customer-service-checkout .error{margin:0 0 8px}

.pr-service-team{border:1px solid #111;border-radius:12px;padding:14px;margin:16px 0;min-width:0}.pr-service-team legend{color:#111;font-weight:600}.pr-service-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(110px,140px);gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #ffffff18}.pr-service-row>label:first-child{display:flex;flex-direction:row;align-items:center;gap:10px;overflow-wrap:anywhere}.pr-service-row input[type=checkbox]{width:22px;height:22px;flex-shrink:0;accent-color:#111}.pr-service-row select{width:100%;min-width:0}.pr-professional-services{margin-bottom:20px}.dialog{max-height:90dvh;overflow-y:auto}

.pr-service-team{border-color:#ccc}.pr-service-team legend{color:#111}.pr-service-row{border-color:#ddd}.pr-service-row input[type=checkbox]{accent-color:#111}
#primen-customer-return{background:#fff;color:#111;border-color:#ccc}#primen-customer-return :is(p,small,h3,a){color:#111}#primen-customer-return a{background:#fff;border:1px solid #ccc}