/* CSC Einsatzplaner structural assets – restored from the stable monthly-planning look. Purpose: provide the external stylesheet that older installs had cached, so fresh updates render the Monatsplanung 1:1 again. */ .csc-ep-wrap,.csc-ep-admin-page,.csc-ep-frontend{box-sizing:border-box}.csc-ep-wrap *,.csc-ep-admin-page *,.csc-ep-frontend *{box-sizing:border-box}.csc-ep-muted{color:#667085}.csc-ep-card{border:1px solid #e6ebf2;border-radius:22px;background:linear-gradient(180deg,#fff 0%,#fbfcff 100%);box-shadow:0 18px 45px rgba(15,23,42,.055);padding:18px}.csc-ep-admin-titlebar,.csc-ep-top-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:14px 0 16px;padding:20px 22px;border-radius:24px;background:linear-gradient(135deg,#fff 0%,#f8fbff 48%,#eef6ff 100%);border:1px solid #e6edf7;box-shadow:0 18px 44px rgba(15,23,42,.06)}.csc-ep-top-hero>div{min-width:0}.csc-ep-top-hero h1{margin:0!important;font-size:27px;line-height:1.12;letter-spacing:-.03em;color:#111827}.csc-ep-top-hero p{margin:6px 0 0!important;font-size:13px;font-weight:650}.csc-ep-top-hero-icon{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;border-radius:18px;background:linear-gradient(135deg,#111827,#2563eb);color:#fff;font-size:24px;box-shadow:0 16px 30px rgba(37,99,235,.22);flex:0 0 auto}.csc-ep-self-update{position:relative;z-index:1;display:flex;align-items:center;gap:8px;flex-wrap:wrap;max-width:260px!important;padding:8px 10px!important;border:1px solid #dbe3ee;border-radius:14px!important;background:rgba(255,255,255,.92);box-shadow:0 5px 18px rgba(15,23,42,.06)!important;backdrop-filter:blur(12px)}.csc-ep-self-update strong{font-size:12px!important}.csc-ep-self-update-status{width:100%;font-style:normal;font-size:11px!important;color:#3a4a5a}.csc-ep-page-intro{margin:0 0 12px!important;font-size:13px;line-height:1.45}.csc-ep-month-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0 14px;padding:12px 14px;border:1px solid #e6ebf2;border-radius:18px;background:#fff;box-shadow:0 10px 26px rgba(15,23,42,.045)}.csc-ep-month-nav strong{font-size:18px;color:#111827;letter-spacing:-.02em}.csc-ep-month-nav .button{border-radius:12px!important;font-weight:800!important}.csc-ep-planning-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:14px 0!important;padding:12px 14px!important;border-radius:18px!important}.csc-ep-planning-view-toggle,.csc-ep-absence-view-toggle{display:inline-flex;align-items:center;gap:6px;padding:5px!important;border:1px solid rgba(148,163,184,.20)!important;border-radius:18px!important;background:linear-gradient(135deg,#f8fafc 0%,#eef4ff 100%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.85)!important}.csc-ep-planning-view-btn,.csc-ep-absence-view-btn{min-height:38px!important;padding:0 14px!important;border:0!important;border-radius:14px!important;display:inline-flex!important;align-items:center!important;gap:7px!important;font-weight:900!important;color:#475467!important;background:transparent!important;box-shadow:none!important;transition:transform .14s ease,box-shadow .14s ease,background .14s ease,color .14s ease!important}.csc-ep-planning-view-btn:hover,.csc-ep-absence-view-btn:hover{color:#111827!important;background:rgba(255,255,255,.82)!important;transform:translateY(-1px)!important}.csc-ep-planning-view-btn.is-active,.csc-ep-absence-view-btn.is-active{color:#fff!important;background:linear-gradient(135deg,#111827 0%,#2563eb 100%)!important;box-shadow:0 10px 22px rgba(37,99,235,.24)!important}.csc-ep-publish-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:12px 0 14px;padding:14px 16px;border-radius:20px;border:1px solid #e6ebf2;background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);box-shadow:0 12px 34px rgba(15,23,42,.05)}.csc-ep-publish-bar span{color:#667085;font-size:13px;font-weight:650;line-height:1.35;max-width:760px}.csc-ep-gradient-submit{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:42px!important;padding:0 16px!important;border-radius:14px!important;border:0!important;background:linear-gradient(135deg,#111827 0%,#2563eb 100%)!important;color:#fff!important;font-weight:900!important;box-shadow:0 12px 28px rgba(37,99,235,.24)!important;text-shadow:none!important;white-space:nowrap}.csc-ep-gradient-submit:hover{transform:translateY(-1px);box-shadow:0 16px 32px rgba(37,99,235,.28)!important;color:#fff!important}.csc-ep-calendar{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:10px!important;align-items:start!important;margin-top:14px!important;width:100%!important}.csc-ep-calendar-head{display:block!important;padding:7px 6px!important;text-align:center!important;font-weight:900!important;color:#667085!important;text-transform:uppercase!important;letter-spacing:.08em!important;font-size:11px!important}.csc-ep-day{min-height:112px!important;border:1px solid #e6ebf2!important;background:linear-gradient(180deg,#fff 0%,#fbfcff 100%)!important;border-radius:18px!important;padding:9px!important;box-shadow:0 10px 26px rgba(15,23,42,.045)!important;position:relative!important;overflow:visible!important}.csc-ep-day-empty{background:transparent!important;border-color:transparent!important;box-shadow:none!important;pointer-events:none!important}.csc-ep-day-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin:0 0 8px!important;padding-bottom:7px!important;border-bottom:1px solid #eef2f7!important}.csc-ep-day-head strong{font-size:18px!important;line-height:1!important;color:#111827!important;font-weight:950!important}.csc-ep-day-head span{font-size:11px!important;font-weight:900!important;color:#98a2b3!important;text-transform:uppercase!important;letter-spacing:.06em!important}.csc-ep-location{display:block!important;margin:7px 0!important;padding:9px!important;border-radius:15px!important;background:linear-gradient(135deg,#fff 0%,#f8fafc 100%)!important;border:1px solid #e8eef6!important;box-shadow:0 8px 18px rgba(15,23,42,.04)!important;position:relative!important}.csc-ep-location-title{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:8px!important;margin:0 0 6px!important}.csc-ep-location-title span{font-weight:950!important;color:#111827!important;line-height:1.15!important;overflow-wrap:anywhere!important}.csc-ep-location-title em{font-style:normal!important;color:#475467!important;font-weight:900!important;font-size:11px!important;line-height:1.2!important;white-space:nowrap!important}.csc-ep-shift-meta{display:flex!important;flex-wrap:wrap!important;gap:5px!important;margin:0 0 7px!important}.csc-ep-tag,.csc-ep-group-badge{display:inline-flex!important;align-items:center!important;gap:4px!important;padding:3px 7px!important;border-radius:999px!important;background:#eef4ff!important;color:#1d4ed8!important;font-size:10px!important;font-weight:900!important;line-height:1.15!important}.csc-ep-event-tag{background:#fff7ed!important;color:#c2410c!important}.csc-ep-people{display:flex!important;flex-direction:column!important;gap:6px!important}.csc-ep-empty{display:inline-flex!important;color:#667085!important;font-weight:750!important;font-size:11.5px!important}.csc-ep-staffing-note{padding:6px 8px!important;border-radius:11px!important;font-size:11px!important;font-weight:900!important;line-height:1.2!important;margin:0!important}.csc-ep-staffing-full{background:#dcfce7!important;color:#166534!important;border:1px solid #bbf7d0!important}.csc-ep-staffing-partial{background:#fffbeb!important;color:#92400e!important;border:1px solid #fde68a!important}.csc-ep-staffing-empty{background:#fff1f2!important;color:#be123c!important;border:1px solid #fecdd3!important}.csc-ep-staff-full{border-color:#bbf7d0!important;background:linear-gradient(180deg,#fff,#f0fdf4)!important}.csc-ep-staff-partial{border-color:#fde68a!important;background:linear-gradient(180deg,#fff,#fffbeb)!important}.csc-ep-staff-empty{border-color:#fecaca!important;background:linear-gradient(180deg,#fff,#fff7f7)!important}.csc-ep-person{display:flex!important;align-items:center!important;gap:5px!important;flex-wrap:wrap!important;min-width:0!important;padding:0!important}.csc-ep-avatar,.csc-ep-avatar-wrap img{border-radius:999px!important;object-fit:cover!important}.csc-ep-avatar-wrap{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important}.csc-ep-name{font-weight:900!important;color:#334155!important;min-width:0!important;font-size:12px!important}.csc-ep-badge{display:inline-flex!important;padding:2px 7px!important;border-radius:999px!important;background:#eef2ff!important;color:#3730a3!important;font-size:10px!important;font-weight:900!important;line-height:1.1!important}.csc-ep-mini-link,.csc-ep-icon-status{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:23px!important;height:23px!important;border-radius:8px!important;border:1px solid #d8e0ea!important;background:#fff!important;color:#1f2937!important;font-weight:950!important;cursor:pointer!important;text-decoration:none!important;line-height:1!important;padding:0!important}.csc-ep-confirm{color:#16a34a!important}.csc-ep-decline{color:#dc2626!important}.csc-ep-remove{color:#b45309!important}.csc-ep-manual-add{margin-top:9px!important;padding-top:8px!important;border-top:1px dashed #d8e0ea!important}.csc-ep-manual-add label{display:block!important;font-size:10.5px!important;font-weight:950!important;color:#667085!important;text-transform:uppercase!important;letter-spacing:.05em!important;margin:0 0 5px!important}.csc-ep-manual-add select,.csc-ep-manual-add .select2-container{width:100%!important;max-width:100%!important}.csc-ep-manual-feedback{font-size:11px!important}.csc-ep-absence-calendar{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:10px!important}.csc-ep-absence-cal-head{display:block!important;font-weight:900!important;color:#667085!important;text-align:center!important;padding:7px!important;text-transform:uppercase!important;letter-spacing:.07em!important;font-size:11px!important}.csc-ep-absence-cal-cell{min-height:108px!important;border:1px solid #e5e7eb!important;border-radius:18px!important;background:rgba(255,255,255,.9)!important;padding:9px!important;box-shadow:0 10px 24px rgba(15,23,42,.04)!important}.csc-ep-absence-cal-cell.is-empty{background:transparent!important;border:0!important;box-shadow:none!important}.csc-ep-availability-actions{display:flex!important;flex-direction:column!important;gap:7px!important;margin-top:8px!important}.csc-ep-availability-toggle{border:0!important;border-radius:999px!important;padding:9px 12px!important;font-weight:900!important;cursor:pointer!important}.csc-ep-availability-yes{background:#dcfce7!important;color:#166534!important}.csc-ep-availability-no{background:#fee2e2!important;color:#991b1b!important}.csc-ep-confirmed-note{font-size:12px!important;color:#475467!important;background:#f8fafc!important;border:1px solid #e8eef6!important;border-radius:12px!important;padding:8px!important;margin-top:7px!important}.csc-ep-shift-locked{opacity:.68!important;filter:grayscale(.25)!important}.csc-ep-soft-lock{position:absolute!important;top:8px!important;right:8px!important;z-index:4!important;background:#fff!important;border:1px solid #e5e7eb!important;border-radius:999px!important;width:26px!important;height:26px!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 6px 14px rgba(15,23,42,.08)!important}@media(max-width:1050px){.csc-ep-calendar,.csc-ep-absence-calendar{grid-template-columns:repeat(2,minmax(220px,1fr))!important}.csc-ep-calendar-head,.csc-ep-absence-cal-head{display:none!important}.csc-ep-day-empty,.csc-ep-absence-cal-cell.is-empty{display:none!important}}@media(max-width:640px){.csc-ep-top-hero,.csc-ep-publish-bar,.csc-ep-month-nav{display:block!important}.csc-ep-calendar,.csc-ep-absence-calendar{grid-template-columns:1fr!important}.csc-ep-day{min-height:auto!important}.csc-ep-location-title{display:block!important}.csc-ep-location-title em{display:block!important;margin-top:3px!important}} /* v1.4.189 – gezielte Frontend-/Backend-Layoutstabilisierung ohne Funktionsänderung. Fix: Theme-Container darf den Frontend-Kalender nicht auf zu schmale Spalten drücken. */ .csc-ep-app .csc-ep-frontend, { width:min(1160px, calc(100vw - 32px))!important; max-width:1160px!important; min-width:0!important; margin-left:auto!important; margin-right:auto!important; overflow-x:auto!important; overflow-y:visible!important; display:block!important; } /* v1.4.199: theme container left untouched; plugin wrapper handles its own width. */ .csc-ep-app .csc-ep-frontend .csc-ep-calendar{ display:grid!important; grid-template-columns:repeat(7, minmax(138px, 1fr))!important; gap:12px!important; width:100%!important; min-width:1010px!important; max-width:none!important; align-items:start!important; } .csc-ep-app .csc-ep-frontend .csc-ep-day{ min-width:0!important; width:auto!important; max-width:none!important; overflow:visible!important; } .csc-ep-app .csc-ep-frontend .csc-ep-location, .csc-ep-app .csc-ep-frontend .csc-ep-location *{ writing-mode:horizontal-tb!important; text-orientation:mixed!important; } .csc-ep-app .csc-ep-frontend .csc-ep-location-title{ display:flex!important; align-items:flex-start!important; justify-content:space-between!important; gap:8px!important; min-width:0!important; } .csc-ep-app .csc-ep-frontend .csc-ep-location-title span, .csc-ep-app .csc-ep-frontend .csc-ep-location-title strong{ display:block!important; min-width:0!important; max-width:100%!important; overflow-wrap:normal!important; word-break:normal!important; hyphens:auto!important; white-space:normal!important; } .csc-ep-app .csc-ep-frontend .csc-ep-location-title em{ flex:0 0 auto!important; white-space:nowrap!important; word-break:keep-all!important; } .csc-ep-app .csc-ep-frontend .csc-ep-availability-actions{ display:flex!important; flex-direction:column!important; gap:7px!important; } .csc-ep-app .csc-ep-frontend .csc-ep-availability-toggle{ width:100%!important; max-width:100%!important; white-space:normal!important; word-break:normal!important; overflow-wrap:normal!important; line-height:1.18!important; } .csc-ep-app .csc-ep-frontend .csc-ep-confirmed-note, .csc-ep-app .csc-ep-frontend .csc-ep-availability-note{ word-break:normal!important; overflow-wrap:normal!important; white-space:normal!important; } /* Backend: Avatar-/Icon-Reihen stabil halten, ohne Logik zu verändern. */ .csc-ep-admin-page .csc-ep-person{display:flex!important;align-items:center!important;gap:6px!important;min-height:30px!important;line-height:1.2!important} .csc-ep-admin-page .csc-ep-person .csc-ep-avatar, .csc-ep-admin-page .csc-ep-person img.csc-ep-avatar, .csc-ep-admin-page .csc-ep-avatar-wrap, .csc-ep-admin-page .csc-ep-avatar-wrap img{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;max-width:28px!important;max-height:28px!important;border-radius:999px!important;object-fit:cover!important;flex:0 0 28px!important} .csc-ep-admin-page .csc-ep-mini-link, .csc-ep-admin-page .csc-ep-icon-status, .csc-ep-admin-page .csc-ep-admin-remove-availability{width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;padding:0!important} @media(max-width:1050px){ .csc-ep-app .csc-ep-frontend .csc-ep-calendar{grid-template-columns:repeat(7, minmax(138px, 1fr))!important;min-width:1010px!important} } @media(max-width:680px){ .csc-ep-app .csc-ep-frontend{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important} .csc-ep-app .csc-ep-frontend .csc-ep-calendar{grid-template-columns:1fr!important;min-width:0!important} .csc-ep-app .csc-ep-frontend .csc-ep-calendar-head, .csc-ep-app .csc-ep-frontend .csc-ep-day-empty{display:none!important} } /* v1.4.192 – Frontend Desktop Grid: feste, breitere Karten ohne Theme-/Block-Engstellen. Nur Frontend-CSS, keine Einsatz-/Planungslogik. */ .csc-ep-app .csc-ep-frontend{ width:min(1440px, calc(100vw - 32px))!important; max-width:min(1440px, calc(100vw - 32px))!important; margin-left:auto!important; margin-right:auto!important; overflow-x:auto!important; overflow-y:visible!important; display:block!important; } /* v1.4.206: removed old parent/theme-container :has() override. Theme title/layout stays untouched. */ .csc-ep-app .csc-ep-frontend .csc-ep-calendar{ display:grid!important; grid-template-columns:repeat(7, minmax(174px, 1fr))!important; gap:16px!important; width:100%!important; min-width:1310px!important; max-width:none!important; align-items:start!important; overflow:visible!important; } .csc-ep-app .csc-ep-frontend .csc-ep-calendar-head, .csc-ep-app .csc-ep-frontend .csc-ep-day{ min-width:174px!important; width:auto!important; max-width:none!important; } .csc-ep-app .csc-ep-frontend .csc-ep-location{ display:block!important; width:100%!important; min-width:0!important; max-width:none!important; overflow:visible!important; } .csc-ep-app .csc-ep-frontend .csc-ep-location-title{ display:block!important; width:100%!important; min-width:0!important; max-width:100%!important; } .csc-ep-app .csc-ep-frontend .csc-ep-location-title span, .csc-ep-app .csc-ep-frontend .csc-ep-location-title strong, .csc-ep-app .csc-ep-frontend .csc-ep-location-title em, .csc-ep-app .csc-ep-frontend .csc-ep-location-title *{ writing-mode:horizontal-tb!important; text-orientation:mixed!important; white-space:normal!important; word-break:normal!important; overflow-wrap:break-word!important; hyphens:auto!important; max-width:100%!important; } .csc-ep-app .csc-ep-frontend .csc-ep-location-title em{ display:block!important; margin-top:4px!important; white-space:nowrap!important; overflow-wrap:normal!important; word-break:keep-all!important; } .csc-ep-app .csc-ep-frontend .csc-ep-availability-toggle, .csc-ep-app .csc-ep-frontend .csc-ep-confirmed-note, .csc-ep-app .csc-ep-frontend .csc-ep-availability-note{ max-width:100%!important; min-width:0!important; white-space:normal!important; word-break:normal!important; overflow-wrap:break-word!important; } @media(max-width:1360px){ .csc-ep-app .csc-ep-frontend .csc-ep-calendar{grid-template-columns:repeat(7, minmax(160px, 1fr))!important;min-width:1205px!important;} .csc-ep-app .csc-ep-frontend .csc-ep-calendar-head, .csc-ep-app .csc-ep-frontend .csc-ep-day{min-width:160px!important;} } @media(max-width:680px){ .csc-ep-app .csc-ep-frontend{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;overflow-x:visible!important;} .csc-ep-app .csc-ep-frontend .csc-ep-calendar{grid-template-columns:1fr!important;min-width:0!important;width:100%!important;} .csc-ep-app .csc-ep-frontend .csc-ep-calendar-head, .csc-ep-app .csc-ep-frontend .csc-ep-day-empty{display:none!important;} .csc-ep-app .csc-ep-frontend .csc-ep-day{min-width:0!important;width:100%!important;} } /* v1.4.196 FRONTEND ONLY: wide centered viewport container + layout diagnostics target. Final override after all earlier rescue layers. The calendar may use available desktop width, but must not create body-level horizontal scrolling. */ html body:has(.csc-ep-frontend){overflow-x:hidden!important;} /* v1.4.199: theme container left untouched; plugin wrapper handles its own width. */ .csc-ep-app .csc-ep-frontend{ width:min(1440px,calc(100vw - 48px))!important; max-width:min(1440px,calc(100vw - 48px))!important; min-width:0!important; margin-left:auto!important; margin-right:auto!important; transform:none!important; position:relative!important; left:auto!important; right:auto!important; overflow-x:hidden!important; overflow-y:visible!important; box-sizing:border-box!important; display:block!important; contain:layout style!important; } .csc-ep-app .csc-ep-frontend .csc-ep-account-page, .csc-ep-app .csc-ep-frontend .csc-ep-account-card, .csc-ep-app .csc-ep-frontend .csc-ep-calendar-wrap, .csc-ep-app .csc-ep-frontend .csc-ep-month-wrap, .csc-ep-app .csc-ep-frontend .csc-ep-month-nav, .csc-ep-app .csc-ep-frontend .csc-ep-calendar{ width:100%!important; max-width:100%!important; min-width:0!important; overflow-x:hidden!important; box-sizing:border-box!important; } .csc-ep-app .csc-ep-frontend .csc-ep-calendar{ display:grid!important; grid-template-columns:repeat(7,minmax(0,1fr))!important; gap:12px!important; align-items:start!important; justify-content:stretch!important; } .csc-ep-app .csc-ep-frontend .csc-ep-calendar-head, .csc-ep-app .csc-ep-frontend .csc-ep-day, .csc-ep-app .csc-ep-frontend .csc-ep-day-empty{ width:auto!important; max-width:100%!important; min-width:0!important; overflow:hidden!important; box-sizing:border-box!important; } .csc-ep-app .csc-ep-frontend .csc-ep-day{padding:9px!important;} .csc-ep-app .csc-ep-frontend .csc-ep-location{ width:100%!important; max-width:100%!important; min-width:0!important; overflow:hidden!important; box-sizing:border-box!important; } .csc-ep-app .csc-ep-frontend .csc-ep-location-title{ display:block!important; width:100%!important; max-width:100%!important; min-width:0!important; overflow:hidden!important; } .csc-ep-app .csc-ep-frontend .csc-ep-location-title span, .csc-ep-app .csc-ep-frontend .csc-ep-location-title strong{ display:block!important; width:100%!important; max-width:100%!important; min-width:0!important; white-space:normal!important; word-break:normal!important; overflow-wrap:break-word!important; hyphens:auto!important; line-height:1.1!important; font-size:clamp(16px,1.35vw,20px)!important; } .csc-ep-app .csc-ep-frontend .csc-ep-location-title em{ display:block!important; width:100%!important; max-width:100%!important; min-width:0!important; margin-top:3px!important; white-space:normal!important; word-break:normal!important; overflow-wrap:normal!important; line-height:1.15!important; font-size:clamp(11px,.95vw,13px)!important; font-style:normal!important; } .csc-ep-app .csc-ep-frontend .csc-ep-availability-toggle, .csc-ep-app .csc-ep-frontend .csc-ep-confirmed-note, .csc-ep-app .csc-ep-frontend .csc-ep-availability-note{ width:100%!important; max-width:100%!important; min-width:0!important; box-sizing:border-box!important; white-space:normal!important; word-break:normal!important; overflow-wrap:break-word!important; } @media(max-width:1180px){ .csc-ep-app .csc-ep-frontend{width:calc(100vw - 32px)!important;max-width:calc(100vw - 32px)!important;} .csc-ep-app .csc-ep-frontend .csc-ep-calendar{gap:10px!important;} .csc-ep-app .csc-ep-frontend .csc-ep-day{padding:7px!important;} .csc-ep-app .csc-ep-frontend .csc-ep-location-title span, .csc-ep-app .csc-ep-frontend .csc-ep-location-title strong{font-size:clamp(14px,1.45vw,18px)!important;} } @media(max-width:900px){ .csc-ep-app .csc-ep-frontend{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;} .csc-ep-app .csc-ep-frontend .csc-ep-calendar{grid-template-columns:repeat(2,minmax(0,1fr))!important;} .csc-ep-app .csc-ep-frontend .csc-ep-calendar-head, .csc-ep-app .csc-ep-frontend .csc-ep-day-empty{display:none!important;} } @media(max-width:560px){ .csc-ep-app .csc-ep-frontend .csc-ep-calendar{grid-template-columns:1fr!important;} } /* v1.4.197 FRONTEND ONLY: restore old working centered account/calendar frame. Based on comparison screenshot: wide centered 7-day layout, modern confirmed-summary bar, no negative offset and no body-level horizontal scrolling. */ html body:has(.csc-ep-frontend){overflow-x:hidden!important;} /* v1.4.199: theme container left untouched; plugin wrapper handles its own width. */ .csc-ep-app .csc-ep-frontend{ width:min(1380px,calc(100vw - 220px))!important; max-width:min(1380px,calc(100vw - 220px))!important; min-width:0!important; margin-left:auto!important;margin-right:auto!important; left:auto!important;right:auto!important;transform:none!important;translate:none!important; position:relative!important;display:block!important;box-sizing:border-box!important; overflow-x:hidden!important;overflow-y:visible!important;contain:none!important; } .csc-ep-app .csc-ep-frontend .csc-ep-account-page, .csc-ep-app .csc-ep-frontend .csc-ep-account-card{ width:100%!important;max-width:none!important;min-width:0!important;margin-left:0!important;margin-right:0!important; overflow:visible!important;box-sizing:border-box!important; } .csc-ep-app .csc-ep-frontend .csc-ep-account-greeting{margin-bottom:12px!important;} .csc-ep-app .csc-ep-frontend .csc-ep-account-nav{margin-bottom:18px!important;} .csc-ep-app .csc-ep-frontend .csc-ep-collapsible-confirmed{ display:block!important;width:100%!important;max-width:100%!important;margin:8px 0 22px!important; border:1px solid #e6ebf2!important;border-radius:18px!important;background:#fff!important; box-shadow:0 12px 30px rgba(15,23,42,.045)!important;overflow:hidden!important;box-sizing:border-box!important; } .csc-ep-app .csc-ep-frontend .csc-ep-collapsible-confirmed>summary{ list-style:none!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important; min-height:62px!important;padding:12px 18px!important;margin:0!important;cursor:pointer!important; background:linear-gradient(180deg,#fff 0%,#fbfcff 100%)!important;border:0!important;box-sizing:border-box!important; } .csc-ep-app .csc-ep-frontend .csc-ep-collapsible-confirmed>summary::-webkit-details-marker{display:none!important;} .csc-ep-app .csc-ep-frontend .csc-ep-push-badge{ flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important; width:34px!important;height:28px!important;border-radius:999px!important;background:#ef4444!important;color:#fff!important; font-weight:950!important;font-size:17px!important;line-height:1!important;box-shadow:0 8px 18px rgba(239,68,68,.22)!important; } .csc-ep-app .csc-ep-frontend .csc-ep-confirmed-summary-text{ display:flex!important;flex-direction:column!important;justify-content:center!important;min-width:0!important;margin-right:auto!important; } .csc-ep-app .csc-ep-frontend .csc-ep-confirmed-summary-text small{ display:block!important;font-size:11px!important;line-height:1.2!important;color:#667085!important;font-weight:800!important;margin:0!important; } .csc-ep-app .csc-ep-frontend .csc-ep-confirmed-summary-text strong{ display:block!important;font-size:15px!important;line-height:1.15!important;color:#111827!important;font-weight:950!important;margin:0!important; } .csc-ep-app .csc-ep-frontend .csc-ep-summary-actions{ display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;flex-wrap:wrap!important;margin-left:auto!important; } .csc-ep-app .csc-ep-frontend .csc-ep-summary-actions a{ display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:30px!important;padding:0 14px!important; border-radius:999px!important;text-decoration:none!important;font-size:11.5px!important;font-weight:950!important;line-height:1!important;white-space:nowrap!important; border:0!important;box-shadow:0 8px 18px rgba(15,23,42,.09)!important;color:#fff!important; } .csc-ep-app .csc-ep-frontend .csc-ep-summary-actions .csc-ep-green-action{background:#16a34a!important;} .csc-ep-app .csc-ep-frontend .csc-ep-summary-actions .csc-ep-pdf-summary-button{background:#111827!important;} .csc-ep-app .csc-ep-frontend .csc-ep-summary-actions .csc-ep-summary-toggle-button{background:#2563eb!important;} .csc-ep-app .csc-ep-frontend .csc-ep-month-nav{ width:100%!important;max-width:100%!important;margin:8px 0 18px!important;padding:0!important;border:0!important;background:transparent!important; box-shadow:none!important;display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important;gap:16px!important; } .csc-ep-app .csc-ep-frontend .csc-ep-month-nav .button, .csc-ep-app .csc-ep-frontend .csc-ep-month-nav a{ background:transparent!important;border:0!important;box-shadow:none!important;color:#111827!important;text-decoration:underline!important; font-size:20px!important;font-weight:500!important;padding:0!important;border-radius:0!important;min-height:0!important;line-height:1.2!important; } .csc-ep-app .csc-ep-frontend .csc-ep-month-nav .button:first-child, .csc-ep-app .csc-ep-frontend .csc-ep-month-nav a:first-child{justify-self:start!important;} .csc-ep-app .csc-ep-frontend .csc-ep-month-nav .button:last-child, .csc-ep-app .csc-ep-frontend .csc-ep-month-nav a:last-child{justify-self:end!important;} .csc-ep-app .csc-ep-frontend .csc-ep-month-nav strong{ justify-self:center!important;text-align:center!important;font-size:22px!important;font-weight:500!important;line-height:1.2!important;color:#111827!important; } .csc-ep-app .csc-ep-frontend .csc-ep-calendar{ width:100%!important;max-width:100%!important;min-width:0!important;overflow:visible!important; display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:12px!important;align-items:start!important;box-sizing:border-box!important; } .csc-ep-app .csc-ep-frontend .csc-ep-calendar-head{padding:0 0 8px!important;text-align:center!important;font-size:11px!important;font-weight:900!important;color:#667085!important;letter-spacing:.06em!important;} .csc-ep-app .csc-ep-frontend .csc-ep-day, .csc-ep-app .csc-ep-frontend .csc-ep-day-empty{ width:auto!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;overflow:hidden!important; } .csc-ep-app .csc-ep-frontend .csc-ep-day{ min-height:175px!important;padding:12px!important;border-radius:16px!important;background:#fff!important;border:1px solid #e6ebf2!important; box-shadow:0 8px 22px rgba(15,23,42,.035)!important; } .csc-ep-app .csc-ep-frontend .csc-ep-day-empty{min-height:175px!important;} .csc-ep-app .csc-ep-frontend .csc-ep-day-head{padding-bottom:8px!important;margin-bottom:10px!important;} .csc-ep-app .csc-ep-frontend .csc-ep-day-head strong{font-size:22px!important;font-weight:500!important;line-height:1!important;} .csc-ep-app .csc-ep-frontend .csc-ep-day-head span{font-size:20px!important;font-weight:400!important;text-transform:none!important;letter-spacing:0!important;color:#667085!important;} .csc-ep-app .csc-ep-frontend .csc-ep-location{padding:12px!important;border-radius:14px!important;overflow:hidden!important;} .csc-ep-app .csc-ep-frontend .csc-ep-location-title span, .csc-ep-app .csc-ep-frontend .csc-ep-location-title strong{ font-size:21px!important;line-height:1.12!important;font-weight:950!important;overflow-wrap:break-word!important;word-break:normal!important;hyphens:auto!important; } .csc-ep-app .csc-ep-frontend .csc-ep-location-title em{font-size:13px!important;line-height:1.2!important;white-space:normal!important;} .csc-ep-app .csc-ep-frontend .csc-ep-confirmed-note, .csc-ep-app .csc-ep-frontend .csc-ep-availability-note{font-size:12px!important;line-height:1.35!important;} @media(max-width:1320px){ .csc-ep-app .csc-ep-frontend{width:calc(100vw - 64px)!important;max-width:calc(100vw - 64px)!important;} .csc-ep-app .csc-ep-frontend .csc-ep-day{min-height:170px!important;padding:10px!important;} .csc-ep-app .csc-ep-frontend .csc-ep-location-title span, .csc-ep-app .csc-ep-frontend .csc-ep-location-title strong{font-size:18px!important;} } @media(max-width:900px){ .csc-ep-app .csc-ep-frontend{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;} .csc-ep-app .csc-ep-frontend .csc-ep-collapsible-confirmed>summary{display:flex!important;flex-wrap:wrap!important;} .csc-ep-app .csc-ep-frontend .csc-ep-summary-actions{width:100%!important;justify-content:flex-start!important;} .csc-ep-app .csc-ep-frontend .csc-ep-calendar{grid-template-columns:repeat(2,minmax(0,1fr))!important;} .csc-ep-app .csc-ep-frontend .csc-ep-calendar-head, .csc-ep-app .csc-ep-frontend .csc-ep-day-empty{display:none!important;} } @media(max-width:560px){.csc-ep-app .csc-ep-frontend .csc-ep-calendar{grid-template-columns:1fr!important;}} /* v1.4.199 FRONTEND WRAPPER ONLY: do not alter theme/page-title containers. Desktop: slightly wider like the old working screenshot. Mobile: own wrapper centered inside viewport. */ html body:has(.csc-ep-frontend){overflow-x:hidden!important;} .csc-ep-app .csc-ep-frontend.csc-ep-account-page, .csc-ep-app .csc-ep-frontend{ width:min(1360px,calc(100vw - 96px))!important; max-width:min(1360px,calc(100vw - 96px))!important; min-width:0!important; margin-left:auto!important; margin-right:auto!important; padding-left:0!important; padding-right:0!important; left:auto!important; right:auto!important; transform:none!important; translate:none!important; position:relative!important; display:block!important; box-sizing:border-box!important; overflow-x:hidden!important; overflow-y:visible!important; contain:none!important; } .csc-ep-app .csc-ep-frontend .csc-ep-account-card, .csc-ep-app .csc-ep-frontend .csc-ep-account-page, .csc-ep-app .csc-ep-frontend .csc-ep-calendar-wrap, .csc-ep-app .csc-ep-frontend .csc-ep-month-wrap, .csc-ep-app .csc-ep-frontend .csc-ep-month-nav, .csc-ep-app .csc-ep-frontend .csc-ep-calendar{ width:100%!important; max-width:100%!important; min-width:0!important; margin-left:0!important; margin-right:0!important; box-sizing:border-box!important; } .csc-ep-app .csc-ep-frontend .csc-ep-calendar{ display:grid!important; grid-template-columns:repeat(7,minmax(0,1fr))!important; gap:12px!important; overflow:visible!important; } .csc-ep-app .csc-ep-frontend .csc-ep-day, .csc-ep-app .csc-ep-frontend .csc-ep-day-empty{ min-height:175px!important; } @media(min-width:1500px){ .csc-ep-app .csc-ep-frontend.csc-ep-account-page, .csc-ep-app .csc-ep-frontend{ width:min(1400px,calc(100vw - 96px))!important; max-width:min(1400px,calc(100vw - 96px))!important; } } @media(max-width:900px){ .csc-ep-app .csc-ep-frontend.csc-ep-account-page, .csc-ep-app .csc-ep-frontend{ width:100%!important; max-width:100%!important; min-width:0!important; margin-left:auto!important; margin-right:auto!important; padding-left:16px!important; padding-right:16px!important; left:auto!important; right:auto!important; transform:none!important; translate:none!important; overflow-x:hidden!important; box-sizing:border-box!important; } .csc-ep-app .csc-ep-frontend .csc-ep-account-greeting{ width:100%!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:10px!important; } .csc-ep-app .csc-ep-frontend .csc-ep-account-nav{ display:grid!important; grid-template-columns:1fr 1fr!important; gap:10px!important; width:100%!important; } .csc-ep-app .csc-ep-frontend .csc-ep-account-nav a{ justify-content:center!important; text-align:center!important; } .csc-ep-app .csc-ep-frontend .csc-ep-collapsible-confirmed>summary{ display:grid!important; grid-template-columns:auto minmax(0,1fr)!important; gap:10px 12px!important; } .csc-ep-app .csc-ep-frontend .csc-ep-summary-actions{ grid-column:1/-1!important; display:grid!important; grid-template-columns:1fr!important; width:100%!important; gap:8px!important; } .csc-ep-app .csc-ep-frontend .csc-ep-summary-actions a{ width:100%!important; min-height:42px!important; } .csc-ep-app .csc-ep-frontend .csc-ep-month-nav{ grid-template-columns:1fr auto 1fr!important; gap:8px!important; } .csc-ep-app .csc-ep-frontend .csc-ep-calendar{ grid-template-columns:1fr!important; gap:14px!important; width:100%!important; max-width:100%!important; min-width:0!important; } .csc-ep-app .csc-ep-frontend .csc-ep-calendar-head, .csc-ep-app .csc-ep-frontend .csc-ep-day-empty{display:none!important;} .csc-ep-app .csc-ep-frontend .csc-ep-day{ width:100%!important; min-width:0!important; max-width:100%!important; min-height:auto!important; padding:14px!important; } } /* v1.4.202 FINAL FRONTEND OFFSET FIX Only the plugin frontend wrapper is corrected. No calendar/data logic changed. Desktop: a little wider, like the old working reference. Mobile: compensate the remaining parent/theme offset so the plugin title and content no longer sit outside the viewport. */ @media (min-width: 901px){ .csc-ep-app .csc-ep-frontend.csc-ep-account-page, .csc-ep-app .csc-ep-frontend{ width:min(1240px, calc(100vw - 96px))!important; max-width:min(1240px, calc(100vw - 96px))!important; margin-left:auto!important; margin-right:auto!important; padding-left:0!important; padding-right:0!important; left:auto!important; right:auto!important; transform:none!important; translate:none!important; overflow-x:hidden!important; box-sizing:border-box!important; } } @media (max-width: 900px){ .csc-ep-app .csc-ep-frontend.csc-ep-account-page, .csc-ep-app .csc-ep-frontend{ width:calc(100vw - 32px)!important; max-width:calc(100vw - 32px)!important; min-width:0!important; margin-left:16px!important; margin-right:16px!important; padding-left:0!important; padding-right:0!important; position:relative!important; left:60px!important; right:auto!important; transform:none!important; translate:none!important; overflow-x:hidden!important; box-sizing:border-box!important; contain:none!important; } .csc-ep-app .csc-ep-frontend .csc-ep-account-card, .csc-ep-app .csc-ep-frontend .csc-ep-account-page, .csc-ep-app .csc-ep-frontend .csc-ep-calendar-wrap, .csc-ep-app .csc-ep-frontend .csc-ep-month-wrap, .csc-ep-app .csc-ep-frontend .csc-ep-month-nav, .csc-ep-app .csc-ep-frontend .csc-ep-calendar{ width:100%!important; max-width:100%!important; min-width:0!important; margin-left:0!important; margin-right:0!important; left:auto!important; right:auto!important; transform:none!important; translate:none!important; box-sizing:border-box!important; } .csc-ep-app .csc-ep-frontend h1, .csc-ep-app .csc-ep-frontend .csc-ep-account-title, .csc-ep-app .csc-ep-frontend .csc-ep-account-greeting, .csc-ep-app .csc-ep-frontend .csc-ep-account-nav, .csc-ep-app .csc-ep-frontend .csc-ep-collapsible-confirmed, .csc-ep-app .csc-ep-frontend .csc-ep-month-nav{ max-width:100%!important; overflow:visible!important; box-sizing:border-box!important; } } @media (max-width: 430px){ .csc-ep-app .csc-ep-frontend.csc-ep-account-page, .csc-ep-app .csc-ep-frontend{ left:60px!important; } } /* v1.4.202 DESKTOP ONLY: restore wider old-reference calendar frame. No mobile changes, no calendar/data logic changes. The previous desktop frame was still 1160px; this widens only the plugin frontend/calendar area so the seven day columns match the older look better. */ @media (min-width: 901px){ .csc-ep-app .csc-ep-frontend.csc-ep-account-page, .csc-ep-app .csc-ep-frontend{ width:min(1320px, calc(100vw - 64px))!important; max-width:min(1320px, calc(100vw - 64px))!important; margin-left:auto!important; margin-right:auto!important; padding-left:0!important; padding-right:0!important; left:auto!important; right:auto!important; transform:none!important; translate:none!important; overflow-x:hidden!important; box-sizing:border-box!important; } .csc-ep-app .csc-ep-frontend .csc-ep-account-card, .csc-ep-app .csc-ep-frontend .csc-ep-calendar-wrap, .csc-ep-app .csc-ep-frontend .csc-ep-month-wrap, .csc-ep-app .csc-ep-frontend .csc-ep-month-nav, .csc-ep-app .csc-ep-frontend .csc-ep-calendar{ width:100%!important; max-width:100%!important; min-width:0!important; margin-left:0!important; margin-right:0!important; box-sizing:border-box!important; } .csc-ep-app .csc-ep-frontend .csc-ep-calendar{ grid-template-columns:repeat(7,minmax(0,1fr))!important; gap:12px!important; } } /* v1.4.204 FINAL FRONTEND FINETUNE Mobile: the month navigation was the remaining visible clipping trigger. Keep the current centered wrapper, but make previous/current/next compact and non-overflowing. Desktop: restore a little more old-reference width. */ @media (min-width: 901px){ .csc-ep-app .csc-ep-frontend, .csc-ep-app .csc-ep-frontend.csc-ep-account-page{ width:min(1420px, calc(100vw - 64px))!important; max-width:min(1420px, calc(100vw - 64px))!important; } .csc-ep-app .csc-ep-frontend .csc-ep-calendar{ gap:14px!important; } } @media (max-width: 900px){ .csc-ep-app .csc-ep-frontend .csc-ep-month-nav{ width:100%!important; max-width:100%!important; min-width:0!important; display:grid!important; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important; gap:4px!important; align-items:center!important; overflow:visible!important; box-sizing:border-box!important; } .csc-ep-app .csc-ep-frontend .csc-ep-month-nav a, .csc-ep-app .csc-ep-frontend .csc-ep-month-nav .button{ min-width:0!important; max-width:100%!important; width:auto!important; padding:0!important; margin:0!important; font-size:clamp(17px,4.9vw,21px)!important; line-height:1.08!important; white-space:normal!important; overflow-wrap:anywhere!important; word-break:normal!important; box-sizing:border-box!important; } .csc-ep-app .csc-ep-frontend .csc-ep-month-nav a:first-child, .csc-ep-app .csc-ep-frontend .csc-ep-month-nav .button:first-child{ justify-self:start!important; text-align:left!important; } .csc-ep-app .csc-ep-frontend .csc-ep-month-nav strong{ min-width:0!important; max-width:40vw!important; justify-self:center!important; text-align:center!important; font-size:clamp(24px,7vw,34px)!important; line-height:1.05!important; white-space:nowrap!important; } .csc-ep-app .csc-ep-frontend .csc-ep-month-nav a:last-child, .csc-ep-app .csc-ep-frontend .csc-ep-month-nav .button:last-child{ justify-self:end!important; text-align:right!important; } } @media (max-width: 380px){ .csc-ep-app .csc-ep-frontend .csc-ep-month-nav a, .csc-ep-app .csc-ep-frontend .csc-ep-month-nav .button{ font-size:16px!important; } .csc-ep-app .csc-ep-frontend .csc-ep-month-nav strong{ font-size:25px!important; max-width:36vw!important; } } /* v1.4.206 FINAL: Theme title safe + slim modern month navigation. Do not target theme parents (theme parent containers). Only plugin wrapper and plugin month nav. */ @media (min-width: 901px){ .csc-ep-app .csc-ep-frontend, .csc-ep-app .csc-ep-frontend.csc-ep-account-page{ width:min(1460px, calc(100vw - 64px))!important; max-width:min(1460px, calc(100vw - 64px))!important; margin-left:auto!important; margin-right:auto!important; left:auto!important; right:auto!important; transform:none!important; translate:none!important; padding-left:0!important; padding-right:0!important; overflow-x:hidden!important; } .csc-ep-app .csc-ep-frontend .csc-ep-calendar{gap:14px!important;} } @media (max-width: 900px){ .csc-ep-app .csc-ep-frontend, .csc-ep-app .csc-ep-frontend.csc-ep-account-page{ width:calc(100vw - 32px)!important; max-width:calc(100vw - 32px)!important; min-width:0!important; margin-left:16px!important; margin-right:16px!important; padding-left:0!important; padding-right:0!important; left:auto!important; right:auto!important; transform:none!important; translate:none!important; overflow-x:hidden!important; box-sizing:border-box!important; } .csc-ep-app .csc-ep-frontend .csc-ep-month-nav{ width:100%!important; max-width:100%!important; min-width:0!important; display:grid!important; grid-template-columns:minmax(78px,1fr) minmax(120px,1.25fr) minmax(78px,1fr)!important; gap:6px!important; align-items:center!important; margin:26px 0 18px!important; padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; overflow:hidden!important; box-sizing:border-box!important; } .csc-ep-app .csc-ep-frontend .csc-ep-month-nav a, .csc-ep-app .csc-ep-frontend .csc-ep-month-nav .button{ display:inline-flex!important; align-items:center!important; justify-content:center!important; min-width:0!important; max-width:100%!important; width:100%!important; min-height:32px!important; padding:4px 6px!important; margin:0!important; border:0!important; border-radius:10px!important; background:rgba(248,250,252,.72)!important; box-shadow:none!important; color:#111827!important; font-size:clamp(12px,3.35vw,14px)!important; font-weight:750!important; line-height:1.12!important; text-decoration:none!important; text-align:center!important; white-space:normal!important; overflow-wrap:normal!important; word-break:normal!important; box-sizing:border-box!important; } .csc-ep-app .csc-ep-frontend .csc-ep-month-nav strong{ display:inline-flex!important; align-items:center!important; justify-content:center!important; min-width:0!important; max-width:100%!important; width:100%!important; min-height:32px!important; padding:4px 6px!important; border-radius:10px!important; background:transparent!important; color:#111827!important; font-size:clamp(19px,5.25vw,23px)!important; font-weight:650!important; line-height:1.12!important; letter-spacing:-.03em!important; text-align:center!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:clip!important; box-sizing:border-box!important; } .csc-ep-app .csc-ep-frontend .csc-ep-month-nav a:first-child, .csc-ep-app .csc-ep-frontend .csc-ep-month-nav .button:first-child{justify-self:stretch!important;text-align:left!important;} .csc-ep-app .csc-ep-frontend .csc-ep-month-nav a:last-child, .csc-ep-app .csc-ep-frontend .csc-ep-month-nav .button:last-child{justify-self:stretch!important;text-align:right!important;} } @media (max-width: 380px){ .csc-ep-app .csc-ep-frontend .csc-ep-month-nav{ grid-template-columns:minmax(68px,1fr) minmax(110px,1.15fr) minmax(68px,1fr)!important; gap:4px!important; } .csc-ep-app .csc-ep-frontend .csc-ep-month-nav a, .csc-ep-app .csc-ep-frontend .csc-ep-month-nav .button{font-size:12px!important;padding-left:4px!important;padding-right:4px!important;} .csc-ep-app .csc-ep-frontend .csc-ep-month-nav strong{font-size:19px!important;padding-left:3px!important;padding-right:3px!important;} } /* v1.4.206 FRONTEND FINAL POLISH Theme/page headline stays untouched. Only plugin wrapper + plugin month navigation are adjusted. Mobile nav is now calm text-link style so previous/current/next no longer look oversized or clipped. */ @media (min-width: 901px){ .csc-ep-app .csc-ep-frontend, .csc-ep-app .csc-ep-frontend.csc-ep-account-page{ width:min(1460px, calc(100vw - 64px))!important; max-width:min(1460px, calc(100vw - 64px))!important; margin-left:auto!important; margin-right:auto!important; padding-left:0!important; padding-right:0!important; left:auto!important; right:auto!important; transform:none!important; translate:none!important; overflow-x:hidden!important; box-sizing:border-box!important; } .csc-ep-app .csc-ep-frontend .csc-ep-month-nav{ display:grid!important; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important; align-items:center!important; gap:14px!important; margin:18px 0 16px!important; padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; overflow:visible!important; } .csc-ep-app .csc-ep-frontend .csc-ep-month-nav a, .csc-ep-app .csc-ep-frontend .csc-ep-month-nav .button{ width:auto!important; min-width:0!important; min-height:0!important; padding:0!important; margin:0!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; color:#111827!important; font-size:16px!important; font-weight:650!important; line-height:1.25!important; text-decoration:none!important; white-space:nowrap!important; } .csc-ep-app .csc-ep-frontend .csc-ep-month-nav a:first-child, .csc-ep-app .csc-ep-frontend .csc-ep-month-nav .button:first-child{justify-self:start!important;text-align:left!important;} .csc-ep-app .csc-ep-frontend .csc-ep-month-nav a:last-child, .csc-ep-app .csc-ep-frontend .csc-ep-month-nav .button:last-child{justify-self:end!important;text-align:right!important;} .csc-ep-app .csc-ep-frontend .csc-ep-month-nav strong{ display:block!important; width:auto!important; max-width:none!important; min-height:0!important; padding:0!important; margin:0!important; border:0!important; border-radius:0!important; background:transparent!important; color:#111827!important; font-size:21px!important; font-weight:600!important; line-height:1.25!important; letter-spacing:-.025em!important; text-align:center!important; white-space:nowrap!important; overflow:visible!important; text-overflow:clip!important; } } @media (max-width: 900px){ .csc-ep-app .csc-ep-frontend, .csc-ep-app .csc-ep-frontend.csc-ep-account-page{ width:calc(100vw - 32px)!important; max-width:calc(100vw - 32px)!important; min-width:0!important; margin-left:16px!important; margin-right:16px!important; padding-left:0!important; padding-right:0!important; left:auto!important; right:auto!important; transform:none!important; translate:none!important; overflow-x:hidden!important; box-sizing:border-box!important; } .csc-ep-app .csc-ep-frontend .csc-ep-month-nav{ width:100%!important; max-width:100%!important; min-width:0!important; display:grid!important; grid-template-columns:84px minmax(0,1fr) 84px!important; gap:6px!important; align-items:center!important; margin:22px 0 14px!important; padding:0 2px!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; overflow:visible!important; box-sizing:border-box!important; } .csc-ep-app .csc-ep-frontend .csc-ep-month-nav a, .csc-ep-app .csc-ep-frontend .csc-ep-month-nav .button{ display:flex!important; align-items:center!important; width:100%!important; max-width:100%!important; min-width:0!important; min-height:0!important; padding:0!important; margin:0!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; color:#111827!important; font-size:13px!important; font-weight:700!important; line-height:1.15!important; text-decoration:none!important; white-space:normal!important; overflow-wrap:normal!important; word-break:normal!important; box-sizing:border-box!important; } .csc-ep-app .csc-ep-frontend .csc-ep-month-nav a:first-child, .csc-ep-app .csc-ep-frontend .csc-ep-month-nav .button:first-child{ justify-self:start!important; justify-content:flex-start!important; text-align:left!important; } .csc-ep-app .csc-ep-frontend .csc-ep-month-nav a:last-child, .csc-ep-app .csc-ep-frontend .csc-ep-month-nav .button:last-child{ justify-self:end!important; justify-content:flex-end!important; text-align:right!important; } .csc-ep-app .csc-ep-frontend .csc-ep-month-nav strong{ display:flex!important; align-items:center!important; justify-content:center!important; width:100%!important; max-width:100%!important; min-width:0!important; min-height:0!important; padding:0!important; margin:0!important; border:0!important; border-radius:0!important; background:transparent!important; color:#111827!important; font-size:18px!important; font-weight:550!important; line-height:1.15!important; letter-spacing:-.03em!important; text-align:center!important; white-space:nowrap!important; overflow:visible!important; text-overflow:clip!important; box-sizing:border-box!important; } } @media (max-width: 380px){ .csc-ep-app .csc-ep-frontend .csc-ep-month-nav{ grid-template-columns:74px minmax(0,1fr) 74px!important; gap:4px!important; } .csc-ep-app .csc-ep-frontend .csc-ep-month-nav a, .csc-ep-app .csc-ep-frontend .csc-ep-month-nav .button{font-size:12px!important;} .csc-ep-app .csc-ep-frontend .csc-ep-month-nav strong{font-size:16px!important;} } /* v1.4.207 MOBILE CENTERING ONLY Width was OK, left/right were asymmetric. No theme-title or nav redesign here. */ @media (max-width: 900px){ .csc-ep-app .csc-ep-frontend, html html html html , .csc-ep-app .csc-ep-frontend.csc-ep-account-page{ width:calc(100vw - 32px)!important; max-width:calc(100vw - 32px)!important; min-width:0!important; margin-left:auto!important; margin-right:auto!important; padding-left:0!important; padding-right:0!important; left:auto!important; right:auto!important; transform:none!important; translate:none!important; position:relative!important; box-sizing:border-box!important; } } /* v1.4.208 MOBILE CENTERING REAL FIX Log-proven state in v1.4.207: viewport 402, wrapper 370, left 30/right 2. Width is correct; only a stable +14px mobile offset remains from the parent/theme flow. Do not change widths, calendar grid, month navigation, or theme headline. */ @media (max-width: 900px){ .csc-ep-app .csc-ep-frontend, html html html html , .csc-ep-app .csc-ep-frontend.csc-ep-account-page{ width:calc(100vw - 32px)!important; max-width:calc(100vw - 32px)!important; min-width:0!important; margin-left:auto!important; margin-right:auto!important; padding-left:0!important; padding-right:0!important; left:auto!important; right:auto!important; translate:none!important; transform:translateX(-14px)!important; position:relative!important; box-sizing:border-box!important; } } /* v1.4.209 FRONTEND LIST + PAGE FRAME POLISH No calendar logic changes. Rebuilds the opened blue-toggle area as a clean calendar-style list and applies the same centered frontend frame to account/login/reset/lost-password states. */ html body .csc-ep-login-gate, html body .csc-ep-phone-required, .csc-ep-app .csc-ep-frontend.csc-ep-account-page, .csc-ep-app .csc-ep-frontend{ box-sizing:border-box!important; } html body .csc-ep-login-gate{ width:min(760px,calc(100vw - 64px))!important; max-width:min(760px,calc(100vw - 64px))!important; margin-left:auto!important; margin-right:auto!important; padding-left:0!important; padding-right:0!important; left:auto!important; right:auto!important; transform:none!important; translate:none!important; position:relative!important; overflow-x:hidden!important; } html body .csc-ep-login-gate>.csc-ep-card{ width:100%!important; max-width:100%!important; margin:0!important; border-radius:24px!important; padding:22px!important; } html body .csc-ep-login-gate h2{ margin:0 0 8px!important; color:#111827!important; font-size:clamp(24px,4vw,34px)!important; line-height:1.1!important; letter-spacing:-.035em!important; } html body .csc-ep-login-gate label{display:flex!important;flex-direction:column!important;gap:6px!important;font-weight:850!important;color:#111827!important;} html body .csc-ep-login-gate input[type=text], html body .csc-ep-login-gate input[type=password], html body .csc-ep-login-gate input[type=email]{ width:100%!important;max-width:100%!important;min-height:46px!important;border-radius:15px!important;border:1px solid #d8e0ea!important;padding:10px 13px!important;box-sizing:border-box!important;background:#fff!important; } html body .csc-ep-login-gate .button, html body .csc-ep-login-gate .button-primary{ min-height:44px!important;border-radius:999px!important;padding:10px 18px!important;font-weight:900!important;text-decoration:none!important; } html body .csc-ep-login-gate .button-primary{background:#111827!important;border-color:#111827!important;color:#fff!important;} .csc-ep-app .csc-ep-frontend .csc-ep-collapsible-confirmed[open]{overflow:visible!important;} .csc-ep-app .csc-ep-frontend .csc-ep-collapsible-confirmed[open] .csc-ep-my-plan-calendar-list{ margin:0!important; border:0!important; border-top:1px solid #eef2f7!important; border-radius:0 0 18px 18px!important; box-shadow:none!important; background:linear-gradient(180deg,#fbfcff 0%,#ffffff 100%)!important; padding:16px 18px 18px!important; } .csc-ep-app .csc-ep-frontend .csc-ep-my-plan-calendar-list .csc-ep-plan-head{ display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:0 0 14px!important;padding:0 0 12px!important;border-bottom:1px solid #eef2f7!important; } .csc-ep-app .csc-ep-frontend .csc-ep-my-plan-calendar-list .csc-ep-plan-head strong{display:block!important;font-size:18px!important;line-height:1.1!important;letter-spacing:-.025em!important;color:#111827!important;} .csc-ep-app .csc-ep-frontend .csc-ep-my-plan-calendar-list .csc-ep-plan-head span{display:block!important;font-size:12px!important;color:#667085!important;font-weight:800!important;margin-top:3px!important;} .csc-ep-app .csc-ep-frontend .csc-ep-my-plan-calendar-list .csc-ep-plan-head em{font-style:normal!important;border-radius:999px!important;background:#eef4ff!important;color:#1d4ed8!important;font-size:12px!important;font-weight:950!important;padding:7px 11px!important;white-space:nowrap!important;} .csc-ep-app .csc-ep-frontend .csc-ep-plan-empty{display:flex!important;flex-direction:column!important;gap:3px!important;padding:14px!important;border-radius:16px!important;background:#f8fafc!important;border:1px solid #e8eef6!important;color:#475467!important;} .csc-ep-app .csc-ep-frontend .csc-ep-plan-empty strong{color:#111827!important;font-size:15px!important;} .csc-ep-app .csc-ep-frontend .csc-ep-plan-row-calendar{ display:grid!important; grid-template-columns:66px minmax(0,1fr)!important; gap:13px!important; align-items:stretch!important; position:relative!important; margin:0 0 10px!important; padding:12px!important; border:1px solid #e6ebf2!important; border-radius:18px!important; background:#fff!important; box-shadow:0 10px 24px rgba(15,23,42,.045)!important; overflow:hidden!important; } .csc-ep-app .csc-ep-frontend .csc-ep-plan-date-ios{ width:66px!important;min-width:66px!important;height:74px!important;border-radius:16px!important;border:1px solid #e6ebf2!important;background:linear-gradient(180deg,#fff 0%,#f8fafc 100%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:1px!important;padding:0!important;text-align:center!important;overflow:hidden!important; } .csc-ep-app .csc-ep-frontend .csc-ep-plan-date-ios span{display:block!important;width:100%!important;padding:5px 4px 3px!important;background:#ef4444!important;color:#fff!important;text-transform:uppercase!important;font-size:10px!important;line-height:1!important;font-weight:950!important;letter-spacing:.06em!important;} .csc-ep-app .csc-ep-frontend .csc-ep-plan-date-ios strong{display:block!important;font-size:26px!important;line-height:1!important;color:#111827!important;font-weight:950!important;margin-top:5px!important;} .csc-ep-app .csc-ep-frontend .csc-ep-plan-date-ios em{display:block!important;font-style:normal!important;font-size:11px!important;line-height:1!important;color:#667085!important;font-weight:900!important;margin-bottom:5px!important;} .csc-ep-app .csc-ep-frontend .csc-ep-plan-main{min-width:0!important;display:flex!important;flex-direction:column!important;gap:8px!important;justify-content:center!important;} .csc-ep-app .csc-ep-frontend .csc-ep-plan-titleline{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:8px!important;min-width:0!important;} .csc-ep-app .csc-ep-frontend .csc-ep-plan-titleline strong{display:block!important;min-width:0!important;font-size:17px!important;line-height:1.15!important;color:#111827!important;font-weight:950!important;letter-spacing:-.02em!important;overflow-wrap:anywhere!important;} .csc-ep-app .csc-ep-frontend .csc-ep-plan-kind{display:inline-flex!important;flex:0 0 auto!important;border-radius:999px!important;background:#fff7ed!important;color:#c2410c!important;padding:4px 7px!important;font-size:10px!important;font-weight:950!important;line-height:1!important;} .csc-ep-app .csc-ep-frontend .csc-ep-plan-meta{display:flex!important;flex-direction:column!important;gap:3px!important;min-width:0!important;color:#475467!important;font-size:12.5px!important;font-weight:750!important;line-height:1.3!important;} .csc-ep-app .csc-ep-frontend .csc-ep-plan-time-inline{color:#111827!important;font-weight:900!important;} .csc-ep-app .csc-ep-frontend .csc-ep-plan-place{overflow-wrap:anywhere!important;} .csc-ep-app .csc-ep-frontend .csc-ep-plan-links{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:6px!important;margin-top:1px!important;} .csc-ep-app .csc-ep-frontend .csc-ep-plan-action{ display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:28px!important;border-radius:999px!important;padding:0 10px!important;background:#f1f5f9!important;color:#111827!important;text-decoration:none!important;font-size:11px!important;font-weight:900!important;line-height:1!important;border:1px solid #e2e8f0!important; } .csc-ep-app .csc-ep-frontend .csc-ep-plan-action:hover{background:#e8f0ff!important;color:#1d4ed8!important;} .csc-ep-app .csc-ep-frontend .csc-ep-plan-action-calendar{background:#16a34a!important;border-color:#16a34a!important;color:#fff!important;box-shadow:0 8px 16px rgba(22,163,74,.16)!important;} .csc-ep-app .csc-ep-frontend .csc-ep-plan-action-calendar:hover{background:#15803d!important;color:#fff!important;} .csc-ep-app .csc-ep-frontend .csc-ep-my-plan-past-heading{margin:18px 0 10px!important;padding:10px 12px!important;border-radius:14px!important;background:#f8fafc!important;color:#667085!important;font-size:12px!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:.05em!important;} .csc-ep-app .csc-ep-frontend .csc-ep-plan-row-past{opacity:.54!important;filter:grayscale(.35) saturate(.72)!important;box-shadow:none!important;} .csc-ep-app .csc-ep-frontend .csc-ep-plan-row-past .csc-ep-plan-date-ios span{background:#94a3b8!important;} @media (min-width:901px){ .csc-ep-app .csc-ep-frontend .csc-ep-my-plan-calendar-list{padding:18px 20px 20px!important;} .csc-ep-app .csc-ep-frontend .csc-ep-plan-row-calendar{grid-template-columns:72px minmax(0,1fr)!important;gap:16px!important;padding:14px!important;} .csc-ep-app .csc-ep-frontend .csc-ep-plan-date-ios{width:72px!important;min-width:72px!important;height:80px!important;} .csc-ep-app .csc-ep-frontend .csc-ep-plan-titleline strong{font-size:18px!important;} } @media (max-width:900px){ html body .csc-ep-login-gate, html body .csc-ep-phone-required{ width:calc(100vw - 32px)!important;max-width:calc(100vw - 32px)!important;margin-left:auto!important;margin-right:auto!important;transform:translateX(-14px)!important;padding-left:0!important;padding-right:0!important;box-sizing:border-box!important; } html body .csc-ep-login-gate>.csc-ep-card{padding:18px!important;border-radius:22px!important;} .csc-ep-app .csc-ep-frontend .csc-ep-collapsible-confirmed[open] .csc-ep-my-plan-calendar-list{padding:14px 12px 16px!important;} .csc-ep-app .csc-ep-frontend .csc-ep-plan-row-calendar{grid-template-columns:58px minmax(0,1fr)!important;gap:10px!important;padding:10px!important;border-radius:16px!important;} .csc-ep-app .csc-ep-frontend .csc-ep-plan-date-ios{width:58px!important;min-width:58px!important;height:68px!important;border-radius:14px!important;} .csc-ep-app .csc-ep-frontend .csc-ep-plan-date-ios strong{font-size:23px!important;} .csc-ep-app .csc-ep-frontend .csc-ep-plan-titleline{display:block!important;} .csc-ep-app .csc-ep-frontend .csc-ep-plan-titleline strong{font-size:15.5px!important;line-height:1.16!important;} .csc-ep-app .csc-ep-frontend .csc-ep-plan-kind{margin-top:5px!important;width:max-content!important;} .csc-ep-app .csc-ep-frontend .csc-ep-plan-meta{font-size:12px!important;} .csc-ep-app .csc-ep-frontend .csc-ep-plan-action{min-height:27px!important;padding:0 9px!important;font-size:10.5px!important;} } /* v1.4.210 FRONTEND WIDTH + ACCOUNT ALIGNMENT FINAL Desktop only: break the plugin frontend out of the narrow theme content column and center it in the viewport, so the 7 calendar columns become wider again. Mobile schedule remains unchanged; account/login-style plugin pages get the same visual left edge as "Meine Einsätze". */ @media (min-width: 901px){ .csc-ep-app .csc-ep-frontend, html html html html , .csc-ep-app .csc-ep-frontend.csc-ep-account-page{ width:min(1520px, calc(100vw - 96px))!important; max-width:min(1520px, calc(100vw - 96px))!important; min-width:0!important; margin-left:50%!important; margin-right:0!important; left:auto!important; right:auto!important; transform:translateX(-50%)!important; translate:none!important; padding-left:0!important; padding-right:0!important; box-sizing:border-box!important; overflow-x:hidden!important; } .csc-ep-app .csc-ep-frontend .csc-ep-account-page, .csc-ep-app .csc-ep-frontend .csc-ep-account-card, .csc-ep-app .csc-ep-frontend .csc-ep-account-greeting, .csc-ep-app .csc-ep-frontend .csc-ep-account-nav, .csc-ep-app .csc-ep-frontend .csc-ep-collapsible-confirmed, .csc-ep-app .csc-ep-frontend .csc-ep-calendar-wrap, .csc-ep-app .csc-ep-frontend .csc-ep-month-wrap, .csc-ep-app .csc-ep-frontend .csc-ep-month-nav, .csc-ep-app .csc-ep-frontend .csc-ep-calendar{ width:100%!important; max-width:100%!important; min-width:0!important; margin-left:0!important; margin-right:0!important; box-sizing:border-box!important; } .csc-ep-app .csc-ep-frontend .csc-ep-calendar{ grid-template-columns:repeat(7,minmax(0,1fr))!important; gap:16px!important; } .csc-ep-app .csc-ep-frontend .csc-ep-day, .csc-ep-app .csc-ep-frontend .csc-ep-day-empty{ min-width:0!important; } .csc-ep-app .csc-ep-frontend .csc-ep-location-title span, .csc-ep-app .csc-ep-frontend .csc-ep-location-title strong{ overflow-wrap:normal!important; word-break:normal!important; hyphens:none!important; } } @media (min-width: 901px) and (max-width: 1280px){ .csc-ep-app .csc-ep-frontend, html html html html , .csc-ep-app .csc-ep-frontend.csc-ep-account-page{ width:calc(100vw - 64px)!important; max-width:calc(100vw - 64px)!important; } } @media (max-width: 900px){ .csc-ep-app .csc-ep-frontend.csc-ep-account-page{ width:calc(100vw - 32px)!important; max-width:calc(100vw - 32px)!important; min-width:0!important; margin-left:auto!important; margin-right:auto!important; padding-left:0!important; padding-right:0!important; left:auto!important; right:auto!important; transform:translateX(-30px)!important; translate:none!important; box-sizing:border-box!important; overflow-x:hidden!important; } .csc-ep-app .csc-ep-frontend.csc-ep-account-page .csc-ep-account-greeting, .csc-ep-app .csc-ep-frontend.csc-ep-account-page .csc-ep-account-nav, .csc-ep-app .csc-ep-frontend.csc-ep-account-page .csc-ep-account-card{ width:100%!important; max-width:100%!important; min-width:0!important; margin-left:0!important; margin-right:0!important; padding-left:0!important; padding-right:0!important; box-sizing:border-box!important; } .csc-ep-app .csc-ep-frontend.csc-ep-account-page .csc-ep-account-greeting{ display:flex!important; align-items:center!important; justify-content:space-between!important; gap:10px!important; flex-wrap:nowrap!important; } .csc-ep-app .csc-ep-frontend.csc-ep-account-page .csc-ep-account-nav{ display:grid!important; grid-template-columns:1fr 1fr!important; gap:14px!important; } .csc-ep-app .csc-ep-frontend.csc-ep-account-page .csc-ep-account-nav a{ width:100%!important; min-width:0!important; max-width:100%!important; justify-content:center!important; text-align:center!important; white-space:nowrap!important; padding-left:10px!important; padding-right:10px!important; box-sizing:border-box!important; } } @media (max-width: 380px){ .csc-ep-app .csc-ep-frontend.csc-ep-account-page{ transform:translateX(-24px)!important; } .csc-ep-app .csc-ep-frontend.csc-ep-account-page .csc-ep-account-nav{gap:10px!important;} .csc-ep-app .csc-ep-frontend.csc-ep-account-page .csc-ep-account-nav a{font-size:13px!important;} } /* v1.4.213 final requested UI polish: wording already in PHP; keep current green status/buttons untouched. Desktop: more room for title/time. Frontend titles: short two-word titles stay together, long single words may hyphenate. */ @media (min-width: 901px){ .csc-ep-app .csc-ep-frontend, html html html html , .csc-ep-app .csc-ep-frontend.csc-ep-account-page{ width:min(1640px, calc(100vw - 72px))!important; max-width:min(1640px, calc(100vw - 72px))!important; margin-left:50%!important; margin-right:0!important; transform:translateX(-50%)!important; overflow-x:hidden!important; } .csc-ep-app .csc-ep-frontend .csc-ep-calendar{ gap:16px!important; grid-template-columns:repeat(7,minmax(0,1fr))!important; } .csc-ep-app .csc-ep-frontend .csc-ep-location-title{ display:block!important; gap:0!important; margin-bottom:7px!important; } .csc-ep-app .csc-ep-frontend .csc-ep-location-title span, .csc-ep-app .csc-ep-frontend .csc-ep-location-title strong{ display:block!important; font-size:18px!important; line-height:1.14!important; font-weight:950!important; letter-spacing:-.02em!important; color:#111827!important; max-width:100%!important; min-width:0!important; white-space:normal!important; overflow-wrap:normal!important; word-break:normal!important; hyphens:auto!important; } .csc-ep-app .csc-ep-frontend .csc-ep-location-title em{ display:block!important; margin-top:5px!important; font-size:12.5px!important; line-height:1.15!important; font-weight:900!important; color:#475467!important; white-space:nowrap!important; } } @media (min-width: 901px) and (max-width: 1280px){ .csc-ep-app .csc-ep-frontend, html html html html , .csc-ep-app .csc-ep-frontend.csc-ep-account-page{ width:calc(100vw - 48px)!important; max-width:calc(100vw - 48px)!important; } } @media (max-width: 900px){ .csc-ep-app .csc-ep-frontend .csc-ep-location-title{ display:block!important; } .csc-ep-app .csc-ep-frontend .csc-ep-location-title span, .csc-ep-app .csc-ep-frontend .csc-ep-location-title strong{ font-size:21px!important; line-height:1.12!important; font-weight:950!important; letter-spacing:-.02em!important; overflow-wrap:normal!important; word-break:normal!important; hyphens:auto!important; } .csc-ep-app .csc-ep-frontend .csc-ep-location-title em{ display:block!important; margin-top:6px!important; white-space:nowrap!important; } } /* v1.4.214 title wrapping correction only. Keep confirmed status block and mobile action buttons untouched. Long single-word titles (e.g. Mitgliederversammlung) may wrap/hyphenate; short titles like Verkauf Chemnitz stay natural. */ .csc-ep-app .csc-ep-frontend .csc-ep-location-title span, .csc-ep-app .csc-ep-frontend .csc-ep-location-title strong{ max-width:100%!important; min-width:0!important; width:auto!important; white-space:normal!important; overflow:visible!important; text-overflow:clip!important; overflow-wrap:anywhere!important; word-break:normal!important; hyphens:auto!important; -webkit-hyphens:auto!important; -ms-hyphens:auto!important; } .csc-ep-app .csc-ep-frontend .csc-ep-location-title{ min-width:0!important; max-width:100%!important; overflow:visible!important; } @media (min-width: 901px){ .csc-ep-app .csc-ep-frontend .csc-ep-location-title span, .csc-ep-app .csc-ep-frontend .csc-ep-location-title strong{ overflow-wrap:break-word!important; } } @media (max-width: 900px){ .csc-ep-app .csc-ep-frontend .csc-ep-location-title span, .csc-ep-app .csc-ep-frontend .csc-ep-location-title strong{ overflow-wrap:anywhere!important; } } /* v1.4.215 title overflow realfix only. Keep the confirmed highlight/status block and mobile action buttons untouched. */ .csc-ep-app .csc-ep-frontend .csc-ep-location, .csc-ep-app .csc-ep-frontend .csc-ep-location-title{ min-width:0!important; max-width:100%!important; overflow:hidden!important; } .csc-ep-app .csc-ep-frontend .csc-ep-location-title span, .csc-ep-app .csc-ep-frontend .csc-ep-location-title strong{ display:block!important; width:100%!important; max-width:100%!important; min-width:0!important; white-space:normal!important; overflow:visible!important; text-overflow:clip!important; overflow-wrap:anywhere!important; word-wrap:break-word!important; word-break:break-word!important; hyphens:auto!important; -webkit-hyphens:auto!important; line-break:auto!important; } .csc-ep-app .csc-ep-frontend .csc-ep-location-title span wbr, .csc-ep-app .csc-ep-frontend .csc-ep-location-title strong wbr{ display:inline!important; } @media (min-width:901px){ .csc-ep-app .csc-ep-frontend .csc-ep-location-title span, .csc-ep-app .csc-ep-frontend .csc-ep-location-title strong{ font-size:19px!important; line-height:1.12!important; } } @media (max-width:900px){ .csc-ep-app .csc-ep-frontend .csc-ep-location-title span, .csc-ep-app .csc-ep-frontend .csc-ep-location-title strong{ font-size:21px!important; line-height:1.12!important; } } /* v1.4.216 title split correction only. Do not touch confirmed highlight block or mobile action buttons. Manual split points from PHP may wrap with a visible hyphen; avoid ugly one-letter breaks. */ .csc-ep-app .csc-ep-frontend .csc-ep-location-title, .csc-ep-app .csc-ep-frontend .csc-ep-location-title span, .csc-ep-app .csc-ep-frontend .csc-ep-location-title strong{ overflow:visible!important; text-overflow:clip!important; } .csc-ep-app .csc-ep-frontend .csc-ep-location-title span, .csc-ep-app .csc-ep-frontend .csc-ep-location-title strong{ white-space:normal!important; overflow-wrap:normal!important; word-wrap:normal!important; word-break:normal!important; hyphens:manual!important; -webkit-hyphens:manual!important; -ms-hyphens:manual!important; } .csc-ep-app .csc-ep-frontend .csc-ep-location-title span wbr, .csc-ep-app .csc-ep-frontend .csc-ep-location-title strong wbr{ display:inline!important; } /* v1.4.217 account/page alignment + summary text polish. Keeps the confirmed highlight block, action buttons and title wrapping from v1.4.216 untouched. */ @media (min-width: 901px){ .csc-ep-app .csc-ep-frontend, html html html html , .csc-ep-app .csc-ep-frontend.csc-ep-account-page{ width:min(1640px, calc(100vw - 72px))!important; max-width:min(1640px, calc(100vw - 72px))!important; min-width:0!important; margin-left:calc(50% - 50vw + 36px)!important; margin-right:calc(50% - 50vw + 36px)!important; padding-left:0!important; padding-right:0!important; left:auto!important; right:auto!important; transform:none!important; translate:none!important; position:relative!important; box-sizing:border-box!important; overflow-x:hidden!important; } .csc-ep-app .csc-ep-frontend.csc-ep-account-page .csc-ep-account-greeting, .csc-ep-app .csc-ep-frontend.csc-ep-account-page .csc-ep-account-nav, .csc-ep-app .csc-ep-frontend.csc-ep-account-page .csc-ep-account-card, .csc-ep-app .csc-ep-frontend.csc-ep-account-page .csc-ep-account-page{ width:100%!important; max-width:100%!important; min-width:0!important; margin-left:0!important; margin-right:0!important; box-sizing:border-box!important; } } @media (max-width: 900px){ .csc-ep-app .csc-ep-frontend.csc-ep-account-page, html .csc-ep-account-page{ width:calc(100vw - 32px)!important; max-width:calc(100vw - 32px)!important; min-width:0!important; margin-left:auto!important; margin-right:auto!important; padding-left:0!important; padding-right:0!important; left:auto!important; right:auto!important; transform:translateX(-14px)!important; translate:none!important; position:relative!important; box-sizing:border-box!important; overflow-x:hidden!important; } .csc-ep-app .csc-ep-frontend .csc-ep-collapsible-confirmed>summary{ grid-template-columns:58px minmax(0,1fr)!important; gap:12px!important; align-items:center!important; } .csc-ep-app .csc-ep-frontend .csc-ep-push-badge{ width:48px!important; height:48px!important; font-size:24px!important; } .csc-ep-app .csc-ep-frontend .csc-ep-confirmed-summary-text{ width:100%!important; max-width:100%!important; min-width:0!important; } .csc-ep-app .csc-ep-frontend .csc-ep-confirmed-summary-text small{ font-size:15px!important; line-height:1.18!important; font-weight:900!important; color:#667085!important; letter-spacing:-.01em!important; } .csc-ep-app .csc-ep-frontend .csc-ep-confirmed-summary-text strong{ font-size:22px!important; line-height:1.12!important; font-weight:950!important; letter-spacing:-.025em!important; } } .csc-ep-app .csc-ep-frontend .csc-ep-availability-note{ font-weight:900!important; } .csc-ep-app .csc-ep-frontend .csc-ep-shift-locked .csc-ep-availability-note{ font-weight:900!important; } /* v1.4.218 final account/schedule no-jump + mobile summary headline width. Does not touch confirmed highlight blocks, action button sizing or title wrapping. */ @media (min-width:901px){ .csc-ep-app .csc-ep-frontend.csc-ep-account-page, html body .csc-ep-wrap.csc-ep-frontend.csc-ep-account-page{ width:min(1640px, calc(100vw - 72px))!important; max-width:min(1640px, calc(100vw - 72px))!important; margin-left:calc(50% - 50vw + 36px)!important; margin-right:calc(50% - 50vw + 36px)!important; padding-left:0!important; padding-right:0!important; left:auto!important; right:auto!important; transform:none!important; translate:none!important; box-sizing:border-box!important; } .csc-ep-app .csc-ep-frontend.csc-ep-account-page .csc-ep-account-greeting, .csc-ep-app .csc-ep-frontend.csc-ep-account-page .csc-ep-account-nav, .csc-ep-app .csc-ep-frontend.csc-ep-account-page .csc-ep-account-card{ width:100%!important; max-width:100%!important; margin-left:0!important; margin-right:0!important; } } @media (max-width:900px){ .csc-ep-app .csc-ep-frontend.csc-ep-account-page, html body .csc-ep-wrap.csc-ep-frontend.csc-ep-account-page, html .csc-ep-account-page{ width:calc(100vw - 32px)!important; max-width:calc(100vw - 32px)!important; margin-left:auto!important; margin-right:auto!important; padding-left:0!important; padding-right:0!important; left:auto!important; right:auto!important; transform:none!important; translate:none!important; box-sizing:border-box!important; overflow-x:hidden!important; } .csc-ep-app .csc-ep-frontend.csc-ep-account-page .csc-ep-account-greeting, .csc-ep-app .csc-ep-frontend.csc-ep-account-page .csc-ep-account-nav, .csc-ep-app .csc-ep-frontend.csc-ep-account-page .csc-ep-account-card{ width:100%!important; max-width:100%!important; margin-left:0!important; margin-right:0!important; box-sizing:border-box!important; } .csc-ep-app .csc-ep-frontend .csc-ep-collapsible-confirmed>summary{ display:grid!important; grid-template-columns:54px minmax(0,1fr)!important; column-gap:10px!important; row-gap:14px!important; align-items:center!important; padding:20px 22px!important; width:100%!important; } .csc-ep-app .csc-ep-frontend .csc-ep-confirmed-summary-text{ grid-column:2!important; width:100%!important; max-width:none!important; min-width:0!important; margin:0!important; } .csc-ep-app .csc-ep-frontend .csc-ep-confirmed-summary-text small{ display:block!important; width:100%!important; max-width:none!important; font-size:16px!important; line-height:1.18!important; font-weight:950!important; } .csc-ep-app .csc-ep-frontend .csc-ep-confirmed-summary-text strong{ display:block!important; width:100%!important; max-width:none!important; font-size:23px!important; line-height:1.1!important; font-weight:950!important; } .csc-ep-app .csc-ep-frontend .csc-ep-summary-actions{ grid-column:1 / -1!important; width:100%!important; max-width:100%!important; margin:0!important; display:flex!important; flex-direction:column!important; gap:12px!important; } .csc-ep-app .csc-ep-frontend .csc-ep-summary-actions a, .csc-ep-app .csc-ep-frontend .csc-ep-summary-actions .csc-ep-summary-toggle-button{ width:100%!important; max-width:100%!important; min-height:58px!important; justify-content:center!important; font-size:17px!important; border-radius:999px!important; } } /* v1.4.226 FRONTEND FRAME CLEANUP Own plugin namespace only. No shop/theme parent selectors. Restores the wide desktop calendar frame and keeps mobile centered without negative offsets. */ html body:has(.csc-ep-frontend){overflow-x:hidden!important;} html body .csc-ep-app.csc-ep-frontend, html body .csc-ep-wrap.csc-ep-frontend, html body .csc-ep-frontend.csc-ep-account-page{ box-sizing:border-box!important; position:relative!important; left:auto!important; right:auto!important; transform:none!important; translate:none!important; min-width:0!important; padding-left:0!important; padding-right:0!important; margin-left:auto!important; margin-right:auto!important; overflow-x:hidden!important; overflow-y:visible!important; } @media (min-width:1200px){ html body .csc-ep-app.csc-ep-frontend, html body .csc-ep-wrap.csc-ep-frontend, html body .csc-ep-frontend.csc-ep-account-page{ width:min(1640px, calc(100vw - 88px))!important; max-width:min(1640px, calc(100vw - 88px))!important; } } @media (min-width:901px) and (max-width:1199px){ html body .csc-ep-app.csc-ep-frontend, html body .csc-ep-wrap.csc-ep-frontend, html body .csc-ep-frontend.csc-ep-account-page{ width:calc(100vw - 48px)!important; max-width:calc(100vw - 48px)!important; } } @media (max-width:900px){ html body .csc-ep-app.csc-ep-frontend, html body .csc-ep-wrap.csc-ep-frontend, html body .csc-ep-frontend.csc-ep-account-page{ width:calc(100vw - 32px)!important; max-width:calc(100vw - 32px)!important; margin-left:auto!important; margin-right:auto!important; left:auto!important; right:auto!important; transform:none!important; translate:none!important; padding-left:0!important; padding-right:0!important; } } @media (max-width:430px){ html body .csc-ep-app.csc-ep-frontend, html body .csc-ep-wrap.csc-ep-frontend, html body .csc-ep-frontend.csc-ep-account-page{ width:calc(100vw - 32px)!important; max-width:calc(100vw - 32px)!important; } } html body .csc-ep-app.csc-ep-frontend .csc-ep-account-card, html body .csc-ep-wrap.csc-ep-frontend .csc-ep-account-card, html body .csc-ep-app.csc-ep-frontend .csc-ep-calendar-wrap, html body .csc-ep-wrap.csc-ep-frontend .csc-ep-calendar-wrap, html body .csc-ep-app.csc-ep-frontend .csc-ep-month-wrap, html body .csc-ep-wrap.csc-ep-frontend .csc-ep-month-wrap, html body .csc-ep-app.csc-ep-frontend .csc-ep-month-nav, html body .csc-ep-wrap.csc-ep-frontend .csc-ep-month-nav, html body .csc-ep-app.csc-ep-frontend .csc-ep-calendar, html body .csc-ep-wrap.csc-ep-frontend .csc-ep-calendar{ width:100%!important; max-width:100%!important; min-width:0!important; margin-left:0!important; margin-right:0!important; left:auto!important; right:auto!important; transform:none!important; translate:none!important; box-sizing:border-box!important; } @media (min-width:901px){ html body .csc-ep-app.csc-ep-frontend .csc-ep-calendar, html body .csc-ep-wrap.csc-ep-frontend .csc-ep-calendar{ display:grid!important; grid-template-columns:repeat(7,minmax(0,1fr))!important; gap:14px!important; overflow:visible!important; } } html body .csc-ep-app.csc-ep-frontend .csc-ep-confirmed-note, html body .csc-ep-wrap.csc-ep-frontend .csc-ep-confirmed-note, html body .csc-ep-app.csc-ep-frontend .csc-ep-availability-note, html body .csc-ep-wrap.csc-ep-frontend .csc-ep-availability-note{ font-weight:850!important; } /* v1.4.227 MOBILE VIEWPORT CENTERING FINAL Fixes the v1.4.226 log state: viewport 402, frontend 370, left 30/right 2. Targets both possible DOM shapes: same-element wrapper and nested wrapper. No WooCommerce/theme selectors, no calendar/iCal/PDF logic changes. */ @media (max-width: 900px){ html body .csc-ep-app.csc-ep-frontend, html body .csc-ep-wrap.csc-ep-frontend, html body .csc-ep-frontend.csc-ep-account-page, html body .csc-ep-app .csc-ep-frontend, html body .csc-ep-wrap .csc-ep-frontend{ width:calc(100vw - 32px)!important; max-width:calc(100vw - 32px)!important; min-width:0!important; box-sizing:border-box!important; position:relative!important; left:auto!important; right:auto!important; transform:none!important; translate:none!important; padding-left:0!important; padding-right:0!important; margin-right:0!important; margin-left:calc(50% - 50vw + 16px)!important; overflow-x:hidden!important; overflow-y:visible!important; contain:none!important; } html body .csc-ep-app.csc-ep-frontend .csc-ep-account-card, html body .csc-ep-wrap.csc-ep-frontend .csc-ep-account-card, html body .csc-ep-frontend.csc-ep-account-page .csc-ep-account-card, html body .csc-ep-app .csc-ep-frontend .csc-ep-account-card, html body .csc-ep-wrap .csc-ep-frontend .csc-ep-account-card, html body .csc-ep-app.csc-ep-frontend .csc-ep-calendar-wrap, html body .csc-ep-wrap.csc-ep-frontend .csc-ep-calendar-wrap, html body .csc-ep-frontend.csc-ep-account-page .csc-ep-calendar-wrap, html body .csc-ep-app .csc-ep-frontend .csc-ep-calendar-wrap, html body .csc-ep-wrap .csc-ep-frontend .csc-ep-calendar-wrap, html body .csc-ep-app.csc-ep-frontend .csc-ep-month-wrap, html body .csc-ep-wrap.csc-ep-frontend .csc-ep-month-wrap, html body .csc-ep-frontend.csc-ep-account-page .csc-ep-month-wrap, html body .csc-ep-app .csc-ep-frontend .csc-ep-month-wrap, html body .csc-ep-wrap .csc-ep-frontend .csc-ep-month-wrap, html body .csc-ep-app.csc-ep-frontend .csc-ep-month-nav, html body .csc-ep-wrap.csc-ep-frontend .csc-ep-month-nav, html body .csc-ep-frontend.csc-ep-account-page .csc-ep-month-nav, html body .csc-ep-app .csc-ep-frontend .csc-ep-month-nav, html body .csc-ep-wrap .csc-ep-frontend .csc-ep-month-nav, html body .csc-ep-app.csc-ep-frontend .csc-ep-calendar, html body .csc-ep-wrap.csc-ep-frontend .csc-ep-calendar, html body .csc-ep-frontend.csc-ep-account-page .csc-ep-calendar, html body .csc-ep-app .csc-ep-frontend .csc-ep-calendar, html body .csc-ep-wrap .csc-ep-frontend .csc-ep-calendar{ width:100%!important; max-width:100%!important; min-width:0!important; margin-left:0!important; margin-right:0!important; left:auto!important; right:auto!important; transform:none!important; translate:none!important; box-sizing:border-box!important; } } /* v1.4.229 FINAL FRONTEND FRAME CENTER KILL-SWITCH One single viewport-centred frame for schedule + account. CSS sets the same geometry; the tiny JS aligner above measures any remaining theme/parent drift and neutralises it. */ html body:has(.csc-ep-frontend){overflow-x:hidden!important;} html body .csc-ep-frontend, html body .csc-ep-app.csc-ep-frontend, html body .csc-ep-wrap.csc-ep-frontend, html body .csc-ep-frontend.csc-ep-account-page, html body .csc-ep-app .csc-ep-frontend, html body .csc-ep-wrap .csc-ep-frontend{ box-sizing:border-box!important; position:relative!important; left:auto!important;right:auto!important; translate:none!important; margin-left:auto!important;margin-right:auto!important; padding-left:0!important;padding-right:0!important; min-width:0!important; overflow-x:hidden!important;overflow-y:visible!important; contain:none!important; } @media(min-width:901px){ html body .csc-ep-frontend, html body .csc-ep-app.csc-ep-frontend, html body .csc-ep-wrap.csc-ep-frontend, html body .csc-ep-frontend.csc-ep-account-page, html body .csc-ep-app .csc-ep-frontend, html body .csc-ep-wrap .csc-ep-frontend{ width:min(1640px,calc(100vw - 88px))!important; max-width:min(1640px,calc(100vw - 88px))!important; } } @media(max-width:900px){ html body .csc-ep-frontend, html body .csc-ep-app.csc-ep-frontend, html body .csc-ep-wrap.csc-ep-frontend, html body .csc-ep-frontend.csc-ep-account-page, html body .csc-ep-app .csc-ep-frontend, html body .csc-ep-wrap .csc-ep-frontend{ width:calc(100vw - 32px)!important; max-width:calc(100vw - 32px)!important; } } html body .csc-ep-frontend > .csc-ep-account-greeting, html body .csc-ep-frontend > .csc-ep-account-nav, html body .csc-ep-frontend > .csc-ep-account-card, html body .csc-ep-frontend > .csc-ep-collapsible-confirmed, html body .csc-ep-frontend > .csc-ep-month-nav, html body .csc-ep-frontend .csc-ep-account-page, html body .csc-ep-frontend .csc-ep-account-card, html body .csc-ep-frontend .csc-ep-calendar-wrap, html body .csc-ep-frontend .csc-ep-month-wrap, html body .csc-ep-frontend .csc-ep-month-nav, html body .csc-ep-frontend .csc-ep-calendar{ width:100%!important; max-width:100%!important; min-width:0!important; margin-left:0!important;margin-right:0!important; box-sizing:border-box!important; left:auto!important;right:auto!important; } /* v1.4.231 FINAL: compact mobile account tabs + restored confirmed-list calendar styling. Keeps static frame centering from v1.4.230; no JS aligner, no calendar/iCal/PDF logic changes. */ @media (max-width:900px){ html body .csc-ep-frontend .csc-ep-account-nav, html body .csc-ep-app.csc-ep-frontend .csc-ep-account-nav, html body .csc-ep-wrap.csc-ep-frontend .csc-ep-account-nav{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:8px!important; width:100%!important; max-width:100%!important; margin:0 0 14px!important; align-items:stretch!important; } html body .csc-ep-frontend .csc-ep-account-nav a, html body .csc-ep-app.csc-ep-frontend .csc-ep-account-nav a, html body .csc-ep-wrap.csc-ep-frontend .csc-ep-account-nav a{ width:auto!important; max-width:100%!important; min-width:0!important; min-height:38px!important; padding:8px 10px!important; border-radius:999px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:6px!important; font-size:13px!important; line-height:1.15!important; font-weight:850!important; white-space:nowrap!important; flex:0 1 auto!important; box-sizing:border-box!important; } } html body .csc-ep-frontend .csc-ep-collapsible-confirmed[open]{ overflow:visible!important; border-radius:22px!important; } html body .csc-ep-frontend .csc-ep-collapsible-confirmed[open] .csc-ep-my-plan-calendar-list, html body .csc-ep-frontend .csc-ep-my-plan-calendar-list{ display:block!important; margin:0!important; border:0!important; border-top:1px solid #eef2f7!important; border-radius:0 0 18px 18px!important; box-shadow:none!important; background:linear-gradient(180deg,#fbfcff 0%,#ffffff 100%)!important; padding:16px 18px 18px!important; } html body .csc-ep-frontend .csc-ep-my-plan-calendar-list .csc-ep-plan-head{ display:flex!important; align-items:center!important; justify-content:space-between!important; gap:12px!important; margin:0 0 14px!important; padding:0 0 12px!important; border-bottom:1px solid #eef2f7!important; } html body .csc-ep-frontend .csc-ep-my-plan-calendar-list .csc-ep-plan-head strong{display:block!important;font-size:18px!important;line-height:1.1!important;letter-spacing:-.025em!important;color:#111827!important;font-weight:950!important;} html body .csc-ep-frontend .csc-ep-my-plan-calendar-list .csc-ep-plan-head span{display:block!important;font-size:12px!important;color:#667085!important;font-weight:800!important;margin-top:3px!important;} html body .csc-ep-frontend .csc-ep-my-plan-calendar-list .csc-ep-plan-head em{font-style:normal!important;border-radius:999px!important;background:#eef4ff!important;color:#1d4ed8!important;font-size:12px!important;font-weight:950!important;padding:7px 11px!important;white-space:nowrap!important;} html body .csc-ep-frontend .csc-ep-plan-empty{display:flex!important;flex-direction:column!important;gap:3px!important;padding:14px!important;border-radius:16px!important;background:#f8fafc!important;border:1px solid #e8eef6!important;color:#475467!important;} html body .csc-ep-frontend .csc-ep-plan-empty strong{color:#111827!important;font-size:15px!important;} html body .csc-ep-frontend .csc-ep-plan-row-calendar{ display:grid!important; grid-template-columns:66px minmax(0,1fr)!important; gap:13px!important; align-items:stretch!important; position:relative!important; margin:0 0 10px!important; padding:12px!important; border:1px solid #e6ebf2!important; border-radius:18px!important; background:#fff!important; box-shadow:0 10px 24px rgba(15,23,42,.045)!important; overflow:hidden!important; } html body .csc-ep-frontend .csc-ep-plan-date-ios{ width:66px!important; min-width:66px!important; height:74px!important; border-radius:16px!important; border:1px solid #e6ebf2!important; background:linear-gradient(180deg,#fff 0%,#f8fafc 100%)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important; display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; gap:1px!important; padding:0!important; text-align:center!important; overflow:hidden!important; } html body .csc-ep-frontend .csc-ep-plan-date-ios span{display:block!important;width:100%!important;padding:5px 4px 3px!important;background:#ef4444!important;color:#fff!important;text-transform:uppercase!important;font-size:10px!important;line-height:1!important;font-weight:950!important;letter-spacing:.06em!important;} html body .csc-ep-frontend .csc-ep-plan-date-ios strong{display:block!important;font-size:26px!important;line-height:1!important;color:#111827!important;font-weight:950!important;margin-top:5px!important;} html body .csc-ep-frontend .csc-ep-plan-date-ios em{display:block!important;font-style:normal!important;font-size:11px!important;line-height:1!important;color:#667085!important;font-weight:900!important;margin-bottom:5px!important;} html body .csc-ep-frontend .csc-ep-plan-main{min-width:0!important;display:flex!important;flex-direction:column!important;gap:8px!important;justify-content:center!important;} html body .csc-ep-frontend .csc-ep-plan-titleline{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:8px!important;min-width:0!important;} html body .csc-ep-frontend .csc-ep-plan-titleline strong{display:block!important;min-width:0!important;font-size:17px!important;line-height:1.15!important;color:#111827!important;font-weight:950!important;letter-spacing:-.02em!important;overflow-wrap:anywhere!important;} html body .csc-ep-frontend .csc-ep-plan-kind{display:inline-flex!important;flex:0 0 auto!important;border-radius:999px!important;background:#fff7ed!important;color:#c2410c!important;padding:4px 7px!important;font-size:10px!important;font-weight:950!important;line-height:1!important;} html body .csc-ep-frontend .csc-ep-plan-meta{display:flex!important;flex-direction:column!important;gap:3px!important;min-width:0!important;color:#475467!important;font-size:12.5px!important;font-weight:750!important;line-height:1.3!important;} html body .csc-ep-frontend .csc-ep-plan-time-inline{color:#111827!important;font-weight:900!important;} html body .csc-ep-frontend .csc-ep-plan-place{display:inline-flex!important;width:max-content!important;max-width:100%!important;overflow-wrap:anywhere!important;border-radius:999px!important;background:#dcfce7!important;color:#166534!important;border:1px solid #bbf7d0!important;padding:4px 9px!important;font-size:12px!important;font-weight:900!important;} html body .csc-ep-frontend .csc-ep-plan-links{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:6px!important;margin-top:1px!important;} html body .csc-ep-frontend .csc-ep-plan-action{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:28px!important;border-radius:999px!important;padding:0 10px!important;background:#f1f5f9!important;color:#111827!important;text-decoration:none!important;font-size:11px!important;font-weight:900!important;line-height:1!important;border:1px solid #e2e8f0!important;} html body .csc-ep-frontend .csc-ep-plan-action:hover{background:#e8f0ff!important;color:#1d4ed8!important;} html body .csc-ep-frontend .csc-ep-plan-action-calendar{background:#16a34a!important;border-color:#16a34a!important;color:#fff!important;box-shadow:0 8px 16px rgba(22,163,74,.16)!important;} html body .csc-ep-frontend .csc-ep-plan-action-calendar:hover{background:#15803d!important;color:#fff!important;} html body .csc-ep-frontend .csc-ep-my-plan-past-heading{margin:18px 0 10px!important;padding:10px 12px!important;border-radius:14px!important;background:#f8fafc!important;color:#667085!important;font-size:12px!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:.05em!important;} html body .csc-ep-frontend .csc-ep-plan-row-past{opacity:.54!important;filter:grayscale(.35) saturate(.72)!important;box-shadow:none!important;} html body .csc-ep-frontend .csc-ep-plan-row-past .csc-ep-plan-date-ios span{background:#94a3b8!important;} @media (min-width:901px){ html body .csc-ep-frontend .csc-ep-my-plan-calendar-list{padding:18px 20px 20px!important;} html body .csc-ep-frontend .csc-ep-plan-row-calendar{grid-template-columns:72px minmax(0,1fr)!important;gap:16px!important;padding:14px!important;} html body .csc-ep-frontend .csc-ep-plan-date-ios{width:72px!important;min-width:72px!important;height:80px!important;} html body .csc-ep-frontend .csc-ep-plan-titleline strong{font-size:18px!important;} } @media (max-width:900px){ html body .csc-ep-frontend .csc-ep-collapsible-confirmed[open] .csc-ep-my-plan-calendar-list{padding:14px 12px 16px!important;} html body .csc-ep-frontend .csc-ep-plan-row-calendar{grid-template-columns:58px minmax(0,1fr)!important;gap:10px!important;padding:10px!important;border-radius:16px!important;} html body .csc-ep-frontend .csc-ep-plan-date-ios{width:58px!important;min-width:58px!important;height:68px!important;border-radius:14px!important;} html body .csc-ep-frontend .csc-ep-plan-date-ios strong{font-size:23px!important;} html body .csc-ep-frontend .csc-ep-plan-titleline{display:block!important;} html body .csc-ep-frontend .csc-ep-plan-titleline strong{font-size:15.5px!important;line-height:1.16!important;} html body .csc-ep-frontend .csc-ep-plan-kind{margin-top:5px!important;width:max-content!important;} html body .csc-ep-frontend .csc-ep-plan-meta{font-size:12px!important;} html body .csc-ep-frontend .csc-ep-plan-action{min-height:27px!important;padding:0 9px!important;font-size:10.5px!important;} } /* v1.4.232: remove mobile/desktop browser focus rectangle around the expanded confirmed-summary tile. Keeps the existing rounded card border and prevents the black square outline after tapping "Alle Einsätze anzeigen". */ html body .csc-ep-frontend .csc-ep-collapsible-confirmed, html body .csc-ep-frontend .csc-ep-collapsible-confirmed:focus, html body .csc-ep-frontend .csc-ep-collapsible-confirmed:focus-visible, html body .csc-ep-frontend .csc-ep-collapsible-confirmed > summary, html body .csc-ep-frontend .csc-ep-collapsible-confirmed > summary:focus, html body .csc-ep-frontend .csc-ep-collapsible-confirmed > summary:focus-visible{ outline:0!important; outline-offset:0!important; } html body .csc-ep-frontend .csc-ep-collapsible-confirmed::-moz-focus-inner, html body .csc-ep-frontend .csc-ep-collapsible-confirmed > summary::-moz-focus-inner{ border:0!important; } html body .csc-ep-frontend .csc-ep-collapsible-confirmed[open]{ border-color:#e6ebf2!important; } /* v1.4.233: confirmed summary is no longer a full-card toggle. Only the blue .csc-ep-summary-toggle-button opens/closes the confirmed list. This removes tap/hover flicker from the push badge and the static summary area. */ html body .csc-ep-frontend .csc-ep-collapsible-confirmed > summary{ cursor:default!important; -webkit-tap-highlight-color:transparent!important; touch-action:manipulation!important; } html body .csc-ep-frontend .csc-ep-collapsible-confirmed > summary:hover, html body .csc-ep-frontend .csc-ep-collapsible-confirmed > summary:active{ background:linear-gradient(180deg,#fff 0%,#fbfcff 100%)!important; transform:none!important; filter:none!important; } html body .csc-ep-frontend .csc-ep-collapsible-confirmed > summary .csc-ep-push-badge, html body .csc-ep-frontend .csc-ep-collapsible-confirmed > summary .csc-ep-confirmed-summary-text{ pointer-events:none!important; } html body .csc-ep-frontend .csc-ep-collapsible-confirmed > summary .csc-ep-summary-actions, html body .csc-ep-frontend .csc-ep-collapsible-confirmed > summary .csc-ep-summary-actions a{ pointer-events:auto!important; } html body .csc-ep-frontend .csc-ep-collapsible-confirmed > summary .csc-ep-summary-toggle-button{ cursor:pointer!important; } /* v1.4.234: dynamic greeting, readable avatar fallback, desktop-only compact confirmed summary card. */ html body .csc-ep-frontend .csc-ep-time-greeting{ display:inline-flex!important; align-items:center!important; gap:6px!important; min-width:0!important; color:#111827!important; font-weight:900!important; letter-spacing:-.015em!important; } html body .csc-ep-frontend .csc-ep-greeting-emoji{ display:inline-flex!important; align-items:center!important; justify-content:center!important; line-height:1!important; font-size:1.05em!important; } html body .csc-ep-frontend .csc-ep-avatar-initials, html body .csc-ep-avatar-initials{ display:inline-flex!important; align-items:center!important; justify-content:center!important; border-radius:999px!important; background:radial-gradient(circle at 30% 24%, #dbeafe 0%, #93c5fd 34%, #2563eb 72%, #111827 100%)!important; color:#fff!important; font-weight:950!important; font-size:clamp(14px, .42em + 12px, 28px)!important; line-height:1!important; letter-spacing:.01em!important; text-transform:uppercase!important; box-shadow:0 10px 24px rgba(37,99,235,.20), inset 0 1px 0 rgba(255,255,255,.45)!important; border:2px solid rgba(255,255,255,.88)!important; text-decoration:none!important; overflow:hidden!important; } html body .csc-ep-account-greeting .csc-ep-avatar-initials{ min-width:32px!important; font-size:15px!important; } html body .csc-ep-account-head .csc-ep-avatar-initials, html body .csc-ep-avatar-preview .csc-ep-avatar-initials{ min-width:64px!important; font-size:28px!important; } @media (min-width:901px){ html body .csc-ep-frontend > .csc-ep-collapsible-confirmed > summary{ width:50%!important; max-width:820px!important; min-width:620px!important; margin-left:auto!important; margin-right:auto!important; border-radius:22px!important; } } @media (max-width:900px){ html body .csc-ep-frontend > .csc-ep-collapsible-confirmed > summary{ width:100%!important; max-width:100%!important; min-width:0!important; } } /* v1.4.256 – Backend-Monatsplanung: kompakter Kartenkopf + strukturierte Mitarbeiterkarten. Nur Admin-Planung, keine Frontend-Änderung. */ .csc-ep-wrap .csc-ep-location-title{ display:block!important; margin-bottom:8px!important; } .csc-ep-wrap .csc-ep-location-title span{ display:block!important; font-size:13px!important; line-height:1.22!important; margin-bottom:4px!important; } .csc-ep-wrap .csc-ep-location-title em{ display:block!important; font-size:11.5px!important; line-height:1.25!important; white-space:normal!important; color:#64748b!important; } .csc-ep-wrap .csc-ep-shift-meta:empty{ display:none!important; } .csc-ep-wrap .csc-ep-admin-person{ display:grid!important; grid-template-columns:1fr!important; gap:6px!important; padding:8px!important; border:1px solid #e8eef6!important; border-radius:13px!important; background:rgba(255,255,255,.86)!important; box-shadow:0 6px 14px rgba(15,23,42,.035)!important; } .csc-ep-wrap .csc-ep-admin-person-status{ display:flex!important; justify-content:flex-start!important; min-width:0!important; } .csc-ep-wrap .csc-ep-admin-person-main{ display:flex!important; align-items:center!important; gap:8px!important; min-width:0!important; } .csc-ep-wrap .csc-ep-admin-person-main .csc-ep-avatar-wrap{ width:34px!important; height:34px!important; } .csc-ep-wrap .csc-ep-admin-person-main .csc-ep-name{ font-size:13px!important; line-height:1.2!important; color:#111827!important; } .csc-ep-wrap .csc-ep-admin-person-actions{ display:flex!important; align-items:center!important; gap:6px!important; flex-wrap:wrap!important; padding-top:2px!important; } .csc-ep-wrap .csc-ep-admin-person-actions .csc-ep-mini-link, .csc-ep-wrap .csc-ep-admin-person-actions .csc-ep-icon-status{ width:27px!important; height:27px!important; border-radius:9px!important; } .csc-ep-wrap .csc-ep-manual-add{ margin-top:9px!important; padding-top:8px!important; } .csc-ep-wrap .csc-ep-manual-add label{ display:block!important; margin:0!important; font-size:12px!important; font-weight:700!important; color:#475467!important; text-transform:none!important; letter-spacing:0!important; } .csc-ep-wrap .csc-ep-manual-add label > span{ display:block!important; margin:0 0 5px!important; font-size:12px!important; font-weight:700!important; color:#475467!important; } .csc-ep-wrap .csc-ep-manual-add select{ font-size:13px!important; font-weight:500!important; min-height:34px!important; } /* v1.4.257 – Frontend-Kalender: Tageskacheln auf Desktop kompakter, ohne Logikänderung. */ /* v1.4.280: Frontend scroll-to-top button. Low z-index so DSGVO/Cookie banners and modals stay above it. */ html body .csc-ep-scroll-top{ position:fixed!important; right:max(18px,env(safe-area-inset-right,0px) + 18px)!important; bottom:max(22px,env(safe-area-inset-bottom,0px) + 22px)!important; width:48px!important; height:48px!important; border:1px solid rgba(226,232,240,.92)!important; border-radius:999px!important; background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%)!important; color:#fff!important; box-shadow:0 16px 36px rgba(15,23,42,.18)!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; font-size:26px!important; line-height:1!important; font-weight:950!important; cursor:pointer!important; opacity:0!important; visibility:hidden!important; transform:translateY(10px) scale(.96)!important; pointer-events:none!important; transition:opacity .18s ease,transform .18s ease,visibility .18s ease!important; z-index:20!important; } html body .csc-ep-scroll-top.is-visible{ opacity:1!important; visibility:visible!important; transform:translateY(0) scale(1)!important; pointer-events:auto!important; } html body .csc-ep-scroll-top:hover, html body .csc-ep-scroll-top:focus-visible{ transform:translateY(-1px) scale(1.02)!important; outline:none!important; box-shadow:0 18px 40px rgba(15,23,42,.24)!important; } html body .csc-ep-scroll-top span{ display:block!important; transform:translateY(-1px)!important; } @media(max-width:560px){ html body .csc-ep-scroll-top{ right:max(14px,env(safe-area-inset-right,0px) + 14px)!important; bottom:max(18px,env(safe-area-inset-bottom,0px) + 18px)!important; width:44px!important; height:44px!important; font-size:24px!important; } } /* v1.4.296 – QR-Zeiterfassung direkt in Dienstplan-Kacheln, nicht mehr als Header-Dropdown. */ .csc-ep-roster-row-main{display:flex!important;flex-direction:column!important;gap:4px!important;min-width:0!important;flex:1 1 auto!important}.csc-ep-roster-row-main>em{font-style:normal!important;font-size:12px!important;font-weight:900!important;color:#475467!important;margin-top:2px!important}.csc-ep-roster-qr-actions{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;margin-top:7px!important;padding-top:7px!important;border-top:1px dashed rgba(148,163,184,.45)!important;font-size:12px!important;line-height:1.2!important}.csc-ep-roster-qr-actions span{font-weight:900!important;color:#667085!important}.csc-ep-roster-qr-actions a{font-weight:900!important;text-decoration:none!important;color:#2563eb!important;background:#eef4ff!important;border:1px solid #dbeafe!important;border-radius:999px!important;padding:5px 9px!important;display:inline-flex!important;align-items:center!important}.csc-ep-roster-qr-actions a:hover{background:#dbeafe!important;color:#1d4ed8!important}.csc-ep-roster-cal-item .csc-ep-roster-qr-actions{font-size:10.5px!important;gap:5px!important;margin-top:6px!important;padding-top:6px!important}.csc-ep-roster-cal-item .csc-ep-roster-qr-actions a{padding:4px 7px!important} @media(max-width:782px){.csc-ep-roster-qr-actions{gap:6px!important}.csc-ep-roster-qr-actions a{padding:6px 9px!important}} /* v1.4.297 compact inline QR actions inside roster cards */ .csc-ep-roster-row-main .csc-ep-roster-qr-actions, .csc-ep-roster-cal-item .csc-ep-roster-qr-actions{ display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:6px!important;flex-wrap:nowrap!important;text-align:left!important;margin:6px 0 0 0!important;padding:6px 0 0 0!important;border-top:1px dashed rgba(148,163,184,.45)!important;width:100%!important;line-height:1!important;font-size:11.5px!important;color:#667085!important; } .csc-ep-roster-qr-actions .csc-ep-roster-qr-label{font-weight:800!important;color:#667085!important;white-space:nowrap!important;margin:0 2px 0 0!important;display:inline-flex!important;align-items:center!important;gap:3px!important;} .csc-ep-roster-qr-actions .csc-ep-roster-qr-label strong{font-weight:950!important;color:#344054!important;} .csc-ep-roster-qr-actions a.csc-ep-roster-qr-link{width:26px!important;height:26px!important;min-width:26px!important;padding:0!important;border-radius:999px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:#eef4ff!important;border:1px solid #dbeafe!important;color:#2563eb!important;text-decoration:none!important;box-shadow:none!important;margin:0!important;} .csc-ep-roster-qr-actions a.csc-ep-roster-qr-link:hover{background:#dbeafe!important;color:#1d4ed8!important;} .csc-ep-roster-qr-actions a.csc-ep-roster-qr-link svg{width:14px!important;height:14px!important;display:block!important;fill:currentColor!important;} .csc-ep-roster-cal-item .csc-ep-roster-qr-actions{font-size:10.5px!important;gap:5px!important;margin-top:5px!important;padding-top:5px!important;} .csc-ep-roster-cal-item .csc-ep-roster-qr-actions a.csc-ep-roster-qr-link{width:23px!important;height:23px!important;min-width:23px!important;} .csc-ep-roster-cal-item .csc-ep-roster-qr-actions a.csc-ep-roster-qr-link svg{width:13px!important;height:13px!important;} @media(max-width:782px){.csc-ep-roster-qr-actions{gap:5px!important}.csc-ep-roster-qr-actions .csc-ep-roster-qr-label{font-size:10.5px!important}.csc-ep-roster-qr-actions a.csc-ep-roster-qr-link{width:24px!important;height:24px!important;min-width:24px!important}} /* v1.4.306 QR debug: native plain links, no SVG click target */ .csc-ep-roster-qr-actions-native{display:flex;align-items:center;justify-content:flex-start;gap:6px;flex-wrap:wrap;text-align:left;margin-top:8px;} .csc-ep-roster-qr-actions-native .csc-ep-roster-qr-label{font-size:12px;color:#334155;margin-right:2px;} .csc-ep-roster-qr-actions-native .button{min-height:28px;line-height:26px;padding:0 8px;font-size:12px;border-radius:8px;text-decoration:none;} /* v1.4.330 – dynamischer QR-Hinweis in der Frontend-Zeiterfassung */ .csc-ep-time-qr-hint{display:flex!important;align-items:center!important;gap:11px!important;margin:10px 0 0!important;padding:10px 12px!important;border-radius:16px!important;border:1px solid rgba(37,99,235,.18)!important;background:linear-gradient(135deg,rgba(239,246,255,.96),rgba(255,255,255,.92))!important;color:#1e3a8a!important;box-shadow:0 8px 22px rgba(15,23,42,.06)!important;max-width:720px!important;box-sizing:border-box!important}.csc-ep-time-qr-hint span{display:flex!important;flex-direction:column!important;gap:2px!important;min-width:0!important}.csc-ep-time-qr-hint strong{font-size:13px!important;line-height:1.2!important;font-weight:950!important;color:#172554!important}.csc-ep-time-qr-hint em{font-style:normal!important;font-size:12.5px!important;line-height:1.35!important;color:#475569!important}.csc-ep-time-qr-svg{width:42px!important;height:42px!important;min-width:42px!important;border-radius:14px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:#fff!important;border:1px solid rgba(37,99,235,.22)!important;box-shadow:0 8px 18px rgba(37,99,235,.12)!important;color:#2563eb!important}.csc-ep-time-qr-svg svg{width:27px!important;height:27px!important;display:block!important;fill:currentColor!important}.csc-ep-time-qr-hint.is-active{border-color:rgba(22,163,74,.22)!important;background:linear-gradient(135deg,rgba(240,253,244,.96),rgba(255,255,255,.92))!important;color:#166534!important}.csc-ep-time-qr-hint.is-active .csc-ep-time-qr-svg{border-color:rgba(22,163,74,.24)!important;color:#16a34a!important;box-shadow:0 8px 18px rgba(22,163,74,.13)!important}.csc-ep-time-qr-hint.is-paused{border-color:rgba(245,158,11,.28)!important;background:linear-gradient(135deg,rgba(255,251,235,.96),rgba(255,255,255,.92))!important;color:#92400e!important}.csc-ep-time-qr-hint.is-paused .csc-ep-time-qr-svg{border-color:rgba(245,158,11,.30)!important;color:#d97706!important;box-shadow:0 8px 18px rgba(245,158,11,.13)!important}.csc-ep-time-qr-hint.is-completed{border-color:rgba(100,116,139,.20)!important;background:linear-gradient(135deg,rgba(248,250,252,.98),rgba(255,255,255,.92))!important;color:#334155!important}.csc-ep-time-qr-hint.is-completed .csc-ep-time-qr-svg{border-color:rgba(100,116,139,.24)!important;color:#64748b!important;box-shadow:0 8px 18px rgba(100,116,139,.10)!important}@media(max-width:640px){.csc-ep-time-qr-hint{align-items:flex-start!important;padding:10px!important;gap:9px!important}.csc-ep-time-qr-svg{width:38px!important;height:38px!important;min-width:38px!important;border-radius:13px!important}.csc-ep-time-qr-svg svg{width:24px!important;height:24px!important}.csc-ep-time-qr-hint strong{font-size:12.5px!important}.csc-ep-time-qr-hint em{font-size:12px!important}} /* v1.4.331: QR-Hinweis in der mobilen Zeiterfassung aus der rechten Textspalte optisch auf volle Kartenbreite ziehen. */ @media(max-width:520px){ .csc-ep-time-card-main .csc-ep-time-qr-hint{ width:calc(100% + 70px)!important; max-width:none!important; margin:14px 0 0 -70px!important; box-sizing:border-box!important; justify-content:flex-start!important; } .csc-ep-time-card-main .csc-ep-time-qr-hint span{ flex:1 1 auto!important; } } @media(max-width:380px){ .csc-ep-time-card-main .csc-ep-time-qr-hint{ width:calc(100% + 66px)!important; margin-left:-66px!important; } }