:root {
    /* Original Site Gradients - DO NOT MODIFY */
    --mtsr-main-gradient: linear-gradient(45deg, rgb(84 182 201) 0%, rgb(9 68 121) 100%);
    --mtsr-main-gradient-btn-hover: linear-gradient(45deg, rgb(84 182 201 / 50%) 0%, rgb(9 68 121 / 50%) 100%);
    --mtsr-main-gradient-btn-hover2: linear-gradient(-45deg, rgb(84 182 201 / 50%) 0%, rgb(9 68 121 / 50%) 100%);
    --mtsr-main-gradient-btn-active: linear-gradient(45deg, rgb(84 182 201) 0%, rgb(9 68 121 / 70%) 100%);
    --mtsr-main-gradient-btn-active2: linear-gradient(-45deg, rgb(84 182 201) 0%, rgb(9 68 121 / 70%) 100%);
    --mtsr-main-gradient-button: linear-gradient(144deg, rgb(71 186 222) 0%, rgb(15 97 178) 100%);

    /* Dashboard-specific Gradients - Based on original teal/dark blue colors */
    --mtsr-dashboard-gradient: linear-gradient(135deg, #54b6c9 0%, #094479 100%);
    --mtsr-dashboard-gradient-light: linear-gradient(135deg, rgba(84, 182, 201, 0.1) 0%, rgba(9, 68, 121, 0.05) 100%);
    --mtsr-dashboard-gradient-subtle: linear-gradient(135deg, rgba(84, 182, 201, 0.3) 0%, rgba(9, 68, 121, 0.2) 100%);
    --mtsr-dashboard-gradient-subtle2: linear-gradient(135deg, rgb(84 182 201 / 6%) 0%, rgb(6 182 212 / 31%) 100%);

    /* Teal/Cyan Theme Colors (from original gradient) */
    --mtsr-teal-50: #e6f7f9;
    --mtsr-teal-100: #c9eff4;
    --mtsr-teal-200: #9fe3ec;
    --mtsr-teal-300: #6fd4e2;
    --mtsr-teal-400: #54b6c9;
    --mtsr-teal-500: #3a9fb2;
    --mtsr-teal-600: #2d8799;
    --mtsr-teal-700: #1f6980;
    --mtsr-teal-800: #094479;
    --mtsr-teal-900: #063356;

    /* Accent Colors */
    --mtsr-success: #10b981;
    --mtsr-warning: #f59e0b;
    --mtsr-danger: #ef4444;
    --mtsr-info: #06b6d4;

    /* Neutral Colors */
    --mtsr-gray-50: #f9fafb;
    --mtsr-gray-100: #f3f4f6;
    --mtsr-gray-200: #e5e7eb;
    --mtsr-gray-300: #d1d5db;
    --mtsr-gray-400: #9ca3af;
    --mtsr-gray-500: #6b7280;
    --mtsr-gray-600: #4b5563;
    --mtsr-gray-700: #374151;
    --mtsr-gray-800: #1f2937;
    --mtsr-gray-900: #111827;

    /* Shadows */
    --mtsr-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --mtsr-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);
    --mtsr-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --mtsr-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    --mtsr-shadow-teal: 0 4px 14px rgba(84, 182, 201, 0.25);
    --mtsr-shadow-teal-inset: inset 0px 0px 6px rgb(71 186 222);
}

.mt-hide {
    display: none !important;
}

.mt-spacedrep-ekp-repmode .edit-wp {
    display: none !important;
}

.mtsr-debughook {
    position: fixed;
    z-index: 9999999;
    width: 45px;
    height: 45px;
    text-align: center;
    padding-top: 10px;
    font-size: 1.3em;
    border-radius: 5px;
}
.mtsr-debughook:hover {
    background: lightgray;
    cursor: pointer;
}
.mtsr-debughook.active {
    background-color: rgb(152, 152, 152);
    font-weight: bold;
}
.mtsr-debug {
    display: none;
}
.mtsr-debugshow {
    display: unset;
}

.mtsr-gray {
    color: gray;
}

.mtsr-main-icon {
    font-weight: 600 !important;
}

.mtsr-star {
    margin-right: 2px;
}
.mtsr-colorful {
    color: var(--mtsr-main-gradient);
    background-image: var(--mtsr-main-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.mtsr-not-colorful {
    color: hsl(0, 0%, 70%);
    background-image: none;
    /* -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
}

.mtsr-colorful-due {
    color: hsl(48deg 63.95% 49.28%) !important;
}

.mtsr-devhint {
    color: gray;
}

i.mtsr-main-icon {
    margin-right: 0.3em;
    font-size: 0.85em;
    background: inherit;
}

.mtsr-colorful i.mtsr-main-icon,
.mtsr-colorful i {
    color: var(--mtsr-main-gradient);
    background-image: var(--mtsr-main-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.mtsr-viewreel-thumbs-topline i.mtsr-main-icon {
    font-size: 1em !important;
}
.mtsr-hide {
    display: none !important;
}
.mtsr-hide-opacity {
    opacity: 0;
}
.mtsr-show {
    display: unset !important;
}

/**

HOME

*/

.catlist_lastsession {
    list-style: none;
    margin-left: 0em;
    margin-right: 0em;
    padding: 0;
    border: 0;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: center;
}

.mt-home-box .catlist_lastsession li {
    max-width: 145px;
    margin: 0.55em 0.25em 0.15em 0.25em;
}
.mt-home-box .catlist_lastsession .mtf-lcp-li .mtf-lcp-title {
    flex: 0 1 60%;
}
.mt-home-box .catlist_lastsession .mtf-lcp-li.thumb-list .mtf-lcp-a {
    max-width: 95px;
}
.catlist_lastsession li a {
    padding-bottom: 0.1em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mt-home-header {
    letter-spacing: 0.3em;
    color: #90bcd5;
    margin-top: 0.3em;
}
.with-margin {
    margin-top: 1.5em;
}
.mt-button {
    outline: none;
    border: 1px solid transparent;
    background: none;
}

.mt-home-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1em;
    gap: 20px;
}
.mt-home-row-cell {
    flex-grow: 1;
    flex: 50%;
}

.mt-home-mode-container {
    background: #d1ebdb;
    padding: 2px;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 9px;
}
.mt-home-faecher {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 3px;
}

.mt-home-fach-icon {
    width: 110px;
    transition: 0.15s ease all;
}
.mt-home-fach-icon a {
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    justify-content: center;
    color: #175b81;
    width: 100%;
    padding: 7px 5px;
    margin: 0px;
}
.mt-home-fach-icon a:hover {
    color: #0c2d40;
    /*color:white;*/
}
.mt-home-fach-icon:hover {
    background-color: #3e7594;
    color: white;
    border-radius: 5px;
}

/**
BOX

*/

.mt-box {
}
.mt-box-header-item-button {
    outline: none;
    border: 1px solid transparent;
    color: #487087;
}
.mt-box-header-container {
    display: flex;
    gap: 15px;
    margin-bottom: 0.2em;
}
.mt-box-header-item {
    padding: 0.5em;
    border-radius: 10px;
    position: relative;
}

.mt-box-header-item.item-active .mt-box-header-item-button,
.mt-box-header-item:hover .mt-box-header-item-button {
    /* background-color: #fbfbfc;*/
    color: #093249;
}

.mt-box-header-item-after::after {
    content: "";
    position: absolute;
    bottom: 8px;
    left: 10%;
    height: 1.5px;
    width: 80%;
    background: #444;
    background: linear-gradient(45deg, rgb(71 126 160) 30%, rgb(22 88 135) 100%);
    opacity: 0;
}
.mt-box-header-item:not(.item-active):hover .mt-box-header-item-after::after {
    opacity: 0.5;
}
.item-active .mt-box-header-item-after::after {
    opacity: 1;
}

.mt-box-content-container {
    padding: 0.7em 0.5em;
    border-radius: 10px;
    background-color: #f6f8fc;
    min-height: 44px;
}
.mt-box-content-item {
    display: none;
}

.mt-box-content-item.item-active {
    display: block;
}

.mtsr-hello-text-container {
    display: flex;
    justify-content: space-between;
}
.mt-box-chevron-container {
    margin-right: 0.2em;
}

.mt-box-chevron {
    color: var(--mtsr-main-gradient);
    background-image: var(--mtsr-main-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/**
 */

/*
 HOME BOX
 */
.mtsr-ds-homebox-container {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.mtsr-homebox-container-leftright {
    display: flex;
    gap: 8px;

    list-style: none;
}
.mtsr-homebox-container-right {
    padding: 0px 44px;
}
.mtsr-homebox-container-right {
    flex: 1 1;
}

.mtsr-homebox-row {
    display: flex;

    justify-content: space-between;
    margin-bottom: 0.5em;
}
.mtsr-homebox-row:last-of-type {
    margin-bottom: 0;
}

.mtsr-homebox-row-a {
    display: block;
    padding: 0.7em 0.5em;
    border-radius: 10px;
    /*background-color: #d2e0e9;*/
    border: 1px solid transparent;
}

.mtsr-homebox-row-a.inactive {
    user-select: none;
    cursor: initial;
}
.mtsr-homebox-row-a:not(.inactive):hover {
    /* background-color: #e7edf2;/*#d2e0e9;*/

    background-color: rgb(231 237 242 / 50%);
    border: 1px solid rgb(255 255 255 / 44%);
}
.mtsr-homebox-stats {
    font-size: 0.9em;
    font-weight: 300;
    color: #2c3a42;
}
.mtsr-homebox-stats,
.mtsr-homebox-infolink-row {
    padding: 0em 2em;
}
.mtsr-homebox-infolink-row {
    justify-content: flex-end;
    font-size: 0.8em;
    padding: 0em 0.7em;
    color: #487087;
    margin-top: 0.5em;
}
.mtsr-homebox-infolink-row a {
    color: #487087;
    cursor: pointer;
}
.mtsr-homebox-header {
    color: #477ea0;
    font-size: 1.2em;
    font-weight: bold;
}

/**
 */

.mtsr-captain-logo {
}

.logo-round {
    border-radius: 40%;
    width: auto;
    height: 200px;
    position: absolute;
    right: 20px;
    z-index: -1;
    box-shadow: 0px 0px 8px #b7b7b7;
}
.logo-round-round {
    border-radius: 50%;
    width: auto;
    height: 100px;
    margin-right: 0.5em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    box-shadow: 0px 0px 8px #b7b7b7;
}
.mtsr-repmode-logo {
    width: auto;
    height: 100px;
    margin-right: 1em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: 0.5em;
}

.mtsr-captain-logo-container {
    height: 250px;
    overflow: hidden;
    margin-top: 1em;
    margin-bottom: 1em;
    color: white;
    position: relative;
    display: flex;
    justify-content: center;
    border-top-left-radius: 125px;
    border-bottom-right-radius: 125px;
    /* border-top-right-radius: 1125px; */
    /* border-bottom-left-radius: 2225px; */
}
.mtsr-captain-logo-container .mtsr-captain-logo {
    width: 100%;
    transform: translateY(-33%);
    height: 400%;
    position: absolute;
    z-index: -1;
    /* https://cssplant.com/clip-path-generator
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);*/
}

.mtsr-captain-logo-container span {
    font-size: 3em;
    height: fit-content;
    position: absolute;
    bottom: 0px;
    box-shadow: 0px 0px 12px #9db6fa69;
    background: #77799545;
    border-radius: 55px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;

    letter-spacing: 0.4em;
    padding-left: 0.45em;
}
/**
*
* CREATE
*
*/

/*debug 

*/

.mtsr-pf-box .mt-playlist-creator-fieldcontainer-input {
    float: left;
}

.mtsr-pf-box #mt-playlist-creator-reppf {
    font-size: 1em;
}
.mtsr-targetd-hint-2-tables {
    justify-content: space-between;
    display: flex;
    width: 100%;
}

/*end debug */

.mtsr-create-mode-info {
    padding-left: 25px;
    padding-right: 65px;
    margin-bottom: 25px;
    font-size: 15px;
    font-family: "Lato";
    font-weight: 300;
    color: #8b8b8b;
}

#custom-handle,
#custom-handle2 {
    width: 3em;
    height: 1.6em;
    top: 50%;
    margin-top: -0.8em;
    text-align: center;
    line-height: 1.6em;
}

.mtsr-createbasket-buttons-container {
    display: table;
    width: 100%;
}

.mtsr-createbasket-buttons-item {
    text-align: right;
    display: table-cell;
    width: 50%;
}
.mtsr-createbasket-buttons-item.mtsr-left {
    text-align: left;
}

.mtsr .dashicons {
    font-size: 1em;
    margin-left: 5px;
    margin-right: 5px;
    vertical-align: middle;
}

a.mtsr-createbasket-btn {
    margin-right: 20px;
}

a.mtsr-createbasket-btn:hover {
    cursor: pointer;
}
.mtsr-createbasket-btn button {
    background-color: transparent; /*#f5f5f5;*/

    position: relative;

    height: 32px;
    width: auto;
    font-size: 16px;
    border: none;
    padding-top: 0px;
    line-height: 1.3em;
}
.mtsr-createbasket-btn span {
    color: var(--mtsr-main-gradient);

    background-image: var(--mtsr-main-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1em;
}

.mtsr-createbasket-btn span i {
    -webkit-text-fill-color: rgb(23 133 154);
}

.mtsr-createbasket-btn .ekp_notizen_submit_title_after::after {
    background: var(--mtsr-main-gradient);
}

.mtsr-createbasket-btn :hover .ekp_notizen_submit_title_after {
    opacity: 1;
}

.mtsr-createbasket-second-page {
    min-height: 300px;
}

.mtsr-createbasket-step-two-statusbar {
    display: flex;
    margin-bottom: 2em;
}

.mtsr-createbasket-step-two-title span {
    line-height: 45px;
    font-size: 1.7em;
    display: inline;
    margin: 0px;
    margin-right: 8px;
    width: 100%;
    color: var(--mtsr-main-gradient);
    background-image: var(--mtsr-main-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.mtsr-createbasket-step-two-mtids {
    margin-left: auto;
    text-align: right;
}

.mtsr-createbasket-step-two-statusbar .mt-playlist-creator-fieldcontainer-desc span {
    margin-left: unset;
    font-size: 14px;
}

.mtsr-createbasket-date-btn-container {
    display: flex;
    justify-content: space-around;
    margin-left: 2em;
    margin-right: 2em;
    margin-bottom: 1em;
    margin-top: 1em;
}

.mtsr-createbasket-date-btn {
    background: transparent;
    border-radius: 14px;
    line-height: 2.5em;
    font-size: 1.2em;
    padding-left: 1em;
    padding-right: 1em;
    border: 1px solid #f7f7f7;
    box-shadow: 0px 0px 15px 0px rgb(230 230 230 / 37%);
}

.mtsr-createbasket-alt {
    padding: 0px !important;
}
.mtsr-createbasket-date-btn-alt {
    width: 50%;
    border: 1px transparent;
    background: transparent;
    line-height: 2em;
    font-size: 1.2em;
}
.mtsr-createbasket-date-btn-alt:hover,
.mtsr-createbasket-repmode-btn:hover {
    background: var(--mtsr-main-gradient-btn-hover);
    color: white;
}
.mtsr-createbasket-date-btn-alt.mtsr-alt2:hover {
    background: var(--mtsr-main-gradient-btn-hover2);
}
.mtsr-active {
    background: var(--mtsr-main-gradient-btn-active) !important;
    color: white;
    outline: none;
    box-shadow: inset 0px 0px 15px 0px rgb(216 216 216 / 49%);
}
.mtsr-createbasket-date-btn-alt.mtsr-alt2.mtsr-active {
    background: var(--mtsr-main-gradient-btn-active2);
}

.mt-playlist-creator-fieldcontainer-input.mtsr-date {
    width: 46%;
    margin-left: auto !important;
}
#mt-playlist-creator-targetd {
    font-size: 1em !important;
    text-align: center;
}

.mtsr-createbasket-repmode-container {
    padding: 2em;
}
.mtsr-createbasket-repmode-container-row {
    display: flex;
    justify-content: space-between;
}
.mtsr-createbasket-repmode-container-row.row-bottom {
    margin-top: 1em;
}

.mtsr-createbasket-repmode-btn {
    /* box-shadow: 0px 0px 15px 0px rgb(230 230 230 / 55%);*/
    box-shadow: 0px 4px 15px 0px rgb(187 187 187 / 36%);
    /*border: 1px solid rgb(25 39 74 / 9%);*/
    border: 0px;
    border-radius: var(--create-edit-roll-border-radius);
    padding: 1em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    background: linear-gradient(0deg, rgba(247, 247, 247, 1) 0%, rgba(251, 251, 251, 1) 100%);
}

.mtsr-later {
}

.mtsr-createbasket-hint {
    margin-left: 3em;
    color: gray;
    font-weight: 300;
}

.mtsr-repmode-box {
    margin-bottom: 3em;
}

div.mtsr-spinner-container {
    display: inline-block;
}
div.mtsr-cv-spinner {
    height: 100%;

    display: inline-flex;
    left: 3px;
    margin-right: 3px;
}
span.mtsr-spinner {
    width: 20px;
    height: 20px;
    border: 2px #ddd solid;
    border-top: 3px #398bab solid;
    border-radius: 50%;
    animation: sp-anime 0.8s infinite linear;
}

div.mtsr-spinner-container {
    position: relative;
    bottom: -6px;
}

.mtsr-mtlogo {
    vertical-align: baseline;
    width: 15px;
    position: relative;
    top: 2px;
    margin-right: 2px;
}
.mtsr-create-row {
    display: flex;
    width: 100%;
}

.mtsr-targetd-hint-container {
    font-size: 1.1em;
    padding-top: 0.7em;
}

.mtsr-targetd-hint-tables {
    width: 30%;
}
/**
*
* LERNEN
*/

#mtsr-lernen-row {
    display: flex;

    clear: both;
}

#mtsr-lernen-calendar-block,
#mtsr-lernen-today-block {
}
#mtsr-lernen-calendar-block {
    flex: auto;
    width: 50%;
}
.mtsr-lernen-row-item {
    width: 50%;
}

.mtsr-todayview-ul-sub {
    margin-bottom: 1em;
}

/**
*
*
*
*
*/

.mtsr-ekp-statusbar-click {
    display: flex;
}

.mtsr-ekp-statusbar {
    display: flex;
    min-width: 50%;
}

.mt-ekp-title-container.mtsr-ekp-statusbar {
    display: flex;
    min-width: 0;
    width: 100%;
}

.mt-ekp-title-container.mtsr-ekp-statusbar .mtsr-ekp-statusbar-daterow {
    width: auto;
    justify-content: flex-end;
}

.mtsr-ekp-repmode-title-container .mtsr-ekp-statusbar {
    display: inline-flex;
    min-width: auto;
}

/* EKP reel bar: statusbar only as wide as icon/dot; controls + save feedback in one row */
.mt-spacedrep-ekp-repmode.mtsr-reel .mtsr-ekp-repmode-title-element.element-left-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 10px;
    flex: 1 1 auto;
    min-width: 0;
}

.mt-spacedrep-ekp-repmode.mtsr-reel .element-left-container > .mt-ekp-title-container.mtsr-ekp-statusbar {
    width: auto;
    max-width: none;
    flex: 0 0 auto;
    min-width: 0;
}

.mt-spacedrep-ekp-repmode.mtsr-reel .element-left-container .mt-ekp-title-container.mtsr-ekp-statusbar .mt-ekp-title-row {
    display: none;
}

.mt-spacedrep-ekp-repmode.mtsr-reel .element-left-container .mtsr-ekp-statusbar-container.mtf-ekp-ratedot-container {
    flex: 0 0 auto;
    width: auto;
}

.mt-spacedrep-ekp-repmode.mtsr-reel .element-left-container #mtsr-ekp-repmode-selector-form {
    flex: 0 1 auto;
    margin-top: 0;
}

.mt-spacedrep-ekp-repmode.mtsr-reel .element-left-container .mtsr-ekp-fasttrack-repeat-presets {
    flex: 0 1 auto;
}
.mtsr-ekp-repmode-title-container .mt-ekp-title-container {
    margin-top: 0px;
    padding-right: 0px;
}
.mtsr-ekp-statusbar .mtsr-main-icon {
    font-size: 1em;
}
.mtsr-ekp-statusbar-mtsricon {
    border-radius: 5px;
    padding: 1px;
    padding-left: 5px;
    padding-right: 2px;
}

.mtsr-ekp-statusbar-explanation {
    font-size: 12px;
    text-align: left;
    color: #929292;
}

.mtsr-ekp-statusbar-daterow {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-start; /*flex-end;*/
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.mtsr-ekp-statusbar-repdate {
    /* margin-right: 5px; */
    font-size: 11px;
}

.mtsr-ekp-statusbar-repdate .mtsr-reptoday {
    font-weight: bold;
    display: none;
}

.mtsr-ekp-statusbar-repbadge {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    padding: 2px 7px;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.02em;
    white-space: nowrap;
}

.mtsr-ekp-statusbar-repbadge--heute {
    background: var(--mtsr-teal-100);
    color: var(--mtsr-teal-800);
}

.mtsr-ekp-statusbar-repbadge--verpasst {
    background: #fef3c7;
    color: #b45309;
}

.mtsr-ekp-statusbar-repbadge--zukunft {
    background: var(--mtsr-gray-100);
    color: var(--mtsr-gray-600);
}

.mtf-ratedot-dropdown .mtsr-ekp-statusbar-item-row[data-action="mtsr-addremove-deckll"] .mtsr-ekp-statusbar-repd-row {
    flex: 0 0 100%;
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 2px;
    padding: 0 0.3em 2px;
    justify-content: flex-start;
    color: gray;
    margin-bottom: 3px;
    padding-left: 12px;
}

.mtf-ratedot-dropdown .mtsr-ekp-statusbar-item-row[data-action="mtsr-addremove-deckll"] .mtsr-ekp-statusbar-repdate {
    font-size: 12px;
}

.mtf-ratedot-dropdown .mtsr-ekp-statusbar-item-row[data-action="mtsr-addremove-deckll"][data-data="inactive"] .mtsr-ekp-statusbar-repd-row {
    display: none;
}

.mtsr-ekp-statusbar .mtsr-temp-msg-container,
.mtsr-ekp-combined-container-date-repeat-presets .mtsr-temp-msg-container {
    /* z-index:-1;*/
    position: absolute;
    width: max-content;
    /*top: -1.5em;*/

    right: 0px;
    /*  opacity: 0;
  display:none;*/

    top: 0px;
    opacity: 0;
    bottom: 0px;

    width: max-content;
    height: 100%;
    background: white;
}

.mtsr-ekp-statusbar .mtsr-temp-msg {
    /*
  border: 1px solid black;
  border-radius: 3px 3px 0px 0px;
/*
  border-bottom: 0px;
  border-bottom: 1px solid #dadada;*/
    display: inline-block; /*
  top: -105%;*/
    padding: 2px;
    padding-left: 5px;
    padding-right: 5px;
    background-color: var(--main-background-color);
    font-size: 0.8em;
    color: gray;
}

.mtsr-ekp-statusbar-dropdown-header {
    cursor: default;
    text-transform: uppercase;
    margin-bottom: 4px;
    text-align: justify;
}

.mtsr-ekp-statusbar-dropdown-header span {
    /* width: 100%; */
    display: inline-block;
    white-space: nowrap;
    letter-spacing: 4px;

    padding-left: 4px;
    font-weight: 900;
}
.mtsr-ekp-statusbar-dropdown-header .no-padding {
    padding: 0px;
}

.mtsr-ekp-statusbar .mtf-ratedot-dropdown {
    font-size: 0.9em;
    left: unset;
    transform: unset;
    right: -5px;
    width: min-content;
}
.mtsr-ekp-statusbar-section {
    background: #ededed;

    margin-top: 0.4em;
    border-radius: 4px;
    padding-bottom: 1px;
}
.mtsr-ekp-statusbar-item-header {
    text-transform: uppercase;
    margin-bottom: 3px;
    letter-spacing: 1px;
    color: #5d5d5d;
    font-size: 0.85em;
    text-align: left;
    letter-spacing: 3px;
    font-weight: 600;
    background-color: #f3f3f3;
    border-radius: 3px;
    padding: 2px;
    padding-left: 5px;
    flex-basis: 100%;
}
.mtsr-ekp-statusbar-item-header.lernampel {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.mtsr-ekp-statusbar-item-header.lernampel .aktuell {
    text-transform: none;
    letter-spacing: 0.5px;
}

.mtsr-ekp-lernampel-nextd {
    font-size: 12px;
    color: gray;
    padding-right: 0.3em;
}

.mtsr-ekp-statusbar-item-row {
    display: flex;
    justify-content: space-between;
    margin-right: 0.3em;
    margin-left: 0.3em;
    border-radius: 4px;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 4px;
    margin-top: 3px;
    min-width: 250px;
    flex-grow: 1;
    position: relative;
}
.mtsr-ekp-statusbar-item-row.clickable:hover {
    background-color: #d4d4d4;
}
.mtsr-ekp-statusbar-item-row.bright.clickable:hover {
    background-color: #ededed;
}
.mtsr-ekp-statusbar-item-row:not(.row-2) {
}
.mtsr-ekp-statusbar-item-row.row-2 {
    display: block;
}

.mtsr-ekp-statusbar-item-action {
    padding: 2px;
    padding-left: 6px;
    padding-right: 6px;
    border-radius: 4px;
    background-color: #23637b17;
}

.mtsr-ekp-statusbar-item-action.active {
    background-color: #3093b7;
    color: white;
}
.mtsr-ekp-statusbar-item-row.clickable:hover .mtsr-ekp-statusbar-item-action {
    /*background-color: #3093b7;*/
    color: white;
}
.mtsr-ekp-statusbar-item-title {
    /* display: inline-block; */
    margin-right: 1em;
    margin-left: 0.4em;
    padding: 2px;
    max-width: 175px;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 1.4em;
    /* word-break: break-all; */
    white-space: nowrap;
    margin-bottom: 2px;
}
.row-2 .mtsr-ekp-statusbar-item-title {
    margin-left: 0.8em;
    color: gray;
    font-size: 0.9em;
}

.mtsr-ekp-statusbar-item-title.full-width {
    max-width: unset;
}

.mt-gamification-cv-spinner.small {
    top: 2px;
    left: 1px;
}
.mt-gamification-cv-spinner.small .mt-gamification-spinner {
    width: 13px;
    height: 13px;
    border: 3px #ddd solid;
    border-top: 4px #2e93e6 solid;
}
.mtsr.mt-gamification-cv-spinner .mt-gamification-spinner {
    border-color: white;
    border-top-color: #2e93e6;
}

/**
*
* EKP / REPMODE
*
*/

.mt-spacedrep-ekp-repmode {
    display: block;
}
.mt-spacedrep-ekp-repmode-headline-title {
    display: inline-block;
    margin-right: 1em;
}
.mtsr-ekp-repmode-title-container {
    display: flex;
}

.mtsr-ekp-repmode-repmeta {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.45em;
    min-width: 0;
    padding: 0 8px;
    font-size: 0.8125rem;
    line-height: 1.25;
    font-weight: 500;
    letter-spacing: 0.01em;
    color: rgba(50, 60, 84, 0.68);
    white-space: nowrap;
    user-select: none;
}

.mtsr-ekp-repmode-repmeta-sep {
    opacity: 0.38;
    font-weight: 400;
}

.mtsr-ekp-repmode-repmeta-last {
    font-weight: 400;
    color: rgba(50, 60, 84, 0.58);
}
.mtsr-ekp-repmode-title-logo-container {
}

.mtsr-ekp-repmode-title-text-container {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}

.mtsr-reel .mt-playlist-reel-title-header {
    background-image: var(--mtsr-main-gradient);
}
#mt-spacedrep-calendar {
    overflow: hidden;
}

.mt-spacedrep-cal-row {
    /*
    background: red;
    display: block;
    width: 100% !important;
    padding: 2px;
    border-radius: 4px;
    */
}

.mtsr-ekp-ratedot-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.mtsr-ekp-ratedot-changereppf-title {
    display: block;
}

.mtsr-reppf-button-container {
    display: flex;
    justify-content: center;
    padding-top: 5px;
    padding-bottom: 10px;
    gap: 10px;
}
.mtsr-ekp-ratedot-changereppf-container {
    height: fit-content;
    width: 15%;
}
.mtsr-ekp-ratedot-changereppf-container > * {
    opacity: 0.2;
    transition: 0.2s;
}

.mtsr-ekp-ratedot-changereppf-container:hover .mtsr-reppf-button,
.mtsr-ekp-ratedot-changereppf-container:hover .mtsr-ekp-ratedot-changereppf-title,
.mtsr-ekp-ratedot-changereppf-container:hover .mtsr-reppf-text {
    opacity: 1;
}

.mtsr-ekp-ratedot-changereppf-container .mtsr-reppf-text {
    opacity: 0;
    color: #cbcbcb;
}

.mtsr-ekp-ratedot-changereppf-container .mtsr-reppf-button {
    background: #eaeaea;
    outline: none;
    color: #000;
    border-radius: 7px;
    width: 42px;
    height: 35px;
    /* display: inline-block; */
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.25em;
    user-select: none;
}
.mtsr-ratedot-days {
    position: absolute;
    left: 35%;
    bottom: 15%;

    font-size: 14px;

    display: none;
}

.mtsr-ekp-ratedot-changereppf-container .mtsr-reppf-button:hover {
    cursor: pointer;
    background: #b2b2b2;
}
.intervall-tooltip {
    cursor: pointer;
}
.intervall-erklaerung {
    font-size: 12px;
}
.mtsr-ratebox-loading-chosen {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 15px;
}
.mtsr-ratedot-select-item:not(.chosen):not(.mtsr-ratedot-select-item-pause) {
    display: inline-block;
    padding: 1em;
    padding-top: 0.8em;
    font-size: 4em;
    border-radius: 25px;
    position: relative;
}
.mtsr-ratedot-select-item.mtsr-ratedot-select-item-pause {
    position: relative;
    border-radius: 25px;
    flex-basis: 50%;
}

.mtsr-ratedot-select-item.chosen {
    padding: 0.3em;
    padding-top: 0.1em;
    font-size: 1.5em;
    display: block;
    background: lightgray;
    border-radius: 25px;
    width: 4em;
}
.mtsr-ratedot-select-item.chosen:hover {
}

.mtsr-loading-saving {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.3em;
}
.mtsr-ratedot-select-item-pause {
    display: flex;
    padding: 0.75em 0em;
    font-size: 2em;
    width: 35%;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
}

.mtsr-ratedot-select-item-pause .mtsr-ratedot-pause-text {
    font-size: 16px;
    margin: 0px 10px;
    color: #c8c4c4;
}
.mtsr-ratedot-select-item-pause .mtsr-ratedot {
    display: flex;
}

.mtsr-ratedot-select-item-pause:hover .mtf-ratedot-lvl0,
.mtsr-ratedot-select-item-pause:hover .mtsr-ratedot-pause-text {
    color: gray;
}
.mtsr-ratedot-select-item:hover {
    background-color: lightgray;
}

.mtsr-ratedot-select-item .mtsr-ratedot-click-top {
    position: absolute;
    z-index: 2;

    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
}

.mtsr-ratedot-select-item .mtsr-ratedot-click-top:hover {
    cursor: pointer;
}

.mtsr-ratedot-number {
    font-size: 14px;
    display: block;
    color: #c6c6c6;
}

.mtsr-ratedot-select-item:hover .mtsr-ratedot-number {
    color: gray;
}

.mt-spacedrep-ratebox-container h4 {
    color: rgba(255, 255, 255, 0.78);
    font-weight: 300;
    font-size: 1rem;
    margin-top: 0;
    margin-bottom: 0.35em;
}
.mt-spacedrep-ratebox-container h3 {
    margin-top: 0em;
    margin-bottom: 0.5em;
    font-size: 1.35em;
    line-height: 1.3;
    color: rgba(255, 255, 255, 0.96);
}

.mt-spacedrep-ratebox-nextd {
    font-weight: bold;
    color: rgba(255, 255, 255, 0.96);
}

.mt-spacedrep-ratebox.mt-overlay-msg-box {
    top: auto;
    width: auto;
    max-width: min(820px, 96vw);
    height: auto;
    max-height: none;
    padding: 10px 10px 24px;
    overflow: visible;

    background: rgb(255 255 255 / 30%);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.35);
    z-index: 11;
    position: relative;
    border-radius: 28px;
    box-shadow:
        0 2px 10px rgb(0 0 0 / 10%),
        0 4px 12px rgb(0 0 0 / 8%);
    color: rgba(255, 255, 255, 0.95);
}

.mt-spacedrep-ratebox.mt-overlay-msg-box h3,
.mt-spacedrep-ratebox.mt-overlay-msg-box h4 {
    color: rgba(255, 255, 255, 0.96);
}

.mt-spacedrep-ratebox.mt-overlay-msg-box h4 {
    color: rgba(255, 255, 255, 0.78);
    font-weight: 300;
}

.mt-spacedrep-ratebox.mt-overlay-msg-box .mt-spacedrep-ratebox-nextd-container,
.mt-spacedrep-ratebox.mt-overlay-msg-box .mt-next-loading-text {
    color: rgba(255, 255, 255, 0.9);
}

.mt-spacedrep-ratebox.mt-overlay-msg-box .mtsr-ratedot-number {
    color: rgba(255, 255, 255, 0.72);
}

.mt-spacedrep-ratebox.mt-overlay-msg-box .mtsr-ratedot-select-item:hover .mtsr-ratedot-number {
    color: rgba(255, 255, 255, 0.92);
}

.mt-spacedrep-ratebox.mt-overlay-msg-box .mtsr-ratedot-days {
    color: rgba(255, 255, 255, 0.82);
}

.mt-spacedrep-ratebox.mt-overlay-msg-box .mtsr-ekp-ratedot-changereppf-title,
.mt-spacedrep-ratebox.mt-overlay-msg-box .mtsr-ekp-ratedot-changereppf-title .intervall-tooltip {
    color: rgba(255, 255, 255, 0.88);
}

.mt-spacedrep-ratebox.mt-overlay-msg-box .mtsr-ekp-ratedot-changereppf-container > *:not(.mtsr-reppf-text):not(.tooltip_templates) {
    opacity: 0.88;
}

.mt-spacedrep-ratebox.mt-overlay-msg-box .mtsr-ekp-ratedot-changereppf-container:hover > *:not(.mtsr-reppf-text):not(.tooltip_templates),
.mt-spacedrep-ratebox.mt-overlay-msg-box .mtsr-ekp-ratedot-changereppf-container:hover .mtsr-reppf-button,
.mt-spacedrep-ratebox.mt-overlay-msg-box .mtsr-ekp-ratedot-changereppf-container:hover .mtsr-ekp-ratedot-changereppf-title {
    opacity: 1;
}

.mt-spacedrep-ratebox.mt-overlay-msg-box .mtsr-ekp-ratedot-changereppf-container .mtsr-reppf-text {
    opacity: 0;
    color: rgba(255, 255, 255, 0.78);
    transition: opacity 0.2s ease;
}

.mt-spacedrep-ratebox.mt-overlay-msg-box .mtsr-ekp-ratedot-changereppf-container:hover .mtsr-reppf-text {
    opacity: 1;
}

.mt-spacedrep-ratebox.mt-overlay-msg-box .mtsr-reppf-text span {
    color: rgba(255, 255, 255, 0.72) !important;
}

.mt-spacedrep-ratebox.mt-overlay-msg-box .mtsr-ekp-ratedot-changereppf-container .mtsr-reppf-button {
    background: rgba(255, 255, 255, 0.22);
    color: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(255, 255, 255, 0.28);
}

.mt-spacedrep-ratebox.mt-overlay-msg-box .mtsr-ekp-ratedot-changereppf-container .mtsr-reppf-button:hover {
    background: rgba(255, 255, 255, 0.34);
}

.mt-spacedrep-ratebox.mt-overlay-msg-box .mtsr-ratedot-select-item:hover {
    background-color: rgba(255, 255, 255, 0.18);
}

.mt-spacedrep-ratebox.mt-overlay-msg-box .mtsr-ratedot-select-item-pause .mtsr-ratedot-pause-text {
    color: rgba(255, 255, 255, 0.82);
}

.mt-spacedrep-ratebox.mt-overlay-msg-box .mtsr-ratedot-select-item-pause:hover .mtf-ratedot-lvl0,
.mt-spacedrep-ratebox.mt-overlay-msg-box .mtsr-ratedot-select-item-pause:hover .mtsr-ratedot-pause-text {
    color: rgba(255, 255, 255, 0.96);
}

.mt-spacedrep-ratebox.mt-overlay-msg-box .mtsr-ratedot-select-item.mtsr-step2,
.mt-spacedrep-ratebox.mt-overlay-msg-box .mtsr-ratedot-select-item.mtsr-step2 .mtsr-ratedot {
    color: rgba(255, 255, 255, 0.92);
}

.mt-spacedrep-ratebox.mt-overlay-msg-box .mtsr-ratedot-select-item.mtsr-done-home {
    background: rgba(255, 255, 255, 0.16);
}

.mt-spacedrep-ratebox.mt-overlay-msg-box .mtsr-ratedot-select-item.mtsr-done-home:hover {
    background: rgba(255, 255, 255, 0.26);
}

.mt-spacedrep-ratebox.mt-overlay-msg-box .mtsr-ratedot-select-item.mtsr-done-home a {
    color: rgba(255, 255, 255, 0.9);
}

.mt-spacedrep-ratebox.mt-overlay-msg-box .mtsr-ratedot-select-item.chosen {
    background: rgba(255, 255, 255, 0.24);
}

.mt-spacedrep-ratebox.mt-overlay-msg-box:not(.no-scroll) {
    max-height: min(85vh, 720px);
    overflow-x: hidden;
    overflow-y: auto;
}

.mt-spacedrep-ratebox .mtsr-ratebox > br {
    display: none;
}

.meditrick_wrapper.mtsr-ratebox-show .mt-spacedrep-ratebox-container {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Ratebox: keep all 3 ampel dots in one row; scale down on narrower viewports */
.mt-spacedrep-ratebox .mtsr-ekp-ratedot-container {
    display: grid;
    grid-template-columns: minmax(0, 0.5fr) repeat(3, minmax(0, auto)) minmax(88px, 1fr);
    grid-template-areas:
        "spacer dot1 dot2 dot3 changereppf"
        "pause pause pause pause pause";
    gap: 6px 10px;
    align-items: center;
    justify-items: center;
    width: 100%;
}

.mt-spacedrep-ratebox .mtsr-ekp-ratedot-changereppf-container:first-child {
    grid-area: spacer;
}

.mt-spacedrep-ratebox .mtsr-ratedot-select-item:nth-child(2) {
    grid-area: dot1;
}

.mt-spacedrep-ratebox .mtsr-ratedot-select-item:nth-child(3) {
    grid-area: dot2;
}

.mt-spacedrep-ratebox .mtsr-ratedot-select-item:nth-child(4) {
    grid-area: dot3;
}

.mt-spacedrep-ratebox .mtsr-ekp-ratedot-changereppf-container:not(:first-child) {
    grid-area: changereppf;
    width: 100%;
    max-width: 150px;
    justify-self: center;
}

.mt-spacedrep-ratebox .mtsr-ratedot-select-item:not(.chosen):not(.mtsr-ratedot-select-item-pause) {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    font-size: clamp(2em, 4.2vw, 3.5em);
    padding: clamp(0.3em, 0.9vw, 0.8em) clamp(0.2em, 0.8vw, 0.75em) clamp(0.25em, 0.8vw, 0.45em);
}

.mt-spacedrep-ratebox .mtsr-ratedot-select-item:not(.mtsr-ratedot-select-item-pause) > .mtsr-ratedot:not(.mtsr-ratedot-days) {
    order: 1;
}

.mt-spacedrep-ratebox .mtsr-ratedot-select-item:not(.mtsr-ratedot-select-item-pause) .mtsr-ratedot-number {
    order: 2;
}

.mt-spacedrep-ratebox .mtsr-ratedot-select-item:not(.mtsr-ratedot-select-item-pause) .mtsr-ratedot-days {
    order: 3;
    position: static;
    display: block;
    visibility: hidden;
    opacity: 0;
    font-size: 10px;
    line-height: 1.15;
    min-height: 1.15em;
    color: rgba(255, 255, 255, 0.82);
    margin-top: 1px;
    white-space: nowrap;
    transition: opacity 0.15s ease;
}

.mt-spacedrep-ratebox .mtsr-ekp-ratedot-changereppf-title {
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
    white-space: nowrap;
    gap: 3px;
    font-size: 0.78em;
    line-height: 1.2;
}

.mt-spacedrep-ratebox .mtsr-ekp-ratedot-changereppf-title .intervall-tooltip {
    display: inline-flex;
    flex-shrink: 0;
}

.mt-spacedrep-ratebox .mtsr-ratedot-select-item.mtsr-ratedot-select-item-pause {
    grid-area: pause;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 0;
    flex-basis: auto;
    width: auto;
    max-width: none;
    margin: 10px auto 0;
    padding: 0.35em 0.75em;
    font-size: 1rem;
}

.mt-spacedrep-ratebox .mtsr-ratedot-select-item.mtsr-ratedot-select-item-pause .mtsr-ratedot.mtf-ratedot-lvl0 {
    font-size: 1.15em;
    line-height: 1;
    flex-shrink: 0;
    margin-right: 10px;
}

.mt-spacedrep-ratebox .mtsr-ratedot-select-item.mtsr-ratedot-select-item-pause .mtsr-ratedot-pause-text {
    font-size: 1rem;
    line-height: 1.2;
    margin: 0 0.2em 0 0;
    white-space: nowrap;
}

.mt-spacedrep-ratebox .mtsr-ratedot-select-item.mtsr-ratedot-select-item-pause .mtsr-ratedot-number {
    display: inline;
    font-size: 1rem;
    line-height: 1.2;
    margin: 0;
    white-space: nowrap;
}

@media screen and (max-width: 999px) {
    .mt-spacedrep-ratebox .mtsr-ekp-ratedot-container {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        grid-template-areas:
            "dot1 dot2 dot3"
            "changereppf changereppf changereppf"
            "pause pause pause";
        gap: 8px 10px;
    }

    .mt-spacedrep-ratebox .mtsr-ekp-ratedot-changereppf-container:first-child {
        display: none;
    }

    .mt-spacedrep-ratebox .mtsr-ekp-ratedot-changereppf-container:not(:first-child) {
        grid-area: changereppf;
        width: 100%;
        max-width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: center;
        gap: 10px 14px;
        margin-top: 4px;
    }

    .mt-spacedrep-ratebox .mtsr-ekp-ratedot-changereppf-container:not(:first-child) > *:not(.mtsr-reppf-text):not(.tooltip_templates) {
        opacity: 1;
    }

    .mt-spacedrep-ratebox .mtsr-ekp-ratedot-changereppf-container .tooltip_templates {
        display: none;
    }

    .mt-spacedrep-ratebox .mtsr-ekp-ratedot-changereppf-container .mtsr-reppf-text {
        opacity: 0;
        color: rgba(255, 255, 255, 0.78);
        flex: 0 1 auto;
        font-size: 0.82em;
        line-height: 1.35;
        text-align: left;
        transition: opacity 0.2s ease;
    }

    .mt-spacedrep-ratebox .mtsr-ekp-ratedot-changereppf-container:not(:first-child):hover .mtsr-reppf-text {
        opacity: 1;
    }

    .mt-spacedrep-ratebox .mtsr-reppf-button-container {
        flex: 0 0 auto;
        padding-top: 0;
        padding-bottom: 0;
    }

    .mt-spacedrep-ratebox .mtsr-ratedot-select-item:not(.chosen):not(.mtsr-ratedot-select-item-pause) {
        font-size: clamp(1.65em, 3.2vw, 2.4em);
        padding: 0.25em 0.12em 0.15em;
    }
}

/* Ratebox overlay — mobile only (desktop layout unchanged above) */
@media screen and (max-width: 768px) {
    .meditrick_wrapper.mtsr-ratebox-show .mt-spacedrep-ratebox-container.mt-overlay-container {
        height: auto;
        min-height: 0;
        bottom: auto;
        align-items: flex-start;
        justify-content: center;
        padding: 0 6px 25px;
        box-sizing: border-box;
    }

    .meditrick_wrapper.mtsr-ratebox-show .mt-spacedrep-ratebox-container .mt-overlay-darken {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: auto;
        height: auto;
    }

    .mt-spacedrep-ratebox.mt-overlay-msg-box {
        top: auto;
        width: calc(100% - 12px);
        max-width: calc(100% - 12px);
        height: fit-content;
        flex: 0 0 auto;
        margin: 0;
        max-height: none;
        overflow-y: visible;
        -webkit-overflow-scrolling: touch;
        justify-content: flex-start;
        align-items: stretch;
        padding-bottom: 16px;
    }

    .mt-spacedrep-ratebox-container h3 {
        font-size: 1.15em;
        line-height: 1.35;
    }

    .mt-spacedrep-ratebox-container h4 {
        font-size: 0.95em;
    }

    .mt-spacedrep-ratebox .mt-spacedrep-ratebox-nextd-container {
        font-size: 0.9em;
    }

    .mt-spacedrep-ratebox .mt-spacedrep-ratebox-ratedotbox,
    .mt-spacedrep-ratebox .mtsr-ekp-ratedot-container {
        width: 100%;
    }

    .mt-spacedrep-ratebox .mtsr-ekp-ratedot-container {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        grid-template-areas: none;
        gap: 6px 8px;
        justify-items: center;
    }

    .mt-spacedrep-ratebox .mtsr-ratedot-select-item:nth-child(2),
    .mt-spacedrep-ratebox .mtsr-ratedot-select-item:nth-child(3),
    .mt-spacedrep-ratebox .mtsr-ratedot-select-item:nth-child(4) {
        grid-area: auto;
    }

    /* Left spacer column — empty on desktop, hidden on mobile */
    .mt-spacedrep-ratebox .mtsr-ekp-ratedot-changereppf-container:first-child {
        display: none;
    }

    /* Full-width row below the three rating dots (not :last-of-type — pause div follows) */
    .mt-spacedrep-ratebox .mtsr-ekp-ratedot-changereppf-container:not(:first-child) {
        grid-area: auto;
        grid-column: 1 / -1;
        width: 100%;
        max-width: 100%;
        margin-top: 6px;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        gap: 8px 12px;
    }

    .mt-spacedrep-ratebox .mtsr-ekp-ratedot-changereppf-container:not(:first-child) > *:not(.mtsr-reppf-text):not(.tooltip_templates) {
        opacity: 1;
    }

    .mt-spacedrep-ratebox .mtsr-ekp-ratedot-changereppf-container .tooltip_templates {
        display: none;
    }

    .mt-spacedrep-ratebox .mtsr-ekp-ratedot-changereppf-title {
        flex: 0 1 auto;
        margin: 0;
    }

    .mt-spacedrep-ratebox .mtsr-reppf-button-container {
        flex: 0 0 auto;
        padding-top: 0;
        padding-bottom: 0;
    }

    .mt-spacedrep-ratebox .mtsr-ekp-ratedot-changereppf-container .mtsr-reppf-text {
        flex: 1 1 140px;
        opacity: 0;
        color: rgba(255, 255, 255, 0.78);
        margin: 0;
        transition: opacity 0.2s ease;
    }

    .mt-spacedrep-ratebox .mtsr-ekp-ratedot-changereppf-container:not(:first-child):hover .mtsr-reppf-text {
        opacity: 1;
    }

    .mt-spacedrep-ratebox .mtsr-ekp-ratedot-changereppf-title,
    .mt-spacedrep-ratebox .mtsr-reppf-text {
        font-size: 0.85em;
        line-height: 1.4;
    }

    .mt-spacedrep-ratebox .mtsr-ratedot-days {
        visibility: visible;
        opacity: 1;
        position: static;
        font-size: 11px;
        line-height: 1.15;
        min-height: 1.15em;
        margin-top: 1px;
        color: rgba(255, 255, 255, 0.82);
    }

    .mt-spacedrep-ratebox .mtsr-ratedot-select-item:not(.chosen):not(.mtsr-ratedot-select-item-pause) {
        font-size: 2.35em;
        padding: 0.35em 0.2em 0.2em;
        margin: 0;
        width: 100%;
        box-sizing: border-box;
        text-align: center;
    }

    .mt-spacedrep-ratebox .mtsr-ratedot-select-item.mtsr-ratedot-select-item-pause {
        grid-area: auto;
        grid-column: 1 / -1;
        width: auto;
        max-width: none;
        margin: 8px auto 0;
        padding: 0.35em 0.75em;
        font-size: 1rem;
    }

    .mt-spacedrep-ratebox .mtsr-ratedot-number {
        font-size: 11px;
    }

    .mt-spacedrep-ratebox .mtsr-ratedot-select-item.mtsr-step2 {
        display: block;
        width: 100%;
        margin-bottom: 8px;
        font-size: 1.05em;
        padding: 0.75em 0.85em;
        box-sizing: border-box;
    }

    .mt-spacedrep-ratebox .mtsr-ratedot-select-item.mtsr-done-home {
        margin: 0.5em 0;
        width: 100%;
        box-sizing: border-box;
    }

    .mt-spacedrep-ratebox .mt-next-loading-text {
        font-size: 1em;
        text-align: center;
        padding: 0 0.5em;
    }
}

@media screen and (max-width: 480px) {
    .mt-spacedrep-ratebox .mtsr-ratedot-select-item:not(.chosen):not(.mtsr-ratedot-select-item-pause) {
        font-size: 2em;
        padding: 0.3em 0.15em 0.15em;
    }

    .mt-spacedrep-ratebox .mtsr-ratedot-select-item.mtsr-ratedot-select-item-pause {
        font-size: 1.2em;
    }
}

.mt-next-loading-text {
    font-size: 1.3em;
}

/**
 *
 *  MTPlaylist Mods
 *
 *
 */

#mt-playlist-reel-title {
    table-layout: initial !important;
}

.mtsr-reel-title-add {
    color: #6a83a7;
}
.mtsr-viewreel-navi {
    color: lightgray;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.7em;
    margin-top: 0.4em;
}
.mtsr-viewreel-navi a {
    margin-left: 8px;
    margin-right: 8px;
    color: #6a83a7;
    /*background: #efefef; */
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #eaf1f1;
    border-color: #eaf1f166 #e4eded59 #e4eded;
    border-bottom: 1px solid #aee1e157;
}
.mtsr-viewreel-navi a .mt-ekp-top-tabs-count {
    background: #fafafa;
    color: #cdd2e9;
}
.mtsr-viewreel-navi a:hover {
    border-color: #eaf1f1 #e4eded #e4eded;
    cursor: pointer;
}
#mt_playlist.mtsr-otherdecks {
    padding-left: 1em;
}
.mtsr-otherdecks .mt-playlist-thumbs-li-title {
    /* white-space: unset;
  word-break: break-word;*/
    overflow: unset;
    white-space: unset;
    font-size: 0.9em;
}
.mtsr-reel .mt-playlist-thumbs-ul {
    height: auto !important;
    position: relative;
    padding-top: 15px;
    padding-bottom: 5px;
}
.mtsr-reel ul.mt-playlist-thumbs-ul.reel li {
    width: auto;
}

.mtsr-viewreel-thumbs-topline {
    display: flex;
    justify-content: space-between;
}
.mtsr-viewreel-thumbs-topline-left {
    padding-left: 0.65em;
    font-size: 0.75em;
    color: #797979;
}
li:hover .mtsr-viewreel-thumbs-topline-left {
    color: #797979;
}
.mtsr-reel-li-normal-item {
    display: inline-block;
    margin-left: -3px;
}
li.mtsr-li-before-today {
    border-top: 1px solid rgb(212, 107, 8);
    position: relative;
}

li.mtsr-li-after-today {
    border-top: 1px solid rgb(8, 137, 212);
    position: relative;
}
.mtsr-reel-li-top-container {
    width: 105px;
}
.mtsr-li-future-gray-item .mtsr-reel-li-top-container:hover {
    background: none;
    border: 1px solid transparent !important;
}
li.mtsr-reel-today-item-li {
    border-left: 1px solid #9f0000;
    height: 100%;
    border-radius: 0px;
    top: 0;
    position: absolute;
    z-index: 00;
    width: 0px !important;
    color: gray;
    display: inline-block;
    padding: 6px;
    margin-left: 10px;
}
li.mtsr-reel-today-item {
    border-top: 1px solid #9f0000;
    position: relative;
}
.mtsr-reel .mt-playlist-thumbs-li-thumbs-container {
    height: 110px;
    /*
    border-radius: 15px; */

    border-radius: 25px;

    border: 1px solid #d7d7d7 !important;
}
.mtsr-reel .mt-playlist-thumbs-li-thumbs-container div {
    height: inherit;
}

.mtsr-reel div.mt-playlist-thumbs-li-thumbs-thumbcell {
    height: 110px !important;
    width: 90px !important;
}

.mtsr-reel ul.mt-playlist-thumbs-ul.reel li:hover .mt-playlist-thumbs-li-thumbs-thumbcell-container {
    filter: unset;
    -webkit-filter: unset;
    -moz-filter: unset;
    -ms-filter: unset;
    -o-filter: unset;
}

.mtsr-reel li img.mt-playlist-thumbs-mtthumb {
    max-height: 100%;
    max-width: unset;
    transform: translateX(-27%);
    width: 198px;
}

li.mtsr-reel-today-item-li.mtsr-today-last {
    width: 70px !important;
    margin-left: 10px;
}
li.mtsr-reel-today-item-li.mtsr-today-first {
    width: 70px !important;
    margin-left: 20px;
}

li.mtsr-reel-today-item-li:hover {
    background: initial;
    border: 0px !important;
    border-left: 1px solid #9f0000 !important;
    color: gray;
    z-index: -1;
}

li.mtsr-li-after-beforeitem {
    margin-left: 10px;
    padding-left: 15px;
}
li.mtsr-li-after-beforeitem-first {
    margin-left: 20px;
    padding-left: 15px;
}
li.mtsr-li-after-todayitem {
    margin-left: 25px;
}

li.mtsr-reel-today-item-li span {
    position: relative;
    top: -8px;
    margin-left: 15px;
}

li.mtsr-reel-today-item-li span.mtsr-today-top {
    top: -28px;
    transform: translateX(-60%);
    display: inline-block;
    margin-left: 0px;
}
li.mtsr-li-before-todayitem span.mtsr-reel-item-span {
    position: absolute;
    top: -19px;
    right: 3px;
    color: gray;
}

li.mtsr-li-after-todayitem span.mtsr-reel-item-span,
li.mtsr-li-after-today span.mtsr-reel-item-span {
    position: absolute;
    top: -19px;
    left: 3px;
    color: gray;
}

.mtsr-li-future-gray-item {
    filter: grayscale(1);
    animation: 0.3s;
    transition: 0.3s;
}
.mtsr-li-future-gray-item .mt-playlist-thumbs-li-title {
    color: gray;
}

.mtsr-li-future-gray-item-1 {
    position: relative;
    z-index: 6;
}
.mtsr-li-future-gray-item-2 {
    position: relative;
    left: -90px;
    z-index: 5;
}
.mtsr-li-future-gray-item-3 {
    position: relative;
    left: -180px;
    z-index: 4;
}
.mtsr-li-future-gray-item-4 {
    position: relative;
    left: -270px;
    z-index: 3;
}
.mtsr-li-future-gray-item-5 {
    position: relative;
    left: -360px;
    z-index: 2;
}

.mtsr-future-container .mt-playlist-thumbs-li-thumbs-mtf,
.mtsr-future-container .mt-playlist-thumbs-li-title,
.mtsr-future-container .mtsr-reel-item-date {
    opacity: 0;
    transition: 0.3s;
}

.mtsr-li-future-gray-item-1 .mt-playlist-thumbs-li-title {
    opacity: 1;
}
.mtsr-future-container:hover .mt-playlist-thumbs-li-thumbs-mtf,
.mtsr-future-container:hover .mt-playlist-thumbs-li-title,
.mtsr-future-container:hover .mtsr-reel-item-date {
    opacity: 1;
}
.mtsr-future-container {
    /* width: 155px !important;*/
}

.mtsr-li-future-gray-item .mtsr-reel-future-title,
.mtsr-reel-future-title-prev {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    left: 5px;
}
.mtsr-li-future-gray-item .mtsr-reel-future-title,
.mtsr-li-future-gray-item-1 .mtsr-reel-future-title-prev {
    opacity: 1;
}
.mtsr-li-future-gray-item-1 .mtsr-reel-future-title,
.mtsr-reel-future-title-prev {
    position: absolute;
    opacity: 0;
}

.mtsr-future-container:hover .mtsr-li-future-gray-item-1 .mtsr-reel-future-title {
    opacity: 1;
}
.mtsr-future-container:hover .mtsr-li-future-gray-item-1 .mtsr-reel-future-title-prev {
    opacity: 0;
}

.mtsr-future-container:hover .mtsr-li-future-gray-item-1,
.mtsr-future-container:hover .mtsr-li-future-gray-item-2,
.mtsr-future-container:hover .mtsr-li-future-gray-item-3,
.mtsr-future-container:hover .mtsr-li-future-gray-item-4,
.mtsr-future-container:hover .mtsr-li-future-gray-item-5 {
    left: 0px;
}
.mtsr-future-container .vignette {
    height: 100%;
}
.mtsr-future-container .mtsr-li-future-gray-item-4 .mt-playlist-thumbs-li-thumbs-thumbcell {
    display: flex;
    justify-content: center;
    align-items: center;
}
.mtsr-future-container .mtsr-li-future-gray-item-4 img.mt-playlist-thumbs-mtthumb {
    width: 70px !important;
    height: auto !important;
    transform: none;
}

.mtsr-reel-item-date {
    color: gray;
    text-align: center;
}

.mtsr-reel div.mt-playlist-thumbs-scrollable {
    padding-top: 25px !important;
}

.mtsr-flashdiv {
    background: linear-gradient(243deg, #104f8059, #4dacc266);
    display: block;
    position: absolute;
    z-index: -1;
    width: 100%;
    width: 105px;
    height: calc(100% - 5px);
    top: 5px;
    border-radius: 5px;
    border: 1px solid #969ccc;
    display: none;
}

/**
  *
  * CALENDAR
  */

.mtsr-kalender-header i {
    width: 28px;
}
#mt-spacedrep-calendar-data {
    display: none;
}
.daily-summary-mts .mtsr-cal-row-icon {
    font-size: 8px;
}

.mtsr-cal-row-icon {
    font-size: 6px;
    top: 1px;
    position: relative;
}

.mtsr-cal-row-count {
    color: #08213e;
}

.mtsr-calendar-small .mtsr-cal-row-text {
    display: none;
}

/** mods - Calendar Blue Theme */
.gc-calendar .gc-event {
    margin-bottom: 0px !important;
}

#mt-spacedrep-calendar .gc-calendar a.today {
    background: var(--mtsr-teal-50);
    border-radius: 6px;
    padding-left: 10px;
    width: 90%;
    border: 1px solid var(--mtsr-teal-200);
}
.gc-calendar table.calendar td .day-number {
    font-size: 1.2em !important;
    line-height: 1.5em !important;
}
.gc-calendar table.calendar td .today .day-number {
    color: var(--mtsr-teal-600) !important;
    font-weight: 600;
}

.gc-calendar table.calendar tr td:last-child:not(.prev-month):not(.next-month) .day-number,
.gc-calendar table.calendar tr td:nth-last-child(2):not(.prev-month):not(.next-month) .day-number {
    color: var(--mtsr-gray-400) !important;
}
.today.selected .day-number {
    color: white !important;
}

.gc-calendar table.calendar tr td:last-child,
.gc-calendar table.calendar tr td:nth-last-child(2) {
    background: linear-gradient(90deg, var(--mtsr-gray-50) 90%, transparent 50%);
}
.gc-calendar table.calendar tr td.prev-month:last-child,
.gc-calendar table.calendar tr td.prev-month:nth-last-child(2),
.gc-calendar table.calendar tr td.next-month:last-child,
.gc-calendar table.calendar tr td.next-month:nth-last-child(2) {
    background: linear-gradient(90deg, #fcfcfc 90%, transparent 50%);
}

/**
  *
  *thumbs
  */

.mtsr-thumbs-li-thumbs-container {
    display: block;
    min-height: 116px;
}

.mtsr .mt-playlist-thumbs-li-thumbs-clickablelink-container {
    z-index: 40;
}

.mtsr-thumbs-li-thumbs-container-table {
    border-radius: 15px;
    overflow: hidden;
    position: absolute;
    width: 90px;
    height: 110px;

    border: 1px solid #d7d7d7 !important;
    box-shadow: 0px 0px 6px #a8a8a8;

    transition: 0.2s;
}

.mtsr-thumbs-one {
    z-index: 10;
    transform: rotate(-8deg);
}
.mtsr-thumbs-two {
    z-index: 5;
    left: 35px;
    top: -1px;
}
.mtsr-thumbs-three {
    z-index: 1;
    left: 70px;
    transform: rotate(8deg);
}

.mtsr-thumbs-big {
    margin-left: 21%;
}

li.mtsr.mt-playlist-normal-item:hover .mtsr-thumbs-one {
    /*  left:-3px;*/
}
li.mtsr.mt-playlist-normal-item:hover .mtsr-thumbs-two {
    left: 40px;
    /*  top:-3px;*/
}
li.mtsr.mt-playlist-normal-item:hover .mtsr-thumbs-three {
    left: 80px;
}

img.mtsr-thumbs-mtthumb {
    max-height: 100%;
    max-width: unset;
    transform: translateX(-27%);
}
.mtsr-thumbs-li-thumbs-thumbcell-container {
    height: inherit;
    position: relative;
}

.mtsr-thumbs-li-thumbs-container-table .vignette {
    width: 100%;
    height: 100%;
}

.mtsr-thumbs-li-thumbs-container-table .mt-playlist-thumbs-li-thumbs-container-table-vignette {
    opacity: 0.5;
}

.mtsr-thumbs-mtthumb-mtlogo {
    position: absolute;
    z-index: 10;
    width: 15px;
    top: 3px;
    right: 3px;
    filter: grayscale(0.2) !important;
}

.reel .mtsr-thumbs-mtthumb-mtlogo {
    /*
  top: 4px;
  right: 5px;*/

    right: 7px;
    top: 6px;
}
.mtsr-thumbs-li-thumbs-container-centerbox {
    width: 160px;
    min-height: inherit;
    display: block;
    margin: 0 auto;
    position: relative;
    padding-top: 3px;
}

/**
 *
 *   thumbs other decks
 *
 *
 */

.mtsr-otherdecks .mt-playlist-thumbs.lernen li {
    width: 85px;
}

.mtsr-otherdecks .mtsr-thumbs-li-thumbs-container {
    min-height: 50px;
}
.mtsr-otherdecks .mtsr-thumbs-li-thumbs-container-centerbox {
    width: 40px;
    height: 53px;
    margin: initial;
}

.mtsr-otherdecks .mtsr-thumbs-li-thumbs-container-table {
    width: 40px;
    height: 48px;
}

.mtsr-otherdecks .mtsr-thumbs-one {
}
.mtsr-otherdecks .mtsr-thumbs-two {
    left: 15px;
}
.mtsr-otherdecks .mtsr-thumbs-three {
    left: 30px;
}

.mtsr-otherdecks .mtsr-thumbs-big {
    margin-left: 38%;
}

.mtsr-otherdecks li.mtsr.mt-playlist-normal-item:hover .mtsr-thumbs-one {
    /*  left:-3px;*/
}
.mtsr-otherdecks li.mtsr.mt-playlist-normal-item:hover .mtsr-thumbs-two {
    left: 15px;
}
.mtsr-otherdecks li.mtsr.mt-playlist-normal-item:hover .mtsr-thumbs-three {
    left: 30px;
}

.mtsr-otherdecks .mtsr-thumbs-mtthumb-mtlogo {
    width: 10px;
}

.mt-playlist-reel-title-header.mtsr-otherdecks {
    font-size: 1.3em;
    background-image: var(--mtsr-main-gradient);
}

.mt-unified-thumbs-header {
    color: #b5b5b5;
}
.mt-unified-thumbs-header .mt-unified-thumbs-header-button.mt-all {
    background: transparent;
    color: #b5b5b5;
}

.mt-unified-thumbs-header .mt-unified-thumbs-header-button:hover {
}

.mtsr.mt-playlist-lernenthumbs-header-box1,
.mtsr.mt-playlist-lernenthumbs-header-box2 {
    position: relative;
}
.mtsr-thumbs-uni-create-dropdown {
    position: absolute;
    right: 0;

    background: white;
    border-radius: 5px;
    padding: 4px !important;
    box-shadow: 0 0 6px 0px rgb(0 0 0 / 10%);
    width: fit-content;
}
.mtsr-thumbs-uni-create-dropdown.dropdown-right {
    left: 0;
}

.mtsr-thumbs-uni-create-dropdown-item {
    border-radius: 3px;
}
.mtsr-thumbs-uni-create-dropdown-item:hover {
    background-color: #f4f4f4;
}

.mtp-colorful {
    background-image: linear-gradient(45deg, rgba(201, 85, 84, 1) 20%, rgba(9, 9, 121, 1) 90%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.mt-playlist-miniicon {
    height: 1em;
    line-height: 1em;
    vertical-align: text-bottom;
    position: relative;
    bottom: 1px;
}

.mtsr-ratedot-select-item.mtsr-step2 {
    font-size: 1.5em;
    border-radius: 15px;
}

.mtsr-ratedot-select-item.mtsr-done-home {
    background: #f4f4f4;
    font-size: 1em;
    margin: 1em;
    padding: 0;
}

.mtsr-ratedot-select-item.mtsr-done-home:hover {
    background: lightgray;
}

.mtsr-ratedot-select-item.mtsr-done-home a {
    display: block;
    padding: 1em 2em;
    padding-top: 0.9em;
    color: gray;
}

/**
  daily lernen — weekly overview (compact cards, monthly-calendar content depth)
  */
.mtsr-weekview {
    font-family: Inter, sans-serif;
    margin-bottom: 0.1em;
}

.mtsr-weekview-header {
    margin-bottom: 10px;
    font-size: 0.85em;
    font-weight: 400;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 8px;
    padding-left: 2px;
}

.mtsr-weekview-days-stage {
    position: relative;
    min-height: 72px;
}

.mtsr-weekview-days-stage.has-empty-stamp .mtsr-weekview-days {
    opacity: 0.55;
}

.mtsr-weekview-empty-stamp {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 4;
    margin: 0 auto;
    width: min(94%, 340px);
    padding: 10px 14px 12px;
    border-radius: 10px;
    border: 1px solid var(--mtsr-gray-200, #e2e8f0);
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.08);
    text-align: center;
    pointer-events: none;
    font-family: Inter, sans-serif;
    box-sizing: border-box;
}

.mtsr-weekview-empty-stamp-title {
    margin: 0 0 4px;
    font-size: 0.86rem;
    font-weight: 600;
    line-height: 1.3;
    color: var(--mtsr-gray-700, #334155);
}

.mtsr-weekview-empty-stamp-text {
    margin: 0;
    font-size: 0.76rem;
    line-height: 1.4;
    color: var(--mtsr-gray-500, #64748b);
}

.mtsr-weekview-empty-stamp-text a {
    pointer-events: auto;
    color: var(--mtsr-teal-600, #0d9488);
    font-weight: 600;
    text-decoration: none;
}

.mtsr-weekview-empty-stamp-text a:hover {
    color: var(--mtsr-teal-700, #0f766e);
    text-decoration: underline;
}

.mtsr-weekview-content.mtsr-weekview-days {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 6px;
    font-family: Inter, sans-serif;
    user-select: none;
}

.mtsr-weekview-header-title * {
    display: inline;
}

.mtsr-weekview-click-top {
    color: initial;
}

.mtsr-weekview a.mtsr-weekview-day {
    display: flex;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}

.mtsr-weekview a.mtsr-weekview-day:hover {
    background: rgba(84, 182, 201, 0.1);
}

.mtsr-weekview .mtsr-weekview-day {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    padding: 8px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.55);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
    border: 1px solid rgba(0, 0, 0, 0.04);
    min-width: 0;
    min-height: 72px;
    overflow: hidden;
    transition:
        background 0.15s ease,
        box-shadow 0.15s ease;
}

.mtsr-weekview .mtsr-weekview-day-today,
.mtsr-weekview .mtsr-weekview-day.today {
    background: rgba(84, 182, 201, 0.15);
    box-shadow: inset 0 0 0 1px rgba(84, 182, 201, 0.35);
}

.mtsr-weekview .mtsr-weekview-day-past,
.mtsr-weekview .mtsr-weekview-day.past-date {
    opacity: 0.82;
}

.mtsr-weekview .day-header {
    margin-bottom: 4px;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
}

.mtsr-weekview .mtsr-weekview-day-top {
    display: flex;
    align-items: baseline;
    flex-wrap: nowrap;
    gap: 4px;
    width: 100%;
    min-height: 0;
    line-height: 1.2;
}

.mtsr-weekview .day-header-left {
    display: flex;
    align-items: center;
    gap: 4px;
    min-width: 0;
}

.mtsr-weekview .mtsr-weekview-day-date-num {
    display: inline-flex;
    align-items: baseline;
    gap: 2px;
    flex-shrink: 0;
}

.mtsr-weekview .weekview-day-name {
    display: inline;
    font-size: 0.6rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #94a3b8;
    line-height: 1.2;
    margin-bottom: 0;
    flex-shrink: 0;
}

.mtsr-weekview .mtsr-weekview-day-summary {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
    gap: 0;
    margin-left: auto;
    font-size: 0.62rem;
    font-weight: 600;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mtsr-weekview .mtsr-weekview-day-summary-lernen {
    color: #6f42c1;
}

.mtsr-weekview .mtsr-weekview-day-summary-sep {
    color: #94a3b8;
    font-weight: 400;
}

.mtsr-weekview .mtsr-weekview-day-summary-wdh {
    display: inline-flex;
    align-items: center;
    gap: 1px;
    min-width: 0;
}

.mtsr-weekview .mtsr-weekview-day-summary-wdh i.mtsr-main-icon {
    margin-right: 0.15em;
    font-size: 0.85em;
    flex-shrink: 0;
}

.mtsr-weekview .mtsr-weekview-day-today .weekview-day-name,
.mtsr-weekview .mtsr-weekview-day.today .weekview-day-name {
    color: var(--mtsr-teal-400, #54b6c9);
}

.mtsr-weekview .mobile-day-name {
    display: none;
}

.mtsr-weekview .day-number {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--mtsr-teal-800, #094479);
    line-height: 1;
    flex-shrink: 0;
    min-width: 20px;
}

.mtsr-weekview .mtsr-weekview-day-today .day-number,
.mtsr-weekview .mtsr-weekview-day.today .day-number {
    color: var(--mtsr-teal-800, #094479);
}

.mtsr-weekview .month-name-label {
    display: inline-block;
    font-size: 0.65rem;
    font-weight: 600;
    color: #94a3b8;
    margin-right: 2px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.mtsr-weekview .daily-summary {
    display: flex;
    flex-direction: row;
    font-size: 0.65rem;
    line-height: 1.1;
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-align: right;
    justify-content: flex-end;
    gap: 4px;
}

.mtsr-weekview .summary-item {
    color: #64748b;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
}

.mtsr-weekview .summary-item.firstcontact {
    color: #6f42c1;
}

.mtsr-weekview .summary-item.secondcontact {
    color: #64748b;
    min-width: fit-content;
}

.mtsr-weekview .daily-summary-mts {
    margin-bottom: 4px;
}

.mtsr-weekview .summary-mts {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    font-size: 0.7rem;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    margin-bottom: 4px;
}

.mtsr-weekview .mtf-summary {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    font-size: 0.7rem;
    line-height: 1.2;
    min-width: 0;
}

.mtsr-weekview .day-events {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
    min-width: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    padding-top: 4px;
}

.mtsr-weekview .calendar-event {
    background: none !important;
    color: #212529 !important;
    padding: 1px 0;
    border-radius: 0;
    font-size: 0.7rem;
    font-weight: 400;
    cursor: default;
    line-height: 1.25;
    display: flex;
    align-items: center;
    gap: 3px;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mtsr-weekview .calendar-event .mtsr-cal-row-icon {
    flex-shrink: 0;
}

.mtsr-weekview .calendar-event:hover {
    background: none !important;
    transform: none;
    box-shadow: none;
}

.mtsr-weekview .calendar-event-overflow {
    font-style: italic;
    opacity: 0.75;
    color: #6c757d;
    border: none;
    font-size: 0.65rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media screen and (max-width: 820px) {
    .mtsr-weekview-empty-stamp {
        max-width: 96%;
        padding: 10px 12px;
    }

    .mtsr-weekview-empty-stamp-title {
        font-size: 0.82rem;
    }

    .mtsr-weekview-empty-stamp-text {
        font-size: 0.72rem;
    }

    .mtsr-weekview-content.mtsr-weekview-days {
        gap: 4px;
    }

    .mtsr-weekview .mtsr-weekview-day {
        padding: 6px 4px;
        border-radius: 8px;
        min-height: 64px;
    }

    .mtsr-weekview .weekview-day-name {
        font-size: 0.55rem;
    }

    .mtsr-weekview .mtsr-weekview-day-summary,
    .mtsr-weekview .mtsr-weekview-day-summary-wdh i.mtsr-main-icon {
        font-size: 0.55rem;
    }

    .mtsr-weekview .day-number {
        font-size: 0.8rem;
    }

    .mtsr-weekview .daily-summary {
        font-size: 0.58rem;
    }

    .mtsr-weekview .calendar-event {
        font-size: 0.62rem;
    }

    .mtsr-cal-row-text {
        display: none;
    }
}

.mtsr-hello {
    margin-top: 1em;
}

/**
*
* CONTROL PANEL
*
*/

.mtsr-deck-content-indicator {
    width: 100%;
    height: 30px;
    background: #f0f0f0;
    display: flex;
    justify-content: space-between;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 5px;
    margin-top: 1em;
}

.mtsr-deck-content-indicator div {
    height: 100%;
    display: inline-block;
    margin: 0;
    border-radius: 3px;

    text-align: center;
    color: #7b7b7b;
}

.mtsr-deck-content-mtf-indicator-red {
    color: #a6a6a6 !important;
}

.mtsr-deck-content-row {
    display: flex;
}
.mtsr-deck-content-cell-half {
    width: 50%;
}

.mtsr-controlpanel-show .gc-calendar table.calendar td {
    height: 100px;
}

.mtsr-deck-content-indicator-new {
    background: linear-gradient(135deg, var(--mtsr-success) 0%, #059669 100%);
    color: white !important;
}
.mtsr-deck-content-indicator-rep {
    background: var(--mtsr-main-gradient);
    color: white !important;
}

.mtsr-controlpanel-list-info-left {
    margin-right: 0.5em;
}
.mtsr-controlpanel-list-info-left .mtf-lcp-mtf-list-item-dot-mtf {
    margin-right: 0.3em;
}
.mtsr-controlpanel-list-info-left .mtf-lcp-type-letter {
    font-size: 0.8em;
}

.mtsr-controlpanel-list-info-left-status {
    width: 20px;
    display: inline-block;
}

.mtsr-controlpanel-list-info-left-status .mtsr-star {
    margin-right: 0.3em;
    font-size: 0.85em;
}

.mtsr-controlpanel a {
    color: rgb(87 109 161);
}

.mtsr-controlpanel ul.mt-playlist-thumbs-ul.controlpanel.list li .mt-playlist-thumbs-li-thumbs-container {
    width: 180px;
    height: 140px;
    display: inline-block;
    box-shadow: unset !important;
    border: 0px !important;
    padding-left: 10px;
    padding-top: 20px;
}

.mtsr-controlpanel ul.mt-playlist-thumbs-ul.controlpanel.list .mt-playlist-thumbs-li-times {
    margin-bottom: 1em;
}

.mtsr-ekp-repmode-select:focus {
    outline: none;
}

.mtsr-ekp-repmode-select {
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;

    background-color: #ebf3f3;
}

.brd {
    border: 1px solid #e2eded;
    border-color: #eaf1f1 #e4eded #e4eded;

    border-color: #eaf1f147 #e4eded47 #e4eded; /*
  border-color: transparent transparent transparent transparent;*/
    border-bottom: 1px solid #aee1e157;
}

#select-box:hover .brd {
    border: 1px solid #e2eded;
    border-color: #eaf1f1 #e4eded #dbe7e7 #e4eded;
}

#mtsr-ekp-repmode-selector-form {
    position: relative;
    width: 240px;
    height: 40px;
    z-index: 3000;
    margin: 0;
    user-select: none;
}

#select-box {
    position: relative;
}

#select-button {
    display: flex;
    position: relative;
    padding: 2px;
    padding-left: 18px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    border: 1px solid #d8e3f0;
    border-radius: 12px;
    cursor: pointer;
    height: 40px;
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.06);
    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        background-color 0.2s ease;
    align-items: center;
}

#select-button:hover {
    border-color: #bfd2e6;
    box-shadow: 0 4px 12px rgba(41, 93, 145, 0.12);
}
#selected-value .mtsr-repmode-menu-icon-1 {
    position: absolute;

    left: -3px;
    transform: translateY(2px);
}
#selected-value[data-value="1"] {
    padding-left: 42px;
}

#options-view-button {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 3;
}

#selected-value {
    display: flex;
    align-items: center;
    min-height: 22px;
    padding-right: 24px;
    font-size: 15px;
    line-height: 1.2;
    margin-left: 0;
    color: #2b3b55;
    font-weight: 600;
    gap: 8px;
    overflow: hidden;
}

#mtsr-ekp-repmode-selector-form.mtsr-ekp-repmode-has-selection #select-button #selected-value .top-icon {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

#mtsr-ekp-repmode-selector-form.mtsr-ekp-repmode-has-selection
    #options-view-button:not(:checked)
    ~ #mtsr-ekp-repmode-select-options
    .option
    input[type="radio"]:checked
    ~ .opt-val {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.option i {
    width: 16px;
    height: 16px;
    width: 40px;
    height: 30px;
    border-radius: 5px;
}

.option,
.label {
    color: #2d3667;
    font-size: 15px;
    font-weight: 600;
}

#chevrons {
    position: absolute;
    top: 0;
    right: 12px;
    bottom: 0;
    left: auto;
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

#chevrons i {
    display: inline-block;
    height: auto;
    color: #7f92aa;
    font-size: 12px;
    text-align: center;
    padding-top: 0;
    transition:
        transform 0.2s ease,
        color 0.2s ease;
}

#options-view-button:checked + #select-button #chevrons i {
    color: #255f98;
    transform: rotate(180deg);
}

#options-view-button:focus-visible + #select-button {
    outline: 2px solid rgba(36, 107, 250, 0.35);
    outline-offset: 2px;
}

.options {
    position: absolute;
    /* left: 0; */
    width: 50px;
}

.mtsr-repmode-menu-icon {
    width: 44px;
}

#mtsr-ekp-repmode-select-options {
    position: absolute;
    top: 46px;
    right: 0;
    left: 0;
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    border: 1px solid #d8e3f0;
    border-radius: 14px;
    box-shadow: 0 16px 28px rgba(21, 46, 83, 0.16);
    overflow: hidden;
    opacity: 0;
    transform: translateY(-6px);
    pointer-events: none;
    transition:
        opacity 0.2s ease,
        transform 0.2s ease;
}

#options-view-button:checked ~ #mtsr-ekp-repmode-select-options {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
    border-color: #c8d9eb;
}

.option {
    position: relative;
    line-height: 1;
    transition: 0.3s ease all;
    z-index: 2;
}

.option i.list-icon {
    position: absolute;
    /* left: 14px; */
    left: 22px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 0;
    display: none;

    justify-content: center;
    align-items: center;
}
.option i.top-icon {
    margin-right: 9px;
    width: 37px;
    height: 28px;
    position: relative;
    top: -5px;

    display: block;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
}

.option i.top-icon.icon-3 {
    top: -6px;
}

.option i:not(.mtsr-repmode-menu-woborder) {
    background: white;
    box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.1);
}

.option i:not(.mtsr-repmode-menu-woborder) {
    box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.1);
}

.mtsr-repmode-menu-icon {
    max-width: none;
}

.mtsr-repmode-menu-icon-1 {
    width: 88px;
    /*
  transform:translate(-25%,-25%); 
  */
}

.mtsr-repmode-menu-icon-2 {
    /*
  transform: translate(-5px,-3px);*/
    width: 50px;
    transform: translateY(1px);
}

.top-icon .mtsr-repmode-menu-icon-2 {
    width: 45px;
}
.mtsr-repmode-menu-icon-3 {
    /*
  transform: translate(-1px, -2px);*/
}
.mtsr-repmode-menu-icon-4 {
    width: 20px; /*
  transform: translate(-1px, -2px);*/
}
#options-view-button:checked ~ #mtsr-ekp-repmode-select-options .option i {
    display: block;

    display: flex;
    /*padding: 12px 0;*/
}

.label {
    display: none;
    padding: 0;
    margin-left: 56px;
}

#options-view-button:checked ~ #mtsr-ekp-repmode-select-options .label {
    display: block;
    padding: 12px 14px;
}

.s-c {
    position: absolute;
    left: 0;
    width: 100%;
    height: 50%;
}

.s-c.top {
    top: 0;
}

.s-c.bottom {
    bottom: 0;
}

.option input[type="radio"] {
    position: absolute;
    right: 0;
    left: 0;
    width: 100%;
    height: 50%;
    margin: 0 !important;
    opacity: 0;
    cursor: pointer;
    z-index: 2;
}
/*
.s-c:hover ~ i {
  color: #fff;
  opacity: 0;
}

.s-c:hover {
  height: 100%;
  z-index: 1;
}

.s-c.bottom:hover + i {
  bottom: -25px;
  animation: moveup 0.3s ease 0.1s forwards;
}

.s-c.top:hover ~ i {
  top: -25px;
  animation: movedown 0.3s ease 0.1s forwards;
}
*/
/*
@keyframes moveup {
  0% {
    bottom: -25px;
    opacity: 0;
  }
  100% {
    bottom: 0;
    opacity: 1;
  }
}

@keyframes movedown {
  0% {
    top: -25px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}*/

.label {
    transition: 0.15s ease all;
}

.opt-val {
    position: absolute;
    left: 0;
    width: calc(100% - 24px);
    height: 21px;
    opacity: 0;
    background-color: transparent;
    transform: scale(0);
    display: flex;
    align-items: center;
}

.option input[type="radio"]:checked ~ .opt-val {
    opacity: 1;
    transform: scale(1);
}

.option input[type="radio"]:checked ~ i {
    top: 0;
    bottom: auto;
    opacity: 1;
    animation: unset;
}

.option input[type="radio"]:checked ~ i,
.option input[type="radio"]:checked ~ .label {
    color: #fff;
}

.option input[type="radio"]:checked ~ .label:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
}

#options-view-button:not(:checked) ~ #mtsr-ekp-repmode-select-options .option input[type="radio"]:checked ~ .opt-val {
    top: -27px; /*-30px;*/
}

.option:nth-child(1) input[type="radio"]:checked ~ .label:before {
    background-color: #5f9fbe;
    border-radius: 10px 10px 0 0;
}

.option:nth-child(1) input[type="radio"]:checked ~ .opt-val {
    top: -28px; /*-31px;*/
}

.option:nth-child(2) input[type="radio"]:checked ~ .label:before {
    background-color: #5f9fbe;
}

.option:nth-child(2) input[type="radio"]:checked ~ .opt-val {
    top: -68px; /*-71px;*/
}

.option:nth-child(3) input[type="radio"]:checked ~ .label:before {
    background-color: #5f9fbe;
}

.option:nth-child(3) input[type="radio"]:checked ~ .opt-val {
    top: -108px; /*-111px;*/
}

.option:nth-child(4) input[type="radio"]:checked ~ .label:before {
    background-color: #5f9fbe;
    border-radius: 0 0 10px 10px;
}

.option:nth-child(4) input[type="radio"]:checked ~ .opt-val {
    top: -148px; /*-151px;*/
}
/*
.option:nth-child(5) input[type="radio"]:checked ~ .label:before {
  background-color: #f48024;
}

.option:nth-child(5) input[type="radio"]:checked ~ .opt-val {
  top: -191px;
}

.option:nth-child(6) input[type="radio"]:checked ~ .label:before {
  background-color: #006400;
}

.option:nth-child(6) input[type="radio"]:checked ~ .opt-val {
  top: -231px;
}*/

.option .fa-codepen {
    color: #000;
}

.option .fa-dribbble {
    color: #ea4c89;
}

.option .fa-behance {
    color: #0057ff;
}

.option .fa-hackerrank {
    color: #32c766;
}

.option .fa-stack-overflow {
    color: #f48024;
}

.option .fa-free-code-camp {
    color: #006400;
}

#option-bg {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 40px;
    transition: 0.3s ease all;
    z-index: 1;
    display: none;
}

#options-view-button:checked ~ #mtsr-ekp-repmode-select-options #option-bg {
    display: block;
}

.option:hover .label {
    color: #fff;
}

.option:nth-child(1):hover ~ #option-bg {
    top: 0;
    background-color: #5f9fbe;
    border-radius: 10px 10px 0 0;
}

.option:nth-child(2):hover ~ #option-bg {
    top: 40px;
    background-color: #5f9fbe;
}

.option:nth-child(3):hover ~ #option-bg {
    top: 80px;
    background-color: #5f9fbe;
}

.option:nth-child(4):hover ~ #option-bg {
    top: 120px;
    background-color: #5f9fbe;
    border-radius: 0 0 10px 10px;
}

.option:nth-child(5):hover ~ #option-bg {
    top: 160px;
    background-color: #f48024;
    background-color: #579ab6; /*#3787a8;*/
}

.option:nth-child(6):hover ~ #option-bg {
    top: 200px;
    background-color: #006400;
    background-color: #579ab6; /*#3787a8;*/
}

.mtsr-ekp-statusbar .mtsr-ratedot-select-item.quickrate {
    padding: 0.1em 2em;
    border-radius: 7px;
    font-size: 1em;
}

.mtsr-ekp-statusbar .mtsr-lernampel-quick-nextd {
    display: none;
}

.mtsr-ratedot-quickrate-loading-container {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    background: lightgrey;
    border-radius: 5px;
    display: none;
}

.mtsr-loading .mtsr-ratedot-select-item.quickrate {
    user-select: none;
    pointer-events: none;
}

.mtsr-ratedot-quickrate-loading-container .text {
    display: flex;
}

/* ===========================================
   SHARED PAGE STYLES - Modern Blue Theme
   =========================================== */

/* Page Container */
.mtsr-settings-container,
.mtsr-page-container {
    max-width: 900px;
    margin: 0 auto;
    padding: 16px;
    padding-top: 0px !important;
    margin-bottom: 100px !important;
}
.mtsr-settings-container {
    max-width: unset;
}
.mtsr-settings-content {
    max-width: 900px;
    margin: 0 auto;
}

/* Hide theme page title on spaced-repetition (brand lives in sub-nav). */
body.mtsr-spacedrep-page .entry-wrap .entry-title {
    display: none !important;
}
body.mtsr-spacedrep-page .entry-wrap .entry-content {
    margin-top: 0px !important;
}

/* Modern Navigation Bar - Shared across views */
.mtsr-settings-nav,
.mtsr-page-nav,
.mtsr-dashboard-nav {
    position: sticky;
    top: 0;
    z-index: 100;
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 20px;
    padding: 10px 12px;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    border-radius: 10px;
    flex-wrap: wrap;
    box-shadow: var(--mtsr-shadow);
}

.mtsr-nav-brand {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-right: 4px;
    padding: 6px 10px 6px 4px;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none;
    white-space: nowrap;
    border-radius: 8px;
    flex-shrink: 0;
}

.mtsr-nav-brand .mtsr-main-icon,
.mtsr-nav-brand i {
    font-size: 0.95em;
    margin-right: 0;
}

.mtsr-nav-brand-label {
    -webkit-text-fill-color: transparent;
}

.mtsr-nav-link {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    background: transparent;
    color: var(--mtsr-gray-600);
    text-decoration: none;
    border-radius: 8px;
    border: none;
    transition: all 0.2s ease;
    font-weight: 500;
    font-size: 14px;
}

.mtsr-nav-link .x-icon {
    font-size: 0.95em;
    opacity: 0.8;
}

.mtsr-nav-link:hover {
    background: var(--mtsr-teal-50);
    color: var(--mtsr-teal-600);
    transform: none;
    box-shadow: none;
}

.mtsr-nav-link.active {
    background: var(--mtsr-main-gradient-button);
    color: white;
    box-shadow: var(--mtsr-shadow-teal), var(--mtsr-shadow-teal-inset);
}

.mtsr-nav-link.active .x-icon {
    opacity: 1;
}

/* Page Titles */
.mtsr-settings-title,
.mtsr-page-title {
    font-size: 1.5em;
    margin-bottom: 20px;
    color: var(--mtsr-gray-800);
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 600;
}
.mtsr-settings-title {
    display: none;
}

.mtsr-settings-title .x-icon,
.mtsr-page-title .x-icon {
    background: var(--mtsr-main-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Section Cards */
.mtsr-settings-section,
.mtsr-page-section {
    margin-bottom: 20px;
    background: white;
    border-radius: 10px;
    box-shadow: var(--mtsr-shadow);
    overflow: hidden;
    border: 1px solid var(--mtsr-gray-100);
}

.mtsr-settings-section-title,
.mtsr-page-section-title {
    background: var(--mtsr-main-gradient);
    color: white;
    margin: 0;
    padding: 12px 16px;
    font-size: 0.95em;
    font-weight: 600;
    letter-spacing: 0.01em;
}

.mtsr-settings-item,
.mtsr-page-item {
    padding: 16px;
    border-bottom: 1px solid var(--mtsr-gray-100);
}

.mtsr-settings-item:last-child,
.mtsr-page-item:last-child {
    border-bottom: none;
}

.mtsr-settings-item-content h4,
.mtsr-page-item-content h4 {
    margin: 0 0 6px 0;
    color: var(--mtsr-gray-800);
    font-size: 0.95em;
    font-weight: 600;
}

.mtsr-settings-description,
.mtsr-page-description {
    color: var(--mtsr-gray-500);
    margin: 0 0 12px 0;
    line-height: 1.5;
    font-size: 14px;
}

.mtsr-settings-actions,
.mtsr-page-actions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

/* Modern Buttons */
.mtsr-btn {
    padding: 8px 16px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: all 0.2s ease;
}

.mtsr-btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.mtsr-btn-primary {
    background: var(--mtsr-main-gradient);
    color: white;
}

.mtsr-btn-primary:hover:not(:disabled) {
    box-shadow: var(--mtsr-shadow-teal);
    transform: translateY(-1px);
}

.mtsr-btn-secondary {
    background: var(--mtsr-gray-100);
    color: var(--mtsr-gray-700);
}

.mtsr-btn-secondary:hover:not(:disabled) {
    background: var(--mtsr-gray-200);
}

.mtsr-btn-danger {
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
    color: white;
}

.mtsr-btn-danger:hover:not(:disabled) {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(239, 68, 68, 0.3);
}

.mtsr-settings-placeholder,
.mtsr-page-placeholder {
    color: var(--mtsr-gray-400);
    font-style: italic;
    margin: 0;
    padding: 20px;
    text-align: center;
    background: var(--mtsr-gray-50);
    border-radius: 8px;
}

/* Settings cards — same chrome as dashboard widgets (modus dropdown + umfang chips unchanged) */
.mtsr-settings-card.mtsr-dashboard-widget {
    margin-bottom: 20px;
}

.mtsr-settings-card.mtsr-dashboard-widget .mtsr-widget-content.mtsr-settings-card-body {
    padding: 14px;
}

.mtsr-settings-card-row + .mtsr-settings-card-row {
    margin-top: 22px;
    padding-top: 22px;
    border-top: 1px solid rgba(18, 24, 38, 0.08);
}

/* Wiederholung rows: column on mobile, intro left + controls right from 768px */
.mtsr-settings-card--repetition .mtsr-settings-card-row,
.mtsr-settings-card--data .mtsr-settings-card-row {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.mtsr-settings-card--repetition .mtsr-settings-card-row-intro,
.mtsr-settings-card--data .mtsr-settings-card-row-intro {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.mtsr-settings-card-row-title {
    margin: 0 0 6px;
    color: var(--mtsr-gray-800);
    font-size: 0.95em;
    font-weight: 600;
}

.mtsr-settings-card--repetition .mtsr-settings-card-row-title {
    margin: 0;
}

.mtsr-settings-card-lead {
    margin: 0 0 14px;
    max-width: 52ch;
    color: #5a6578;
    font-size: 0.875rem;
    line-height: 1.5;
}

.mtsr-settings-card--repetition .mtsr-settings-card-lead,
.mtsr-settings-card--data .mtsr-settings-card-lead {
    margin: 0;
    max-width: 52ch;
}

@media (min-width: 768px) {
    .mtsr-settings-card--repetition .mtsr-settings-card-row,
    .mtsr-settings-card--data .mtsr-settings-card-row {
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        gap: 20px 28px;
    }

    .mtsr-settings-card--repetition .mtsr-settings-card-row-intro,
    .mtsr-settings-card--data .mtsr-settings-card-row-intro {
        flex: 1 1 auto;
    }

    .mtsr-settings-card--repetition .mtsr-settings-card-lead,
    .mtsr-settings-card--data .mtsr-settings-card-lead {
        max-width: none;
    }

    .mtsr-settings-card--repetition .mtsr-settings-control,
    .mtsr-settings-card--data .mtsr-settings-control {
        flex: 0 0 auto;
        margin-left: auto;
    }

    .mtsr-settings-card--repetition .mtsr-settings-repmode-control {
        justify-content: flex-end;
    }
}

.mtsr-settings-card-row--scope {
    position: relative;
    z-index: 4;
}

.mtsr-settings-scope-surface .mtsr-ekp-fasttrack-repeat-preset {
    pointer-events: auto;
    cursor: pointer;
    position: relative;
    z-index: 1;
}

.mtsr-settings-card-row--modus .mtsr-settings-repmode-surface #mtsr-ekp-repmode-selector-form {
    z-index: 5;
}

/* EKP + settings: spinner while saving, green check when saved */
.mtsr-ekp-repmode-save-feedback.fasttrack_content_saved {
    display: none;
    flex: 0 0 auto;
    align-items: center;
    margin: 0;
    font-size: 10px;
    text-align: center;
    color: #848484;
}

.mtsr-ekp-repmode-save-feedback .mtsr-ekp-repmode-icon-container {
    width: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 0;
    margin-right: 4px;
    position: static;
    bottom: auto;
}

.mtsr-ekp-repmode-save-feedback .mtsr-ekp-repmode-icon-container i {
    position: static;
    right: auto;
    font-size: 11px;
    line-height: 1;
}

.mtsr-ekp-repmode-save-feedback i.ekp_fasttrack_save,
.mtsr-ekp-repmode-save-feedback i.mtsr-ekp-repmode-save-spinner {
    color: #2563eb;
    font-size: 12px;
}

.mtsr-ekp-repmode-save-feedback.is-saving i.ekp_fasttrack_save,
.mtsr-ekp-repmode-save-feedback.is-saving i.mtsr-ekp-repmode-save-spinner {
    animation: mtsr-ekp-repmode-save-spin 0.75s linear infinite;
}

.mtsr-ekp-repmode-save-feedback i.ekp_fasttrack_saved {
    color: #22a047;
}

.mtsr-ekp-repmode-save-feedback i.ekp_fasttrack_error {
    color: #c0392b;
}

.mtsr-settings-repmode-control .mtsr-ekp-repmode-save-feedback {
    width: 100%;
    min-height: 22px;
    margin-top: 4px;
}

.mt-spacedrep-ekp-repmode.mtsr-reel .element-left-container .mtsr-ekp-repmode-save-feedback {
    align-self: center;
    flex: 0 0 auto;
    order: 10;
    min-height: 0;
    margin: 0;
    padding-left: 2px;
}

.mtsr-ekp-repmode-save-feedback .ekp_fasttrack_save_text {
    margin-right: 3px;
}

.mtsr-ekp-repmode-save-feedback i.ekp_fasttrack_save,
.mtsr-ekp-repmode-save-feedback i.ekp_fasttrack_saved,
.mtsr-ekp-repmode-save-feedback i.ekp_fasttrack_error {
    display: none;
}

.mtsr-ekp-repmode-save-feedback.is-saving i.ekp_fasttrack_save,
.mtsr-ekp-repmode-save-feedback.is-success i.ekp_fasttrack_saved,
.mtsr-ekp-repmode-save-feedback.is-error i.ekp_fasttrack_error {
    display: inline-block;
}

@keyframes mtsr-ekp-repmode-save-spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

/* Settings: EKP rep-mode controls (same sizing as Erkundungsbild repmode bar) */
.mtsr-settings-card.mtsr-settings-section--repmode .mtsr-widget-content.mtsr-settings-card-body {
    overflow: visible;
}

.mtsr-settings-repmode-control {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 10px 14px;
}

.mtsr-settings-repmode-surface.mt-spacedrep-ekp-repmode {
    color: #323c54;
}

.mtsr-settings-repmode-surface .mtsr-ekp-repmode-title-element {
    display: flex;
    align-items: center;
    gap: 10px;
}

.mtsr-settings-repmode-surface #mtsr-ekp-repmode-selector-form {
    margin-top: 0;
    flex: 0 1 auto;
    height: auto;
    min-height: 40px;
    width: 100%;
    max-width: 320px;
    min-width: 260px;
}

/* Open dropdown: flex rows (same as .meditrick_wrapper in style_frontend_dev4.css) */
.mtsr-settings-repmode-surface #options-view-button:checked ~ #mtsr-ekp-repmode-select-options {
    padding: 4px;
}

.mtsr-settings-repmode-surface #options-view-button:checked ~ #mtsr-ekp-repmode-select-options #option-bg {
    display: none !important;
}

.mtsr-settings-repmode-surface #options-view-button:checked ~ #mtsr-ekp-repmode-select-options .option {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 8px 10px !important;
    min-height: 0 !important;
    height: auto !important;
    line-height: 1.2 !important;
    overflow: hidden;
}

.mtsr-settings-repmode-surface #options-view-button:checked ~ #mtsr-ekp-repmode-select-options .option .opt-val,
.mtsr-settings-repmode-surface
    #options-view-button:checked
    ~ #mtsr-ekp-repmode-select-options
    .option
    input[type="radio"]:checked
    ~ .opt-val {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    position: absolute !important;
    top: auto !important;
    left: auto !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    transform: none !important;
    pointer-events: none !important;
}

.mtsr-settings-repmode-surface #options-view-button:checked ~ #mtsr-ekp-repmode-select-options .option .label {
    display: block !important;
    position: static !important;
    flex: 1 1 auto !important;
    width: auto !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #2d3667 !important;
    font-size: 14px !important;
    font-weight: 600;
    border-radius: 6px;
    transition:
        background-color 0.15s ease,
        color 0.15s ease;
}

.mtsr-settings-repmode-surface #options-view-button:checked ~ #mtsr-ekp-repmode-select-options .option .label::before {
    display: none !important;
    content: none !important;
}

.mtsr-settings-repmode-surface #options-view-button:checked ~ #mtsr-ekp-repmode-select-options .option:hover {
    background: #f7f7f8;
    border-radius: 8px;
}

.mtsr-settings-repmode-surface #options-view-button:checked ~ #mtsr-ekp-repmode-select-options .option:hover .label {
    color: #2d3667 !important;
    background: transparent !important;
}

.mtsr-settings-repmode-surface
    #options-view-button:checked
    ~ #mtsr-ekp-repmode-select-options
    .option
    input[type="radio"]:checked
    ~ .label {
    color: #fff !important;
    background: transparent !important;
}

.mtsr-settings-repmode-surface #options-view-button:checked ~ #mtsr-ekp-repmode-select-options .option:has(input[type="radio"]:checked) {
    background-color: #5f9fbe;
    border-radius: 8px;
}

.mtsr-settings-repmode-surface #options-view-button:checked ~ #mtsr-ekp-repmode-select-options .option i.list-icon {
    display: flex !important;
    position: static !important;
    flex-shrink: 0 !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 40px !important;
    height: 28px !important;
    align-items: center;
    justify-content: center;
    background: transparent !important;
    box-shadow: none !important;
    z-index: 1;
    pointer-events: none;
}

.mtsr-settings-repmode-surface
    #options-view-button:checked
    ~ #mtsr-ekp-repmode-select-options
    .option
    i.list-icon
    img.mtsr-repmode-menu-icon {
    display: block;
    width: auto;
    max-width: 40px;
    max-height: 28px;
    height: auto;
    object-fit: contain;
}

/* Full-row hit target without stretching row height */
.mtsr-settings-repmode-surface #options-view-button:checked ~ #mtsr-ekp-repmode-select-options .option input[type="radio"] {
    top: 0 !important;
    bottom: 0 !important;
    height: 100% !important;
}

.mtsr-settings-repmode-surface .mtsr-ekp-fasttrack-repeat-presets {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 8px;
    flex: 0 1 auto;
    min-width: 0;
}

.mtsr-settings-repmode-surface .mtsr-ekp-fasttrack-repeat-preset {
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 0;
    font-size: 0.75rem;
    line-height: 1.2;
    padding: 4px 8px;
    border-radius: 7px;
    border: 1px solid rgba(18, 24, 38, 0.14);
    background: rgba(255, 255, 255, 0.72);
    color: #323c54;
    cursor: pointer;
    transition:
        background-color 0.15s ease,
        border-color 0.15s ease,
        box-shadow 0.15s ease;
}

.mtsr-settings-repmode-surface .mtsr-ekp-fasttrack-repeat-presets .mtf-factmark i {
    margin: 0 3px;
    margin-left: 6px;
    color: #ec9d00;
}

.mtsr-settings-repmode-surface .mtsr-ekp-fasttrack-repeat-preset:hover {
    background: #f7f7f8;
    border-color: rgba(18, 24, 38, 0.22);
}

.mtsr-settings-repmode-surface .mtsr-ekp-fasttrack-repeat-preset.is-selected {
    background: #e8f0fe;
    border-color: rgba(36, 107, 250, 0.35);
    box-shadow: 0 1px 3px rgba(18, 24, 38, 0.08);
}

.mtsr-settings-repmode-surface .mtsr-ekp-fasttrack-repeat-preset:focus-visible {
    outline: 2px solid rgba(36, 107, 250, 0.45);
    outline-offset: 2px;
}

/* legacy — replaced by .mtsr-settings-save-feedback */
.mtsr-settings-saved {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 13px;
    font-weight: 600;
    color: var(--mtsr-teal-600);
    opacity: 0;
    transform: translateY(2px);
    transition:
        opacity 0.2s ease,
        transform 0.2s ease;
    pointer-events: none;
}

.mtsr-settings-saved.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.mtsr-settings-container .mtf-factmark {
    display: inline-flex;
}

/* Page Subtitle */
.mtsr-page-subtitle {
    color: var(--mtsr-teal-600);
    font-size: 14px;
    margin: 0;
    font-weight: 500;
}

/* Kalender Page Specific */
.mtsr-kalender-page .mtsr-page-container {
    max-width: 1200px;
}

.mtsr-kalender-header {
    margin-bottom: 20px;
    padding: 20px 16px;
    background: var(--mtsr-dashboard-gradient-light);
    border-radius: 10px;
    border: 1px solid var(--mtsr-teal-100);
    text-align: center;
}

.mtsr-kalender-content {
    background: white;
    border-radius: 10px;
    box-shadow: var(--mtsr-shadow);
    border: 1px solid var(--mtsr-gray-100);
    padding: 16px;
    overflow: hidden;
}

/* Responsive design */
@media (max-width: 768px) {
    .mtsr-settings-container,
    .mtsr-page-container {
        padding: 12px;
        padding-top: 0px !important;
    }

    .mtsr-settings-title,
    .mtsr-page-title {
        font-size: 1.25em;
    }

    .mtsr-settings-nav,
    .mtsr-page-nav {
        padding: 8px;
        gap: 4px;
    }

    .mtsr-nav-link {
        padding: 6px 10px;
        font-size: 13px;
        flex: 1;
        justify-content: center;
    }

    .mtsr-settings-actions,
    .mtsr-page-actions {
        flex-direction: column;
    }

    .mtsr-btn {
        width: 100%;
        justify-content: center;
    }

    .mtsr-kalender-header {
        padding: 16px 12px;
    }

    .mtsr-kalender-content {
        padding: 10px;
    }
}

/* ===========================================
   DASHBOARD HOME STYLES - Modern Blue Theme
   =========================================== */

.mtsr-dashboard-home {
    max-width: 1200px;
    margin: 0 auto;
    padding: 16px;
    padding-top: 0px !important;
}

/* Dashboard Navigation - Modern Blue */
.mtsr-dashboard-nav {
    background: rgba(255, 255, 255, 0.98);
    backdrop-filter: blur(12px);
    border-radius: 12px;
    border: 1px solid var(--mtsr-gray-100);
}

.mtsr-dashboard-nav .mtsr-nav-link {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    background: transparent;
    color: var(--mtsr-gray-600);
    text-decoration: none;
    border-radius: 8px;
    border: none;
    transition: all 0.2s ease;
    font-weight: 500;
    font-size: 14px;
}

.mtsr-dashboard-nav .mtsr-nav-link .x-icon {
    font-size: 0.95em;
    opacity: 0.8;
}

.mtsr-dashboard-nav .mtsr-nav-link:hover {
    background: var(--mtsr-teal-50);
    color: var(--mtsr-teal-600);
    transform: none;
    box-shadow: none;
}

.mtsr-dashboard-nav .mtsr-nav-link:hover .x-icon {
    opacity: 1;
}

.mtsr-dashboard-nav .mtsr-nav-link.active {
    background: var(--mtsr-main-gradient-button);
    color: white;
    box-shadow: var(--mtsr-shadow-teal), var(--mtsr-shadow-teal-inset);
}

.mtsr-dashboard-nav .mtsr-nav-link.active .x-icon {
    opacity: 1;
}

/* Hero Section - Teal Gradient */
.mtsr-dashboard-hero {
    text-align: center;
    margin-bottom: 20px;
    padding: 24px 16px;
    background: var(--mtsr-dashboard-gradient-light);
    border-radius: 12px;
    border: 1px solid var(--mtsr-teal-100);
}

.mtsr-dashboard-title {
    font-size: 1.6em;
    margin-bottom: 6px;
    color: var(--mtsr-gray-800);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-weight: 700;
}

.mtsr-dashboard-title .mtsr-main-icon {
    font-size: 0.9em;
    background: var(--mtsr-main-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.mtsr-dashboard-subtitle {
    font-size: 14px;
    color: var(--mtsr-teal-600);
    margin: 0;
    font-weight: 500;
}

/* Stats Cards Grid - Modern Blue */
.mtsr-dashboard-stats-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
    margin-bottom: 20px;
}

.mtsr-stats-card {
    background: white;
    border-radius: 10px;
    padding: 16px 14px;
    text-align: center;
    box-shadow: var(--mtsr-shadow-sm);
    transition: all 0.2s ease;
    text-decoration: none;
    color: inherit;
    display: block;
    border: 1px solid var(--mtsr-gray-100);
}

.mtsr-stats-card:hover {
    transform: translateY(-2px);
    box-shadow: var(--mtsr-shadow-md);
    border-color: var(--mtsr-teal-200);
}

.mtsr-stats-card-highlight {
    border-color: rgba(16, 185, 129, 0.3);
    background: linear-gradient(135deg, #ffffff 0%, #ecfdf5 100%);
}

.mtsr-stats-card-warning {
    border-color: rgba(245, 158, 11, 0.3);
    background: linear-gradient(135deg, #ffffff 0%, #fffbeb 100%);
}

.mtsr-stats-card-icon {
    font-size: 1.4em;
    margin-bottom: 8px;
}

.mtsr-stats-today .x-icon {
    color: var(--mtsr-success);
}

.mtsr-stats-overdue .x-icon {
    color: var(--mtsr-warning);
}

.mtsr-stats-future .x-icon {
    color: var(--mtsr-teal-500);
}

.mtsr-stats-total .x-icon {
    color: var(--mtsr-info);
}

.mtsr-stats-card-reps-since-reset {
    margin: 6px 0 0;
    padding: 0;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.35;
    color: var(--mtsr-gray-400);
}

.mtsr-stats-card-reps-since-reset-value {
    font-weight: 600;
    color: var(--mtsr-gray-500);
}

.mtsr-stats-card-value {
    font-size: 1.9em;
    font-weight: 700;
    color: var(--mtsr-gray-800);
    line-height: 1;
    margin-bottom: 4px;
}

.mtsr-stats-card-label {
    font-size: 13px;
    color: var(--mtsr-gray-500);
    font-weight: 500;
}

.mtsr-stats-card-action {
    margin-top: 8px;
    font-size: 12px;
    color: var(--mtsr-teal-600);
    font-weight: 600;
}

.mtsr-dashboard-stats-status {
    display: flex;
    width: 100%;
    gap: 14px;
    margin-top: -6px;
    margin-bottom: 20px;
}

.mtsr-stats-status-item {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 10px 16px;
    background: white;
    border-radius: 8px;
    border: 1px solid var(--mtsr-gray-100);
    box-shadow: var(--mtsr-shadow-sm);
    text-decoration: none;
    color: inherit;
    transition: all 0.2s ease;
}

a.mtsr-stats-status-item:hover {
    transform: translateY(-2px);
    box-shadow: var(--mtsr-shadow-md);
}

a.mtsr-stats-status-active:hover {
    border-color: var(--mtsr-teal-200);
}

a.mtsr-stats-status-inactive:hover {
    border-color: var(--mtsr-gray-300);
}

a.mtsr-stats-status-item:focus-visible {
    outline: 2px solid var(--mtsr-teal-400);
    outline-offset: 2px;
}

.mtsr-stats-status-value {
    font-size: 1.35em;
    font-weight: 700;
    color: var(--mtsr-gray-800);
    line-height: 1;
}

.mtsr-stats-status-label {
    font-size: 13px;
    color: var(--mtsr-gray-500);
    font-weight: 500;
}

.mtsr-stats-status-inactive .mtsr-stats-status-value {
    color: var(--mtsr-gray-400);
}

/* Quick Action Buttons - Modern Blue */
.mtsr-dashboard-actions {
    display: flex;
    gap: 12px;
    justify-content: center;
    margin-bottom: 24px;
    flex-wrap: wrap;
}

.mtsr-action-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s ease;
}

.mtsr-action-primary {
    background: var(--mtsr-main-gradient);
    color: white;
    box-shadow: var(--mtsr-shadow-teal);
}

.mtsr-action-primary:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(84, 182, 201, 0.35);
    color: white;
}

.mtsr-action-secondary {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    color: white;
    box-shadow: 0 4px 12px rgba(245, 158, 11, 0.25);
}

.mtsr-action-secondary:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(245, 158, 11, 0.35);
    color: white;
}

/* Empty State - Teal Theme */
.mtsr-dashboard-empty-state {
    text-align: center;
    padding: 28px 16px;
    background: var(--mtsr-dashboard-gradient-light);
    border-radius: 10px;
    margin-bottom: 24px;
    border: 1px solid var(--mtsr-teal-100);
}

.mtsr-empty-icon {
    font-size: 2.2em;
    color: var(--mtsr-success);
    margin-bottom: 10px;
}

.mtsr-dashboard-empty-state h3 {
    margin: 0 0 6px;
    color: var(--mtsr-teal-700);
    font-size: 1.1em;
}

.mtsr-dashboard-empty-state p {
    margin: 0;
    color: var(--mtsr-teal-600);
    font-size: 14px;
}

/* Two Column Row */
.mtsr-dashboard-row {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: 16px;
    margin-bottom: 20px;
}

/* Widget Styles - Modern Blue */
.mtsr-dashboard-widget {
    background: white;
    border-radius: 10px;
    box-shadow: var(--mtsr-shadow-sm);
    /* overflow: hidden; */
    border: 1px solid var(--mtsr-gray-100);
}

.mtsr-widget-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    background: var(--mtsr-gray-50);
    border-bottom: 1px solid var(--mtsr-gray-100);
}

.mtsr-widget-header h3 {
    margin: 0;
    font-size: 14px;
    color: var(--mtsr-gray-700);
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
}

.mtsr-widget-header h3 .x-icon {
    color: var(--mtsr-teal-500);
}

.mtsr-widget-link {
    font-size: 13px;
    color: var(--mtsr-teal-600);
    text-decoration: none;
    font-weight: 500;
}

.mtsr-widget-link:hover {
    color: var(--mtsr-teal-700);
    text-decoration: underline;
}

.mtsr-widget-content {
    padding: 14px;
}

/* Activity progress card (7-/30-day Bilanz) */
.mtsr-dashboard-activityprogress {
    margin-bottom: 20px;
}

.mtsr-activity-progress-header {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
}

.mtsr-activity-progress-label {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--mtsr-gray-700);
}

.mtsr-activity-progress-summary {
    font-size: 0.8rem;
    color: var(--mtsr-gray-500);
    text-align: right;
}

.mtsr-activity-progress-track {
    display: flex;
    width: 100%;
    height: 10px;
    border-radius: 999px;
    overflow: hidden;
    background: var(--mtsr-gray-100);
}

.mtsr-activity-progress-segment {
    height: 100%;
    min-width: 0;
    transition: width 0.3s ease;
}

.mtsr-activity-progress-ontime {
    background: linear-gradient(90deg, #34d399 0%, #10b981 100%);
}

.mtsr-activity-progress-adjusted {
    background: linear-gradient(90deg, #fde047 0%, #facc15 100%);
}

.mtsr-activity-progress-missed {
    background: linear-gradient(90deg, #fb923c 0%, #f97316 100%);
}

.mtsr-activity-progress-track--empty {
    background: var(--mtsr-gray-200);
}

/* Quick Links Widget - Modern Teal */
.mtsr-quick-links {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.mtsr-quick-link {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    background: var(--mtsr-gray-50);
    border-radius: 8px;
    text-decoration: none;
    color: inherit;
    transition: all 0.2s ease;
    border: 1px solid transparent;
}

.mtsr-quick-link:hover {
    background: var(--mtsr-teal-50);
    border-color: var(--mtsr-teal-100);
    transform: translateX(3px);
}

.mtsr-quick-link-icon {
    font-size: 1.2em;
    color: var(--mtsr-teal-500);
    width: 32px;
    text-align: center;
}

.mtsr-quick-link-text {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.mtsr-quick-link-text strong {
    color: var(--mtsr-gray-800);
    font-size: 14px;
}

.mtsr-quick-link-text small {
    color: var(--mtsr-gray-500);
    font-size: 12px;
}

/* Responsive Design for Dashboard */
@media screen and (max-width: 1024px) {
    .mtsr-dashboard-stats-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .mtsr-dashboard-row {
        grid-template-columns: 1fr;
    }

    .mtsr-dashboard-nav {
        position: relative;
    }
}

@media screen and (max-width: 600px) {
    .mtsr-dashboard-home {
        padding: 12px;
        padding-top: 0px !important;
    }

    .mtsr-dashboard-stats-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .mtsr-stats-card {
        padding: 12px 10px;
        border-radius: 8px;
    }

    .mtsr-stats-card-value {
        font-size: 1.5em;
    }

    .mtsr-stats-card-label {
        font-size: 11px;
    }

    .mtsr-stats-card-icon {
        font-size: 1.1em;
        margin-bottom: 6px;
    }

    .mtsr-stats-card-action {
        font-size: 11px;
        margin-top: 6px;
    }

    .mtsr-dashboard-stats-status {
        flex-direction: column;
        gap: 8px;
        margin-top: 0;
    }

    .mtsr-stats-status-item {
        padding: 8px 12px;
    }

    .mtsr-dashboard-nav {
        padding: 8px;
        gap: 4px;
        border-radius: 10px;
    }

    .mtsr-dashboard-nav .mtsr-nav-link {
        padding: 6px 10px;
        font-size: 13px;
        flex: 1;
        justify-content: center;
        border-radius: 6px;
    }

    .mtsr-dashboard-hero {
        padding: 16px 12px;
        margin-bottom: 14px;
        border-radius: 10px;
    }

    .mtsr-dashboard-title {
        font-size: 1.3em;
        gap: 8px;
    }

    .mtsr-dashboard-subtitle {
        font-size: 12px;
    }

    .mtsr-dashboard-actions {
        gap: 8px;
        margin-bottom: 14px;
    }

    .mtsr-action-btn {
        padding: 8px 16px;
        font-size: 13px;
        flex: 1;
        justify-content: center;
        border-radius: 6px;
    }

    .mtsr-dashboard-row {
        gap: 12px;
        margin-bottom: 12px;
    }

    .mtsr-dashboard-widget {
        border-radius: 8px;
    }

    .mtsr-widget-header {
        padding: 10px 12px;
    }

    .mtsr-widget-header h3 {
        font-size: 13px;
    }

    .mtsr-widget-content {
        padding: 10px;
    }

    .mtsr-quick-link {
        padding: 8px 10px;
        border-radius: 6px;
    }

    .mtsr-dashboard-empty-state {
        padding: 20px 12px;
        border-radius: 8px;
    }
}

/* Dashboard UI stack — compact /spaced-repetition/ summary */
#section-spacedrep .mtsr-stats-card,
#section-spacedrep .mtsr-stats-card.mtsr-stats-card-highlight,
#section-spacedrep .mtsr-stats-card.mtsr-stats-card-warning,
#section-spacedrep .mtsr-dashboard-empty-state,
#section-spacedrep .mtsr-dashboard-widget {
    background: rgba(255, 255, 255, 0.4);
}

#section-spacedrep .mtsr-dashboard-stack {
    max-width: none;
    padding: 0;
    margin: 0;
}

#section-spacedrep .mtsr-dashboard-stack-lead {
    margin: 0 0 14px;
    font-size: 14px;
    font-weight: 500;
    color: var(--mtsr-teal-600, #0d9488);
    text-align: center;
}

#section-spacedrep .mtsr-dashboard-stack-stats {
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    margin-bottom: 14px;
}

#section-spacedrep .mtsr-dashboard-stack-stats .mtsr-stats-card {
    padding: 12px 8px;
}

#section-spacedrep .mtsr-dashboard-stack-stats .mtsr-stats-card-value {
    font-size: 1.5em;
}

#section-spacedrep .mtsr-dashboard-stack-stats .mtsr-stats-card-label {
    font-size: 12px;
}

#section-spacedrep .mtsr-dashboard-stats-status {
    margin-top: -4px;
    margin-bottom: 14px;
}

#section-spacedrep .mtsr-stats-status-item {
    background: rgba(255, 255, 255, 0.4);
    padding: 8px 12px;
}

#section-spacedrep .mtsr-stats-status-value {
    font-size: 1.2em;
}

#section-spacedrep .mtsr-stats-status-label {
    font-size: 12px;
}

#section-spacedrep .mtsr-dashboard-stack-actions {
    margin-bottom: 16px;
}

#section-spacedrep .mtsr-dashboard-stack-empty {
    margin-bottom: 16px;
    padding: 18px 12px;
}

#section-spacedrep .mtsr-dashboard-stack-calendar {
    margin-bottom: 16px;
}

#section-spacedrep .mtsr-dashboard-stack-calendar .mtsr-weekview-empty-stamp {
    max-width: min(96%, 300px);
    padding: 12px 14px;
}

#section-spacedrep .mtsr-dashboard-stack-calendar .mtsr-weekview-empty-stamp-title {
    font-size: 0.85rem;
}

#section-spacedrep .mtsr-dashboard-stack-calendar .mtsr-weekview-empty-stamp-text {
    font-size: 0.74rem;
}

#section-spacedrep .mtsr-dashboard-stack-row {
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-bottom: 12px;
}

#section-spacedrep .mtsr-dashboard-stack-row .mtsr-widget-activity .mtsr-widget-content {
    padding-top: 10px;
    padding-bottom: 10px;
}

#section-spacedrep .mtsr-dashboard-stack-footer {
    display: flex;
    justify-content: flex-end;
    padding-top: 4px;
}

@media screen and (max-width: 900px) {
    #section-spacedrep .mtsr-dashboard-stack-stats {
        grid-template-columns: repeat(2, 1fr);
    }

    #section-spacedrep .mtsr-dashboard-stack-row {
        grid-template-columns: 1fr;
    }
}

.mtsr-als-naechstes-popover-scroll,
.mtsr-als-naechstes-sheet-scroll {
    position: relative;
}

.mtsr-als-naechstes-scroll-loading {
    position: absolute;
    inset: 0;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.72);
    pointer-events: none;
}

.mtsr-als-naechstes-scroll-loading[hidden] {
    display: none !important;
}

.mtsr-als-naechstes-spinner {
    width: 28px;
    height: 28px;
    border: 2px solid #ddd;
    border-top-color: #398bab;
    border-radius: 50%;
    animation: sp-anime 0.8s infinite linear;
}

.mtsr-als-naechstes-popover-scroll.is-loading,
.mtsr-als-naechstes-sheet-scroll.is-loading {
    pointer-events: none;
}

.mtsr-als-naechstes-jump-btn:disabled,
.mtsr-als-naechstes-section-load-btn:disabled {
    opacity: 0.65;
    cursor: wait;
}

.mtsr-als-naechstes-section--placeholder {
    padding-bottom: 4px;
}

.mtsr-als-naechstes-section--placeholder .mtsr-als-naechstes-section-head {
    padding-bottom: 4px;
}

.mtsr-als-naechstes-section-placeholder-body {
    padding: 0 8px 10px;
}

.mtsr-als-naechstes-section-placeholder-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 14px 12px 12px;
    border-radius: 14px;
    border: 1px dashed rgba(100, 116, 139, 0.28);
    background: linear-gradient(180deg, rgba(248, 250, 252, 0.92) 0%, rgba(241, 245, 249, 0.55) 100%);
    text-align: center;
}

.mtsr-als-naechstes-section--placeholder[data-mtsr-als-section="heute"] .mtsr-als-naechstes-section-placeholder-card {
    border-color: rgba(14, 116, 144, 0.28);
    background: linear-gradient(180deg, rgba(236, 254, 255, 0.9) 0%, rgba(224, 242, 254, 0.45) 100%);
}

.mtsr-als-naechstes-section--placeholder[data-mtsr-als-section="verpasst"] .mtsr-als-naechstes-section-placeholder-card {
    border-color: rgba(217, 119, 6, 0.28);
    background: linear-gradient(180deg, rgba(255, 251, 235, 0.95) 0%, rgba(254, 243, 199, 0.42) 100%);
}

.mtsr-als-naechstes-section--placeholder[data-mtsr-als-section="zukunft"] .mtsr-als-naechstes-section-placeholder-card {
    border-color: rgba(107, 114, 128, 0.28);
    background: linear-gradient(180deg, rgba(249, 250, 251, 0.95) 0%, rgba(243, 244, 246, 0.55) 100%);
}

.mtsr-als-naechstes-section-placeholder-hint {
    margin: 0;
    font-size: 11px;
    line-height: 1.35;
    color: rgba(51, 65, 85, 0.68);
    font-weight: 500;
}

.mtsr-als-naechstes-section-load-btn {
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border: none;
    border-radius: 999px;
    background: var(--mtsr-gray-600);
    color: #fff;
    font: inherit;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
    padding: 7px 16px;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.12);
    transition:
        transform 0.16s ease,
        box-shadow 0.16s ease,
        background-color 0.16s ease;
}

.mtsr-als-naechstes-section-load-btn-icon {
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid currentColor;
    opacity: 0.92;
    transform: translateY(1px);
}

.mtsr-als-naechstes-section--placeholder[data-mtsr-als-section="heute"] .mtsr-als-naechstes-section-load-btn {
    background: var(--mtsr-teal-600);
}

.mtsr-als-naechstes-section--placeholder[data-mtsr-als-section="heute"] .mtsr-als-naechstes-section-load-btn:hover:not(:disabled) {
    background: var(--mtsr-teal-700);
}

.mtsr-als-naechstes-section--placeholder[data-mtsr-als-section="verpasst"] .mtsr-als-naechstes-section-load-btn {
    background: #d97706;
}

.mtsr-als-naechstes-section--placeholder[data-mtsr-als-section="verpasst"] .mtsr-als-naechstes-section-load-btn:hover:not(:disabled) {
    background: #b45309;
}

.mtsr-als-naechstes-section--placeholder[data-mtsr-als-section="zukunft"] .mtsr-als-naechstes-section-load-btn {
    background: var(--mtsr-gray-600);
}

.mtsr-als-naechstes-section--placeholder[data-mtsr-als-section="zukunft"] .mtsr-als-naechstes-section-load-btn:hover:not(:disabled) {
    background: var(--mtsr-gray-700);
}

.mtsr-als-naechstes-section-load-btn:hover:not(:disabled) {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.16);
}

.mtsr-als-naechstes-section-load-btn:active:not(:disabled) {
    transform: translateY(0);
    box-shadow: 0 1px 4px rgba(15, 23, 42, 0.12);
}

.mtsr-als-naechstes-section + .mtsr-als-naechstes-section {
    margin-top: 2px;
    padding-top: 2px;
    border-top: 1px solid rgba(32, 72, 120, 0.07);
}

.mtsr-als-naechstes-section-head .mtsr-als-naechstes-section-label.mtsr-ekp-statusbar-repbadge {
    text-transform: none;
    letter-spacing: 0.02em;
}

.mtsr-als-naechstes-section-head {
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}

.mtsr-als-naechstes-section-head-main {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.mtsr-als-naechstes-section-sort {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-left: auto;
    flex-shrink: 0;
}

.mtsr-als-naechstes-sort-btn {
    appearance: none;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    border: 1px solid rgba(148, 163, 184, 0.35);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.94);
    color: #64748b;
    font: inherit;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: 0.01em;
    text-transform: none;
    padding: 4px 9px 4px 10px;
    cursor: pointer;
    transition:
        background-color 0.15s ease,
        border-color 0.15s ease,
        color 0.15s ease,
        box-shadow 0.15s ease;
}

.mtsr-als-naechstes-sort-btn-label {
    white-space: nowrap;
}

.mtsr-als-naechstes-sort-chevron {
    width: 5px;
    height: 5px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    opacity: 0.55;
    flex-shrink: 0;
    transition:
        transform 0.15s ease,
        opacity 0.15s ease;
}

.mtsr-als-naechstes-sort-chevron--asc {
    transform: rotate(-135deg) translate(-2px, 0px);
}

.mtsr-als-naechstes-sort-chevron--desc {
    transform: rotate(45deg) translateY(-1px);
}

.mtsr-als-naechstes-sort-btn:hover:not(:disabled) {
    border-color: rgba(100, 116, 139, 0.45);
    background: #f8fafc;
    color: #475569;
}

.mtsr-als-naechstes-sort-btn.is-active {
    background: #eef2f6;
    border-color: #cbd5e1;
    color: #334155;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
}

.mtsr-als-naechstes-sort-btn.is-active .mtsr-als-naechstes-sort-chevron {
    opacity: 0.88;
}

.mtsr-als-naechstes-sort-btn:disabled {
    opacity: 0.65;
    cursor: wait;
}

.mtsr-als-naechstes-jump-btn[data-mtsr-als-jump="heute"] {
    background: var(--mtsr-teal-100);
    color: var(--mtsr-teal-800);
    border-color: var(--mtsr-teal-200);
}

.mtsr-als-naechstes-jump-btn[data-mtsr-als-jump="heute"]:hover:not(:disabled) {
    background: var(--mtsr-teal-200);
    border-color: var(--mtsr-teal-300);
    color: var(--mtsr-teal-900);
}

.mtsr-als-naechstes-jump-btn[data-mtsr-als-jump="heute"].is-active,
.mtsr-als-naechstes-jump-btn[data-mtsr-als-jump="heute"][aria-current="true"] {
    background: var(--mtsr-teal-500);
    color: #fff;
    border-color: var(--mtsr-teal-600);
    box-shadow: 0 1px 4px rgba(9, 68, 121, 0.14);
    font-weight: 700;
}

.mtsr-als-naechstes-jump-btn[data-mtsr-als-jump="verpasst"] {
    background: #fef3c7;
    color: #b45309;
    border-color: #fcd34d;
}

.mtsr-als-naechstes-jump-btn[data-mtsr-als-jump="verpasst"]:hover:not(:disabled) {
    background: #fde68a;
    border-color: #fbbf24;
    color: #92400e;
}

.mtsr-als-naechstes-jump-btn[data-mtsr-als-jump="verpasst"].is-active,
.mtsr-als-naechstes-jump-btn[data-mtsr-als-jump="verpasst"][aria-current="true"] {
    background: #d97706;
    color: #fff;
    border-color: #b45309;
    box-shadow: 0 1px 4px rgba(180, 83, 9, 0.14);
    font-weight: 700;
}

.mtsr-als-naechstes-jump-btn[data-mtsr-als-jump="zukunft"] {
    background: var(--mtsr-gray-100);
    color: var(--mtsr-gray-600);
    border-color: var(--mtsr-gray-300);
}

.mtsr-als-naechstes-jump-btn[data-mtsr-als-jump="zukunft"]:hover:not(:disabled) {
    background: var(--mtsr-gray-200);
    border-color: var(--mtsr-gray-400);
    color: var(--mtsr-gray-800);
}

.mtsr-als-naechstes-jump-btn[data-mtsr-als-jump="zukunft"].is-active,
.mtsr-als-naechstes-jump-btn[data-mtsr-als-jump="zukunft"][aria-current="true"] {
    background: var(--mtsr-gray-500);
    color: #fff;
    border-color: var(--mtsr-gray-600);
    box-shadow: 0 1px 4px rgba(75, 85, 99, 0.12);
    font-weight: 700;
}

.mtsr-als-naechstes-jump-btn.is-active .mt-ekp-top-tabs-count,
.mtsr-als-naechstes-jump-btn[aria-current="true"] .mt-ekp-top-tabs-count {
    color: #fff;
    opacity: 0.95;
}

/* Fächer verwalten — deactivate toggle confirmation */
.mtsr-fach-toggle-container,
.mtsr-subfach-toggle-container,
.mtsr-meditrick-toggle-container {
    position: relative;
}

.mtsr-deactivate-confirm-popover {
    position: fixed;
    z-index: 100050;
    width: min(280px, calc(100vw - 24px));
    padding: 12px 14px;
    border-radius: 12px;
    border: 1px solid var(--mtsr-gray-200, #e5e7eb);
    background: #fff;
    box-shadow:
        0 10px 28px rgba(9, 68, 121, 0.18),
        0 2px 8px rgba(0, 0, 0, 0.08);
    font-size: 0.8125rem;
    line-height: 1.45;
    color: var(--mtsr-gray-800, #1f2937);
}

.mtsr-deactivate-confirm-popover__text {
    margin: 0 0 12px;
}

.mtsr-deactivate-confirm-popover__actions {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.mtsr-deactivate-confirm-popover__btn {
    border: 1px solid var(--mtsr-gray-300, #d1d5db);
    border-radius: 8px;
    padding: 6px 12px;
    font-size: 0.75rem;
    font-weight: 600;
    cursor: pointer;
    background: var(--mtsr-gray-50, #f9fafb);
    color: var(--mtsr-gray-700, #374151);
    transition:
        background 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease,
        transform 0.15s ease;
}

.mtsr-deactivate-confirm-popover__btn--cancel:hover {
    background: var(--mtsr-gray-100, #f3f4f6);
    border-color: var(--mtsr-gray-400, #9ca3af);
}

/* Match monthly calendar .date-detail-menu-btn-deactivate */
.mtsr-deactivate-confirm-popover__btn--confirm {
    color: #dc2626;
    background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
    border: 1px solid rgba(220, 38, 38, 0.2);
    font-weight: 500;
}

.mtsr-deactivate-confirm-popover__btn--confirm:hover {
    background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%);
    border-color: rgba(220, 38, 38, 0.35);
    color: #b91c1c;
}

.mtsr-deactivate-confirm-popover__btn--confirm:active {
    transform: scale(0.98);
}