/* Shared card / calculator selection feedback, in the site's soft glass palette. */
.services{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.service{display:flex;flex-direction:column;transition:background .3s,border-color .3s,box-shadow .3s,transform .3s}
.service .price{margin-top:auto;padding-top:24px}
.service-add{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:48px;padding:10px 15px;border:1px solid var(--glass-line);border-radius:20px;background:rgba(255,255,255,.25);color:var(--ink);font:inherit;font-size:13px;cursor:pointer}
.service-action-icon{font-size:23px;line-height:1}.service-add:focus-visible,#reset-services:focus-visible{outline:3px solid #28785c;outline-offset:4px}
.service.is-selected{background:linear-gradient(135deg,rgba(178,235,208,.74),rgba(218,244,234,.58))!important;border-color:rgba(71,154,115,.48)!important;box-shadow:inset 0 1px 1px #fff9,0 14px 40px #478b711c!important}
.service.is-selected .service-add{background:#c1ead5a6;border-color:#54987a66;color:#205b44}
.service-add:disabled{cursor:default;opacity:.7}
.dark-theme .service.is-selected{background:linear-gradient(135deg,rgba(36,92,72,.79),rgba(34,67,63,.72))!important;border-color:#75bd9980!important}
.dark-theme .service.is-selected .service-add{background:#38785e55;color:#c4f2dc;border-color:#75bd9980}
#reset-services{border:1px solid var(--glass-line);border-radius:16px;background:transparent;color:var(--muted);font:inherit;font-size:12px;padding:10px 14px;cursor:pointer}#reset-services:disabled{opacity:.45;cursor:default}
.mode input:checked+span{background:#bce7d66b!important;border-color:#54987a66!important}.dark-theme .mode input:checked+span{background:#38785e55!important}
.mix-option input:checked+.calc-toggle{background:#54987a}input[type=range]{accent-color:#54987a}
@media(max-width:900px){.services{grid-template-columns:1fr}.service{display:flex}.service .price{padding-top:16px}}
@media(prefers-reduced-motion:reduce){.service{transition:none}}.motion-paused .service{transition:none}

.recording-actions{display:flex;gap:8px}.recording-actions .service-minus{width:48px;flex:0 0 48px;justify-content:center;font-size:23px}.recording-actions #add-recording{flex:1;min-width:0}