/* «Кинематограф» в кабинете и служебных страницах: та же типографика и палитра,
 * плотная вёрстка без декоративного движения. Палитра — tokens.css.
 */
body.ui-v2:not(.with-client-tabs, .cn-page) :is(h1, .owner-heading h1, .schedule-heading h1) {
  font-family: "Oswald", "Arial Narrow", sans-serif; font-weight: 600; text-transform: uppercase;
  letter-spacing: .005em; line-height: .95;
}
body.ui-v2:not(.with-client-tabs, .cn-page) h1 { font-size: clamp(2.2rem, 9vw, 3.4rem); }
body.ui-v2:not(.with-client-tabs, .cn-page) .owner-list h3 { font-weight: 700; }
body.ui-v2:not(.with-client-tabs, .cn-page) :is(.ap-brand, .site-header .brand, .mobile-studio-name, .workspace-breadcrumb strong) {
  font-family: "Oswald", "Arial Narrow", sans-serif; font-weight: 600; text-transform: uppercase; letter-spacing: .02em;
}
body.ui-v2:not(.with-client-tabs, .cn-page) :is(.button, [data-slot="button"]) { border-radius: 999px; }
body.ui-v2:not(.with-client-tabs, .cn-page) :is(input, select, textarea):not([type="checkbox"], [type="radio"]) { border-radius: 12px; }
.owner-list .service-thumb { width: 48px; height: 48px; flex: none; object-fit: cover; border-radius: 10px; margin-right: 14px; }
.image-field { position: relative; display: grid; gap: 10px; justify-items: start; }
.image-field img { width: min(100%, 320px); aspect-ratio: 4 / 3; object-fit: cover; border-radius: 12px; }
.image-field input[type="file"] { position: absolute; left: 0; top: 0; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.image-pick { display: inline-flex; align-items: center; gap: 10px; min-height: 48px; padding: 0 20px; border-radius: 999px; background: var(--color-paper-3); color: var(--color-ink); font: 600 15px/1 var(--font-body); cursor: pointer; }
.image-pick .app-icon { width: 18px; height: 18px; }
.image-field:focus-within .image-pick { outline: 2px solid var(--color-focus); outline-offset: 3px; }
.image-name { color: var(--color-muted); font-size: 14px; overflow-wrap: anywhere; }
.image-clear { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; font-weight: 500; color: var(--color-muted); }
.image-clear input { width: 20px; height: 20px; accent-color: var(--color-accent); }
.mobile-studio-name::after { content: "/"; margin-left: 4px; color: var(--color-accent); }
.workspace-mobile-tabs [aria-current="page"]:not(.mobile-add-booking) { background: none; color: var(--color-accent); }