:root{--qkd-purple:#50259b;--qkd-blue:#0e477f;--qkd-pink:#ed367d;--qkd-ink:#17152d;--qkd-muted:#777287;--qkd-line:#ece7f2;--qkd-bg:#f8f7fb}.qk-page-main:has(.qkd){margin:0;max-width:none;padding:0}.qkd{background:var(--qkd-bg);color:var(--qkd-ink);display:grid;grid-template-columns:225px minmax(0,1fr);min-height:calc(100vh - 76px)}.qkd-sidebar{background:linear-gradient(180deg,#4e2398,#32156e);color:#fff;padding:28px 18px;position:relative}.qkd--admin .qkd-sidebar{background:linear-gradient(180deg,#0e477f,#082f5b)}.qkd-brand{align-items:center;color:#fff;display:flex;font-size:15px;gap:9px;margin:0 8px 34px}.qkd-brand span{align-items:center;background:#fff1;border:1px solid #fff3;border-radius:9px;display:flex;height:36px;justify-content:center;width:36px}.qkd-sidebar nav{display:flex;flex-direction:column;gap:7px}.qkd-sidebar nav a{align-items:center;border-radius:9px;color:#e9ddfa;display:flex;font-size:12px;font-weight:700;gap:11px;padding:11px 13px}.qkd-sidebar nav a:hover,.qkd-sidebar nav a.is-active{background:#fff;color:var(--qkd-purple)}.qkd--admin .qkd-sidebar nav a:hover,.qkd--admin .qkd-sidebar nav a.is-active{color:var(--qkd-blue)}.qkd-sidebar nav i{font-size:16px;font-style:normal;width:19px}.qkd-content{min-width:0;padding:28px 34px 60px}.qkd-topbar{align-items:center;display:flex;margin-bottom:25px}.qkd-topbar>div{flex:1}.qkd-topbar span{color:var(--qkd-muted);font-size:11px}.qkd-topbar h1{color:var(--qkd-ink)!important;font-size:27px!important;margin:2px 0}.qkd-user{align-items:center;color:var(--qkd-ink);display:flex;font-size:11px;font-weight:700;gap:8px}.qkd-user span{align-items:center;background:linear-gradient(135deg,#f5d9e9,#d9cefa);border-radius:50%;color:var(--qkd-purple);display:flex;font-size:14px;font-weight:800;height:38px;justify-content:center;width:38px}.qkd-menu-button{display:none}.qkd-stats{display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.qkd-stats article{background:#fff;border:1px solid var(--qkd-line);border-radius:14px;box-shadow:0 8px 22px #4527760a;min-height:128px;padding:20px;position:relative}.qkd-stat-icon{align-items:center;background:#f4effd;border-radius:9px;color:var(--qkd-purple);display:flex;font-size:17px;height:34px;justify-content:center;position:absolute;right:17px;top:17px;width:34px}.qkd--admin .qkd-stat-icon{background:#edf5fb;color:var(--qkd-blue)}.qkd-stats small,.qkd-stats strong{display:block}.qkd-stats small{color:var(--qkd-muted);font-size:10px;margin-top:52px}.qkd-stats strong{font-size:25px;margin-top:3px}.qkd-grid{display:grid;gap:20px;grid-template-columns:minmax(0,1.7fr) minmax(270px,.8fr);margin-bottom:20px}.qkd-panel{background:#fff;border:1px solid var(--qkd-line);border-radius:15px;box-shadow:0 8px 22px #4527760a;padding:22px}.qkd-panel-heading{align-items:center;display:flex;justify-content:space-between;margin-bottom:17px}.qkd-panel-heading span{color:var(--qkd-pink);font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.qkd-panel-heading h2{color:var(--qkd-ink)!important;font-size:17px!important;margin:2px 0}.qkd-panel-heading a{color:var(--qkd-purple);font-size:10px;font-weight:800}.qkd-people{display:flex;flex-direction:column}.qkd-people>a{align-items:center;border-top:1px solid var(--qkd-line);color:var(--qkd-ink);display:flex;gap:11px;padding:13px 2px}.qkd-avatar{align-items:center;background:#f3edf9;border-radius:50%;color:var(--qkd-purple);display:flex;font-size:12px;font-weight:800;height:38px;justify-content:center;width:38px}.qkd-people div{flex:1}.qkd-people b,.qkd-people small{display:block}.qkd-people b{font-size:12px}.qkd-people small{color:var(--qkd-muted);font-size:9px}.qkd-people>a>i{color:#aaa;font-size:20px;font-style:normal}.qkd-status{border-radius:20px;font-size:9px;font-style:normal;font-weight:800;padding:5px 8px}.qkd-status--active{background:#e7f8ef;color:#25815a}.qkd-status--pending{background:#fff0d8;color:#98600b}.qkd-quick{display:flex;flex-direction:column;gap:11px}.qkd-quick .qkd-panel-heading{margin-bottom:2px}.qkd-quick>a{align-items:center;border:1px solid var(--qkd-line);border-radius:11px;color:var(--qkd-ink);display:flex;gap:11px;padding:14px}.qkd-quick>a>span{align-items:center;background:#f4effd;border-radius:8px;color:var(--qkd-purple);display:flex;height:37px;justify-content:center;width:37px}.qkd-quick b,.qkd-quick small{display:block}.qkd-quick b{font-size:11px}.qkd-quick small{color:var(--qkd-muted);font-size:9px}.qkd-empty{text-align:center;padding:35px}.qkd-empty>span{color:var(--qkd-pink);font-size:30px}.qkd-empty h3{font-size:14px}.qkd-empty p{color:var(--qkd-muted);font-size:10px}.qkd-chart{min-height:245px}.qkd-chart-bars{align-items:end;display:flex;gap:6%;height:150px;padding:10px 6% 0}.qkd-chart-bars i{align-items:center;display:flex;flex:1;flex-direction:column;height:100%;justify-content:end}.qkd-chart-bars i>span{background:linear-gradient(180deg,var(--qkd-pink),var(--qkd-purple));border-radius:7px 7px 2px 2px;height:var(--height);max-width:42px;width:100%}.qkd--admin .qkd-chart-bars i>span{background:linear-gradient(180deg,#3b8fd0,var(--qkd-blue))}.qkd-chart-bars small{color:var(--qkd-muted);font-size:8px;margin-top:7px}
.qkd-user>span{min-width:38px}.qkd-user>div{display:flex;flex-direction:column;line-height:1.25;max-width:170px}.qkd-user b{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qkd-user small{color:var(--qkd-muted);font-size:9px;font-weight:600;margin-top:2px}
@media(max-width:1000px){.qkd{grid-template-columns:1fr}.qkd-sidebar{bottom:0;box-shadow:15px 0 35px #28114a44;left:-250px;position:fixed;top:0;transition:.25s;width:225px;z-index:100}.qkd.is-sidebar-open .qkd-sidebar{left:0}.qkd-menu-button{background:#fff;border:1px solid var(--qkd-line);border-radius:8px;display:block;font-size:20px;height:39px;margin-right:13px;width:42px}.qkd-stats{grid-template-columns:1fr 1fr}}@media(max-width:700px){.qkd-content{padding:20px 14px 45px}.qkd-topbar h1{font-size:21px!important}.qkd-stats{gap:10px}.qkd-stats article{min-height:112px;padding:14px}.qkd-stats small{margin-top:44px}.qkd-grid{grid-template-columns:1fr}.qkd-user>div{max-width:95px}.qkd-panel{padding:17px}}@media(max-width:430px){.qkd-stats{grid-template-columns:1fr}.qkd-stats article{min-height:96px}.qkd-stats small{margin-top:32px}}
.qk-booking-form input[type=radio]{min-height:0;width:auto}.qk-booking-form .form-radios{display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:18px}.qk-booking-form .form-type-radio{background:#faf7fd;border:1px solid var(--qkd-line);border-radius:10px;margin:0;padding:13px}.qk-booking-form .form-type-radio label{font-size:12px;font-weight:700;margin-left:7px}
.qkd-alerts{background:#fff8e8;border:1px solid #f0d698;border-radius:14px;margin-bottom:20px;padding:18px 20px}.qkd-alerts .qkd-panel-heading{margin-bottom:10px}.qkd-alerts article{align-items:center;border-top:1px solid #f0ddb0;display:flex;gap:18px;justify-content:space-between;padding:12px 2px}.qkd-alerts article:first-of-type{border-top:0}.qkd-alerts strong{font-size:12px}.qkd-alerts p{color:var(--qkd-muted);font-size:10px;margin:3px 0 0}.qkd-alerts article>a{background:#2c9b69;border-radius:8px;color:#fff;font-size:10px;font-weight:800;padding:9px 12px;white-space:nowrap}.qkd-alerts article>span{color:#98600b;font-size:10px;font-weight:700}@media(max-width:600px){.qk-booking-form .form-radios{grid-template-columns:1fr}.qkd-alerts article{align-items:flex-start;flex-direction:column}.qkd-alerts article>a{display:block;text-align:center;width:100%}}
.qkb-page{margin:0 auto;max-width:1120px;padding:20px 0 60px}.qkb-heading{text-align:center;margin-bottom:30px}.qkb-heading>span{color:var(--qkd-pink);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.qkb-heading h1{font-size:30px!important;margin:4px 0}.qkb-heading p{color:var(--qkd-muted);font-size:12px}.qkb-teachers{display:grid;gap:18px;grid-template-columns:repeat(3,1fr)}.qkb-teachers article{background:#fff;border:1px solid var(--qkd-line);border-radius:15px;box-shadow:0 10px 30px #4527760c;padding:23px;text-align:center}.qkb-avatar{align-items:center;background:linear-gradient(135deg,#f4d8e8,#d9cff7);border-radius:50%;color:var(--qkd-purple);display:flex;font-size:24px;font-weight:800;height:80px;justify-content:center;margin:0 auto 12px;width:80px}.qkb-teachers h2{font-size:15px!important;margin:3px}.qkb-teachers p{color:var(--qkd-muted);font-size:10px}.qkb-teachers article>div:nth-of-type(2){display:flex;font-size:10px;justify-content:space-between;margin:18px 0}.qkb-teachers article>div span{color:#f4a620}.qkb-teachers article>a,.qkb-pay,.qkb-meet{background:linear-gradient(135deg,var(--qkd-pink),var(--qkd-purple));border-radius:8px;color:#fff;display:inline-block;font-size:11px;font-weight:800;padding:10px 15px}.qkb-bookings{display:flex;flex-direction:column;gap:13px}.qkb-bookings article{align-items:center;background:#fff;border:1px solid var(--qkd-line);border-radius:14px;display:flex;gap:15px;padding:18px}.qkb-booking-icon{align-items:center;background:#f3edfb;border-radius:10px;color:var(--qkd-purple);display:flex;height:46px;justify-content:center;width:46px}.qkb-bookings article>div:nth-child(2){flex:1}.qkb-bookings small,.qkb-bookings h2,.qkb-bookings p{display:block;margin:0}.qkb-bookings small{color:var(--qkd-muted);font-size:9px}.qkb-bookings h2{font-size:14px!important}.qkb-bookings p{color:var(--qkd-muted);font-size:10px}.qkb-meet{background:#2c9b69}.qk-booking-form,.qk-bookings-admin-form{background:#fff;border:1px solid var(--qkd-line);border-radius:16px;box-shadow:0 12px 35px #45277612;margin:10px auto;max-width:850px;padding:30px}.qk-booking-teacher{align-items:center;background:#faf7fd;border-radius:13px;display:flex;gap:15px;margin-bottom:25px;padding:18px}.qk-booking-teacher>span{align-items:center;background:#fff;border-radius:50%;color:var(--qkd-purple);display:flex;font-size:25px;height:58px;justify-content:center;width:58px}.qk-booking-teacher small,.qk-booking-teacher h2,.qk-booking-teacher b{display:block}.qk-booking-teacher h2{font-size:18px!important;margin:2px}.qk-booking-teacher b{color:var(--qkd-pink);font-size:11px}.qk-booking-form input,.qk-booking-form select{border:1px solid var(--qkd-line);border-radius:9px;min-height:45px;padding:8px 11px;width:100%}.qk-booking-note{color:var(--qkd-muted);font-size:10px}.qk-booking-form input[type=submit]{background:linear-gradient(135deg,var(--qkd-pink),var(--qkd-purple));color:#fff;font-weight:800}.qk-demo-payment{background:#f5f9ff;border:1px solid #d8e5f5;border-radius:12px;margin:15px 0;padding:18px}.qk-demo-payment b{color:#063b72}.qk-demo-payment strong{font-size:24px}@media(max-width:800px){.qkb-teachers{grid-template-columns:1fr 1fr}}@media(max-width:600px){.qkb-page{padding:10px 0 40px}.qkb-teachers{grid-template-columns:1fr}.qkb-bookings article{align-items:flex-start;flex-wrap:wrap}.qkb-bookings article>div:nth-child(2){min-width:70%}}

/* Public technical support form. */
.qk-technical-support-form{background:#fff;border:1px solid #e8e1ed;border-radius:18px;box-shadow:0 16px 45px rgba(45,28,63,.09);display:grid;gap:0 20px;grid-template-columns:1fr 1fr;margin:35px auto;max-width:820px;padding:34px 38px}.qk-support-intro{border-bottom:1px solid #eee8f1;grid-column:1/-1;margin-bottom:26px;padding-bottom:20px}.qk-support-intro span{color:#c83d79;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.qk-support-intro h2{font-size:28px;margin:4px 0 6px}.qk-support-intro p{color:#716b79;margin:0}.qk-technical-support-form .form-item{margin-bottom:18px}.qk-technical-support-form .form-item-subject,.qk-technical-support-form .form-item-message,.qk-technical-support-form .form-actions{grid-column:1/-1}.qk-technical-support-form label{display:block;font-size:12px;font-weight:800;margin-bottom:7px}.qk-technical-support-form input[type=text],.qk-technical-support-form input[type=email],.qk-technical-support-form select,.qk-technical-support-form textarea{background:#fff;border:1px solid #ded7e5;border-radius:9px;box-sizing:border-box;font:inherit;padding:11px 12px;width:100%}.qk-technical-support-form input:focus,.qk-technical-support-form select:focus,.qk-technical-support-form textarea:focus{border-color:#7c5cfc;box-shadow:0 0 0 3px rgba(124,92,252,.12);outline:0}.qk-technical-support-form .description{color:#817a89;font-size:10px;margin-top:5px}.qk-technical-support-form input[type=submit]{background:linear-gradient(135deg,#d83f83,#7c5cfc);border:0;border-radius:9px;color:#fff;cursor:pointer;font-weight:800;padding:13px 24px}@media(max-width:700px){.qk-technical-support-form{display:block;margin:20px 12px;padding:25px 20px}.qk-technical-support-form input[type=submit]{width:100%}}
.qk-booking-availability{background:#faf7fd;border:1px solid #e7deef;border-radius:11px;display:flex;flex-direction:column;gap:5px;margin:12px 0 20px;padding:14px 16px}.qk-booking-availability strong{color:#342b3d;font-size:13px}.qk-booking-availability span{color:#716779;font-size:11px;line-height:1.5}
.qk-booking-prices{display:flex!important;direction:ltr;flex-wrap:wrap;gap:4px 12px}.qk-booking-prices span{direction:ltr;unicode-bidi:isolate}[dir=rtl] .qk-booking-teacher{direction:rtl;text-align:right}[dir=rtl] .qk-booking-note{text-align:right}

/* Mobile-first visual lesson scheduler. Native selects remain available to Drupal validation. */
.qk-booking-form.is-schedule-enhanced .qk-booking-native-field{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.qk-schedule-picker{margin:5px 0 25px}.qk-duration-tabs{background:#f4f2f7;border-radius:12px;display:grid;gap:3px;grid-template-columns:1fr 1fr;margin-bottom:26px;padding:3px}.qk-duration-tabs button{background:transparent;border:1px solid transparent;border-radius:10px;color:#302a38;cursor:pointer;font-size:16px;font-weight:800;min-height:48px;padding:8px}.qk-duration-tabs button.is-selected{background:#fff;border-color:#ddd8e3;box-shadow:0 2px 8px rgba(35,24,52,.09);color:var(--qkd-pink)}.qk-calendar-heading{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.qk-calendar-heading strong{color:#19151f;font-size:21px}.qk-calendar-heading button{background:transparent;border:0;color:var(--qkd-purple);cursor:pointer;font-size:13px;font-weight:800;text-decoration:underline}.qk-date-strip{display:flex;gap:9px;margin:0 -4px 24px;overflow-x:auto;padding:4px 4px 10px;scrollbar-width:thin}.qk-date-option{align-items:center;background:#fff;border:1px solid #e2dee7;border-radius:30px;color:#393240;cursor:pointer;display:flex;flex:0 0 58px;flex-direction:column;gap:3px;justify-content:center;min-height:78px;padding:8px 5px}.qk-date-option small{font-size:11px}.qk-date-option strong{font-size:19px}.qk-date-option.is-selected{background:linear-gradient(145deg,var(--qkd-pink),#ed6da3);border-color:var(--qkd-pink);box-shadow:0 7px 18px rgba(234,73,139,.23);color:#fff}.qk-time-section{margin:0 0 25px}.qk-time-section h3{align-items:center;color:#211b27;display:flex;font-size:17px!important;gap:9px;margin:0 0 13px}.qk-time-section h3 span{font-size:22px}.qk-time-grid{display:grid;gap:11px 14px;grid-template-columns:repeat(2,minmax(0,1fr))}.qk-time-grid button{background:#fff;border:2px solid #dedbe3;border-radius:11px;color:#211d26;cursor:pointer;font-size:15px;font-weight:750;min-height:53px;padding:9px}.qk-time-grid button:hover{border-color:#baacd1}.qk-time-grid button.is-selected{background:#fff1f7;border-color:var(--qkd-pink);box-shadow:0 0 0 3px rgba(234,73,139,.1);color:#c52e70}.qk-no-times{background:#faf7fd;border:1px dashed #d8cde2;border-radius:11px;color:#756a7d;font-size:12px;padding:16px;text-align:center}.qk-schedule-picker+.qk-booking-availability[hidden]{display:none}.qk-booking-form .form-item-lesson-material{border-top:1px solid #eee8f2;margin-top:4px;padding-top:20px}
@media(max-width:600px){.qk-booking-form{border-radius:0;margin:0 -16px;padding:22px 18px}.qk-booking-teacher{margin-bottom:18px}.qk-calendar-heading strong{font-size:19px}.qk-date-option{flex-basis:54px;min-height:73px}.qk-time-grid{gap:10px}.qk-time-grid button{font-size:14px;min-height:50px}}
.qk-booking-intro-video{background:#faf7fd;border:1px solid var(--qkd-line);border-radius:13px;margin:-12px 0 24px;padding:14px}.qk-booking-intro-video h3{font-size:14px!important;margin:0 0 10px}.qk-booking-intro-video video{aspect-ratio:16/9;background:#17131b;border-radius:11px;display:block;max-height:430px;min-height:220px;object-fit:contain;width:100%}.qk-booking-intro-video>a{color:var(--qkd-purple);display:inline-block;font-size:11px;font-weight:800;margin-top:10px;text-decoration:underline}@media(max-width:600px){.qk-booking-intro-video video{min-height:190px}}
.qkb-manage{background:#fff;border:1px solid var(--qkd-purple);border-radius:8px;color:var(--qkd-purple);display:inline-block;font-size:11px;font-weight:800;padding:9px 14px}.qkb-manage:hover{background:#f4effc;color:var(--qkd-purple)}

/* Facebook-style administrator notification center. */
.qkd-notification-center{margin-inline-start:auto;position:relative}.qkd-notification-center summary{align-items:center;background:#f0eaff;border:0;border-radius:50%;color:#5b35bd;cursor:pointer;display:flex;font-size:20px;height:44px;justify-content:center;list-style:none;position:relative;width:44px}.qkd-notification-center summary::-webkit-details-marker{display:none}.qkd-notification-center summary b{align-items:center;background:#df234b;border:2px solid #fff;border-radius:20px;color:#fff;display:flex;font-size:9px;height:20px;justify-content:center;min-width:20px;padding:0 4px;position:absolute;right:-3px;top:-5px}.qkd-notification-menu{background:#fff;border:1px solid #e8e2f1;border-radius:16px;box-shadow:0 22px 55px rgba(28,20,53,.2);inset-inline-end:0;max-height:520px;min-width:370px;overflow:auto;padding:10px;position:absolute;top:54px;z-index:100}.qkd-notification-menu header{align-items:center;display:flex;justify-content:space-between;padding:8px 9px 12px}.qkd-notification-menu header strong{font-size:20px}.qkd-notification-menu header a{color:#6d4fe0;font-size:10px;font-weight:800}.qkd-notification-menu>a{align-items:flex-start;border-radius:11px;color:#19152d;display:flex;gap:10px;padding:11px 9px}.qkd-notification-menu>a:hover{background:#f7f3ff}.qkd-notification-menu>a.is-unread{background:#f0f6ff}.qkd-notification-menu>a>i{background:#8f71f6;border-radius:50%;flex:0 0 auto;height:8px;margin-top:7px;opacity:0;width:8px}.qkd-notification-menu>a.is-unread>i{opacity:1}.qkd-notification-menu>a span,.qkd-notification-menu>a b,.qkd-notification-menu>a small{display:block}.qkd-notification-menu>a b{font-size:11px;line-height:1.45}.qkd-notification-menu>a small{color:#817a91;font-size:9px;margin-top:4px}.qkd-notification-menu>p{color:#817a91;font-size:11px;padding:20px;text-align:center}.qkd-alerts article.is-unread{background:#f0f6ff}@media(max-width:600px){.qkd-notification-menu{inset-inline-end:-70px;min-width:min(350px,calc(100vw - 28px))}}
