/* ML Platform Kino - platform restyle layer on top of Tasma (real Tutor / Tasma / Feedback AI classes).
   Scope: html.ml-kino. Production palette (warm white #FDFCF7 chrome, warm grey #F1F0EB stage), light lessons (decisions 07.10). */
html.ml-kino{
  --k-bg:#F1F0EB; --k-paper:#FDFCF7; --k-white:#fff; --k-ink:#212121; --k-ink-2:#4b4945; --k-muted:#8c8784;
  --k-hair:rgba(26,26,26,.09); --k-red:#CA182A;
  --k-r-lg:24px; --k-r-md:16px; --k-r-sm:12px;
  --k-shadow-1:0 1px 2px rgba(26,26,26,.05),0 6px 18px rgba(26,26,26,.06);
  --k-shadow-2:0 2px 4px rgba(26,26,26,.06),0 22px 48px rgba(26,26,26,.14);
  --k-display:"Outfit","azo-sans-web",-apple-system,sans-serif; --k-text:"Inter",-apple-system,sans-serif;
  --k-ease:cubic-bezier(.2,.7,.2,1);
}
html.ml-kino body{font-family:var(--k-text)!important;-webkit-font-smoothing:antialiased}

/* ---------- 1. Shell: one slim light bar, black logo on light ---------- */
html.ml-kino header.elementor-location-header{background:rgba(253,252,247,.88)!important;-webkit-backdrop-filter:saturate(1.4) blur(18px);backdrop-filter:saturate(1.4) blur(18px);border-bottom:1px solid var(--k-hair)!important}
html.ml-kino header.elementor-location-header .elementor-element-d277903{min-height:64px!important;padding-top:0!important;padding-bottom:0!important}
html.ml-kino header.elementor-location-header .elementor-element-d277903>.e-con-inner{min-height:64px!important;padding-top:8px!important;padding-bottom:8px!important;align-items:center!important}
html.ml-kino header.elementor-location-header .elementor-widget-theme-site-logo img{height:44px!important;width:auto!important;max-width:none!important}
html.ml-kino header .elementor-nav-menu--main .elementor-item{font-family:var(--k-text)!important;font-size:14px!important;font-weight:500!important;color:var(--k-ink-2)!important;letter-spacing:0!important;text-transform:none!important}
html.ml-kino header .elementor-nav-menu--main li.menu-item-home{display:none!important}
html.ml-kino header.mlpp-tp-header .mlpp-tp-header__inner{min-height:64px!important;height:64px!important;padding-top:0!important;padding-bottom:0!important}
html.ml-kino header.mlpp-tp-header .mlpp-tp-header__logo img{height:44px!important;width:auto!important}

/* ---------- 2. Kokpit / Feedback AI (dashboard shell) ---------- */
html.ml-kino body.ml-tasma-dashboard{background:var(--k-bg)!important}
html.ml-kino body.ml-tasma-dashboard header.elementor-location-header{position:sticky!important;top:0!important;z-index:50!important}
/* left menu -> top bar (moved by kino.js on desktop) */
html.ml-kino-merged body.ml-tasma-dashboard header .elementor-widget-nav-menu{display:none!important}
html.ml-kino-merged body.ml-tasma-dashboard header ul.tutor-dashboard-permalinks{display:flex!important;align-items:center!important;gap:4px!important;margin:0 0 0 auto!important;padding:0!important;list-style:none!important;border:0!important;background:none!important;width:auto!important}
html.ml-kino-merged body.ml-tasma-dashboard header ul.tutor-dashboard-permalinks li{margin:0!important;padding:0!important;border:0!important;background:none!important;width:auto!important}
html.ml-kino-merged body.ml-tasma-dashboard header .tutor-dashboard-menu-divider{width:1px!important;height:20px!important;background:var(--k-hair)!important;margin:0 10px!important;display:block!important}
html.ml-kino-merged body.ml-tasma-dashboard header .tutor-dashboard-menu-item-link{display:inline-flex!important;align-items:center!important;height:38px!important;padding:0 16px!important;border-radius:999px!important;border:0!important;background:transparent!important;box-shadow:none!important;font-family:var(--k-text)!important;font-size:14px!important;font-weight:500!important;color:var(--k-ink-2)!important;transition:background .2s var(--k-ease),color .2s var(--k-ease)!important}
html.ml-kino-merged body.ml-tasma-dashboard header .tutor-dashboard-menu-item-link:hover{background:rgba(26,26,26,.06)!important;color:var(--k-ink)!important}
html.ml-kino-merged body.ml-tasma-dashboard header li.active .tutor-dashboard-menu-item-link{background:var(--k-ink)!important;color:#fff!important}
html.ml-kino-merged body.ml-tasma-dashboard header .tutor-dashboard-menu-item-icon{display:none!important}
html.ml-kino-merged body.ml-tasma-dashboard header .tutor-dashboard-menu-item-text{margin:0!important;font-weight:inherit!important;color:inherit!important;font-size:inherit!important}
html.ml-kino-merged body.ml-tasma-dashboard .tutor-dashboard-left-menu{display:none!important}
html.ml-kino-merged body.ml-tasma-dashboard .tutor-frontend-dashboard-maincontent>[class*="tutor-col"]{flex:0 0 100%!important;max-width:100%!important;width:100%!important}
html.ml-kino body.ml-tasma-dashboard .tutor-dashboard,html.ml-kino body.ml-tasma-dashboard .tutor-frontend-dashboard-maincontent,html.ml-kino body.ml-tasma-dashboard .tutor-dashboard-content{background:transparent!important;border:0!important;box-shadow:none!important}
html.ml-kino body.ml-tasma-dashboard .tutor-dashboard>.tutor-container{max-width:1240px!important;padding:0 32px!important}
html.ml-kino body.ml-tasma-dashboard .tutor-dashboard-content{padding:0!important}
html.ml-kino-merged body.ml-tasma-dashboard header ul.ml-kino-topnav{position:static!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;flex:0 0 auto!important}
html.ml-kino-merged body.ml-tasma-dashboard header ul.ml-kino-topnav li.tutor-dashboard-menu-item>a.tutor-dashboard-menu-item-link::before,html.ml-kino-merged body.ml-tasma-dashboard header ul.ml-kino-topnav li.tutor-dashboard-menu-item>a.tutor-dashboard-menu-item-link::after,html.ml-kino-merged body.ml-tasma-dashboard header ul.ml-kino-topnav li::before,html.ml-kino-merged body.ml-tasma-dashboard header ul.ml-kino-topnav li::after{content:none!important;display:none!important}
html.ml-kino-merged body.ml-tasma-dashboard header ul.ml-kino-topnav li.tutor-dashboard-menu-item>a.tutor-dashboard-menu-item-link{border-radius:999px!important;border:0!important;background:transparent!important;color:var(--k-ink-2)!important;font-weight:500!important}
html.ml-kino-merged body.ml-tasma-dashboard header ul.ml-kino-topnav li.tutor-dashboard-menu-item.active>a.tutor-dashboard-menu-item-link{background:var(--k-ink)!important;color:#fff!important;font-weight:600!important}
html.ml-kino-merged body.ml-tasma-dashboard header ul.ml-kino-topnav li.tutor-dashboard-menu-item.active>a .tutor-dashboard-menu-item-text{color:#fff!important}
html.ml-kino-merged body.ml-tasma-dashboard header ul.ml-kino-topnav li.tutor-dashboard-menu-logout>a.tutor-dashboard-menu-item-link{color:var(--k-muted)!important}
html.ml-kino body.ml-tasma-dashboard .tutor-dashboard .tutor-container,html.ml-kino body.ml-tasma-dashboard .tutor-dashboard .tutor-row,html.ml-kino body.ml-tasma-dashboard .tutor-dashboard [class*="tutor-col"]{background:transparent!important;border:0!important;box-shadow:none!important}
/* greeting */
html.ml-kino-home body.ml-tasma-dashboard .tutor-frontend-dashboard-header{display:flex!important;margin:0!important;padding:56px 0 28px!important;border:0!important;background:none!important}
html.ml-kino-home .tutor-frontend-dashboard-header .tutor-header-left-side{flex:1 1 auto!important;max-width:none!important;padding:0!important}
html.ml-kino-home .tutor-frontend-dashboard-header .tutor-dashboard-header-avatar,html.ml-kino-home .tutor-frontend-dashboard-header .tutor-header-right-side{display:none!important}
html.ml-kino-home .tutor-frontend-dashboard-header .tutor-user-info{margin:0!important}
html.ml-kino-home .tutor-dashboard-header-display-name{display:flex!important;gap:.28em!important;align-items:baseline!important;flex-wrap:wrap!important}
html.ml-kino-home .tutor-dashboard-header-greetings,html.ml-kino-home .tutor-dashboard-header-username{font-family:var(--k-display)!important;font-size:clamp(34px,4.2vw,56px)!important;line-height:1.05!important;font-weight:600!important;letter-spacing:-.025em!important;color:var(--k-ink)!important;margin:0!important}
html.ml-kino-home .tutor-dashboard-header-greetings{color:var(--k-muted)!important;font-weight:500!important}
/* course shelf: equal cards */
html.ml-kino body.ml-tasma-dashboard .enrolled-courses .tutor-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:28px!important}
html.ml-kino .tutor-course-card{background:var(--k-white)!important;border:0!important;border-radius:var(--k-r-lg)!important;overflow:hidden!important;box-shadow:var(--k-shadow-1)!important;transition:transform .35s var(--k-ease),box-shadow .35s var(--k-ease)!important}
html.ml-kino .tutor-course-card:hover{transform:translateY(-4px) scale(1.012)!important;box-shadow:var(--k-shadow-2)!important}
html.ml-kino .tutor-course-card .tutor-course-thumbnail{border:0!important;border-radius:0!important;margin:0!important;padding:0!important;background:#F4F3EE!important}
html.ml-kino .tutor-course-card .tutor-course-thumbnail .tutor-ratio{border-radius:0!important}
html.ml-kino .tutor-course-card .tutor-course-thumbnail img{border-radius:0!important;transition:transform .6s var(--k-ease)!important}
html.ml-kino .tutor-course-card:hover .tutor-course-thumbnail img{transform:scale(1.03)!important}
html.ml-kino .tutor-course-card .tutor-card-body{padding:22px 24px 24px!important;border:0!important;display:grid!important;grid-template-columns:1fr auto!important;column-gap:16px!important;row-gap:0!important;align-items:end!important}
html.ml-kino .tutor-course-card .tutor-course-ratings{display:none!important}
html.ml-kino .tutor-course-card .tutor-course-name{grid-column:1/-1!important;margin:0 0 18px!important;min-height:2.5em!important}
html.ml-kino .tutor-course-card .tutor-course-name a{font-family:var(--k-display)!important;font-size:21px!important;line-height:1.22!important;font-weight:600!important;letter-spacing:-.012em!important;color:var(--k-ink)!important}
html.ml-kino .tutor-course-card .tutor-card-body>.tutor-mt-auto{grid-column:1!important;margin:0!important;min-width:0!important}
html.ml-kino .tutor-course-card .tutor-course-progress>div:first-child{font-size:13px!important;color:var(--k-muted)!important;font-weight:500!important}
html.ml-kino .tutor-course-card .tutor-course-progress>div:first-child span+span{display:none!important}
html.ml-kino .tutor-course-card .tutor-progress-bar{height:4px!important;border-radius:4px!important;background:rgba(26,26,26,.08)!important;margin-top:10px!important}
html.ml-kino .tutor-course-card .tutor-progress-value{background:var(--k-red)!important;border-radius:4px!important}
html.ml-kino .tutor-course-card .tutor-card-body>.tutor-mt-24{grid-column:2!important;margin:0!important}
html.ml-kino .tutor-course-card .list-item-button .tutor-btn{width:auto!important;height:44px!important;min-height:0!important;padding:0 20px!important;border-radius:999px!important;border:0!important;background:var(--k-ink)!important;color:#fff!important;font-family:var(--k-text)!important;font-size:14px!important;font-weight:600!important;box-shadow:none!important;white-space:nowrap!important;transition:background .2s var(--k-ease)!important}
html.ml-kino .tutor-course-card .list-item-button .tutor-btn:hover{background:var(--k-red)!important}

/* ---------- 3. Feedback AI panel ---------- */
html.ml-kino #mlfz-panel{max-width:920px!important;margin:0 auto!important;padding:56px 0 80px!important;color:var(--k-ink)!important;font-family:var(--k-text)!important}
html.ml-kino #mlfz-panel #mlfz-title{font-family:var(--k-display)!important;font-size:clamp(34px,4.2vw,56px)!important;line-height:1.05!important;font-weight:600!important;letter-spacing:-.025em!important;color:var(--k-ink)!important;margin:0 0 12px!important}
html.ml-kino #mlfz-panel>p{color:var(--k-ink-2)!important;font-size:16px!important;margin:0 0 32px!important}
html.ml-kino #mlfz-panel .mlfz-courses{display:inline-flex!important;gap:2px!important;padding:4px!important;border-radius:999px!important;background:rgba(26,26,26,.07)!important;margin:0 0 18px!important}
html.ml-kino #mlfz-panel .mlfz-courses button{height:38px!important;padding:0 20px!important;border:0!important;border-radius:999px!important;background:transparent!important;color:var(--k-ink-2)!important;font-family:var(--k-text)!important;font-size:14px!important;font-weight:600!important;box-shadow:none!important;transition:all .2s var(--k-ease)!important}
html.ml-kino #mlfz-panel .mlfz-courses button[aria-pressed=true]{background:var(--k-white)!important;color:var(--k-ink)!important;box-shadow:0 1px 3px rgba(26,26,26,.14)!important}
html.ml-kino #mlfz-panel .mlfz-types{display:flex!important;gap:28px!important;border-bottom:1px solid var(--k-hair)!important;margin:0 0 28px!important;grid-template-columns:none!important}
html.ml-kino #mlfz-panel .mlfz-types button{flex:0 0 auto!important;width:auto!important;height:auto!important;padding:12px 0 14px!important;margin:0 0 -1px!important;border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;background:none!important;color:var(--k-muted)!important;font-family:var(--k-text)!important;font-size:15px!important;font-weight:600!important;box-shadow:none!important}
html.ml-kino #mlfz-panel .mlfz-types button[aria-pressed=true]{color:var(--k-ink)!important;border-bottom-color:var(--k-red)!important}
html.ml-kino #mlfz-panel #mlfz-results{display:grid!important;gap:14px!important}
html.ml-kino #mlfz-panel details.mlfz-item{border:0!important;border-radius:var(--k-r-md)!important;background:var(--k-white)!important;box-shadow:var(--k-shadow-1)!important;margin:0!important;overflow:hidden!important;transition:box-shadow .3s var(--k-ease)!important}
html.ml-kino #mlfz-panel details.mlfz-item[open]{box-shadow:var(--k-shadow-2)!important}
html.ml-kino #mlfz-panel summary{display:grid!important;grid-template-columns:1fr auto 20px!important;grid-template-rows:auto auto!important;column-gap:20px!important;row-gap:4px!important;align-items:center!important;padding:20px 24px!important;background:transparent!important;list-style:none!important}
html.ml-kino #mlfz-panel summary::-webkit-details-marker{display:none!important}
html.ml-kino #mlfz-panel summary::after{content:""!important;grid-column:3!important;grid-row:1/3!important;width:9px!important;height:9px!important;border-right:2px solid var(--k-muted)!important;border-bottom:2px solid var(--k-muted)!important;transform:rotate(45deg)!important;transition:transform .25s var(--k-ease)!important;justify-self:center!important}
html.ml-kino #mlfz-panel details[open] summary::after{transform:rotate(225deg)!important}
html.ml-kino #mlfz-panel .mlfz-topic{grid-column:1!important;grid-row:1!important;font-family:var(--k-display)!important;font-size:19px!important;font-weight:600!important;letter-spacing:-.01em!important;color:var(--k-ink)!important;display:flex!important;align-items:center!important;gap:8px!important}
html.ml-kino #mlfz-panel .mlfz-topic img.emoji{width:18px!important;height:18px!important;margin:0!important}
html.ml-kino #mlfz-panel .mlfz-lesson{grid-column:1!important;grid-row:2!important;font-size:14px!important;font-weight:400!important;color:var(--k-ink-2)!important;margin:0!important}
html.ml-kino #mlfz-panel .mlfz-date{grid-column:2!important;grid-row:1/3!important;font-size:13px!important;color:var(--k-muted)!important;margin:0!important;font-variant-numeric:tabular-nums!important}
html.ml-kino #mlfz-panel .mlfz-answer{display:grid!important;grid-template-columns:1fr!important;column-gap:32px!important;padding:4px 24px 26px!important;border-top:1px solid var(--k-hair)!important;background:transparent!important}
html.ml-kino #mlfz-panel .mlfz-answer>p a{font-size:14px!important;font-weight:600!important;color:var(--k-red)!important;text-decoration:none!important}
html.ml-kino #mlfz-panel .mlfz-answer h3{font-family:var(--k-text)!important;font-size:11px!important;font-weight:700!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:var(--k-muted)!important;margin:22px 0 8px!important}
html.ml-kino #mlfz-panel .mlfz-answer>div{font-size:15.5px!important;line-height:1.6!important;color:var(--k-ink)!important;background:none!important;border:0!important;padding:0!important}
html.ml-kino #mlfz-panel #mlfz-more,html.ml-kino #mlfz-panel #mlfz-retry{margin:24px auto 0!important;height:46px!important;padding:0 24px!important;border-radius:999px!important;border:1px solid var(--k-hair)!important;background:var(--k-white)!important;color:var(--k-ink)!important;font-weight:600!important;font-size:14px!important}

/* ---------- 4. Lesson: sidebar + stage ---------- */
html.ml-kino body.ml-tasma-lesson{--ml-chrome:var(--k-bg);--ml-sidebar:var(--k-paper)}
html.ml-kino-merged body.ml-tasma-lesson header.elementor-location-header{display:none!important}
/* brand in the (always light) sidebar */
html.ml-kino .ml-kino-brand{padding:18px 22px 8px!important}
html.ml-kino .ml-kino-brand img{height:46px!important;width:auto!important;display:block!important}
html.ml-kino body.ml-tasma-lesson .tutor-course-single-sidebar-wrapper{background:var(--k-paper)!important;border-right:1px solid var(--k-hair)!important}
/* top row of the content column */
html.ml-kino body.ml-tasma-lesson .tutor-course-topic-single-header{background:transparent!important;border:0!important;box-shadow:none!important;min-height:64px!important;padding:0 24px!important;color:var(--k-ink)!important}
html.ml-kino body.ml-tasma-lesson .tutor-course-topic-single-header-title{font-family:var(--k-display)!important;font-size:16px!important;font-weight:600!important;color:var(--k-ink)!important}
html.ml-kino body.ml-tasma-lesson .tutor-course-topic-single-header .tutor-iconic-btn{border:0!important;background:rgba(26,26,26,.06)!important;color:var(--k-ink)!important;border-radius:999px!important;width:38px!important;height:38px!important}
html.ml-kino body.ml-tasma-lesson .tutor-course-topic-single-header .tutor-progress-content,html.ml-kino body.ml-tasma-lesson .tutor-course-topic-single-header .tutor-fs-7{color:var(--k-ink-2)!important}
html.ml-kino body.ml-tasma-lesson .tutor-course-topic-single-header .tutor-fw-bold{color:var(--k-ink)!important}
html.ml-kino body.ml-tasma-lesson .ml-progress-track{background:rgba(26,26,26,.1)!important}
html.ml-kino body.ml-tasma-lesson .tutor-topbar-complete-btn .tutor-btn,html.ml-kino body.ml-tasma-lesson .tutor-topbar-complete-btn button{height:38px!important;padding:0 18px!important;border-radius:999px!important;border:0!important;background:var(--k-ink)!important;color:#fff!important;font-size:13.5px!important;font-weight:600!important;box-shadow:none!important}
html.ml-kino .ml-kino-nav{display:flex;align-items:center;gap:22px;margin-left:8px;padding-left:22px;border-left:1px solid var(--k-hair);height:22px;flex:0 0 auto}
html.ml-kino .ml-kino-nav a{font-size:13.5px;font-weight:500;color:var(--k-ink-2);text-decoration:none;white-space:nowrap;transition:color .2s var(--k-ease)}
html.ml-kino .ml-kino-nav a:hover{color:var(--k-ink)}
html.ml-kino .ml-kino-nav a:last-child{color:var(--k-muted)}
/* stage */
html.ml-kino body.ml-tasma-lesson #tutor-single-entry-content,html.ml-kino body.ml-tasma-lesson .tutor-quiz-single-entry-wrap{background:var(--k-bg)!important}
html.ml-kino body.ml-tasma-lesson .tutor-course-topic-single-body{padding:4px 28px 40px!important}
html.ml-kino body.ml-tasma-lesson .tutor-video-player-wrapper.ml-video-frame{border-radius:20px!important;overflow:hidden!important;box-shadow:0 2px 6px rgba(26,26,26,.10),0 34px 70px -18px rgba(26,26,26,.38)!important;border:0!important;background:#000!important}
html.ml-kino .ml-kino-head{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;max-width:1180px;margin:30px auto 6px;padding:0 4px}
html.ml-kino .ml-kino-head--top{max-width:860px;margin:22px auto 22px}
html.ml-kino .ml-kino-eyebrow{display:block;font-size:11.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--k-red);margin:0 0 10px}
html.ml-kino .ml-kino-head h1{font-family:var(--k-display)!important;font-size:clamp(28px,3vw,42px)!important;line-height:1.06!important;font-weight:600!important;letter-spacing:-.025em!important;color:var(--k-ink)!important;margin:0!important;padding:0!important;text-transform:none!important}
/* notes row under the video: quiet */
html.ml-kino body.ml-tasma-lesson .tutor-course-spotlight-wrapper{max-width:1180px!important;margin:18px auto 0!important;background:transparent!important}
html.ml-kino body.ml-tasma-lesson .tutor-course-spotlight-nav{border-bottom:1px solid var(--k-hair)!important;background:transparent!important}
html.ml-kino body.ml-tasma-lesson .tutor-course-spotlight-nav .tutor-nav-link{font-size:14px!important;font-weight:600!important;color:var(--k-muted)!important}
html.ml-kino body.ml-tasma-lesson .tutor-course-spotlight-nav .tutor-nav-link.is-active{color:var(--k-ink)!important}
/* embeds (n8n AI widgets): keep the widget, frame it */
html.ml-kino body.ml-tasma-lesson.ml-lesson-has-ai .tutor-course-spotlight-wrapper{max-width:860px!important;margin-top:0!important}
html.ml-kino body.ml-tasma-lesson.ml-lesson-has-ai .tutor-lesson-wrapper{background:var(--k-white)!important;border:0!important;border-radius:var(--k-r-lg)!important;box-shadow:var(--k-shadow-2)!important;overflow:hidden!important;padding:0!important}
html.ml-kino body.ml-tasma-lesson.ml-lesson-has-ai .tutor-course-spotlight-tab .tutor-container,html.ml-kino body.ml-tasma-lesson.ml-lesson-has-ai .tutor-course-spotlight-tab [class*="tutor-col"]{max-width:none!important;width:100%!important;padding:0!important;flex:0 0 100%!important}
html.ml-kino body.ml-tasma-lesson.ml-lesson-has-ai .tutor-course-spotlight-tab .tutor-row{margin:0!important}
html.ml-kino body.ml-tasma-lesson.ml-lesson-has-ai p.ml-ai-frame{margin:0!important;padding:0!important}
html.ml-kino body.ml-tasma-lesson.ml-lesson-has-ai p.ml-ai-frame iframe,html.ml-kino body.ml-tasma-lesson.ml-lesson-has-ai p.ml-ai-frame img.ml-kino-none{display:block!important;border-radius:0!important}


/* ---------- 6. Mobile ---------- */
@media (max-width:1199px){
  html.ml-kino header.elementor-location-header .elementor-widget-theme-site-logo img{height:40px!important}
  html.ml-kino body.ml-tasma-lesson .tutor-course-topic-single-header{background:var(--k-paper)!important;border-bottom:1px solid var(--k-hair)!important;min-height:56px!important;padding:0 14px!important}
  html.ml-kino body.ml-tasma-lesson .tutor-course-topic-single-body{padding:12px 12px 32px!important}
  html.ml-kino .ml-kino-head{flex-direction:column;align-items:stretch;gap:18px;margin:22px 4px 4px;padding:0}
  html.ml-kino .ml-kino-head--top{margin:14px 4px 18px}
}
@media (max-width:991px){
  html.ml-kino body.ml-tasma-dashboard .enrolled-courses .tutor-grid{grid-template-columns:1fr!important;gap:18px!important}
  html.ml-kino body.ml-tasma-dashboard .tutor-dashboard>.tutor-container{padding:0 16px!important}
  html.ml-kino-home body.ml-tasma-dashboard .tutor-frontend-dashboard-header{padding:28px 4px 18px!important}
  html.ml-kino #mlfz-panel{padding:28px 0 60px!important}
  html.ml-kino #mlfz-panel .mlfz-types{gap:18px!important;overflow-x:auto!important}
  html.ml-kino #mlfz-panel .mlfz-types button{font-size:14px!important;white-space:nowrap!important}
  html.ml-kino #mlfz-panel summary{grid-template-columns:1fr 20px!important;padding:16px 18px!important}
  html.ml-kino #mlfz-panel .mlfz-date{grid-column:1!important;grid-row:3!important}
  html.ml-kino #mlfz-panel summary::after{grid-column:2!important;grid-row:1/4!important}
  html.ml-kino #mlfz-panel .mlfz-answer{grid-template-columns:1fr!important;padding:4px 18px 22px!important}
}
@media (min-width:992px) and (max-width:1199px){html.ml-kino body.ml-tasma-dashboard .enrolled-courses .tutor-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* ---------- 7. Fixes after first render ---------- */
html.ml-kino body.ml-tasma-dashboard .tutor-dashboard-content .tutor-row{display:block!important;margin:0!important}
html.ml-kino body.ml-tasma-dashboard .tutor-dashboard-content-inner,html.ml-kino body.ml-tasma-dashboard .enrolled-courses{width:100%!important;max-width:none!important;padding:0!important;margin:0!important}
html.ml-kino body.ml-tasma-dashboard .enrolled-courses .tutor-grid>.tutor-course-card{width:auto!important;max-width:none!important;margin:0!important;min-width:0!important}
html.ml-kino-merged body.ml-tasma-dashboard header ul.ml-kino-topnav li.tutor-dashboard-menu-item>a.tutor-dashboard-menu-item-link{box-shadow:none!important;border-left:0!important;outline:0!important}
html.ml-kino-merged body.ml-tasma-dashboard header ul.ml-kino-topnav li.tutor-dashboard-menu-item{border-left:0!important;box-shadow:none!important}
html.ml-kino-home body.ml-tasma-dashboard .tutor-frontend-dashboard-header{padding:52px 0 34px!important}
html.ml-kino body.ml-tasma-dashboard .tutor-dashboard{padding-bottom:96px!important}
html.ml-kino-merged body.ml-tasma-dashboard .tutor-frontend-dashboard-maincontent{display:block!important;margin:0!important}
html.ml-kino-merged body.ml-tasma-dashboard .tutor-frontend-dashboard-maincontent>[class*="tutor-col"]{padding:0!important}
html.ml-kino-merged:not(#_):not(#_) body.ml-tasma-dashboard header ul.ml-kino-topnav li.tutor-dashboard-menu-item>a.tutor-dashboard-menu-item-link{box-shadow:none!important}

/* cards: body fills the card, title left, progress + button on one row */
html.ml-kino:not(#_) .tutor-course-card{display:flex!important;flex-direction:column!important;align-items:stretch!important}
html.ml-kino:not(#_) .tutor-course-card .tutor-card-body{width:100%!important;box-sizing:border-box!important;align-self:stretch!important;flex:1 1 auto!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:1fr auto!important}
html.ml-kino:not(#_) .tutor-course-card .tutor-course-name{text-align:left!important;width:100%!important}
html.ml-kino:not(#_) .tutor-course-card .tutor-card-body>.tutor-mt-auto{width:100%!important;align-self:center!important}
html.ml-kino:not(#_) .tutor-course-card .tutor-course-progress{width:100%!important;max-width:150px!important}
html.ml-kino .tutor-course-card .tutor-course-thumbnail.ml-thumb-flat,html.ml-kino .tutor-course-card .tutor-course-thumbnail.ml-thumb-flat *{background-color:#fff!important}
html.ml-kino-home body.ml-tasma-dashboard .tutor-frontend-dashboard-header{padding:52px 0 30px!important}
html.ml-kino-home body.ml-tasma-dashboard .tutor-dashboard-content-inner>.tutor-row>.tutor-fs-5{display:none!important}
html.ml-kino body.ml-tasma-dashboard .tutor-dashboard-content-inner,html.ml-kino body.ml-tasma-dashboard .tutor-dashboard-content{padding-top:0!important;margin-top:0!important}
/* Aktywne Podstawy (CourseKit): lesson untouched; its frame brings its own light surround, so the stage stays light in both variants */
html.ml-kino body.ml-tasma-lesson #tutor-single-entry-content:has(.mlck-lesson-shell){background:#F1F0EB!important}
html.ml-kino-merged:not(#_) body.ml-tasma-dashboard .tutor-frontend-dashboard-maincontent>[class*="tutor-col"]{padding:0!important}
html.ml-kino:not(#_) body.ml-tasma-dashboard .tutor-frontend-dashboard-maincontent>[class*="tutor-col"]:not(.tutor-dashboard-left-menu){padding-top:0!important}
html.ml-kino:not(#_) .tutor-course-card .tutor-card-body{align-items:center!important;row-gap:18px!important}
html.ml-kino:not(#_) .tutor-course-card .tutor-course-name{margin:0!important;align-self:start!important}
html.ml-kino:not(#_) .tutor-course-card .tutor-progress-bar{margin-top:8px!important}
/* mobile bottom nav of the dashboard */
html.ml-kino #tutor-dashboard-footer-mobile{background:rgba(253,252,247,.92)!important;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid var(--k-hair)!important;box-shadow:none!important}
html.ml-kino #tutor-dashboard-footer-mobile a{color:var(--k-muted)!important;background:transparent!important;border-radius:14px!important;font-weight:600!important}
html.ml-kino #tutor-dashboard-footer-mobile a.active{color:var(--k-ink)!important;background:rgba(26,26,26,.06)!important}
html.ml-kino #tutor-dashboard-footer-mobile a.active i{color:var(--k-red)!important}
html.ml-kino:not(#_) .tutor-course-card .tutor-course-name{grid-row:1!important;grid-column:1/-1!important}
html.ml-kino:not(#_) .tutor-course-card .tutor-card-body>.tutor-mt-auto{grid-row:2!important;grid-column:1!important}
html.ml-kino:not(#_) .tutor-course-card .tutor-card-body>.tutor-mt-24{grid-row:2!important;grid-column:2!important;justify-self:end!important;width:auto!important}
html.ml-kino:not(#_) .tutor-course-card .tutor-card-body>.tutor-mt-24 .list-item-button{margin:0!important;width:auto!important}
html.ml-kino:not(#_) #tutor-dashboard-footer-mobile a{color:var(--k-muted)!important;background:transparent!important}
html.ml-kino:not(#_) #tutor-dashboard-footer-mobile a.active{color:var(--k-ink)!important;background:rgba(26,26,26,.06)!important}
html.ml-kino:not(#_) #tutor-dashboard-footer-mobile a.active span{color:var(--k-ink)!important}
/* mobile "Lekcje" toggle */
html.ml-kino:not(#_) body.ml-tasma-lesson .tutor-course-topic-single-header .tutor-d-xl-none>a.tutor-iconic-btn,html.ml-kino:not(#_) body.ml-tasma-lesson .tutor-course-topic-single-header .tutor-d-xl-none>a.tutor-iconic-btn *,html.ml-kino:not(#_) body.ml-tasma-lesson .tutor-course-topic-single-header .tutor-d-xl-none>a.tutor-iconic-btn::before,html.ml-kino:not(#_) body.ml-tasma-lesson .tutor-course-topic-single-header .tutor-d-xl-none>a.tutor-iconic-btn::after{color:var(--k-ink)!important}
html.ml-kino:not(#_):not(#_) .tutor-course-card .tutor-card-body{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:1fr auto!important;column-gap:16px!important;row-gap:20px!important;align-items:center!important}

/* ---------- 8. Lighter controls (07.10: black pills are too heavy; sidebar list stays as in Tasma) ---------- */
html.ml-kino:not(#_) body.ml-tasma-lesson .tutor-topbar-complete-btn .tutor-btn,html.ml-kino:not(#_) body.ml-tasma-lesson .tutor-topbar-complete-btn button{background:var(--k-white)!important;color:var(--k-ink)!important;border:1px solid rgba(26,26,26,.14)!important;box-shadow:0 1px 2px rgba(26,26,26,.05)!important;font-weight:500!important}
html.ml-kino:not(#_) body.ml-tasma-lesson .tutor-topbar-complete-btn .tutor-btn *,html.ml-kino:not(#_) body.ml-tasma-lesson .tutor-topbar-complete-btn button *{color:var(--k-ink)!important}
html.ml-kino:not(#_) body.ml-tasma-lesson .tutor-topbar-complete-btn .tutor-btn:hover{border-color:rgba(26,26,26,.3)!important}
html.ml-kino-merged:not(#_):not(#_) body.ml-tasma-dashboard header ul.ml-kino-topnav li.tutor-dashboard-menu-item.active>a.tutor-dashboard-menu-item-link{background:var(--k-white)!important;color:var(--k-ink)!important;box-shadow:0 1px 2px rgba(26,26,26,.06),0 0 0 1px rgba(26,26,26,.08)!important}
html.ml-kino-merged:not(#_):not(#_) body.ml-tasma-dashboard header ul.ml-kino-topnav li.tutor-dashboard-menu-item.active>a .tutor-dashboard-menu-item-text{color:var(--k-ink)!important}
html.ml-kino:not(#_) .tutor-course-card .list-item-button .tutor-btn{background:var(--k-white)!important;color:var(--k-ink)!important;border:1px solid rgba(26,26,26,.14)!important;box-shadow:0 1px 2px rgba(26,26,26,.05)!important}
html.ml-kino:not(#_) .tutor-course-card .list-item-button .tutor-btn:hover{background:var(--k-white)!important;border-color:var(--k-red)!important;color:var(--k-red)!important}
html.ml-kino .ml-kino-brand{padding:18px 18px 4px!important}

/* ---------- 8. Lighter controls (07.10: black pills are too heavy; sidebar list stays as in Tasma; no "next lesson" shortcut) ---------- */
html.ml-kino:not(#_) body.ml-tasma-lesson .tutor-topbar-complete-btn .tutor-btn,html.ml-kino:not(#_) body.ml-tasma-lesson .tutor-topbar-complete-btn button{background:var(--k-white)!important;color:var(--k-ink)!important;border:1px solid rgba(26,26,26,.14)!important;box-shadow:0 1px 2px rgba(26,26,26,.05)!important;font-weight:500!important}
html.ml-kino:not(#_) body.ml-tasma-lesson .tutor-topbar-complete-btn .tutor-btn *,html.ml-kino:not(#_) body.ml-tasma-lesson .tutor-topbar-complete-btn button *{color:var(--k-ink)!important}
html.ml-kino:not(#_) body.ml-tasma-lesson .tutor-topbar-complete-btn .tutor-btn:hover{border-color:rgba(26,26,26,.3)!important}
html.ml-kino-merged:not(#_):not(#_) body.ml-tasma-dashboard header ul.ml-kino-topnav li.tutor-dashboard-menu-item.active>a.tutor-dashboard-menu-item-link{background:var(--k-white)!important;color:var(--k-ink)!important;box-shadow:0 1px 2px rgba(26,26,26,.06),0 0 0 1px rgba(26,26,26,.08)!important}
html.ml-kino-merged:not(#_):not(#_) body.ml-tasma-dashboard header ul.ml-kino-topnav li.tutor-dashboard-menu-item.active>a .tutor-dashboard-menu-item-text{color:var(--k-ink)!important}
html.ml-kino:not(#_) .tutor-course-card .list-item-button .tutor-btn{background:var(--k-white)!important;color:var(--k-ink)!important;border:1px solid rgba(26,26,26,.14)!important;box-shadow:0 1px 2px rgba(26,26,26,.05)!important}
html.ml-kino:not(#_) .tutor-course-card .list-item-button .tutor-btn:hover{background:var(--k-white)!important;border-color:var(--k-red)!important;color:var(--k-red)!important}
html.ml-kino .ml-kino-brand{padding:18px 18px 4px!important}

/* ---------- 8. Lighter controls (07.10: black pills are too heavy; sidebar list stays as in Tasma; no "next lesson" shortcut) ---------- */
html.ml-kino:not(#_) body.ml-tasma-lesson .tutor-topbar-complete-btn .tutor-btn,html.ml-kino:not(#_) body.ml-tasma-lesson .tutor-topbar-complete-btn button{background:var(--k-white)!important;color:var(--k-ink)!important;border:1px solid rgba(26,26,26,.14)!important;box-shadow:0 1px 2px rgba(26,26,26,.05)!important;font-weight:500!important}
html.ml-kino:not(#_) body.ml-tasma-lesson .tutor-topbar-complete-btn .tutor-btn *,html.ml-kino:not(#_) body.ml-tasma-lesson .tutor-topbar-complete-btn button *{color:var(--k-ink)!important}
html.ml-kino:not(#_) body.ml-tasma-lesson .tutor-topbar-complete-btn .tutor-btn:hover{border-color:rgba(26,26,26,.3)!important}
html.ml-kino-merged:not(#_):not(#_) body.ml-tasma-dashboard header ul.ml-kino-topnav li.tutor-dashboard-menu-item.active>a.tutor-dashboard-menu-item-link{background:var(--k-white)!important;color:var(--k-ink)!important;box-shadow:0 1px 2px rgba(26,26,26,.06),0 0 0 1px rgba(26,26,26,.08)!important}
html.ml-kino-merged:not(#_):not(#_) body.ml-tasma-dashboard header ul.ml-kino-topnav li.tutor-dashboard-menu-item.active>a .tutor-dashboard-menu-item-text{color:var(--k-ink)!important}
html.ml-kino:not(#_) .tutor-course-card .list-item-button .tutor-btn{background:var(--k-white)!important;color:var(--k-ink)!important;border:1px solid rgba(26,26,26,.14)!important;box-shadow:0 1px 2px rgba(26,26,26,.05)!important}
html.ml-kino:not(#_) .tutor-course-card .list-item-button .tutor-btn:hover{background:var(--k-white)!important;border-color:var(--k-red)!important;color:var(--k-red)!important}
html.ml-kino .ml-kino-brand{padding:18px 18px 4px!important}

@media (min-width:992px){
  html.ml-kino #mlfz-panel .mlfz-answer{grid-template-columns:1fr 1fr!important}
  html.ml-kino #mlfz-panel .mlfz-answer>p{grid-column:1/-1!important;grid-row:5!important;margin:20px 0 0!important}
  html.ml-kino #mlfz-panel .mlfz-answer h3:nth-of-type(1){grid-column:1/-1!important;grid-row:1!important}
  html.ml-kino #mlfz-panel .mlfz-answer h3:nth-of-type(1)+div{grid-column:1/-1!important;grid-row:2!important;font-family:var(--k-display)!important;font-size:19px!important;line-height:1.4!important}
  html.ml-kino #mlfz-panel .mlfz-answer h3:nth-of-type(2){grid-column:1!important;grid-row:3!important}
  html.ml-kino #mlfz-panel .mlfz-answer h3:nth-of-type(2)+div{grid-column:1!important;grid-row:4!important}
  html.ml-kino #mlfz-panel .mlfz-answer h3:nth-of-type(3){grid-column:2!important;grid-row:3!important;color:var(--k-red)!important}
  html.ml-kino #mlfz-panel .mlfz-answer h3:nth-of-type(3)+div{grid-column:2!important;grid-row:4!important}
}
html.ml-kino #mlfz-panel .mlfz-answer>p{margin:18px 0 0!important}
html.ml-kino #mlfz-panel .mlfz-types{flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:none!important}
html.ml-kino #mlfz-panel .mlfz-types button{white-space:nowrap!important}
html.ml-kino body.ml-tasma-lesson .tutor-course-single-sidebar-title{background:transparent!important;border:0!important}

/* ---------- 9. Polish (07.10 v3): lighter lesson stage, anchored header line ---------- */
html.ml-kino:not(#_) body.ml-tasma-lesson{--ml-chrome:#F8F8F7}
html.ml-kino:not(#_) body.ml-tasma-lesson #tutor-single-entry-content:not(:has(.mlck-lesson-shell)),html.ml-kino:not(#_) body.ml-tasma-lesson .tutor-quiz-single-entry-wrap:not(:has(.mlck-lesson-shell)){background:#F8F8F7!important}
/* logo row + toolbar = one continuous white header with a hairline */
html.ml-kino:not(#_) body.ml-tasma-lesson .tutor-course-topic-single-header{background:var(--k-white)!important;border-bottom:1px solid var(--k-hair)!important;min-height:64px!important;height:64px!important;box-sizing:border-box!important}
html.ml-kino:not(#_) .ml-kino-brand{height:64px!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;padding:0 20px!important;margin:0 0 6px!important;background:var(--k-white)!important;border-bottom:1px solid var(--k-hair)!important}
html.ml-kino:not(#_) .ml-kino-brand img{height:42px!important}
html.ml-kino:not(#_) body.ml-tasma-lesson .tutor-course-single-sidebar-wrapper{background:var(--k-paper)!important}
html.ml-kino:not(#_) body.ml-tasma-lesson .tutor-course-topic-single-body{padding-top:24px!important}
html.ml-kino:not(#_) body.ml-tasma-lesson #tutor-single-entry-content:has(.mlck-lesson-shell) .tutor-course-topic-single-body{padding-top:0!important}
html.ml-kino:not(#_) body.ml-tasma-lesson .tutor-course-topic-single-header .tutor-iconic-btn{background:transparent!important;border:1px solid rgba(26,26,26,.12)!important}
html.ml-kino .ml-kino-head{margin-top:26px}
html.ml-kino .ml-kino-head--top{margin-top:8px}
/* AI widget card: breathing room above the n8n widget */
html.ml-kino:not(#_) body.ml-tasma-lesson.ml-lesson-has-ai .tutor-lesson-wrapper{padding-top:20px!important}
@media (max-width:1199px){
  html.ml-kino:not(#_) body.ml-tasma-lesson .tutor-course-topic-single-header{height:auto!important;min-height:56px!important}
  html.ml-kino:not(#_) body.ml-tasma-lesson .tutor-course-topic-single-body{padding-top:14px!important}
}

/* ---------- 9. Polish (07.10 v3): lighter lesson stage, anchored header line ---------- */
html.ml-kino:not(#_) body.ml-tasma-lesson{--ml-chrome:#F8F8F7}
html.ml-kino:not(#_) body.ml-tasma-lesson #tutor-single-entry-content:not(:has(.mlck-lesson-shell)),html.ml-kino:not(#_) body.ml-tasma-lesson .tutor-quiz-single-entry-wrap:not(:has(.mlck-lesson-shell)){background:#F8F8F7!important}
/* logo row + toolbar = one continuous white header with a hairline */
html.ml-kino:not(#_) body.ml-tasma-lesson .tutor-course-topic-single-header{background:var(--k-white)!important;border-bottom:1px solid var(--k-hair)!important;min-height:64px!important;height:64px!important;box-sizing:border-box!important}
html.ml-kino:not(#_) .ml-kino-brand{height:64px!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;padding:0 20px!important;margin:0 0 6px!important;background:var(--k-white)!important;border-bottom:1px solid var(--k-hair)!important}
html.ml-kino:not(#_) .ml-kino-brand img{height:42px!important}
html.ml-kino:not(#_) body.ml-tasma-lesson .tutor-course-single-sidebar-wrapper{background:var(--k-paper)!important}
html.ml-kino:not(#_) body.ml-tasma-lesson .tutor-course-topic-single-body{padding-top:24px!important}
html.ml-kino:not(#_) body.ml-tasma-lesson #tutor-single-entry-content:has(.mlck-lesson-shell) .tutor-course-topic-single-body{padding-top:0!important}
html.ml-kino:not(#_) body.ml-tasma-lesson .tutor-course-topic-single-header .tutor-iconic-btn{background:transparent!important;border:1px solid rgba(26,26,26,.12)!important}
html.ml-kino .ml-kino-head{margin-top:26px}
html.ml-kino .ml-kino-head--top{margin-top:8px}
/* AI widget card: breathing room above the n8n widget */
html.ml-kino:not(#_) body.ml-tasma-lesson.ml-lesson-has-ai .tutor-lesson-wrapper{padding-top:20px!important}
@media (max-width:1199px){
  html.ml-kino:not(#_) body.ml-tasma-lesson .tutor-course-topic-single-header{height:auto!important;min-height:56px!important}
  html.ml-kino:not(#_) body.ml-tasma-lesson .tutor-course-topic-single-body{padding-top:14px!important}
}

/* ---------- 10. Login screen (/panel logged out) ---------- */
html.ml-kino body.ml-tasma-login{background:var(--k-bg)!important}
html.ml-kino body.ml-tasma-login .tutor-login-wrap{width:100%!important;max-width:420px!important;margin:clamp(40px,11vh,120px) auto clamp(40px,9vh,96px)!important;padding:0!important;background:var(--k-white)!important;border:0!important;border-radius:var(--k-r-lg)!important;box-shadow:var(--k-shadow-2)!important}
html.ml-kino body.ml-tasma-login .tutor-login-form-wrapper{padding:40px 36px 36px!important}
html.ml-kino body.ml-tasma-login .tutor-login-form-wrapper>.tutor-h3{font-family:var(--k-display)!important;font-size:32px!important;line-height:1.1!important;font-weight:600!important;letter-spacing:-.02em!important;color:var(--k-ink)!important;margin:0 0 8px!important}
html.ml-kino .ml-kino-login-sub{font-size:15px;line-height:1.5;color:var(--k-ink-2);margin:0 0 28px}
html.ml-kino body.ml-tasma-login .tutor-input-field{margin:0 0 12px!important}
html.ml-kino body.ml-tasma-login input.tutor-form-control{height:52px!important;padding:0 16px!important;border:1px solid rgba(26,26,26,.14)!important;border-radius:var(--k-r-sm)!important;background:var(--k-white)!important;font-family:var(--k-text)!important;font-size:16px!important;color:var(--k-ink)!important;box-shadow:none!important;transition:border-color .2s var(--k-ease),box-shadow .2s var(--k-ease)!important}
html.ml-kino body.ml-tasma-login input.tutor-form-control::placeholder{color:var(--k-muted)!important}
html.ml-kino body.ml-tasma-login input.tutor-form-control:focus{border-color:var(--k-ink)!important;box-shadow:0 0 0 4px rgba(26,26,26,.07)!important;outline:0!important}
html.ml-kino body.ml-tasma-login #tutor-login-form>.tutor-flex.tutor-justify-between{margin:18px 0 0!important}
html.ml-kino body.ml-tasma-login #tutor-login-form .tutor-w-auto{margin:0!important}
html.ml-kino body.ml-tasma-login .tutor-label,html.ml-kino body.ml-tasma-login .tutor-btn-link-gray{font-size:14px!important;font-weight:500!important;color:var(--k-ink-2)!important}
html.ml-kino body.ml-tasma-login .tutor-btn-link-gray:hover{color:var(--k-red)!important}
html.ml-kino:not(#_) body.ml-tasma-login #tutor-login-form button.tutor-btn-primary{height:52px!important;margin-top:26px!important;border:0!important;border-radius:999px!important;background:var(--k-red)!important;color:#fff!important;font-family:var(--k-text)!important;font-size:15.5px!important;font-weight:600!important;box-shadow:0 8px 20px -8px rgba(202,24,42,.55)!important;transition:transform .2s var(--k-ease),box-shadow .2s var(--k-ease)!important}
html.ml-kino:not(#_) body.ml-tasma-login #tutor-login-form button.tutor-btn-primary:hover{transform:translateY(-1px)!important;box-shadow:0 12px 24px -8px rgba(202,24,42,.6)!important}
@media (max-width:600px){
  html.ml-kino body.ml-tasma-login .tutor-login-wrap{max-width:none!important;width:auto!important;margin:28px 16px 40px!important}
  html.ml-kino body.ml-tasma-login .tutor-login-form-wrapper{padding:30px 22px 26px!important}
}

/* ---------- 11. Footer: one quiet line ---------- */
html.ml-kino footer.elementor-location-footer{background:transparent!important;border-top:1px solid var(--k-hair)!important}
html.ml-kino footer.elementor-location-footer .e-con,html.ml-kino footer.elementor-location-footer .e-con-inner{background:transparent!important;border:0!important;box-shadow:none!important;min-height:0!important}
html.ml-kino footer.elementor-location-footer .e-parent>.e-con-inner{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;justify-content:space-between!important;gap:6px 24px!important;max-width:1240px!important;padding:22px 32px!important;margin:0 auto!important}
html.ml-kino footer.elementor-location-footer .e-child{width:auto!important;flex:0 0 auto!important;padding:0!important;margin:0!important}
html.ml-kino footer.elementor-location-footer .elementor-icon-list-items{margin:0!important;padding:0!important}
html.ml-kino footer.elementor-location-footer .elementor-icon-list-item{margin:0!important;padding:0!important}
html.ml-kino footer.elementor-location-footer .elementor-icon-list-item::after,html.ml-kino footer.elementor-location-footer .elementor-icon-list-item::before{display:none!important}
html.ml-kino footer.elementor-location-footer .elementor-inline-items{display:flex!important;gap:20px!important}
html.ml-kino footer.elementor-location-footer .elementor-icon-list-text,html.ml-kino footer.elementor-location-footer a{font-family:var(--k-text)!important;font-size:13px!important;font-weight:400!important;color:var(--k-muted)!important;padding:0!important}
html.ml-kino footer.elementor-location-footer a:hover .elementor-icon-list-text{color:var(--k-ink)!important}
@media (max-width:767px){
  html.ml-kino footer.elementor-location-footer .e-parent>.e-con-inner{flex-direction:column!important;justify-content:center!important;text-align:center!important;padding:20px 16px 24px!important;gap:8px!important}
  html.ml-kino footer.elementor-location-footer .elementor-inline-items{justify-content:center!important}
  html.ml-kino body.ml-tasma-dashboard footer.elementor-location-footer{padding-bottom:72px!important}
}
html.ml-kino:not(#_) body.ml-tasma-lesson.ml-lesson-has-ai p.ml-ai-frame{border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}
html.ml-kino:not(#_) body.ml-tasma-lesson.ml-lesson-has-ai .tutor-course-spotlight-tab{padding-top:8px!important}

/* ---------- 12. v4: production palette; sidebar and header line on warm white, lesson stage on warm grey ---------- */
html.ml-kino:not(#_):not(#_) body.ml-tasma-lesson{--ml-chrome:var(--k-bg)}
html.ml-kino:not(#_):not(#_) body.ml-tasma-lesson #tutor-single-entry-content,html.ml-kino:not(#_):not(#_) body.ml-tasma-lesson .tutor-quiz-single-entry-wrap{background:var(--k-bg)!important}
html.ml-kino:not(#_):not(#_) body.ml-tasma-lesson .tutor-course-topic-single-header{background:var(--k-paper)!important}
html.ml-kino:not(#_):not(#_) .ml-kino-brand{background:var(--k-paper)!important}
html.ml-kino:not(#_):not(#_) body.ml-tasma-lesson .tutor-course-single-sidebar-wrapper{background:var(--k-paper)!important}
/* v5: no vertical lines in the header (sidebar edge hidden behind the logo row, no separator before the links) */
html.ml-kino:not(#_):not(#_) .ml-kino-brand{position:relative!important;z-index:2!important;margin-right:-1px!important;width:calc(100% + 1px)!important}
html.ml-kino:not(#_) .ml-kino-nav{border-left:0!important;padding-left:8px!important}
html.ml-kino:not(#_):not(#_) body.ml-tasma-lesson .tutor-course-single-sidebar-wrapper{border-right:0!important;box-shadow:none!important}
html.ml-kino:not(#_):not(#_) .ml-kino-brand{margin-right:0!important;width:auto!important}
@media (min-width:1200px){
  html.ml-kino:not(#_):not(#_) body.ml-tasma-lesson #tutor-single-entry-content{border-left:1px solid var(--k-hair)!important;box-sizing:border-box!important}
  html.ml-kino:not(#_):not(#_) body.ml-tasma-lesson .tutor-course-topic-single-header{margin-left:-1px!important;width:calc(100% + 1px)!important;border-left:0!important}
}
@media (min-width:1200px){
  html.ml-kino:not(#_):not(#_):not(#_) body.ml-tasma-lesson #tutor-single-entry-content{border-left:0!important;background-image:linear-gradient(rgba(33,33,33,.09),rgba(33,33,33,.09))!important;background-size:1px 100%!important;background-position:left top!important;background-repeat:no-repeat!important}
  html.ml-kino:not(#_):not(#_):not(#_) body.ml-tasma-lesson .tutor-course-topic-single-header{margin-left:0!important;width:auto!important}
}
@media (min-width:1200px){
  html.ml-kino:not(#_):not(#_):not(#_) body.ml-tasma-lesson #tutor-single-entry-content{border-left:0!important;background-image:linear-gradient(rgba(33,33,33,.09),rgba(33,33,33,.09))!important;background-size:1px 100%!important;background-position:left top!important;background-repeat:no-repeat!important}
  html.ml-kino:not(#_):not(#_):not(#_) body.ml-tasma-lesson .tutor-course-topic-single-header{margin-left:0!important;width:auto!important}
}
/* Feedback AI on phones: all three exercise tabs visible, no sideways scrolling */
@media (max-width:600px){
  html.ml-kino:not(#_) #mlfz-panel .mlfz-types{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;overflow:visible!important}
  html.ml-kino:not(#_) #mlfz-panel .mlfz-types button{white-space:normal!important;text-align:center!important;font-size:13.5px!important;line-height:1.25!important;padding:10px 2px 12px!important;width:100%!important}
}
/* "Przejdz do lekcji": quiet link at the bottom of the card, on every width */
html.ml-kino:not(#_) #mlfz-panel .mlfz-answer>p{order:99!important;margin:22px 0 0!important;padding-top:16px!important;border-top:1px solid var(--k-hair)!important}
html.ml-kino:not(#_) #mlfz-panel .mlfz-answer>p a{color:var(--k-ink-2)!important;font-size:14px!important;font-weight:500!important;text-decoration:none!important}
html.ml-kino:not(#_) #mlfz-panel .mlfz-answer>p a::after{content:" →"}
html.ml-kino:not(#_) #mlfz-panel .mlfz-answer>p a:hover{color:var(--k-ink)!important}

/* ---------- 13. Mobile dashboard: bottom tab bar (Kursy, Feedback AI, Kontakt, Konto) ---------- */
html.ml-kino-tabbar:not(#_) #tutor-dashboard-footer-mobile{display:block!important;position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:60!important;padding:6px 8px calc(6px + env(safe-area-inset-bottom))!important;background:rgba(253,252,247,.94)!important;-webkit-backdrop-filter:saturate(1.4) blur(18px);backdrop-filter:saturate(1.4) blur(18px);border-top:1px solid var(--k-hair)!important;box-shadow:none!important}
html.ml-kino-tabbar:not(#_) #tutor-dashboard-footer-mobile .tutor-container{padding:0!important;max-width:none!important}
html.ml-kino-tabbar:not(#_) #tutor-dashboard-footer-mobile .ml-kino-tabs{display:flex!important;margin:0!important;gap:2px!important}
html.ml-kino-tabbar:not(#_):not(#_) #tutor-dashboard-footer-mobile .ml-kino-tab{flex:1 1 0!important;min-width:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;height:54px!important;padding:0!important;margin:0!important;border:0!important;border-radius:14px!important;background:transparent!important;color:var(--k-muted)!important;font-family:var(--k-text)!important;font-size:11px!important;font-weight:600!important;letter-spacing:.01em!important;text-decoration:none!important;box-shadow:none!important;-webkit-tap-highlight-color:transparent}
html.ml-kino-tabbar:not(#_):not(#_) #tutor-dashboard-footer-mobile .ml-kino-tab span{color:inherit!important;font:inherit!important}
html.ml-kino-tabbar #tutor-dashboard-footer-mobile .ml-kino-tab svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
html.ml-kino-tabbar:not(#_):not(#_) #tutor-dashboard-footer-mobile .ml-kino-tab.is-active{color:var(--k-ink)!important}
html.ml-kino-tabbar #tutor-dashboard-footer-mobile .ml-kino-tab.is-active svg{stroke:var(--k-red)}
html.ml-kino-tabbar.ml-kino-sheet-open:not(#_):not(#_) #tutor-dashboard-footer-mobile .ml-kino-tab[aria-expanded]{color:var(--k-ink)!important}
/* the top hamburger is no longer needed on the dashboard */
html.ml-kino-tabbar body.ml-tasma-dashboard header .elementor-element-6249736{display:none!important}
html.ml-kino-tabbar body.ml-tasma-dashboard .tutor-dashboard{padding-bottom:110px!important}
/* "Konto" sheet */
html.ml-kino .ml-kino-sheet{position:fixed;inset:0;z-index:55;background:rgba(33,33,33,.28);opacity:0;pointer-events:none;transition:opacity .25s var(--k-ease)}
html.ml-kino .ml-kino-sheet__panel{position:absolute;left:12px;right:12px;bottom:calc(78px + env(safe-area-inset-bottom));background:var(--k-white);border-radius:20px;box-shadow:var(--k-shadow-2);padding:8px;transform:translateY(12px);transition:transform .3s var(--k-ease)}
html.ml-kino .ml-kino-sheet__panel a{display:flex;align-items:center;height:52px;padding:0 16px;border-radius:12px;font-family:var(--k-text);font-size:16px;font-weight:500;color:var(--k-ink);text-decoration:none}
html.ml-kino .ml-kino-sheet__panel a+a{border-top:1px solid var(--k-hair);border-radius:0 0 12px 12px}
html.ml-kino .ml-kino-sheet__panel a.is-quiet{color:var(--k-ink-2)}
html.ml-kino-sheet-open .ml-kino-sheet{opacity:1;pointer-events:auto}
html.ml-kino-sheet-open .ml-kino-sheet__panel{transform:none}
@media (min-width:992px){html.ml-kino .ml-kino-sheet{display:none}}
html.ml-kino-tabbar:not(#_):not(#_) #tutor-dashboard-footer-mobile{background:rgba(253,252,247,.98)!important}

/* ---------- 14. Production wiring ---------- */
/* injected elements exist at every width; the active layout is chosen by classes set from matchMedia */
html.ml-kino .ml-kino-brand,html.ml-kino .ml-kino-nav{display:none!important}
html.ml-kino-merged:not(#_):not(#_) .ml-kino-brand{display:flex!important}
html.ml-kino-merged .ml-kino-nav{display:flex!important}
html.ml-kino:not(.ml-kino-merged) header ul.ml-kino-topnav{display:none!important}
html.ml-kino .ml-kino-tabs{display:none!important}
html.ml-kino-tabbar:not(#_) #tutor-dashboard-footer-mobile .ml-kino-tabs{display:flex!important}
html.ml-kino-tabbar #tutor-dashboard-footer-mobile .tutor-row{display:none!important}
html.ml-kino:not(.ml-kino-tabbar) .ml-kino-sheet{display:none!important}
/* no flash while kino.js rearranges the header (class removed by kino.js, or by the head script on DOMContentLoaded); parts that go away in the merged layout are already gone, so nothing jumps */
@media (min-width:1200px){html.ml-kino-pending body.ml-tasma-lesson header.elementor-location-header{display:none!important}html.ml-kino-pending body.ml-tasma-lesson .tutor-course-topic-single-header{visibility:hidden!important}}
@media (min-width:992px){html.ml-kino-pending body.ml-tasma-dashboard header .elementor-widget-nav-menu{visibility:hidden!important}html.ml-kino-pending body.ml-tasma-dashboard .tutor-dashboard-left-menu{display:none!important}html.ml-kino-pending body.ml-tasma-dashboard .tutor-frontend-dashboard-maincontent{display:block!important;margin:0!important}html.ml-kino-pending body.ml-tasma-dashboard .tutor-frontend-dashboard-maincontent>[class*="tutor-col"]{flex:0 0 100%!important;max-width:100%!important;width:100%!important;padding:0!important}}
@media (max-width:991px){html.ml-kino-pending #tutor-dashboard-footer-mobile{visibility:hidden!important}}
html.ml-kino-pending body.ml-tasma-login .tutor-login-form-wrapper>.tutor-h3{visibility:hidden!important}

/* ---------- 15. Fixes from staging browser tests ---------- */
/* lesson heading: eyebrow above the title, never side by side */
html.ml-kino:not(#_) .ml-kino-head{display:block!important}
html.ml-kino .ml-kino-head .ml-kino-eyebrow img{display:none!important}
/* team accounts see the WP admin bar: keep the lesson below it once the site header is gone */
html.ml-kino-merged:not(#_) body.admin-bar.ml-tasma-lesson .tutor-course-single-content-wrapper{top:32px!important}
@media (max-width:782px){html.ml-kino-merged:not(#_) body.admin-bar.ml-tasma-lesson .tutor-course-single-content-wrapper{top:46px!important}}
/* dashboard subpages (settings etc.): breathing room under the bar */
html.ml-kino:not(.ml-kino-home):not(#_) body.ml-tasma-dashboard .tutor-dashboard-content:not(:has(#mlfz-panel)){padding-top:44px!important}
html.ml-kino:not(.ml-kino-merged):not(#_):not(#_):not(#_) .ml-kino-brand,html.ml-kino:not(.ml-kino-merged):not(#_):not(#_):not(#_) .ml-kino-nav{display:none!important}
html.ml-kino-tabbar:not(#_):not(#_):not(#_) #tutor-dashboard-footer-mobile .tutor-row{display:none!important}
html.ml-kino:not(.ml-kino-tabbar):not(#_):not(#_):not(#_) #tutor-dashboard-footer-mobile .ml-kino-tabs{display:none!important}
/* cookie settings button must not sit on the tab bar */
html.ml-kino-tabbar .wcc-btn-revisit-wrapper,html.ml-kino-tabbar .cky-btn-revisit-wrapper{bottom:calc(84px + env(safe-area-inset-bottom))!important}
/* the cookie settings button must not cover the "Konto" sheet */
html.ml-kino-sheet-open .wcc-btn-revisit-wrapper,html.ml-kino-sheet-open .cky-btn-revisit-wrapper{display:none!important}
/* instructor accounts: no rating stars under the greeting */
html.ml-kino-home .tutor-frontend-dashboard-header .tutor-dashboard-header-stats{display:none!important}
/* tab bar: AI lettering inside the feedback icon follows the icon colour; labels never wrap */
html.ml-kino-tabbar #tutor-dashboard-footer-mobile .ml-kino-tab.is-active svg text{fill:var(--k-red)}
html.ml-kino-tabbar:not(#_):not(#_) #tutor-dashboard-footer-mobile .ml-kino-tab span{white-space:nowrap!important}