/* Ridicare Profi (pages/profi_pv): the driver's form (raion cards with their switches, quarter chips, stars) and
   Admin › Ridicare Profi (quarter rules table, shop emails). Linked from index.html after lists.css. */
.raion.off { opacity: .72; }
.raion h2 { margin: 0; font-size: 1.1rem; }
.stars { display: flex; gap: .3rem; }
.stars .star {
    font-size: 1.8rem; line-height: 1; padding: .2rem .35rem; background: transparent; border: 0; color: var(--line-strong);
    cursor: pointer;
}
.stars .star.on { color: var(--warn); }
.phone .chips .chip-btn { min-width: 3.2rem; justify-content: center; font-size: 1.15rem; }
/* A checkbox drawn as an on/off switch, big enough for a thumb. */
.switch-row { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: .8rem; margin: 0; }
.switch-row.head { cursor: pointer; }
.sub-switches { display: flex; flex-direction: column; gap: .5rem; padding-left: .8rem; border-left: 3px solid var(--line); }
.sub-switches .switch-row span { font-weight: 400; color: var(--ink); }
input[type=checkbox].switch {
    appearance: none; -webkit-appearance: none; width: 52px; height: 30px; flex: none; margin: 0; border-radius: 15px;
    background: var(--line-strong); position: relative; cursor: pointer; transition: background .15s;
}
input[type=checkbox].switch::after {
    content: ""; position: absolute; top: 3px; left: 3px; width: 24px; height: 24px; border-radius: 50%;
    background: #fff; transition: left .15s; box-shadow: 0 1px 2px rgb(0 0 0 / .3);
}
input[type=checkbox].switch:checked { background: var(--ok, #16a34a); }
input[type=checkbox].switch:checked::after { left: 25px; }
.pv-summary { margin: 0; font-weight: 600; }
table.quarter-rules td, table.quarter-rules th { text-align: center; }
table.quarter-rules td:first-child, table.quarter-rules th:first-child { text-align: left; }