:root{font-family:Inter,system-ui,sans-serif;color:#302a3c;background:#faf8ff;--purple:#7e65ad;--light:#f1ebf8;--orange:#ff793e}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}h1,h2,h3,p{margin:0}h1,h2{font-family:Unbounded,Inter,sans-serif;color:#76589e}h1{font-size:24px;line-height:1.5}h2{font-size:16px;line-height:1.5}.header{padding:18px max(22px,calc((100% - 1180px)/2));background:#7e65ad url('/assets/school/purple-pattern-alternate.png') center/cover;color:white;display:flex;align-items:center;justify-content:space-between}.logo{font:700 19px Unbounded,sans-serif;color:white;border:0;background:none;padding:0}.logo span{color:#ffb38c}.header-name{font-size:14px}.main{max-width:1220px;margin:auto;padding:30px 20px 70px}.topline,.actions,.tabs,.row{display:flex;align-items:center;gap:12px}.topline{justify-content:space-between;margin-bottom:24px}.tabs{border-bottom:1px solid #e7dfee;margin-bottom:24px;gap:28px}.tabs button{background:none;border:0;padding:14px 0;color:#9887a3}.tabs .active{color:#76589e;border-bottom:3px solid #9574b4}.primary,.secondary,.danger{border:0;border-radius:22px;min-height:42px;padding:10px 17px;font-weight:600;font-size:13px}.primary{background:#ff793e;color:white}.secondary{background:#f0eaf7;color:#705584}.danger{background:#faeceb;color:#a9504b}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card,.panel{background:white;border:1px solid #e9e1f1;border-radius:18px;padding:22px}.card{text-align:left;width:100%;display:grid;gap:20px;color:inherit}.card strong{font:600 18px/1.6 Unbounded,sans-serif}.card small,.muted{color:#806e8a;font-size:12px;line-height:1.7}.card-time{background:#f5effb;padding:15px;border-radius:10px;color:#76589e;font-size:16px}.card-time.empty{background:#faeeec;color:#b45150}.stack{display:grid;gap:16px}.two-col{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px}.panel h2{margin-bottom:15px}.lesson{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid #f0ebf4}.lesson:last-child{border:0}.lesson strong{color:#76589e}.lesson small{display:block;color:#87778f;font-size:12px;margin-top:5px}.public{max-width:850px;margin:28px auto}.public .header{background:#fff;color:#75558d;border-bottom:1px solid #eee8f5}.public .logo{color:#7e65ad}.public-main{margin:24px auto;background:white;border:1px solid #e9e1f1;border-radius:20px;padding:28px}.public-main h1{font-family:Inter,sans-serif;font-size:19px}.dates{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin:15px 0 22px}.date,.slot{border:1px solid #e6dcec;border-radius:10px;background:#faf7fd;color:#765d88;padding:12px 5px}.date.active,.slot.active{background:#7e65ad;color:white}.date small{display:block;font-size:10px;margin-bottom:5px}.slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:15px}.slot{padding:17px 5px}.slot small{display:block;font-size:11px;margin-top:5px}.field{display:grid;gap:8px;margin:14px 0;color:#74627f;font-size:13px}.field input,.field select{border:1px solid #e5dced;border-radius:10px;padding:11px 12px;width:100%;background:#fcfaff;color:#483b51;min-height:44px}.center{max-width:440px;margin:8vh auto}.panel .actions{justify-content:flex-end;margin-top:20px;flex-wrap:wrap}dialog{border:0;border-radius:20px;padding:26px;width:min(470px,calc(100% - 28px));box-shadow:0 20px 50px #35244133}dialog::backdrop{background:#30213c66}.dialog-title{display:flex;justify-content:space-between;align-items:start;gap:20px}.error{color:#a94642;font-size:13px;line-height:1.6}.notice{position:fixed;right:20px;bottom:20px;background:#4a3c57;color:white;border-radius:12px;padding:12px 16px}#notice:empty{display:none}.brand-picture{width:130px;height:auto}.status{padding:12px;background:#fff1e5;border-radius:10px;color:#a3703f;font-size:12px;line-height:1.7}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ad8bcc;outline-offset:2px}@media(max-width:700px){.cards,.two-col{grid-template-columns:1fr}.main{padding:20px 16px 50px}.public{margin:0}.public-main{margin:12px;padding:18px}.slots{grid-template-columns:repeat(2,minmax(0,1fr))}.dates{gap:4px}.date{padding:10px 1px}.topline{flex-wrap:wrap}.lesson{flex-wrap:wrap}.lesson .actions{width:100%;justify-content:flex-end}}
.header.hero{display:block;padding-top:12px;padding-bottom:8px}.header-inner{width:100%}.header-top{display:flex;justify-content:space-between;align-items:center;min-height:38px}.hero-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:relative;padding-right:225px;min-height:100px}.hero-stat{display:grid;grid-template-columns:auto 1fr;column-gap:8px;row-gap:5px;align-content:center;text-align:left;border:0;background:none;color:white;padding:8px 13px}.hero-stat span{grid-column:1/-1;font-size:12px;color:#eee8fa}.hero-stat strong{font:500 40px/1 Unbounded,sans-serif}.hero-stat small{font-size:12px;align-self:end;padding-bottom:4px}.hero-stat:first-child strong{color:#ffc19e}.hero-mascot{position:absolute;right:0;bottom:0;width:220px;height:100px;object-fit:contain}.slot.occupied{background:#f4f2f6;color:#a294ac;text-align:center}.slot.own{background:#eef2fa;color:#738aad}@media(max-width:700px){.hero-stats{grid-template-columns:repeat(2,minmax(0,1fr));padding-right:110px}.hero-stat strong{font-size:30px}.hero-stat span,.hero-stat small{font-size:10px}.hero-mascot{width:120px;height:70px}}
.header-inner{max-width:1180px;margin:auto}.profile{position:relative}.profile summary{display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none}.profile summary::-webkit-details-marker{display:none}.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#ffffff25;color:white;font-size:11px}.profile-menu{position:absolute;right:0;top:42px;z-index:5;background:white;border:1px solid #e9e1f1;border-radius:12px;padding:6px;box-shadow:0 12px 30px #59407022;min-width:170px}.profile-menu button{display:block;width:100%;background:none;border:0;color:#705584;text-align:left;padding:11px;border-radius:8px}.profile-menu button:hover{background:#f5f0fa}.nav-row{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #e7dfee;margin-bottom:24px}.nav-row .tabs{margin:0;border:0;flex-shrink:0}.list-actions{display:flex;gap:12px;align-items:center}.list-actions input{width:190px;border:1px solid #e5dced;border-radius:23px;min-height:42px;padding:10px 16px;background:white}.student-card{min-height:235px;gap:14px;padding:22px}.student-card[hidden]{display:none}.card-head{display:flex;justify-content:space-between;align-items:start;min-height:64px}.card-head strong span{display:block}.card-head img{width:56px;height:56px;object-fit:contain}.student-card .card-time{display:flex;align-items:center;justify-content:space-between;min-height:72px;font-size:17px;font-weight:600;gap:8px}.student-card .card-time time{font-size:30px;font-weight:600}.card-time.today{background:#fff0e5;color:#c67b4f}.card-time.tomorrow{background:#fff8de;color:#aa8a30}.card-time.later{background:#f2ebf9;color:#84629f}.card-time.empty{background:#fcf0ef;color:#ae4d4a}.soon{display:block;width:max-content;background:#ff793e;color:white;font-size:9px;padding:4px;border-radius:4px;margin-bottom:5px}@media(max-width:700px){.nav-row{flex-wrap:wrap;gap:0}.nav-row .tabs{width:100%}.list-actions{width:100%;padding:10px 0}.list-actions input{width:0;flex:1;min-width:0}.list-actions .primary{white-space:nowrap}.student-card{min-height:205px}}
.calendar-controls{display:flex;align-items:center;gap:20px;margin-bottom:20px}.calendar-controls>.secondary{margin-left:auto}.calendar-controls>.actions strong{color:#705584;white-space:nowrap}.cal-modes{display:flex;background:#eee7f7;border:1px solid #e2d7ee;border-radius:22px;padding:4px}.cal-modes button{border:0;background:transparent;border-radius:18px;padding:8px 15px;color:#765d88;font-size:12px}.cal-modes button.selected{background:white;color:#6e4e86}.calendar-scroll{overflow:auto;border:1px solid #e7dfee;background:white;border-radius:17px}.calendar-grid{min-width:calc(50px + var(--days)*145px)}.cal-head,.cal-body{display:grid;grid-template-columns:50px repeat(var(--days),minmax(145px,1fr))}.cal-head{border-bottom:1px solid #eee7f5}.cal-head>div:not(:first-child){display:grid;justify-items:center;gap:4px;padding:10px;color:#796b85;font-size:12px}.cal-head strong{font-size:18px;color:#715281}.cal-head .is-today{background:#7e65ad;color:white;border-radius:50%;width:29px;height:29px;display:grid;place-items:center}.cal-body{height:var(--height)}.cal-axis,.cal-column{height:var(--height);position:relative}.cal-axis span{position:absolute;left:7px;font-size:11px;color:#887896;transform:translateY(-5px)}.cal-column{border-left:1px solid #eee8f4;background:repeating-linear-gradient(to bottom,#fff 0,#fff 53px,#f0eaf5 53px,#f0eaf5 54px)}.cal-cell{position:absolute;left:0;right:0;width:100%;border:0;background:transparent}.cal-cell:hover{background:#faf4ff}.cal-event{position:absolute;z-index:2;left:5px;right:5px;width:calc(100% - 10px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;text-align:left;border-radius:7px;padding:4px 7px;overflow:hidden}.cal-event strong{font-size:12px;line-height:1.2}.cal-event small{font-size:10px;line-height:1.2}.cal-event.lesson{background:#edf3fc;border:1px solid #dce8f8;color:#416c9d}.cal-event.busy{background:#fbece9;border:1px solid #f4ded9;color:#a55750}.calendar-note{margin-top:18px}.month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));background:white;border:1px solid #e7dfee;border-radius:17px;overflow:hidden}.month-heading{text-align:center;padding:12px;color:#806d8d;font-size:12px}.month-day{min-height:100px;display:flex;flex-direction:column;align-items:stretch;text-align:left;gap:4px;background:white;border:0;border-top:1px solid #eee8f4;border-left:1px solid #eee8f4;padding:8px;color:#765b8b}.month-day.outside{color:#c4b9cb;background:#faf8fc}.month-event{font-size:10px;padding:4px;background:#edf3fc;color:#416c9d;border-radius:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.month-event.busy{background:#fbece9;color:#a55750}@media(max-width:700px){.calendar-controls{flex-wrap:wrap;gap:10px}.calendar-controls>.actions{width:100%;justify-content:space-between}.calendar-controls>.secondary{margin-left:0}.cal-modes{flex:1}.cal-modes button{flex:1}.month-day{min-height:65px;padding:4px}.month-event{font-size:0;height:5px;padding:0}}
.cal-event.busy{touch-action:none;cursor:grab}.cal-event.busy:active{cursor:grabbing}.resize-handle{position:absolute;bottom:1px;left:35%;width:30%;height:10px;cursor:ns-resize}.resize-handle:after{content:'';display:block;width:22px;height:2px;background:#bf9996;border-radius:2px;margin:5px auto}
.cal-column.closed,.cal-cell.is-closed{background:#f5f3f7}.cal-cell.is-closed:hover{background:#f5f3f7}.cal-cell:disabled{opacity:1}
.mascot-moment{position:fixed;z-index:40;right:18px;bottom:0;width:335px;height:255px;pointer-events:none;animation:mascot-arrive .5s cubic-bezier(.2,.8,.25,1) both}
.mascot-character{position:absolute;width:285px;height:285px;object-fit:contain;right:-29px;bottom:-52px;filter:drop-shadow(0 8px 12px #5f447a18);transform-origin:65% 85%;animation:mascot-greet .6s .4s ease-in-out both;pointer-events:none;user-select:none}
.mascot-bubble{position:absolute;right:92px;bottom:172px;display:flex;align-items:center;gap:12px;max-width:270px;padding:15px 17px;border:1px solid #e3d7ef;border-radius:21px 21px 5px 21px;background:#fff;color:#785394;box-shadow:0 8px 28px #6844851c;font:500 13px/1.6 'Unbounded',sans-serif;text-align:left;pointer-events:auto;cursor:pointer;animation:mascot-speak .26s .28s ease-out both}
.mascot-bubble:after{content:'';position:absolute;right:17px;bottom:-9px;width:14px;height:14px;background:#fff;border-right:1px solid #e3d7ef;border-bottom:1px solid #e3d7ef;transform:skewY(35deg)}
.mascot-dismiss{width:12px;height:12px;opacity:.45;flex-shrink:0}
.mascot-bubble:hover{background:#fffaf6}
.mascot-bubble:focus-visible{outline:3px solid #ad8bcc;outline-offset:4px}
.mascot-moment.leaving{animation:mascot-leave .2s ease-in both}
@keyframes mascot-arrive{from{transform:translateY(110%);opacity:0}to{transform:translateY(0);opacity:1}}
@keyframes mascot-speak{from{opacity:0;transform:translateY(6px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes mascot-greet{0%,100%{transform:rotate(0)}40%{transform:rotate(-4deg)}70%{transform:rotate(2deg)}}
@keyframes mascot-leave{to{opacity:0;transform:translateY(30px)}}
@media(prefers-reduced-motion:reduce){.mascot-moment,.mascot-character,.mascot-bubble,.mascot-moment.leaving{animation:none!important;transition:none!important}}

/* Новая фронтальная поза с учительским журналом. */
.mascot-moment{width:380px}
.mascot-character{width:175px;height:220px;right:8px;bottom:-13px;transform-origin:55% 90%}
.mascot-bubble{right:135px;bottom:181px}
[hidden]{display:none!important}.public-student{margin-top:6px;margin-bottom:16px}.public .header{border-radius:16px 16px 0 0;padding:20px 26px;gap:20px}.public-main{margin-top:0;border-top:0;border-radius:0 0 20px 20px}.public .date-heading{margin-top:24px;margin-bottom:14px}.public-lesson .actions{flex-wrap:nowrap}.public-lesson .deadline-note{max-width:390px;color:#a47b60;line-height:1.6}.booking-policy{margin-top:22px}.move-notice{display:flex;justify-content:space-between;align-items:center;padding:13px 15px;border-radius:10px;background:#f3edf8;color:#76589e;font-size:13px;margin-bottom:16px}.slots>.empty-copy{grid-column:1/-1}.booking-link input{overflow:hidden;text-overflow:ellipsis}.lesson-meta small{text-transform:none}.public-main>h2{margin-bottom:12px}.dialog-title{align-items:center}.dialog-title h2{margin:0}.cal-axis span:first-child{transform:none}.date small{text-transform:capitalize}
.toggle-line{display:flex;align-items:center;gap:8px;font-size:13px;color:#74627f;margin:15px 0 30px}input[type=checkbox],input[type=radio]{accent-color:#7e65ad}.settings-form .schedule-title{margin-bottom:8px}.settings-form .schedule-row:first-of-type{margin-top:15px}.settings-form input:disabled{opacity:.45}.settings-form>.actions{margin-top:25px}.settings-form>.error:not(:empty){margin-top:18px}.lesson-date small{text-transform:capitalize}.panel .topline h2{margin:0}
.admin-integration{margin-top:24px}.connection-steps{padding-left:22px;margin:22px 0;font-size:13px;line-height:1.8;color:#7d6b88}.connection-steps li{padding-left:5px;margin:12px 0}.connection-steps a{color:#76589e;text-underline-offset:3px}.connection-steps code{background:#f2ebf8;border-radius:4px;padding:2px 5px;color:#705584}.lesson-row .lesson-meta small{text-transform:none}
dialog form>.actions{justify-content:flex-end;margin-top:22px}.public-main .status{margin-bottom:20px}.cal-slot:focus-visible{z-index:3}.calendar-dialog .cal-event{pointer-events:none}
.header-name{max-width:min(280px,48vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile,.profile summary{min-width:0}.student-card .soon{color:white;font-size:9px}.card-head img{flex-shrink:0}
.booking-confirm{display:grid;justify-items:center;gap:12px;padding:25px 0;color:#76589e}.booking-confirm>strong{font-size:35px;font-weight:600}.booking-confirm>span:last-child{font-size:13px;color:#8b7997}.action-error:not(:empty){margin-top:16px}

/* Shared spacing and the approved student detail layout. */
body{background:#faf8ff url('/assets/school/peach-shape.svg') no-repeat calc(100% + 540px) 400px / 920px 920px fixed}
.header.compact{background:#fff;border-bottom:1px solid #e9e1f1;color:#44394f}
.header.compact .logo{color:#76589e}.header.compact .avatar{background:#efe7f6;color:#76589e}
.header-name{font-weight:600}.header .avatar{width:36px;height:36px}
.hero-stat{border-right:1px solid #ffffff15}.hero-stat:last-of-type{border:0}
.tabs button{font-weight:600;font-size:16px}.card-head strong{font-size:20px;line-height:1.35;overflow-wrap:anywhere}
.two-col{align-items:start}.stack{align-content:start;min-width:0}.panel{min-width:0}
.panel .lesson .actions,.panel .section-heading .actions{margin:0;flex-wrap:nowrap}
.panel .section-heading h2{margin:0}.student-heading{display:flex;align-items:center;gap:16px;margin-bottom:26px}
.student-heading h1{flex:1;min-width:0;overflow-wrap:anywhere}.icon-button{display:inline-grid;place-items:center;width:40px;height:40px;min-height:40px;padding:11px;border-radius:50%;flex:0 0 40px;border:0;background:#f1eaf8;color:#77578f}
.icon-button img{width:17px;height:17px}.danger.icon-button{background:#fbeceb;color:#a9504b}.danger.icon-button img{filter:sepia(1) saturate(3)}
.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}
.section-heading h2{font-size:14px}.section-heading button{white-space:nowrap;font-size:12px}
.count{display:inline-grid;place-items:center;min-width:24px;height:24px;border-radius:50%;background:#f3edf8;color:#a490b3;font:500 11px Inter,sans-serif;margin-left:5px;vertical-align:middle}
.lesson-row{display:flex;align-items:center;gap:18px;min-height:74px}.lesson-row .lesson-date{min-width:100px}.lesson-row strong{font-size:13px}.lesson-row time{font-size:25px;font-weight:600;color:#76589e;white-space:nowrap}.lesson-meta{flex:1;min-width:80px}.lesson-meta strong{font-weight:400;color:#514459}.lesson-row .actions{margin-left:auto}.lesson-row small{text-transform:capitalize}.cancelled-label{font-size:10px;background:#fff1ec;color:#ad8580;padding:5px 8px;border-radius:5px;margin-left:auto}
.student-avatar{display:grid;place-items:center;background:#eee3f5;color:#76589e;border-radius:50%;width:58px;height:58px;font:600 18px Unbounded,sans-serif}.summary-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.summary-top .icon-button{width:32px;height:32px;min-height:32px;flex-basis:32px;padding:8px}.student-summary h2{font-size:17px;color:#302a3c;overflow-wrap:anywhere}.student-numbers{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:26px 0}.student-numbers>div{display:grid;gap:8px}.student-numbers b{font-size:25px;color:#76589e}.student-numbers small{color:#796b81;font-size:12px;line-height:1.6;max-width:110px}.status p{margin:6px 0 10px}.status.connected{background:#f0f5ed;color:#608256}.text-button{border:0;padding:0;background:none;text-decoration:underline;text-underline-offset:3px;font-size:12px;color:inherit}.booking-link input{width:100%;padding:12px;border:1px solid #eee7f5;border-radius:10px;background:#f7f2fb;color:#7f708b;font-size:12px;margin:14px 0 16px}.booking-link>.primary{width:100%}.booking-link a{display:block;color:#6f5e7d;text-align:center;font-size:12px;margin-top:15px;text-decoration:none}.package-row{display:flex;align-items:center;width:100%;gap:15px;text-align:left;background:white;border:0;border-bottom:1px solid #eee8f3;padding:16px 2px;color:#705383}.package-row:hover{background:#fdfaff}.package-row>img{width:48px;height:48px;object-fit:contain}.package-row>span:nth-child(2){flex:1}.package-row strong{display:block;font-size:14px}.package-row small{display:block;font-size:12px;color:#81718b;margin-top:6px}.package-balance{text-align:right;font-size:11px}.package-balance b{font-size:26px;font-weight:600}.package-arrow{color:#b7a6c2}.deleted-packages{margin-top:18px;color:#82718d;font-size:12px}.deleted-packages summary{cursor:pointer}.empty-copy{padding:10px 0 14px}.dialog-copy{margin:18px 0 24px}dialog>.actions{justify-content:flex-end;margin-top:22px}dialog::backdrop{animation:fade-in .15s ease}dialog[open]{animation:dialog-in .2s ease-out}input::placeholder{color:#b4a8bd}.field input,.field select{min-width:0}button,a,input,select{-webkit-tap-highlight-color:transparent}.center{padding:0 15px}.notice{z-index:100;max-width:calc(100vw - 40px)}
@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes dialog-in{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:1000px){.two-col{grid-template-columns:minmax(0,1fr) 290px}.lesson-row{flex-wrap:wrap;gap:12px}.lesson-row .actions{margin-left:auto}.lesson-row .lesson-meta{flex:1}.section-heading{flex-wrap:wrap}.header.hero{padding-inline:24px}.hero-stats{padding-right:180px}.hero-mascot{width:175px}.hero-stat{padding-inline:8px}.hero-stat strong{font-size:34px}.hero-stat small{font-size:10px}}
@media(max-width:700px){.two-col{grid-template-columns:1fr}.student-heading{gap:12px}.student-heading h1{font-size:21px}.header-name{font-size:12px}.header-top{gap:15px}.header.hero{padding-inline:16px}.hero-stats{padding-right:100px}.hero-stat strong{font-size:28px}.hero-mascot{width:110px}.hero-stat:nth-child(2){border:0}.hero-stat{column-gap:4px}.panel{padding:20px}.section-heading{gap:12px}.lesson-row .lesson-meta{min-width:100px}.lesson-row .actions{width:auto}.mascot-moment{width:min(360px,100vw);right:0}.mascot-bubble{font-size:11px;right:125px;padding:12px;max-width:210px}.student-summary{order:-1}}
@media(prefers-reduced-motion:reduce){dialog[open],dialog::backdrop{animation:none!important}}
.cal-column{background:repeating-linear-gradient(to bottom,#fff 0,#fff 59px,#f0eaf5 59px,#f0eaf5 60px)}.cal-head{position:sticky;top:0;z-index:4;background:white}.cal-event strong{font-size:13px}.cal-event small{font-size:11px}.cal-event.lesson{margin:0;min-height:0}.cal-event:disabled{opacity:1}.calendar-dialog{width:min(1150px,calc(100vw - 32px));max-height:94vh;padding:24px;overflow:auto}.calendar-dialog .calendar-scroll{max-height:52vh}.picker-intro{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:14px 0 20px;color:#76589e}.picker-package{margin:0;display:flex;align-items:center;gap:12px}.picker-package select{width:auto;max-width:280px}.picker-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:20px}.cal-slot{position:absolute;left:4px;right:4px;width:calc(100% - 8px);border:1px solid #eee9f3;border-radius:7px;background:white;z-index:1;text-align:left;color:#867692;padding:6px 9px;display:grid;align-content:center;gap:3px}.cal-slot small{font-size:10px;color:#b2a7bb}.cal-slot:hover{border-color:#a88cc5;background:#fcfaff}.cal-slot.picked{background:#f4eefa;border-color:#9675b4;color:#76589e}.calendar-dialog .cal-slot.picked:after{content:'✓';position:absolute;right:8px;top:8px}.calendar-dialog .cal-cell:disabled:not(.is-closed){background:#faf9fc}.calendar-dialog .calendar-grid{min-width:1065px}.calendar-dialog .dialog-title h2{padding-top:7px}.calendar-dialog .actions{flex-shrink:0}.calendar-dialog .calendar-controls{justify-content:space-between}.calendar-scroll{scrollbar-width:thin}.calendar-controls .actions>button{display:grid;place-items:center;min-width:40px;padding:10px}.calendar-controls .actions>strong{min-width:145px}.settings-layout{max-width:900px}.settings-form input[type=time]{border:1px solid #e5dced;border-radius:10px;background:#fcfaff;padding:10px;color:#675273}.settings-form .schedule-row{display:grid;grid-template-columns:minmax(150px,1fr) 120px 20px 120px;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #f0ebf4}.settings-form .schedule-row label{font-size:13px;color:#6a5b75}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.field input[type=checkbox]{width:auto;min-height:0}.field-radio{display:flex;gap:8px;flex-wrap:wrap;border:0;padding:0;margin:10px 0 20px}.field-radio legend{font-size:13px;color:#74627f;margin-bottom:10px}.field-radio label{position:relative;cursor:pointer}.field-radio input{position:absolute;opacity:0;width:1px;height:1px}.field-radio span{display:block;padding:10px 14px;border:1px solid #e5dced;border-radius:12px;font-size:13px;color:#887396}.field-radio input:checked+span{background:#f1e9f8;color:#705584;border-color:#bca7ce}.field-radio input:focus-visible+span{outline:3px solid #ad8bcc;outline-offset:2px}.field-radio~.custom-subject{margin-top:-8px}
@media(max-width:700px){.calendar-dialog{padding:18px;width:calc(100vw - 18px)}.picker-footer{flex-wrap:wrap}.picker-footer .actions{margin-left:auto}.picker-intro{align-items:start;flex-direction:column;gap:8px}.picker-package{flex-wrap:wrap}.calendar-dialog .calendar-controls{gap:8px}.calendar-dialog .calendar-controls>.actions{justify-content:space-between}.form-grid{grid-template-columns:1fr}.settings-form .schedule-row{grid-template-columns:1fr 96px 12px 96px;gap:6px}.settings-form .schedule-row input[type=time]{width:96px;font-size:12px;padding:8px}.settings-form .schedule-row label{font-size:11px}}