/* Portal Fixes Cleanup V6: Legacy dashboard/card rules removed. Active dashboard layout now lives only in portal-dashboard-layout.css. */ /* Portal-Fixes gegen zu aggressive generische Manifest-Regeln */ body.portal-admin-home main.panel, body.portal-admin-system-health main.panel { display: block !important; grid-template-columns: none !important; } body.portal-admin-home .grid, body.portal-admin-system-health .grid { margin-top: 18px !important; } body.portal-profile .card.wide, body.portal-profile .formCard, body.portal-profile .passwordCard, body.portal-profile .field { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } body.portal-profile .actionInline { margin-top: 16px !important; padding: 0 !important; border: 0 !important; box-shadow: none !important; background: transparent !important; } body.portal-profile .cta { margin-left: 0 !important; justify-content: flex-start !important; } body.portal-profile .cta .btn { min-width: 156px !important; } body.portal-admin-fundmeldungen .reportList { display: grid !important; gap: 14px !important; } @media (min-width: 981px) { body.portal-admin-fundmeldungen .reportItem { grid-template-columns: minmax(160px, .9fr) minmax(280px, 1.5fr) minmax(220px, .7fr) !important; align-items: start !important; } } body.portal-admin-fundmeldungen .sideCol { align-items: stretch !important; } body.portal-admin-fundmeldungen .actionStack { min-width: 220px !important; } body.portal-admin-fundmeldungen .actionStack .btn, body.portal-admin-fundmeldungen .actionStack form { width: 100% !important; } body.portal-admin-fundmeldungen .actionStack form + form { margin-top: 8px !important; } body.portal-admin-home .btn, body.portal-admin-system-health .btn, body.portal-admin-fundmeldungen .btn, body.portal-admin-fundmeldung .btn, body.portal-admin-fundfaelle .btn, body.portal-admin-fundfall .btn { border-radius: 12px !important; } body.portal-admin-home .pill, body.portal-admin-system-health .pill, body.portal-admin-fundmeldungen .pill, body.portal-admin-fundmeldung .pill, body.portal-admin-fundfaelle .pill, body.portal-admin-fundfall .pill { border-radius: 12px !important; } @media (max-width: 860px) { } @media (max-width: 760px) { body.portal-profile .cta { display: grid !important; grid-template-columns: 1fr 1fr !important; width: 100% !important; } body.portal-profile .cta .btn { min-width: 0 !important; width: 100% !important; } } @media (max-width: 980px) { body.portal-admin-fundmeldungen .reportItem { grid-template-columns: 1fr !important; } body.portal-admin-fundmeldungen .actionStack { min-width: 0 !important; } } /* V4: stabilere Portal-/Admin-Darstellung */ body.portal-profile .actionCard, body.portal-profile .actionInline { display: flex !important; align-items: flex-start !important; justify-content: space-between !important; gap: 16px !important; flex-wrap: wrap !important; } body.portal-profile .actionInline .cta, body.portal-profile .actionCard .cta { margin-left: 0 !important; max-width: 100% !important; flex-wrap: wrap !important; } body.portal-profile .actionInline .cta .btn, body.portal-profile .actionCard .cta .btn { min-width: 140px !important; } body.portal-support .content { align-items: start !important; } body.portal-support .pane, body.portal-support .workspacePanel { background-clip: padding-box !important; } body.portal-vogel-vermisst .card.wide { background-clip: padding-box !important; } body.portal-ids .pSlot img:not([src=""]) { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; } body.portal-ids .pSlot img[src=""] { display: none !important; } body.portal-ids .pSlot .ph { display: flex !important; align-items: center !important; justify-content: center !important; } body.portal-admin-fundfaelle select.field, body.portal-admin-fundfall select.field, body.portal-support select, body.portal-profile select, body.portal-vogel-vermisst select { appearance: auto !important; -webkit-appearance: menulist !important; background-image: none !important; cursor: pointer !important; } @media (max-width: 760px) { body.portal-profile .actionInline .cta, body.portal-profile .actionCard .cta { width: 100% !important; display: grid !important; grid-template-columns: 1fr 1fr !important; } body.portal-profile .actionInline .cta .btn, body.portal-profile .actionCard .cta .btn { min-width: 0 !important; width: 100% !important; } } /* Gemeinsame Manifest-Bruecke fuer Admin-Unterseiten */ body.portal-admin .btn, body.portal-admin .btnGhost, body.portal-admin .backBtn, body.portal-admin .pill, body.portal-admin .chip, body.portal-admin .metaPill, body.portal-admin .status-main, body.portal-admin .statusInline, body.portal-admin .role-pill { border-radius: 12px !important; } body.portal-admin .dashboard-shell, body.portal-admin .panel, body.portal-admin .card.wide, body.portal-admin .card, body.portal-admin .surface, body.portal-admin .sectionCard, body.portal-admin .section-card, body.portal-admin .tableWrap, body.portal-admin .caseCard, body.portal-admin .reportItem, body.portal-admin .mini-card, body.portal-admin .linkbox, body.portal-admin .msg, body.portal-admin .flash, body.portal-admin .empty, body.portal-admin table, body.portal-admin .list > .row { background-clip: padding-box !important; } body.portal-admin .pageHead, body.portal-admin .section-head { background: linear-gradient(135deg, rgba(14,165,160,.10), rgba(246,180,60,.05)), rgba(255,255,255,.84) !important; border-bottom-color: rgba(14,165,160,.10) !important; } body.portal-admin .pageHeadActions, body.portal-admin .section-actions, body.portal-admin .section-headActions { gap: 10px !important; } body.portal-admin .field, body.portal-admin .input, body.portal-admin input[type="text"], body.portal-admin input[type="email"], body.portal-admin input[type="password"], body.portal-admin input[type="search"], body.portal-admin input[type="tel"], body.portal-admin input[type="number"], body.portal-admin input[type="date"], body.portal-admin textarea, body.portal-admin select { border-radius: 14px !important; } body.portal-admin .chip, body.portal-admin .metaPill, body.portal-admin .status-main, body.portal-admin .statusInline, body.portal-admin .role-pill { background: rgba(14,165,160,.08) !important; border: 1px solid rgba(14,165,160,.16) !important; color: #0b6f6d !important; box-shadow: none !important; } body.portal-admin .pageHeadTitle .sub, body.portal-admin .pageHeadTitle .lead, body.portal-admin .section-headMain p, body.portal-admin .section-head p, body.portal-admin .body, body.portal-admin .meta, body.portal-admin .small, body.portal-admin .sub, body.portal-admin .lead, body.portal-admin .muted, body.portal-admin .tiny, body.portal-admin p { color: rgba(43,60,71,.78) !important; } html[data-theme="dark"] body.portal-admin { background: radial-gradient(780px 420px at 14% 8%, rgba(76,176,168,.10), transparent 56%), radial-gradient(520px 320px at 86% 3%, rgba(246,180,60,.04), transparent 52%), linear-gradient(180deg, #182329 0%, #1d2a31 100%) !important; color: #edf6f4 !important; } html[data-theme="dark"] body.portal-admin .dashboard-shell, html[data-theme="dark"] body.portal-admin .panel, html[data-theme="dark"] body.portal-admin .card.wide, html[data-theme="dark"] body.portal-admin .card, html[data-theme="dark"] body.portal-admin .surface, html[data-theme="dark"] body.portal-admin .sectionCard, html[data-theme="dark"] body.portal-admin .section-card, html[data-theme="dark"] body.portal-admin .tableWrap, html[data-theme="dark"] body.portal-admin .caseCard, html[data-theme="dark"] body.portal-admin .reportItem, html[data-theme="dark"] body.portal-admin .mini-card, html[data-theme="dark"] body.portal-admin .linkbox, html[data-theme="dark"] body.portal-admin .msg, html[data-theme="dark"] body.portal-admin .flash, html[data-theme="dark"] body.portal-admin .empty, html[data-theme="dark"] body.portal-admin table, html[data-theme="dark"] body.portal-admin .list > .row { background: rgba(24,36,43,.92) !important; border-color: rgba(132,188,190,.16) !important; box-shadow: 0 22px 52px rgba(0,0,0,.30) !important; } html[data-theme="dark"] body.portal-admin .pageHead, html[data-theme="dark"] body.portal-admin .section-head { background: radial-gradient(560px 230px at 12% 8%, rgba(76,176,168,.18), transparent 68%), linear-gradient(96deg, rgba(28,42,48,.96) 0%, rgba(31,46,53,.95) 54%, rgba(42,48,42,.94) 100%) !important; border-bottom-color: rgba(132,188,190,.14) !important; } html[data-theme="dark"] body.portal-admin h1, html[data-theme="dark"] body.portal-admin h2, html[data-theme="dark"] body.portal-admin h3, html[data-theme="dark"] body.portal-admin .pageHeadTitle h1, html[data-theme="dark"] body.portal-admin .section-headMain h1, html[data-theme="dark"] body.portal-admin .card b, html[data-theme="dark"] body.portal-admin .ttl { color: #edf6f4 !important; } html[data-theme="dark"] body.portal-admin .pageHeadTitle .sub, html[data-theme="dark"] body.portal-admin .pageHeadTitle .lead, html[data-theme="dark"] body.portal-admin .section-headMain p, html[data-theme="dark"] body.portal-admin .section-head p, html[data-theme="dark"] body.portal-admin .body, html[data-theme="dark"] body.portal-admin .meta, html[data-theme="dark"] body.portal-admin .small, html[data-theme="dark"] body.portal-admin .sub, html[data-theme="dark"] body.portal-admin .lead, html[data-theme="dark"] body.portal-admin .muted, html[data-theme="dark"] body.portal-admin .tiny, html[data-theme="dark"] body.portal-admin .card p, html[data-theme="dark"] body.portal-admin p { color: rgba(214,228,223,.78) !important; } html[data-theme="dark"] body.portal-admin th { color: rgba(214,228,223,.72) !important; border-color: rgba(132,188,190,.14) !important; } html[data-theme="dark"] body.portal-admin td { color: rgba(237,246,244,.88) !important; border-color: rgba(132,188,190,.12) !important; } html[data-theme="dark"] body.portal-admin .field, html[data-theme="dark"] body.portal-admin .input, html[data-theme="dark"] body.portal-admin input[type="text"], html[data-theme="dark"] body.portal-admin input[type="email"], html[data-theme="dark"] body.portal-admin input[type="password"], html[data-theme="dark"] body.portal-admin input[type="search"], html[data-theme="dark"] body.portal-admin input[type="tel"], html[data-theme="dark"] body.portal-admin input[type="number"], html[data-theme="dark"] body.portal-admin input[type="date"], html[data-theme="dark"] body.portal-admin textarea, html[data-theme="dark"] body.portal-admin select { background: rgba(10,24,30,.92) !important; border-color: rgba(132,188,190,.20) !important; color: #edf6f4 !important; } html[data-theme="dark"] body.portal-admin .btn, html[data-theme="dark"] body.portal-admin a.btn, html[data-theme="dark"] body.portal-admin button.btn, html[data-theme="dark"] body.portal-admin .btn.secondary, html[data-theme="dark"] body.portal-admin .btnGhost, html[data-theme="dark"] body.portal-admin .backBtn { background: linear-gradient(180deg, rgba(31,46,53,.96), rgba(25,37,44,.96)) !important; color: #edf6f4 !important; border-color: rgba(132,188,190,.22) !important; box-shadow: 0 10px 24px rgba(0,0,0,.18) !important; } html[data-theme="dark"] body.portal-admin .btn:hover, html[data-theme="dark"] body.portal-admin a.btn:hover, html[data-theme="dark"] body.portal-admin button.btn:hover, html[data-theme="dark"] body.portal-admin .btn.secondary:hover, html[data-theme="dark"] body.portal-admin .btnGhost:hover, html[data-theme="dark"] body.portal-admin .backBtn:hover { background: linear-gradient(180deg, rgba(39,57,65,.98), rgba(31,45,52,.98)) !important; border-color: rgba(132,188,190,.30) !important; } html[data-theme="dark"] body.portal-admin .btn.primary, html[data-theme="dark"] body.portal-admin .btn.btn-primary, html[data-theme="dark"] body.portal-admin button.primary, html[data-theme="dark"] body.portal-admin a.primary { background: linear-gradient(135deg, #0ea5a0 0%, #0b8b87 100%) !important; color: #ffffff !important; border-color: transparent !important; box-shadow: 0 10px 28px rgba(14,165,160,.30) !important; } html[data-theme="dark"] body.portal-admin .btn.danger, html[data-theme="dark"] body.portal-admin a.danger, html[data-theme="dark"] body.portal-admin button.danger { background: rgba(84,26,32,.78) !important; color: #ffd1d1 !important; border-color: rgba(255,146,146,.22) !important; } html[data-theme="dark"] body.portal-admin .pill, html[data-theme="dark"] body.portal-admin .chip, html[data-theme="dark"] body.portal-admin .metaPill, html[data-theme="dark"] body.portal-admin .status-main, html[data-theme="dark"] body.portal-admin .statusInline, html[data-theme="dark"] body.portal-admin .role-pill { background: rgba(76,176,168,.10) !important; border-color: rgba(132,188,190,.18) !important; color: #b8ece7 !important; } /* Manifest-Bruecke fuer Supportseite */ body.portal-support { background: var(--bg) !important; color: var(--ink) !important; } body.portal-support::before { background: radial-gradient(ellipse 920px 560px at 12% 8%, rgba(76,176,168,.16), transparent 58%), radial-gradient(ellipse 760px 460px at 86% 6%, rgba(246,180,60,.10), transparent 52%), radial-gradient(ellipse 820px 540px at 50% 100%, rgba(255,255,255,.34), transparent 68%) !important; } body.portal-support .wrap { max-width: 1200px !important; padding-top: 28px !important; padding-bottom: 56px !important; } body.portal-support .support-shell { max-width: 1120px !important; margin: 0 auto !important; background: var(--surface) !important; border: 1px solid var(--border) !important; border-radius: var(--r-lg) !important; box-shadow: var(--shadow-md) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; overflow: hidden !important; } body.portal-support .support-stage { display: grid !important; grid-template-columns: minmax(0, 1.06fr) minmax(320px, .94fr) !important; background: linear-gradient(180deg, rgba(255,255,255,.58), rgba(255,255,255,.76)) !important; border-bottom: 1px solid rgba(14,165,160,.10) !important; } body.portal-support .support-stage-story { display: grid !important; gap: 24px !important; padding: 34px 36px 36px !important; background: var(--hero-grad) !important; border-right: 1px solid rgba(14,165,160,.10) !important; } body.portal-support .support-stage-copy { display: grid !important; gap: 14px !important; } body.portal-support .support-stage .sectionEyebrow { display: inline-flex !important; align-items: center !important; gap: 8px !important; width: fit-content !important; padding: 7px 12px !important; border-radius: 999px !important; background: rgba(255,255,255,.72) !important; border: 1px solid rgba(14,165,160,.14) !important; color: var(--teal-deep) !important; font-size: 12px !important; font-weight: 800 !important; letter-spacing: .06em !important; text-transform: uppercase !important; } body.portal-support .support-stage-story h1 { margin: 0 !important; font-family: "Fraunces", Georgia, serif !important; font-size: clamp(42px, 5vw, 62px) !important; line-height: .98 !important; letter-spacing: -.03em !important; color: var(--ink) !important; max-width: 8ch !important; } body.portal-support .support-stage-story .sub { margin: 0 !important; max-width: 34rem !important; font-size: 17px !important; line-height: 1.6 !important; color: var(--ink2) !important; } body.portal-support .support-stage-visual { min-height: 220px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 26px !important; border: 1px solid rgba(14,165,160,.12) !important; background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.78), transparent 44%), linear-gradient(135deg, rgba(14,165,160,.12), rgba(246,180,60,.10)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.54) !important; } body.portal-support .support-stage-emoji { font-size: clamp(56px, 8vw, 84px) !important; line-height: 1 !important; filter: drop-shadow(0 10px 24px rgba(12,17,22,.10)) !important; } body.portal-support .support-stage-points { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; } body.portal-support .support-stage-point { display: grid !important; gap: 4px !important; padding: 14px 16px !important; border-radius: 20px !important; background: rgba(255,255,255,.60) !important; border: 1px solid rgba(14,165,160,.10) !important; } body.portal-support .support-stage-point strong { font-size: 15px !important; font-weight: 800 !important; color: var(--ink) !important; } body.portal-support .support-stage-point span { font-size: 13px !important; line-height: 1.55 !important; color: var(--muted) !important; } body.portal-support .support-stage-side { display: flex !important; flex-direction: column !important; gap: 18px !important; padding: 34px 34px 30px !important; background: linear-gradient(180deg, rgba(255,255,255,.72), rgba(255,255,255,.92)) !important; } body.portal-support .support-stage-side-copy { display: grid !important; gap: 10px !important; } body.portal-support .support-stage-side-copy h2 { margin: 0 !important; font-family: "Fraunces", Georgia, serif !important; font-size: clamp(28px, 3vw, 40px) !important; line-height: 1.06 !important; letter-spacing: -.02em !important; color: var(--ink) !important; max-width: 12ch !important; } body.portal-support .support-stage-side-copy p { margin: 0 !important; font-size: 15px !important; line-height: 1.6 !important; color: var(--muted) !important; } body.portal-support .support-stage-facts { display: grid !important; gap: 12px !important; } body.portal-support .support-stage-fact { display: grid !important; gap: 6px !important; padding: 14px 16px !important; border-radius: 20px !important; background: rgba(255,255,255,.74) !important; border: 1px solid rgba(14,165,160,.12) !important; } body.portal-support .support-stage-fact span { font-size: 11px !important; font-weight: 800 !important; letter-spacing: .08em !important; text-transform: uppercase !important; color: rgba(43,60,71,.60) !important; } body.portal-support .support-stage-fact strong { font-size: 16px !important; line-height: 1.4 !important; color: var(--ink) !important; } body.portal-support .support-stage-actions { margin-top: auto !important; display: flex !important; justify-content: flex-start !important; } body.portal-support .support-content { display: grid !important; grid-template-columns: minmax(0, 1.04fr) minmax(300px, .96fr) !important; gap: 22px !important; padding: 24px !important; align-items: start !important; } body.portal-support .support-main, body.portal-support .support-side { display: grid !important; gap: 18px !important; min-width: 0 !important; } body.portal-support .support-main > .pane, body.portal-support .support-side .pane, body.portal-support .supportWorkspace { background: linear-gradient(180deg, rgba(255,255,255,.90), rgba(248,251,251,.95)) !important; border: 1px solid rgba(132,188,190,.18) !important; border-radius: 24px !important; box-shadow: 0 16px 36px rgba(12,17,22,.05) !important; } body.portal-support .support-help { position: sticky !important; top: 112px !important; gap: 22px !important; } body.portal-support .helpDivider, body.portal-support .workspaceFoldBody, body.portal-support .workspaceHead, body.portal-support .ticketColumnHead, body.portal-support .detailTop, body.portal-support .detailSection, body.portal-support .detailSectionHead { border-color: rgba(132,188,190,.16) !important; } body.portal-support .sectionTitle { color: var(--ink) !important; } body.portal-support .sectionLead, body.portal-support .meta, body.portal-support .lookupMeta, body.portal-support .workspaceLead, body.portal-support .workspaceFoldLead, body.portal-support .ticketColumnMeta, body.portal-support .ticketItemMeta, body.portal-support .ticketItemSnippet, body.portal-support .detailSub, body.portal-support .detailText, body.portal-support .replyText, body.portal-support .statusHint, body.portal-support .foot { color: rgba(43,60,71,.76) !important; } body.portal-support .actions { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 10px !important; margin-top: 4px !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } body.portal-support .actions .btn { min-width: 154px !important; } body.portal-support .btn.secondary, body.portal-support a.btn.secondary, body.portal-support button.btn.secondary { background: rgba(255,255,255,.86) !important; color: #203640 !important; border-color: rgba(132,188,190,.22) !important; box-shadow: 0 8px 18px rgba(12,17,22,.06) !important; } body.portal-support .btn.secondary:hover, body.portal-support a.btn.secondary:hover, body.portal-support button.btn.secondary:hover { background: rgba(255,255,255,.96) !important; border-color: rgba(132,188,190,.32) !important; } body.portal-support .kv, body.portal-support .statusBox, body.portal-support .ticketItem, body.portal-support .workspacePanel, body.portal-support .workspaceStat, body.portal-support .replyCard, body.portal-support .detailStatusBox { border-color: rgba(132,188,190,.18) !important; background: rgba(255,255,255,.84) !important; } body.portal-support .kv { padding: 13px 14px !important; border-radius: 16px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.72) !important; } body.portal-support .v { font-size: 17px !important; } body.portal-support .supportWorkspace { margin: 0 24px 24px !important; } body.portal-support .support-foot { margin: 0 24px 22px !important; padding: 16px 2px 0 !important; border-top: 1px solid rgba(132,188,190,.16) !important; grid-column: auto !important; } @media (max-width: 980px) { body.portal-support .support-stage, body.portal-support .support-content { grid-template-columns: 1fr !important; } body.portal-support .support-stage-story { border-right: 0 !important; border-bottom: 1px solid rgba(14,165,160,.10) !important; } body.portal-support .support-help { position: static !important; } } @media (max-width: 760px) { body.portal-support .wrap { padding-top: 18px !important; padding-bottom: 34px !important; } body.portal-support .support-stage-story, body.portal-support .support-stage-side, body.portal-support .support-content { padding: 22px 18px !important; } body.portal-support .support-stage-points { grid-template-columns: 1fr !important; } body.portal-support .supportWorkspace, body.portal-support .support-foot { margin-left: 18px !important; margin-right: 18px !important; } body.portal-support .actions { display: grid !important; grid-template-columns: 1fr !important; } body.portal-support .actions .btn { width: 100% !important; } } html[data-theme="dark"] body.portal-support { background: var(--bg) !important; color: #edf6f4 !important; } html[data-theme="dark"] body.portal-support::before { background: radial-gradient(ellipse 900px 540px at 14% 8%, rgba(76,176,168,.10), transparent 58%), radial-gradient(ellipse 620px 420px at 86% 4%, rgba(246,180,60,.05), transparent 52%), radial-gradient(ellipse 900px 560px at 52% 100%, rgba(0,0,0,.14), transparent 68%) !important; } html[data-theme="dark"] body.portal-support .support-shell { background: rgba(24,36,43,.90) !important; border-color: rgba(132,188,190,.18) !important; } html[data-theme="dark"] body.portal-support .support-stage-story { background: var(--hero-grad) !important; border-right-color: rgba(132,188,190,.16) !important; } html[data-theme="dark"] body.portal-support .support-stage-side, html[data-theme="dark"] body.portal-support .support-main > .pane, html[data-theme="dark"] body.portal-support .support-side .pane, html[data-theme="dark"] body.portal-support .supportWorkspace, html[data-theme="dark"] body.portal-support .kv, html[data-theme="dark"] body.portal-support .statusBox, html[data-theme="dark"] body.portal-support .ticketItem, html[data-theme="dark"] body.portal-support .workspacePanel, html[data-theme="dark"] body.portal-support .workspaceStat, html[data-theme="dark"] body.portal-support .replyCard, html[data-theme="dark"] body.portal-support .detailStatusBox, html[data-theme="dark"] body.portal-support .support-stage-point, html[data-theme="dark"] body.portal-support .support-stage-fact, html[data-theme="dark"] body.portal-support .support-stage .sectionEyebrow { background: rgba(24,36,43,.72) !important; border-color: rgba(132,188,190,.16) !important; box-shadow: none !important; } html[data-theme="dark"] body.portal-support .support-stage-story .sub, html[data-theme="dark"] body.portal-support .support-stage-point span, html[data-theme="dark"] body.portal-support .support-stage-side-copy p, html[data-theme="dark"] body.portal-support .sectionLead, html[data-theme="dark"] body.portal-support .meta, html[data-theme="dark"] body.portal-support .lookupMeta, html[data-theme="dark"] body.portal-support .workspaceLead, html[data-theme="dark"] body.portal-support .workspaceFoldLead, html[data-theme="dark"] body.portal-support .ticketColumnMeta, html[data-theme="dark"] body.portal-support .ticketItemMeta, html[data-theme="dark"] body.portal-support .ticketItemSnippet, html[data-theme="dark"] body.portal-support .detailSub, html[data-theme="dark"] body.portal-support .detailText, html[data-theme="dark"] body.portal-support .replyText, html[data-theme="dark"] body.portal-support .statusHint, html[data-theme="dark"] body.portal-support .support-foot { color: rgba(214,228,223,.78) !important; } html[data-theme="dark"] body.portal-support .support-stage-story h1, html[data-theme="dark"] body.portal-support .support-stage-side-copy h2, html[data-theme="dark"] body.portal-support .support-stage-point strong, html[data-theme="dark"] body.portal-support .support-stage-fact strong, html[data-theme="dark"] body.portal-support .sectionTitle, html[data-theme="dark"] body.portal-support .v { color: #edf6f4 !important; } html[data-theme="dark"] body.portal-support .support-stage .sectionEyebrow { color: #a7ece5 !important; } html[data-theme="dark"] body.portal-support .support-stage-fact span { color: rgba(214,228,223,.62) !important; } html[data-theme="dark"] body.portal-support .support-stage-visual { border-color: rgba(132,188,190,.16) !important; background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.06), transparent 44%), linear-gradient(135deg, rgba(76,176,168,.14), rgba(246,180,60,.08)) !important; } html[data-theme="dark"] body.portal-support .btn.secondary, html[data-theme="dark"] body.portal-support a.btn.secondary, html[data-theme="dark"] body.portal-support button.btn.secondary { background: linear-gradient(180deg, rgba(31,46,53,.96), rgba(25,37,44,.96)) !important; color: #edf6f4 !important; border-color: rgba(132,188,190,.22) !important; box-shadow: 0 10px 24px rgba(0,0,0,.18) !important; } html[data-theme="dark"] body.portal-support .btn.secondary:hover, html[data-theme="dark"] body.portal-support a.btn.secondary:hover, html[data-theme="dark"] body.portal-support button.btn.secondary:hover { background: linear-gradient(180deg, rgba(39,57,65,.98), rgba(31,45,52,.98)) !important; border-color: rgba(132,188,190,.30) !important; } /* ============================================================ Etappe 1 – Referenz-Angleichung intern Basis: rivaid-design-manifest + Referenz-Startseite Regeln: - gleiche Designfamilie - keine Live-Pills - keine Marketing-Sektionen kopieren - nur interne Shell, Cards, Form- und Stage-Flächen sauberziehen ============================================================ */ body.portal-profile .content { grid-template-columns: minmax(0, 1.45fr) minmax(300px, .95fr) !important; gap: 16px !important; align-items: start !important; } body.portal-profile .content > form:first-of-type { grid-column: 1 !important; } body.portal-profile .content > form:nth-of-type(2), body.portal-profile .content > form:nth-of-type(3) { grid-column: 2 !important; } body.portal-profile .body { padding: 24px !important; } body.portal-profile .formCard { border-radius: 22px !important; box-shadow: 0 12px 28px rgba(12,17,22,.06) !important; } body.portal-profile .requiredCard { min-height: 100% !important; } body.portal-profile .actionCard { padding: 14px 16px !important; } body.portal-profile .passwordCard { padding: 14px 16px 16px !important; } body.portal-profile .blockTitle { font-size: clamp(18px, 2.1vw, 24px) !important; line-height: 1.14 !important; } body.portal-profile .cta { gap: 8px !important; } body.portal-profile .cta .btn { min-height: 40px !important; border-radius: 14px !important; } /* Support: Stage oben wie Referenz, Form + Hilfebloecke darunter sauber stapeln */ body.portal-support .wrap { padding-top: 20px !important; } body.portal-support .support-shell { max-width: 1100px !important; } body.portal-support .support-stage-story { padding: 28px 28px 26px !important; } body.portal-support .support-stage-story h1 { font-size: clamp(34px, 4.6vw, 56px) !important; max-width: 9ch !important; } body.portal-support .support-stage-story .sub, body.portal-support .support-stage-side-copy p { font-size: 15px !important; line-height: 1.62 !important; } body.portal-support .support-stage-side { padding: 28px 28px 24px !important; } body.portal-support .support-stage-side-copy h2 { font-size: clamp(24px, 3vw, 40px) !important; max-width: 12ch !important; } body.portal-support .support-stage-visual { min-height: 190px !important; border-radius: 24px !important; } body.portal-support .support-stage-points { gap: 10px !important; } body.portal-support .support-stage-point, body.portal-support .support-stage-fact { border-radius: 18px !important; } body.portal-support .support-content { grid-template-columns: 1fr !important; gap: 16px !important; padding: 18px 18px 16px !important; } body.portal-support .support-main { order: 1; } body.portal-support .support-side { order: 2; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 16px !important; } body.portal-support .support-help { position: static !important; gap: 16px !important; background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; } body.portal-support .support-side .helpBlock { padding: 18px !important; border-radius: 22px !important; background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(248,251,251,.96)) !important; border: 1px solid rgba(132,188,190,.18) !important; box-shadow: 0 12px 28px rgba(12,17,22,.05) !important; } body.portal-support .helpDivider { display: none !important; } body.portal-support .supportMain > .pane { padding: 20px !important; border-radius: 22px !important; } body.portal-support .supportWorkspace { margin: 0 18px 18px !important; } body.portal-support .support-foot { margin: 0 18px 18px !important; } body.portal-support .actions .btn, body.portal-support .support-stage-actions .btn { min-height: 40px !important; border-radius: 14px !important; } @media (max-width: 980px) { body.portal-profile .content { grid-template-columns: 1fr !important; } body.portal-profile .content > form:first-of-type, body.portal-profile .content > form:nth-of-type(2), body.portal-profile .content > form:nth-of-type(3) { grid-column: auto !important; } body.portal-support .support-side { grid-template-columns: 1fr !important; } } @media (max-width: 760px) { body.portal-profile .body, body.portal-support .support-stage-story, body.portal-support .support-stage-side, body.portal-support .support-content { padding-left: 16px !important; padding-right: 16px !important; } body.portal-support .supportWorkspace, body.portal-support .support-foot { margin-left: 16px !important; margin-right: 16px !important; } } /* ============================================================ Etappe 2 – Eingeloggte Nutzerseiten /ids/, /dashboard.php (Modal), /profil/, /support/ ============================================================ */ html[data-theme="dark"] body.portal-ids, html[data-theme="dark"] body.portal-profile, html[data-theme="dark"] body.portal-support { background: #15171b !important; color: #edf1f3 !important; } html[data-theme="dark"] body.portal-ids::before, html[data-theme="dark"] body.portal-profile::before, html[data-theme="dark"] body.portal-support::before { background: radial-gradient(ellipse 980px 640px at 14% 8%, rgba(82,125,121,.10), transparent 58%), radial-gradient(ellipse 760px 520px at 86% 6%, rgba(255,255,255,.02), transparent 56%) !important; } /* ---- Dashboard: .field-Wrapper-Div im Onboarding-Modal (Dark Mode) ---- */ /* ---- Profil: .field-Wrapper-Div Dark Mode ---- */ html[data-theme="dark"] body.portal-profile .field { background: rgba(8, 25, 37, .88) !important; border-color: rgba(132, 188, 190, .22) !important; } html[data-theme="dark"] body.portal-profile .field input, html[data-theme="dark"] body.portal-profile .field select, html[data-theme="dark"] body.portal-profile .field textarea { color: var(--ink) !important; background: transparent !important; } html[data-theme="dark"] body.portal-profile .formCard, html[data-theme="dark"] body.portal-profile .requiredCard, html[data-theme="dark"] body.portal-profile .optionalCard { background: rgba(22, 34, 42, .92) !important; border-color: rgba(132, 188, 190, .14) !important; } html[data-theme="dark"] body.portal-profile .blockTitle { color: var(--ink) !important; } html[data-theme="dark"] body.portal-profile .blockSub, html[data-theme="dark"] body.portal-profile .actionHint, html[data-theme="dark"] body.portal-profile .readonlyHint { color: var(--muted) !important; } html[data-theme="dark"] body.portal-profile .actionCard, html[data-theme="dark"] body.portal-profile .actionInline { background: rgba(18, 30, 38, .80) !important; border-color: rgba(132, 188, 190, .12) !important; } /* ---- Support: kleine Präzisierungen ---- */ body.portal-support .kv .lbl, body.portal-support .kv .k { font-size: 11px !important; font-weight: 700 !important; letter-spacing: .06em !important; text-transform: uppercase !important; color: var(--teal) !important; } body.portal-support .kv .v, body.portal-support .kv .val { font-size: 15px !important; font-weight: 700 !important; color: var(--ink) !important; } html[data-theme="dark"] body.portal-support .kv .v, html[data-theme="dark"] body.portal-support .kv .val { color: var(--ink) !important; } /* ============================================================ Etappe 3 – Admin-Übersichten /admin/ (home), system_health, work_queue, notifications ============================================================ */ /* ---- Gemeinsame Shell für admin-home + system-health ---- */ body.portal-admin-home .panel, body.portal-admin-system-health .panel { background: var(--surface) !important; border: 1px solid var(--border) !important; border-radius: var(--r-lg) !important; box-shadow: var(--shadow-md) !important; backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; margin-top: 18px !important; } body.portal-admin-home .pageHead, body.portal-admin-system-health .pageHead { background: radial-gradient(520px 220px at 10% 10%, rgba(112,209,203,.20), transparent 70%), linear-gradient(92deg, rgba(215,238,236,.86) 0%, rgba(229,235,228,.82) 54%, rgba(243,237,223,.88) 100%) !important; border-bottom: 1px solid rgba(14,165,160,.10) !important; } body.portal-admin-home .card, body.portal-admin-system-health .card { background: var(--surface2) !important; border: 1px solid var(--border) !important; border-radius: var(--r-sm) !important; box-shadow: var(--shadow-sm) !important; } body.portal-admin-home .card b, body.portal-admin-system-health .card b { color: var(--ink) !important; } body.portal-admin-home .card p, body.portal-admin-system-health .card p { color: var(--muted) !important; } body.portal-admin-home .healthRow, body.portal-admin-system-health .healthRow, body.portal-admin-system-health .kvRow { background: rgba(255,255,255,.70) !important; border-color: var(--border) !important; } body.portal-admin-home .statusInline, body.portal-admin-system-health .statusInline { color: var(--ink2) !important; } /* system_health: pill + kv-Keys */ body.portal-admin-system-health .pill { background: var(--surface2) !important; border-color: var(--border) !important; color: var(--ink2) !important; } body.portal-admin-system-health .k { color: var(--muted) !important; } body.portal-admin-system-health .v { color: var(--ink) !important; } /* ---- Dark mode: admin-home + system-health ---- */ html[data-theme="dark"] body.portal-admin-home .panel, html[data-theme="dark"] body.portal-admin-system-health .panel { background: rgba(24, 36, 43, .92) !important; border-color: rgba(132, 188, 190, .16) !important; box-shadow: 0 24px 56px rgba(2, 8, 12, .30) !important; } html[data-theme="dark"] body.portal-admin-home .pageHead, html[data-theme="dark"] body.portal-admin-system-health .pageHead { background: radial-gradient(540px 220px at 12% 8%, rgba(76,176,168,.16), transparent 66%), linear-gradient(96deg, rgba(28,42,48,.97) 0%, rgba(31,46,53,.95) 52%, rgba(42,48,42,.94) 100%) !important; border-bottom-color: rgba(132, 188, 190, .14) !important; } html[data-theme="dark"] body.portal-admin-home .card, html[data-theme="dark"] body.portal-admin-system-health .card { background: rgba(22, 34, 42, .90) !important; border-color: rgba(132, 188, 190, .14) !important; } html[data-theme="dark"] body.portal-admin-home .healthRow, html[data-theme="dark"] body.portal-admin-system-health .healthRow, html[data-theme="dark"] body.portal-admin-system-health .kvRow { background: rgba(18, 30, 38, .80) !important; border-color: rgba(132, 188, 190, .12) !important; } html[data-theme="dark"] body.portal-admin-system-health .pill { background: rgba(14,165,160,.10) !important; border-color: rgba(132, 188, 190, .18) !important; color: var(--ink2) !important; } html[data-theme="dark"] body.portal-admin-system-health .k { color: var(--muted) !important; } html[data-theme="dark"] body.portal-admin-system-health .v, html[data-theme="dark"] body.portal-admin-system-health .mono, html[data-theme="dark"] body.portal-admin-system-health .statusInline { color: var(--ink) !important; } /* ---- work_queue ---- */ body.portal-admin-work-queue .panel { background: var(--surface) !important; border: 1px solid var(--border) !important; border-radius: var(--r-lg) !important; box-shadow: var(--shadow-md) !important; backdrop-filter: blur(12px) !important; margin-top: 18px !important; } body.portal-admin-work-queue .pageHead { background: radial-gradient(520px 220px at 10% 10%, rgba(112,209,203,.20), transparent 70%), linear-gradient(92deg, rgba(215,238,236,.86) 0%, rgba(229,235,228,.82) 54%, rgba(243,237,223,.88) 100%) !important; border-bottom: 1px solid rgba(14,165,160,.10) !important; } body.portal-admin-work-queue .card { background: var(--surface2) !important; border: 1px solid var(--border) !important; border-radius: var(--r-sm) !important; box-shadow: var(--shadow-sm) !important; } body.portal-admin-work-queue .card b { color: var(--ink) !important; } body.portal-admin-work-queue .card p { color: var(--muted) !important; } /* Accordion-Sektionen */ body.portal-admin-work-queue details.section { background: var(--surface) !important; border: 1px solid var(--border) !important; border-radius: var(--r-md) !important; box-shadow: var(--shadow-sm) !important; margin-top: 16px !important; } body.portal-admin-work-queue .sectionHead h2 { color: var(--ink) !important; } body.portal-admin-work-queue .sectionHead p { color: var(--muted) !important; } body.portal-admin-work-queue .sectionCount { background: var(--surface2) !important; border-color: var(--border) !important; color: var(--ink2) !important; font-weight: 700 !important; border-radius: 999px !important; } html[data-theme="dark"] body.portal-admin-work-queue .panel, html[data-theme="dark"] body.portal-admin-work-queue details.section, html[data-theme="dark"] body.portal-admin-work-queue .card { background: rgba(24, 36, 43, .92) !important; border-color: rgba(132, 188, 190, .16) !important; box-shadow: 0 18px 44px rgba(2, 8, 12, .26) !important; } html[data-theme="dark"] body.portal-admin-work-queue .pageHead { background: radial-gradient(540px 220px at 12% 8%, rgba(76,176,168,.16), transparent 66%), linear-gradient(96deg, rgba(28,42,48,.97) 0%, rgba(31,46,53,.95) 52%, rgba(42,48,42,.94) 100%) !important; border-bottom-color: rgba(132, 188, 190, .14) !important; } html[data-theme="dark"] body.portal-admin-work-queue .sectionHead h2 { color: var(--ink) !important; } html[data-theme="dark"] body.portal-admin-work-queue .sectionHead p, html[data-theme="dark"] body.portal-admin-work-queue .muted { color: var(--muted) !important; } html[data-theme="dark"] body.portal-admin-work-queue .sectionCount { background: rgba(14,165,160,.10) !important; border-color: rgba(132, 188, 190, .18) !important; color: var(--ink2) !important; } /* ---- notifications ---- */ body.portal-admin-notifications .panel { background: var(--surface) !important; border: 1px solid var(--border) !important; border-radius: var(--r-lg) !important; box-shadow: var(--shadow-md) !important; backdrop-filter: blur(12px) !important; margin-top: 18px !important; } body.portal-admin-notifications .pageHead { background: radial-gradient(520px 220px at 10% 10%, rgba(112,209,203,.20), transparent 70%), linear-gradient(92deg, rgba(215,238,236,.86) 0%, rgba(229,235,228,.82) 54%, rgba(243,237,223,.88) 100%) !important; border-bottom: 1px solid rgba(14,165,160,.10) !important; } /* Notification rows */ body.portal-admin-notifications .list > .row { background: var(--surface2) !important; border: 1px solid var(--border) !important; border-radius: var(--r-sm) !important; box-shadow: var(--shadow-sm) !important; } body.portal-admin-notifications .ttl { color: var(--ink) !important; } body.portal-admin-notifications .body { color: var(--ink2) !important; } body.portal-admin-notifications .meta, body.portal-admin-notifications .small { color: var(--muted) !important; } body.portal-admin-notifications .chip { background: var(--surface2) !important; border-color: var(--border) !important; color: var(--ink2) !important; border-radius: 999px !important; } body.portal-admin-notifications .pill.info { background: rgba(14,165,160,.08) !important; border-color: rgba(14,165,160,.20) !important; color: var(--teal-deep) !important; border-radius: 999px !important; } body.portal-admin-notifications .pill.warn { background: var(--amber-soft) !important; border-color: rgba(246,180,60,.26) !important; color: #7a5200 !important; border-radius: 999px !important; } body.portal-admin-notifications .pill.crit { background: var(--red-soft) !important; border-color: rgba(239,68,68,.22) !important; color: #9f2222 !important; border-radius: 999px !important; } body.portal-admin-notifications .empty { border-color: var(--border) !important; background: var(--surface) !important; border-radius: var(--r-sm) !important; color: var(--muted) !important; } /* input-feld im Notifications-Formular */ body.portal-admin-notifications .field { border-color: var(--border) !important; background: var(--surface2) !important; border-radius: 999px !important; } html[data-theme="dark"] body.portal-admin-notifications .panel { background: rgba(24, 36, 43, .92) !important; border-color: rgba(132, 188, 190, .16) !important; box-shadow: 0 24px 56px rgba(2, 8, 12, .30) !important; } html[data-theme="dark"] body.portal-admin-notifications .pageHead { background: radial-gradient(540px 220px at 12% 8%, rgba(76,176,168,.16), transparent 66%), linear-gradient(96deg, rgba(28,42,48,.97) 0%, rgba(31,46,53,.95) 52%, rgba(42,48,42,.94) 100%) !important; border-bottom-color: rgba(132, 188, 190, .14) !important; } html[data-theme="dark"] body.portal-admin-notifications .list > .row { background: rgba(22, 34, 42, .90) !important; border-color: rgba(132, 188, 190, .14) !important; } html[data-theme="dark"] body.portal-admin-notifications .ttl { color: var(--ink) !important; } html[data-theme="dark"] body.portal-admin-notifications .body { color: var(--ink2) !important; } html[data-theme="dark"] body.portal-admin-notifications .meta, html[data-theme="dark"] body.portal-admin-notifications .small { color: var(--muted) !important; } html[data-theme="dark"] body.portal-admin-notifications .chip { background: rgba(14,165,160,.10) !important; border-color: rgba(132, 188, 190, .18) !important; color: var(--ink2) !important; } html[data-theme="dark"] body.portal-admin-notifications .empty { background: rgba(18, 30, 38, .70) !important; border-color: rgba(132, 188, 190, .12) !important; } html[data-theme="dark"] body.portal-admin-notifications .field { background: rgba(8, 25, 37, .88) !important; border-color: rgba(132, 188, 190, .22) !important; color: var(--ink) !important; } /* ============================================================ Etappe 4 – Admin-Listen & Arbeitsansichten tickets, admin_log, users, user, moderation, mail_queue, fundmeldungen, fundmeldung, fundfaelle, fundfall ============================================================ */ /* Wiederverwendbarer Shell-Mixin für .panel-basierte Admin-Seiten */ body.portal-admin-tickets .card.wide, body.portal-admin-log .panel, body.portal-admin-users .panel, body.portal-admin-user .dashboard-shell, body.portal-admin-moderation .panel, body.portal-admin-mail-queue .panel, body.portal-admin-fundmeldungen .dashboard-shell, body.portal-admin-fundmeldung .dashboard-shell { background: var(--surface) !important; border: 1px solid var(--border) !important; border-radius: var(--r-lg) !important; box-shadow: var(--shadow-md) !important; backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; margin-top: 18px !important; } /* pageHead-Gradient für alle Listen-Seiten vereinheitlichen */ body.portal-admin-tickets .pageHead, body.portal-admin-tickets .page-head, body.portal-admin-log .pageHead, body.portal-admin-users .pageHead, body.portal-admin-user .section-head, body.portal-admin-moderation .pageHead, body.portal-admin-mail-queue .pageHead, body.portal-admin-fundmeldungen .section-head, body.portal-admin-fundmeldung .section-head { background: radial-gradient(520px 220px at 10% 10%, rgba(112,209,203,.20), transparent 70%), linear-gradient(92deg, rgba(215,238,236,.86) 0%, rgba(229,235,228,.82) 54%, rgba(243,237,223,.88) 100%) !important; border-bottom: 1px solid rgba(14,165,160,.10) !important; } /* Tabellen-Wrap: Manifest-Fläche */ body.portal-admin-log .tableWrap, body.portal-admin-users table, body.portal-admin-mail-queue .tableWrap, body.portal-admin-moderation .tableWrap { background: var(--surface) !important; border: 1px solid var(--border) !important; border-radius: var(--r-sm) !important; overflow: hidden !important; } /* Filter-Leisten */ body.portal-admin-log .filtersWrap, body.portal-admin-mail-queue .filtersWrap, body.portal-admin-users .topRow, body.portal-admin-tickets .quick-filters { background: var(--surface2) !important; border: 1px solid var(--border) !important; border-radius: var(--r-sm) !important; } /* Tickets: .card.wide body+foot */ body.portal-admin-tickets .body { padding: 18px 20px 16px !important; } /* Quick-filter pills */ body.portal-admin-tickets .pill { background: var(--surface2) !important; border-color: var(--border) !important; color: var(--ink2) !important; } body.portal-admin-tickets .pill.active { background: rgba(14,165,160,.12) !important; border-color: rgba(14,165,160,.30) !important; color: var(--teal-deep) !important; } /* Ticket queue items */ body.portal-admin-tickets .q-item { background: var(--surface2) !important; border-color: var(--border) !important; } body.portal-admin-tickets .queue-empty { background: var(--surface) !important; border-color: var(--border) !important; color: var(--muted) !important; } /* Moderation queue items */ body.portal-admin-moderation .q-item { background: var(--surface2) !important; border-color: var(--border) !important; } body.portal-admin-moderation .queue-empty, body.portal-admin-moderation .empty { background: var(--surface) !important; border-color: var(--border) !important; color: var(--muted) !important; } /* users: pager + pill-Status */ body.portal-admin-users .pg, body.portal-admin-log .pg, body.portal-admin-user .pg, body.portal-admin-mail-queue .pg { background: var(--surface2) !important; border-color: var(--border) !important; color: var(--ink2) !important; } body.portal-admin-users .pgActive, body.portal-admin-log .pgActive, body.portal-admin-mail-queue .pgActive { background: rgba(14,165,160,.12) !important; border-color: rgba(14,165,160,.28) !important; color: var(--teal-deep) !important; } /* mail-queue: status tags */ body.portal-admin-mail-queue .tag { border-radius: 999px !important; } body.portal-admin-mail-queue .tag.pending { background: var(--amber-soft) !important; border-color: rgba(246,180,60,.28) !important; } body.portal-admin-mail-queue .tag.sent { background: rgba(34,197,94,.08) !important; border-color: rgba(34,197,94,.24) !important; } body.portal-admin-mail-queue .tag.failed { background: var(--red-soft) !important; border-color: rgba(239,68,68,.20) !important; } /* user detail: metaRow pills */ body.portal-admin-user .pill { background: var(--surface2) !important; border-color: var(--border) !important; border-radius: 999px !important; } body.portal-admin-user .menuPanel { background: var(--surface2) !important; border-color: var(--border) !important; } /* ---- Dark mode: Etappe 4 alle Seiten ---- */ html[data-theme="dark"] body.portal-admin-tickets .card.wide, html[data-theme="dark"] body.portal-admin-log .panel, html[data-theme="dark"] body.portal-admin-users .panel, html[data-theme="dark"] body.portal-admin-user .dashboard-shell, html[data-theme="dark"] body.portal-admin-moderation .panel, html[data-theme="dark"] body.portal-admin-mail-queue .panel, html[data-theme="dark"] body.portal-admin-fundmeldungen .dashboard-shell, html[data-theme="dark"] body.portal-admin-fundmeldung .dashboard-shell { background: rgba(24, 36, 43, .92) !important; border-color: rgba(132, 188, 190, .16) !important; box-shadow: 0 24px 56px rgba(2, 8, 12, .30) !important; } html[data-theme="dark"] body.portal-admin-tickets .pageHead, html[data-theme="dark"] body.portal-admin-tickets .page-head, html[data-theme="dark"] body.portal-admin-log .pageHead, html[data-theme="dark"] body.portal-admin-users .pageHead, html[data-theme="dark"] body.portal-admin-user .section-head, html[data-theme="dark"] body.portal-admin-moderation .pageHead, html[data-theme="dark"] body.portal-admin-mail-queue .pageHead, html[data-theme="dark"] body.portal-admin-fundmeldungen .section-head, html[data-theme="dark"] body.portal-admin-fundmeldung .section-head { background: radial-gradient(540px 220px at 12% 8%, rgba(76,176,168,.16), transparent 66%), linear-gradient(96deg, rgba(28,42,48,.97) 0%, rgba(31,46,53,.95) 52%, rgba(42,48,42,.94) 100%) !important; border-bottom-color: rgba(132, 188, 190, .14) !important; } html[data-theme="dark"] body.portal-admin-log .tableWrap, html[data-theme="dark"] body.portal-admin-users table, html[data-theme="dark"] body.portal-admin-mail-queue .tableWrap, html[data-theme="dark"] body.portal-admin-moderation .tableWrap { background: rgba(20, 32, 40, .88) !important; border-color: rgba(132, 188, 190, .14) !important; } html[data-theme="dark"] body.portal-admin-log .filtersWrap, html[data-theme="dark"] body.portal-admin-mail-queue .filtersWrap, html[data-theme="dark"] body.portal-admin-tickets .quick-filters { background: rgba(18, 30, 38, .80) !important; border-color: rgba(132, 188, 190, .12) !important; } html[data-theme="dark"] body.portal-admin-tickets .q-item, html[data-theme="dark"] body.portal-admin-moderation .q-item { background: rgba(22, 34, 42, .90) !important; border-color: rgba(132, 188, 190, .14) !important; } html[data-theme="dark"] body.portal-admin-tickets .queue-empty, html[data-theme="dark"] body.portal-admin-moderation .queue-empty, html[data-theme="dark"] body.portal-admin-moderation .empty { background: rgba(18, 30, 38, .70) !important; border-color: rgba(132, 188, 190, .12) !important; color: var(--muted) !important; } html[data-theme="dark"] body.portal-admin-tickets .pill { background: rgba(14,165,160,.10) !important; border-color: rgba(132, 188, 190, .18) !important; color: var(--ink2) !important; } html[data-theme="dark"] body.portal-admin-tickets .pill.active { background: rgba(14,165,160,.18) !important; border-color: rgba(14,165,160,.30) !important; color: var(--teal) !important; } html[data-theme="dark"] body.portal-admin-users .pg, html[data-theme="dark"] body.portal-admin-log .pg, html[data-theme="dark"] body.portal-admin-user .pg, html[data-theme="dark"] body.portal-admin-mail-queue .pg { background: rgba(22, 34, 42, .90) !important; border-color: rgba(132, 188, 190, .16) !important; color: var(--ink2) !important; } html[data-theme="dark"] body.portal-admin-users .pgActive, html[data-theme="dark"] body.portal-admin-log .pgActive, html[data-theme="dark"] body.portal-admin-mail-queue .pgActive { background: rgba(14,165,160,.16) !important; border-color: rgba(14,165,160,.28) !important; color: var(--teal) !important; } html[data-theme="dark"] body.portal-admin-user .menuPanel { background: rgba(22, 34, 42, .96) !important; border-color: rgba(132, 188, 190, .16) !important; } /* ============================================================ Etappe 5 – Feinschliff & Restpunkte Dark Mode Restlücken, leere Zustände, Randfälle ============================================================ */ /* ---- Vogel-Vermisst-Flow ---- */ body.portal-vogel-vermisst .card.wide, body.portal-vogel-vermisst .card { background: var(--surface) !important; border-color: var(--border) !important; } /* ---- Globale leere Zustände ---- */ .empty-state, .emptyState, .emptyHint, .noResults { color: var(--muted) !important; text-align: center; padding: 32px 20px !important; } /* ---- Scrollbare Tabellen ---- */ .tableWrap, .table-wrap { overflow-x: auto !important; } /* ---- Dark mode: restliche Admin-Body-Farben ---- */ html[data-theme="dark"] body.portal-admin-tickets, html[data-theme="dark"] body.portal-admin-log, html[data-theme="dark"] body.portal-admin-users, html[data-theme="dark"] body.portal-admin-user, html[data-theme="dark"] body.portal-admin-moderation, html[data-theme="dark"] body.portal-admin-mail-queue, html[data-theme="dark"] body.portal-admin-tickets .q-main-title, html[data-theme="dark"] body.portal-admin-moderation .q-main-title { color: var(--ink) !important; } html[data-theme="dark"] body.portal-admin-tickets .q-body, html[data-theme="dark"] body.portal-admin-moderation .q-body { color: var(--ink2) !important; } html[data-theme="dark"] body.portal-admin-tickets .q-kind { background: rgba(14,165,160,.10) !important; border-color: rgba(132, 188, 190, .18) !important; color: var(--ink2) !important; } html[data-theme="dark"] body.portal-admin-mail-queue .tag.pending { background: rgba(246,180,60,.10) !important; border-color: rgba(246,180,60,.24) !important; } html[data-theme="dark"] body.portal-admin-mail-queue .tag.sent { background: rgba(34,197,94,.08) !important; border-color: rgba(34,197,94,.20) !important; } html[data-theme="dark"] body.portal-admin-mail-queue .tag.failed { background: rgba(239,68,68,.10) !important; border-color: rgba(239,68,68,.22) !important; } /* ---- Dark mode: fundfaelle/fundfall card inner ---- */ html[data-theme="dark"] body.portal-admin-fundfaelle .caseCard, html[data-theme="dark"] body.portal-admin-fundfall .sectionCard { background: rgba(22, 34, 42, .90) !important; border-color: rgba(132, 188, 190, .14) !important; } html[data-theme="dark"] .nav-pill .userDropdown { background: var(--surface2) !important; border-color: var(--border) !important; } html[data-theme="dark"] .nav-pill .userDropdown a { color: var(--ink) !important; } html[data-theme="dark"] .nav-pill .userDropdown a:hover { background: rgba(14,165,160,.12) !important; } /* ---- Input/Select Dark Mode global (fehlende Seiten) ---- */ html[data-theme="dark"] body.portal-admin-tickets input, html[data-theme="dark"] body.portal-admin-tickets select, html[data-theme="dark"] body.portal-admin-log input, html[data-theme="dark"] body.portal-admin-log select, html[data-theme="dark"] body.portal-admin-users input, html[data-theme="dark"] body.portal-admin-users select, html[data-theme="dark"] body.portal-admin-user input, html[data-theme="dark"] body.portal-admin-user select, html[data-theme="dark"] body.portal-admin-moderation input, html[data-theme="dark"] body.portal-admin-moderation select, html[data-theme="dark"] body.portal-admin-mail-queue input, html[data-theme="dark"] body.portal-admin-mail-queue select { background: rgba(8, 25, 37, .88) !important; border-color: rgba(132, 188, 190, .22) !important; color: var(--ink) !important; } /* ---- Responsive: Admin-Tabellen ab 760px stacken ---- */ @media (max-width: 760px) { body.portal-admin-log .filters, body.portal-admin-mail-queue .filters { grid-template-columns: 1fr !important; } } /* ---- Feinschliff: flash/msg konsistent ---- */ body.portal-admin-tickets .flash, body.portal-admin-log .flash, body.portal-admin-users .msg, body.portal-admin-user .msg, body.portal-admin-moderation .flash, body.portal-admin-mail-queue .flash { background: var(--surface2) !important; border-color: var(--border) !important; color: var(--ink2) !important; border-radius: var(--r-sm) !important; } html[data-theme="dark"] body.portal-admin-tickets .flash, html[data-theme="dark"] body.portal-admin-log .flash, html[data-theme="dark"] body.portal-admin-users .msg, html[data-theme="dark"] body.portal-admin-user .msg, html[data-theme="dark"] body.portal-admin-moderation .flash, html[data-theme="dark"] body.portal-admin-mail-queue .flash { background: rgba(18, 30, 38, .80) !important; border-color: rgba(132, 188, 190, .14) !important; color: var(--ink2) !important; } /* ============================================================ Profil-Shell: Auth-Shell-Sprache .card.wide → starke Shell .head → schmaler Eyebrow-Streifen oben .profile-layout → echte 2-Spalten-Teilung ohne Gap .profile-main → linke Spalte, weiß/sauber (Form) .profile-side → rechte Spalte, Hero-Gradient (Sicherheit) ============================================================ */ /* ---- Outer Shell ---- */ body.portal-profile .card.wide { max-width: 1100px !important; margin: 0 auto !important; background: var(--surface) !important; border: 1px solid var(--border) !important; border-radius: var(--r-lg) !important; box-shadow: var(--shadow-md) !important; overflow: hidden !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; } /* ---- Head: schmaler Gradient-Streifen ---- */ body.portal-profile .head { padding: 22px 28px 18px !important; background: radial-gradient(640px 200px at 8% 50%, rgba(112,209,203,.22), transparent 68%), linear-gradient(92deg, rgba(215,238,236,.90) 0%, rgba(229,235,228,.86) 52%, rgba(243,237,223,.92) 100%) !important; border-bottom: 1px solid rgba(14,165,160,.12) !important; } body.portal-profile .head h1 { font-family: "Fraunces", Georgia, serif !important; font-size: clamp(28px, 3.4vw, 42px) !important; font-weight: 700 !important; letter-spacing: -.025em !important; line-height: 1.08 !important; margin: 0 0 6px !important; color: var(--ink) !important; } body.portal-profile .head .sub { margin: 0 !important; font-size: 15px !important; color: var(--muted) !important; max-width: 64ch !important; } /* ---- Body + Layout: echte 2-Spalten-Karte ohne Gap ---- */ body.portal-profile .body.content.profile-layout { display: grid !important; grid-template-columns: minmax(0, 1.1fr) minmax(300px, .9fr) !important; gap: 0 !important; padding: 0 !important; align-items: start !important; } /* ---- Linke Spalte: sauberes Form-Panel ---- */ body.portal-profile .profile-main { padding: 28px 28px 32px !important; display: flex !important; flex-direction: column !important; gap: 16px !important; border-right: 1px solid var(--border) !important; background: linear-gradient(180deg, rgba(255,255,255,.72), rgba(255,255,255,.88)) !important; min-height: 100% !important; } /* ---- Rechte Spalte: Hero-Gradient, wie auth-story ---- */ body.portal-profile .profile-side { padding: 28px 24px 32px !important; display: flex !important; flex-direction: column !important; gap: 14px !important; background: var(--hero-grad) !important; } /* ---- formCards auf beiden Seiten: flacher, kein eigener Schatten ---- */ body.portal-profile .formCard { background: rgba(255,255,255,.80) !important; border: 1px solid rgba(14,165,160,.12) !important; border-radius: var(--r-sm) !important; box-shadow: 0 4px 14px rgba(12,17,22,.05) !important; padding: 18px 20px 20px !important; } body.portal-profile .requiredCard, body.portal-profile .optionalCard { background: rgba(255,255,255,.86) !important; } body.portal-profile .passwordCard { background: rgba(255,255,255,.80) !important; } body.portal-profile .profile-side-intro { background: rgba(255,255,255,.60) !important; border-color: rgba(14,165,160,.14) !important; } /* ---- blockTitle in Fraunces ---- */ body.portal-profile .blockTitle { font-family: "Fraunces", Georgia, serif !important; font-size: 19px !important; font-weight: 700 !important; letter-spacing: -.01em !important; color: var(--ink) !important; margin: 0 0 10px !important; line-height: 1.2 !important; } body.portal-profile .hint { color: var(--muted) !important; font-size: 14px !important; line-height: 1.58 !important; margin: 0 !important; } body.portal-profile .sectionEyebrow { display: inline-flex !important; align-items: center !important; padding: 5px 10px !important; border-radius: 999px !important; background: rgba(14,165,160,.10) !important; border: 1px solid rgba(14,165,160,.20) !important; color: var(--teal-deep) !important; font-size: 11px !important; font-weight: 800 !important; letter-spacing: .07em !important; text-transform: uppercase !important; margin-bottom: 8px !important; } /* ---- field-Wrapper: Pill-Input ---- */ body.portal-profile .field { display: flex !important; align-items: center !important; height: 46px !important; border-radius: 999px !important; border: 1.5px solid var(--border) !important; background: var(--surface2) !important; padding: 0 16px !important; gap: 8px !important; transition: border-color .15s ease, box-shadow .15s ease !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; box-shadow: none !important; } body.portal-profile .field:focus-within { border-color: var(--teal) !important; box-shadow: 0 0 0 3px rgba(14,165,160,.12) !important; } body.portal-profile .field input, body.portal-profile .field select { background: transparent !important; border: 0 !important; outline: none !important; color: var(--ink) !important; width: 100% !important; font-size: 14px !important; font-weight: 500 !important; } /* ---- Action-Bereich ---- */ body.portal-profile .actionCard.actionInline { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 4px 0 0 !important; margin-top: 4px !important; } body.portal-profile .actionCard:not(.actionInline) { background: rgba(14,165,160,.05) !important; border: 1px solid rgba(14,165,160,.12) !important; border-radius: var(--r-sm) !important; padding: 14px 16px !important; } body.portal-profile .actionHint { font-size: 13px !important; color: var(--muted) !important; line-height: 1.55 !important; margin: 0 0 10px !important; } body.portal-profile .readonlyHint { font-size: 12px !important; color: var(--muted) !important; margin-top: 6px !important; } body.portal-profile .cta { display: flex !important; gap: 8px !important; flex-wrap: wrap !important; margin: 0 !important; } /* ---- Foot ---- */ body.portal-profile .foot { padding: 14px 28px 18px !important; color: var(--muted) !important; font-size: 12px !important; border-top: 1px solid var(--border) !important; } /* ---- Profile-alert spans both columns ---- */ body.portal-profile .profile-alert { grid-column: 1 / -1 !important; } /* ---- Responsive ---- */ @media (max-width: 860px) { body.portal-profile .body.content.profile-layout { grid-template-columns: 1fr !important; } body.portal-profile .profile-main { border-right: 0 !important; border-bottom: 1px solid var(--border) !important; padding: 22px 20px 24px !important; } body.portal-profile .profile-side { padding: 22px 20px 24px !important; } } /* ---- Dark Mode ---- */ html[data-theme="dark"] body.portal-profile .card.wide { background: rgba(22, 34, 42, .94) !important; border-color: rgba(132, 188, 190, .16) !important; box-shadow: 0 24px 56px rgba(2, 8, 12, .30) !important; } html[data-theme="dark"] body.portal-profile .head { background: radial-gradient(540px 180px at 8% 50%, rgba(76,176,168,.16), transparent 66%), linear-gradient(92deg, rgba(24,38,44,.97) 0%, rgba(28,42,48,.95) 52%, rgba(36,42,34,.94) 100%) !important; border-bottom-color: rgba(132, 188, 190, .14) !important; } html[data-theme="dark"] body.portal-profile .profile-main { background: rgba(18, 30, 38, .60) !important; border-right-color: rgba(132, 188, 190, .12) !important; } html[data-theme="dark"] body.portal-profile .profile-side { background: var(--hero-grad) !important; } html[data-theme="dark"] body.portal-profile .formCard { background: rgba(22, 36, 44, .86) !important; border-color: rgba(132, 188, 190, .14) !important; } html[data-theme="dark"] body.portal-profile .profile-side-intro { background: rgba(255,255,255,.06) !important; border-color: rgba(132, 188, 190, .16) !important; } html[data-theme="dark"] body.portal-profile .field { background: rgba(8, 25, 37, .88) !important; border-color: rgba(132, 188, 190, .22) !important; } html[data-theme="dark"] body.portal-profile .field input, html[data-theme="dark"] body.portal-profile .field select { color: var(--ink) !important; } html[data-theme="dark"] body.portal-profile .sectionEyebrow { background: rgba(14,165,160,.12) !important; border-color: rgba(14,165,160,.24) !important; color: var(--teal) !important; } @media (max-width: 980px) { } @media (max-width: 820px) { } @media (max-width: 720px) { } @media (max-width: 920px) { } @media (max-width: 760px) { } @media (max-width: 700px) { } /* Etappe 1f: Dashboard näher an die Master-Shell, ohne Login/Auth anzufassen */ @media (max-width: 760px) { } /* Etappe 1g: Abstand, Verlauf und Darkmode enger an die Master-Index angleichen */ @media (max-width: 920px) { } @media (max-width: 700px) { } /* Etappe 1h: Master-Quellen direkt uebernehmen fuer Abstand, Light-Hero und Darkmode */ @media (max-width: 920px) { } @media (max-width: 700px) { } /* Etappe 1i: Dashboard-Shell enger an den echten Master ziehen, nur lokal gescoped */ @media (max-width: 920px) { } @media (max-width: 760px) { } /* Etappe 1k: Dashboard direkt an die Support-/Public-Shell anlehnen */ @media (max-width: 920px) { } @media (max-width: 720px) { /* Etappe 2b hart: Dashboard 1:1 an public/support anlehnen */ body.public-page.portal-dashboard { color: var(--ink); } body.public-page.portal-dashboard::before { content: ""; position: fixed; inset: 0; background: radial-gradient(ellipse 900px 600px at 15% 10%, var(--teal-glow), transparent 60%), radial-gradient(ellipse 700px 500px at 85% 5%, var(--amber-soft), transparent 55%); pointer-events: none; z-index: 0; } body.public-page.portal-dashboard > * { position: relative; z-index: 1; } body.public-page.portal-dashboard .dashboard-main-wrap { max-width: 1100px; margin: 0 auto; padding: 0 24px 68px; } body.public-page.portal-dashboard .dashboard-main-wrap::before { content: ""; display: block; height: var(--public-top-space); } body.public-page.portal-dashboard .dashboard-shell { max-width: 1120px; margin: 0 auto; } body.public-page.portal-dashboard .dashboard-hero { grid-template-columns: minmax(0, 1fr); margin-bottom: 18px; } body.public-page.portal-dashboard .dashboard-hero-panel { padding: 42px; text-align: center; } body.public-page.portal-dashboard .dashboard-hero-panel .page-title { max-width: none; margin-inline: auto; } body.public-page.portal-dashboard .dashboard-hero-panel .page-lead { max-width: 760px; margin-left: auto; margin-right: auto; } body.public-page.portal-dashboard .dashboard-content.dashboard-content-nohead { padding: 28px; } body.public-page.portal-dashboard .dashboard-card-grid { margin-top: 0; gap: 18px; } body.public-page.portal-dashboard .dashboard-card { display: flex; flex-direction: column; min-height: 250px; padding: 22px 24px; border-radius: 24px; background: var(--surface3); border: 1px solid var(--border); box-shadow: var(--shadow-sm); } body.public-page.portal-dashboard .dashboard-card .card-meta { margin: 0 0 10px; color: var(--muted); font-size: 13px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; } body.public-page.portal-dashboard .dashboard-card h2 { font-size: 1.12rem; margin: 0 0 10px; } body.public-page.portal-dashboard .dashboard-card p { color: var(--muted); } body.public-page.portal-dashboard .dashboard-card .dashboard-card-copy { display: grid; gap: 10px; } body.public-page.portal-dashboard .dashboard-card .card-sub, body.public-page.portal-dashboard .dashboard-card .card-sub a { color: var(--muted); font-size: 14px; font-weight: 700; } body.public-page.portal-dashboard .dashboard-card .card-sub a:hover, body.public-page.portal-dashboard .dashboard-card .card-sub a:focus-visible { color: var(--teal-deep); outline: none; } body.public-page.portal-dashboard .dashboard-card .card-actions { margin-top: auto; padding-top: 16px; display: flex; align-items: center; justify-content: flex-start; gap: 10px; flex-wrap: wrap; } html[data-theme="dark"] body.public-page.portal-dashboard .dashboard-card .card-sub a:hover, html[data-theme="dark"] body.public-page.portal-dashboard .dashboard-card .card-sub a:focus-visible { color: var(--teal); } @media (max-width: 980px) { body.public-page.portal-dashboard .dashboard-content.dashboard-content-nohead { padding: 24px; } } @media (max-width: 760px) { body.public-page.portal-dashboard .dashboard-main-wrap::before { height: calc(var(--public-top-space) - 8px); } body.public-page.portal-dashboard .dashboard-hero-panel { padding: 34px 28px; } body.public-page.portal-dashboard .dashboard-content.dashboard-content-nohead { padding: 20px; } } @media (max-width: 560px) { body.public-page.portal-dashboard .dashboard-hero-panel { padding: 28px 22px; } body.public-page.portal-dashboard .dashboard-card { min-height: 0; padding: 20px 18px; } } /* Etappe 2c: Dashboard Feinschliff näher an Public-Startseite */ @media (max-width: 920px) { } @media (max-width: 720px) { } /* Dashboard parity: final scoped cleanup */ @media (max-width: 920px) { } @media (max-width: 720px) { } /* ============================================================ Final parity cleanup: compact composition for profile/users/fund ============================================================ */ :is(body.portal-profile, body.portal-admin-users, body.portal-admin-user, body.portal-fund, body.portal-funde, body.portal-funde-fall) { background: var(--bg) !important; } :is(body.portal-profile, body.portal-admin-users, body.portal-admin-user, body.portal-fund, body.portal-funde, body.portal-funde-fall)::before { background: radial-gradient(ellipse 980px 620px at 14% 8%, rgba(14, 165, 160, .16), transparent 58%), radial-gradient(ellipse 760px 500px at 86% 4%, rgba(246, 180, 60, .10), transparent 54%) !important; } :is(body.portal-profile, body.portal-admin-users, body.portal-admin-user, body.portal-fund, body.portal-funde, body.portal-funde-fall) .wrap { max-width: 1180px !important; padding-top: 22px !important; padding-bottom: 52px !important; } :is(body.portal-admin-user, body.portal-fund, body.portal-funde-fall) .dashboard-shell, body.portal-funde .panel, body.portal-profile .card.wide, body.portal-admin-users .dashboard-shell { background: linear-gradient(180deg, rgba(255,255,255,.90), rgba(248,251,251,.96)) !important; border: 1px solid rgba(14, 165, 160, .12) !important; box-shadow: 0 18px 42px rgba(12, 17, 22, .08) !important; backdrop-filter: blur(14px) !important; -webkit-backdrop-filter: blur(14px) !important; } :is(body.portal-admin-user, body.portal-fund, body.portal-funde-fall) .section-head, body.portal-funde .pageHead, body.portal-profile .head, body.portal-admin-users .pageHead { background: radial-gradient(540px 220px at 12% 8%, rgba(112, 209, 203, .24), transparent 68%), linear-gradient(92deg, rgba(215,238,236,.90) 0%, rgba(229,235,228,.86) 54%, rgba(243,237,223,.92) 100%) !important; border-bottom-color: rgba(14, 165, 160, .10) !important; } :is(body.portal-admin-user, body.portal-fund, body.portal-funde-fall) .section-head h1, body.portal-funde .pageHeadTitle h1, body.portal-profile .head h1, body.portal-admin-users .pageHead h1 { font-size: clamp(2.35rem, 4vw, 3.65rem) !important; line-height: 1.02 !important; letter-spacing: -.04em !important; text-wrap: balance !important; } :is(body.portal-admin-user, body.portal-fund, body.portal-funde-fall) .section-head p, body.portal-funde .pageHeadTitle .lead, body.portal-profile .sub, body.portal-admin-users .pageHead p { color: var(--muted) !important; max-width: 48rem !important; } :is(body.portal-admin-user, body.portal-fund, body.portal-funde, body.portal-funde-fall, body.portal-profile, body.portal-admin-users) .btn.primary { background: var(--accent-grad) !important; border-color: transparent !important; color: #fff !important; box-shadow: 0 12px 24px rgba(14, 165, 160, .18) !important; } :is(body.portal-admin-user, body.portal-fund, body.portal-funde, body.portal-funde-fall, body.portal-profile, body.portal-admin-users) .btn.secondary, :is(body.portal-admin-user, body.portal-fund, body.portal-funde, body.portal-funde-fall, body.portal-profile, body.portal-admin-users) .btn.tertiary, :is(body.portal-admin-user, body.portal-profile) .btnGhost { background: rgba(255,255,255,.82) !important; border-color: rgba(14, 165, 160, .14) !important; color: var(--ink2) !important; box-shadow: var(--shadow-sm) !important; } :is(body.portal-admin-user, body.portal-fund, body.portal-funde, body.portal-funde-fall, body.portal-profile, body.portal-admin-users) .btn.secondary:hover, :is(body.portal-admin-user, body.portal-fund, body.portal-funde, body.portal-funde-fall, body.portal-profile, body.portal-admin-users) .btn.tertiary:hover, :is(body.portal-admin-user, body.portal-profile) .btnGhost:hover { background: rgba(255,255,255,.94) !important; border-color: rgba(14, 165, 160, .22) !important; } :is(body.portal-admin-user, body.portal-fund, body.portal-funde, body.portal-funde-fall, body.portal-admin-users) .pill, body.portal-admin-user .badge, body.portal-admin-users .userMeta, body.portal-admin-users .roleLabel, body.portal-admin-users .birdStateTag { background: rgba(255,255,255,.76) !important; border: 1px solid rgba(14, 165, 160, .12) !important; border-radius: 14px !important; box-shadow: none !important; } body.portal-profile .profile-layout { display: grid !important; grid-template-columns: minmax(0, 1.04fr) minmax(320px, .96fr) !important; align-items: start !important; gap: 22px !important; padding: 24px !important; } body.portal-profile .profile-main { display: grid !important; gap: 18px !important; min-width: 0 !important; padding: 0 !important; background: transparent !important; border-right: 0 !important; } body.portal-profile .profile-side { display: grid !important; gap: 18px !important; min-width: 0 !important; padding: 0 !important; background: transparent !important; } body.portal-profile .profile-main > .form, body.portal-profile .profile-side > .form { display: grid !important; gap: 18px !important; align-content: start !important; margin: 0 !important; padding: 0 !important; min-height: 0 !important; } body.portal-profile .card.wide { max-width: 1120px !important; } body.portal-profile .wrap { max-width: 1200px !important; padding-top: 28px !important; padding-bottom: 56px !important; } body.portal-profile .head { padding: 30px 34px 24px !important; } body.portal-profile .head h1 { max-width: 10ch !important; } body.portal-profile .sub { margin: 8px 0 0 !important; font-size: 15px !important; line-height: 1.6 !important; max-width: 42rem !important; } body.portal-profile .alert { margin: 0 !important; padding: 12px 14px !important; border-radius: 14px !important; border: 1px solid rgba(220, 38, 38, .30) !important; background: rgba(220, 38, 38, .06) !important; color: #7f1d1d !important; font-weight: 700 !important; } body.portal-profile .alert small { display: block !important; margin-top: 6px !important; color: rgba(127, 29, 29, .85) !important; font-weight: 500 !important; } body.portal-profile .formCard, body.portal-profile .profile-side-intro, body.portal-profile .passwordCard, body.portal-profile .actionCard:not(.actionInline) { background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(248,251,251,.96)) !important; border-color: rgba(132, 188, 190, .18) !important; border-radius: 24px !important; box-shadow: 0 16px 36px rgba(12, 17, 22, .05) !important; padding: 18px 20px 20px !important; } body.portal-profile .requiredCard, body.portal-profile .optionalCard { background: linear-gradient(180deg, rgba(255,255,255,.94), rgba(248,251,251,.98)) !important; } body.portal-profile .profile-side-intro { display: grid !important; gap: 10px !important; } body.portal-profile .actionInline, body.portal-profile .actionCard:not(.actionInline) { display: grid !important; gap: 12px !important; } body.portal-profile .actionInline .cta, body.portal-profile .actionCard .cta { justify-content: flex-start !important; margin-top: 0 !important; } body.portal-profile .actionInline .cta .btn, body.portal-profile .actionCard .cta .btn { min-width: 156px !important; } body.portal-profile .blockTitle { font-size: 21px !important; line-height: 1.15 !important; margin: 0 0 8px !important; } body.portal-profile .formSection { display: grid !important; gap: 12px !important; margin-top: 10px !important; } body.portal-profile .formSection + .formSection { margin-top: 10px !important; padding-top: 12px !important; border-top: 1px solid rgba(132, 188, 190, .16) !important; } body.portal-profile .row2 { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 12px !important; } body.portal-profile label { display: block !important; margin: 12px 0 6px !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: .02em !important; color: rgba(12, 17, 22, .78) !important; } body.portal-profile .req { color: var(--teal) !important; font-weight: 800 !important; } body.portal-profile .hint, body.portal-profile .readonlyHint { color: rgba(43, 60, 71, .76) !important; } body.portal-profile .hint { margin: 0 !important; font-size: 14px !important; line-height: 1.55 !important; } body.portal-profile .actionHint { margin: 0 !important; font-size: 13px !important; line-height: 1.55 !important; color: rgba(43, 60, 71, .76) !important; } body.portal-profile .readonlyHint { margin: 8px 0 0 !important; font-size: 12px !important; } body.portal-profile .sectionEyebrow { justify-self: start !important; width: fit-content !important; background: rgba(255,255,255,.78) !important; border-color: rgba(132, 188, 190, .18) !important; } body.portal-profile .field { height: auto !important; min-height: 48px !important; border-radius: 14px !important; border-color: rgba(12, 17, 22, .14) !important; background: #fff !important; padding: 11px 12px !important; gap: 10px !important; box-shadow: none !important; } body.portal-profile .field:focus-within { border-color: rgba(14, 165, 160, .56) !important; box-shadow: 0 0 0 4px rgba(14, 165, 160, .18) !important; } body.portal-profile .field input, body.portal-profile .field select { width: 100% !important; border: 0 !important; outline: none !important; background: transparent !important; color: var(--ink) !important; font-size: 15px !important; line-height: 1.35 !important; font-weight: 500 !important; } body.portal-profile .field input::placeholder { color: rgba(75, 90, 102, .75) !important; } body.portal-profile .foot { margin: 0 24px 22px !important; padding: 16px 2px 0 !important; border-top: 1px solid rgba(132, 188, 190, .16) !important; color: rgba(43, 60, 71, .76) !important; } body.portal-admin-users .wrap, body.portal-admin-user .wrap { max-width: 1220px !important; } body.portal-admin-users .usersTopRow { display: grid !important; grid-template-columns: minmax(0, 1fr) auto auto !important; gap: 12px !important; align-items: center !important; } body.portal-admin-users .usersSearch, body.portal-admin-users .usersSearchBtn { min-height: 44px !important; } body.portal-admin-users .usersTable { border-collapse: separate !important; border-spacing: 0 10px !important; } body.portal-admin-users .usersTable thead th { padding-bottom: 4px !important; color: rgba(43, 60, 71, .68) !important; font-size: 11px !important; letter-spacing: .08em !important; } body.portal-admin-users .usersTable tbody tr { background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(248,251,251,.96)) !important; box-shadow: 0 10px 26px rgba(12, 17, 22, .05) !important; } body.portal-admin-users .usersTable tbody td:first-child { border-top-left-radius: 20px !important; border-bottom-left-radius: 20px !important; } body.portal-admin-users .usersTable tbody td:last-child { border-top-right-radius: 20px !important; border-bottom-right-radius: 20px !important; } body.portal-admin-users .usersActionsCell { white-space: nowrap !important; } body.portal-admin-users .profileOverlay { padding: 32px 20px !important; } body.portal-admin-users .profileModal { width: min(940px, 100%) !important; border-radius: 30px !important; border: 1px solid rgba(14, 165, 160, .14) !important; background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,251,251,.98)) !important; box-shadow: var(--shadow-lg) !important; } body.portal-admin-users .profileModalInner { gap: 18px !important; } body.portal-admin-users .profileFactGrid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; } body.portal-admin-users .profileFact, body.portal-admin-users .profileFactWide { padding: 14px 16px !important; border-radius: 20px !important; background: rgba(255,255,255,.72) !important; border: 1px solid rgba(14, 165, 160, .12) !important; } body.portal-admin-user .metaRow { display: flex !important; flex-wrap: wrap !important; gap: 10px !important; margin-bottom: 18px !important; } body.portal-admin-user .grid2 { display: grid !important; grid-template-columns: minmax(0, .94fr) minmax(0, 1.06fr) !important; gap: 18px !important; } body.portal-admin-user .card { padding: 18px 18px 20px !important; border-radius: 24px !important; border-color: rgba(14, 165, 160, .12) !important; background: linear-gradient(180deg, rgba(255,255,255,.94), rgba(248,251,251,.97)) !important; box-shadow: 0 8px 24px rgba(12, 17, 22, .05) !important; } body.portal-admin-user .kv { grid-template-columns: minmax(118px, 148px) minmax(0, 1fr) !important; gap: 10px 14px !important; } body.portal-admin-user .k { letter-spacing: .08em !important; text-transform: uppercase !important; font-size: 11px !important; } body.portal-fund .wrap, body.portal-funde .wrap, body.portal-funde-fall .wrap { max-width: 1120px !important; } body.portal-fund .grid { grid-template-columns: minmax(0, 1.08fr) minmax(320px, .92fr) !important; gap: 20px !important; } body.portal-fund .panel, body.portal-fund .details, body.portal-funde-fall .surface, body.portal-funde-fall .mini-card { background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(248,251,251,.96)) !important; border-color: rgba(14, 165, 160, .12) !important; box-shadow: 0 8px 24px rgba(12, 17, 22, .05) !important; } body.portal-fund .details { position: sticky !important; top: 112px !important; } body.portal-fund .linkbox, body.portal-funde-fall .linkbox { background: rgba(255,255,255,.74) !important; border-color: rgba(14, 165, 160, .12) !important; } body.portal-funde .panel { overflow: hidden !important; } body.portal-funde .inner { padding: 22px 22px 20px !important; } body.portal-funde .table { border-collapse: separate !important; border-spacing: 0 10px !important; } body.portal-funde .row { box-shadow: 0 10px 26px rgba(12, 17, 22, .05) !important; } body.portal-funde .row td:first-child { border-top-left-radius: 18px !important; border-bottom-left-radius: 18px !important; } body.portal-funde .row td:last-child { border-top-right-radius: 18px !important; border-bottom-right-radius: 18px !important; } body.portal-funde-fall .toolbar-card { gap: 12px !important; padding: 16px 18px !important; } body.portal-funde-fall .grid { grid-template-columns: minmax(0, 1.08fr) minmax(320px, .92fr) !important; gap: 18px !important; } html[data-theme="dark"] :is(body.portal-profile, body.portal-admin-users, body.portal-admin-user, body.portal-fund, body.portal-funde, body.portal-funde-fall) { background: linear-gradient(180deg, rgba(10, 34, 50, .96) 0px, rgba(8, 29, 42, .94) 136px, rgba(13, 27, 30, .98) 248px, var(--bg) 370px), var(--bg) !important; } html[data-theme="dark"] :is(body.portal-profile, body.portal-admin-users, body.portal-admin-user, body.portal-fund, body.portal-funde, body.portal-funde-fall)::before { background: radial-gradient(ellipse 900px 600px at 15% 10%, rgba(14, 165, 160, .16), transparent 60%), radial-gradient(ellipse 700px 500px at 85% 5%, rgba(31, 127, 168, .10), transparent 55%) !important; } html[data-theme="dark"] :is(body.portal-admin-user, body.portal-fund, body.portal-funde-fall) .dashboard-shell, html[data-theme="dark"] body.portal-funde .panel, html[data-theme="dark"] body.portal-profile .card.wide, html[data-theme="dark"] body.portal-admin-users .dashboard-shell, html[data-theme="dark"] body.portal-fund .panel, html[data-theme="dark"] body.portal-fund .details, html[data-theme="dark"] body.portal-funde-fall .surface, html[data-theme="dark"] body.portal-funde-fall .mini-card, html[data-theme="dark"] body.portal-admin-user .card, html[data-theme="dark"] body.portal-profile .profile-side-intro, html[data-theme="dark"] body.portal-profile .passwordCard, html[data-theme="dark"] body.portal-profile .actionCard, html[data-theme="dark"] body.portal-admin-users .profileModal, html[data-theme="dark"] body.portal-admin-users .profileFact, html[data-theme="dark"] body.portal-admin-users .profileFactWide { background: rgba(10, 28, 41, .84) !important; border-color: rgba(174, 210, 224, .16) !important; box-shadow: 0 18px 48px rgba(0, 0, 0, .28) !important; } html[data-theme="dark"] :is(body.portal-admin-user, body.portal-fund, body.portal-funde-fall) .section-head, html[data-theme="dark"] body.portal-funde .pageHead, html[data-theme="dark"] body.portal-profile .head, html[data-theme="dark"] body.portal-admin-users .pageHead { background: radial-gradient(540px 220px at 12% 8%, rgba(76,176,168,.16), transparent 66%), linear-gradient(96deg, rgba(29,43,47,.97) 0%, rgba(31,45,50,.95) 52%, rgba(40,46,40,.92) 100%) !important; border-bottom-color: rgba(174, 210, 224, .16) !important; } html[data-theme="dark"] :is(body.portal-admin-user, body.portal-fund, body.portal-funde, body.portal-funde-fall, body.portal-profile, body.portal-admin-users) .btn.secondary, html[data-theme="dark"] :is(body.portal-admin-user, body.portal-fund, body.portal-funde, body.portal-funde-fall, body.portal-profile, body.portal-admin-users) .btn.tertiary, html[data-theme="dark"] :is(body.portal-admin-user, body.portal-profile) .btnGhost { background: rgba(18, 35, 46, .82) !important; border-color: rgba(174, 210, 224, .14) !important; color: var(--ink2) !important; } html[data-theme="dark"] :is(body.portal-admin-user, body.portal-fund, body.portal-funde, body.portal-funde-fall, body.portal-admin-users) .pill, html[data-theme="dark"] body.portal-admin-user .badge, html[data-theme="dark"] body.portal-admin-users .userMeta, html[data-theme="dark"] body.portal-admin-users .roleLabel, html[data-theme="dark"] body.portal-admin-users .birdStateTag { background: rgba(18, 35, 46, .82) !important; border-color: rgba(174, 210, 224, .14) !important; color: var(--ink2) !important; } html[data-theme="dark"] body.portal-profile .profile-main { background: transparent !important; border-right: 0 !important; } html[data-theme="dark"] body.portal-profile .profile-side { background: transparent !important; } html[data-theme="dark"] body.portal-profile .formCard, html[data-theme="dark"] body.portal-profile .profile-side-intro, html[data-theme="dark"] body.portal-profile .passwordCard, html[data-theme="dark"] body.portal-profile .actionCard:not(.actionInline) { background: linear-gradient(180deg, rgba(10, 28, 41, .90), rgba(8, 25, 37, .94)) !important; border-color: rgba(174, 210, 224, .18) !important; box-shadow: 0 18px 48px rgba(0, 0, 0, .28) !important; } html[data-theme="dark"] body.portal-profile .actionInline { background: transparent !important; border: 0 !important; box-shadow: none !important; } html[data-theme="dark"] body.portal-profile .alert { background: rgba(110, 22, 30, .34) !important; border-color: rgba(255, 146, 146, .34) !important; color: #ffd1d1 !important; } html[data-theme="dark"] body.portal-profile .alert small { color: rgba(255, 209, 209, .82) !important; } html[data-theme="dark"] body.portal-profile .field { background: rgba(8, 25, 37, .92) !important; border-color: rgba(174, 210, 224, .18) !important; } html[data-theme="dark"] body.portal-profile .field input, html[data-theme="dark"] body.portal-profile .field select { background: transparent !important; color: #e7f4f9 !important; } html[data-theme="dark"] body.portal-profile .field input::placeholder { color: rgba(198, 218, 228, .56) !important; } html[data-theme="dark"] body.portal-profile label, html[data-theme="dark"] body.portal-profile .hint, html[data-theme="dark"] body.portal-profile .actionHint, html[data-theme="dark"] body.portal-profile .readonlyHint { color: rgba(198, 218, 228, .78) !important; } html[data-theme="dark"] body.portal-profile .foot { border-top-color: rgba(174, 210, 224, .16) !important; color: rgba(198, 218, 228, .78) !important; } html[data-theme="dark"] body.portal-fund .linkbox, html[data-theme="dark"] body.portal-funde-fall .linkbox { background: rgba(18, 35, 46, .76) !important; border-color: rgba(174, 210, 224, .14) !important; } @media (max-width: 980px) { body.portal-profile .profile-layout, body.portal-fund .grid, body.portal-funde-fall .grid, body.portal-admin-user .grid2, body.portal-admin-users .usersTopRow { grid-template-columns: 1fr !important; } body.portal-fund .details { position: static !important; } } @media (max-width: 760px) { :is(body.portal-profile, body.portal-admin-users, body.portal-admin-user, body.portal-fund, body.portal-funde, body.portal-funde-fall) .wrap { padding-top: 18px !important; padding-bottom: 40px !important; } body.portal-profile .row2 { grid-template-columns: 1fr !important; } body.portal-profile .cta { width: 100% !important; display: grid !important; grid-template-columns: 1fr !important; } body.portal-profile .cta .btn { width: 100% !important; min-width: 0 !important; } body.portal-profile .profile-layout, body.portal-admin-users .profileOverlay { padding: 18px !important; } body.portal-profile .foot { margin-left: 18px !important; margin-right: 18px !important; } body.portal-admin-users .profileFactGrid { grid-template-columns: 1fr !important; } } } /* ============================================================ Support an Profil-Shell angleichen - Hauptformular und Seiteninfos wieder klar balancieren - leere Flaechen rechts vermeiden - Workspace dichter an Profilkarten fuehren ============================================================ */ body.portal-support .support-shell { max-width: 1100px !important; } body.portal-support .support-content { grid-template-columns: minmax(0, 1fr) minmax(300px, 332px) !important; gap: 18px !important; padding: 18px !important; align-items: start !important; } body.portal-support .support-main, body.portal-support .support-side, body.portal-support .support-help { min-width: 0 !important; } body.portal-support .support-main { order: 1 !important; } body.portal-support .support-side { order: 2 !important; display: block !important; } body.portal-support .support-help { position: sticky !important; top: 108px !important; display: grid !important; gap: 16px !important; width: 100% !important; } body.portal-support .support-main > .pane, body.portal-support .support-side .helpBlock, body.portal-support .supportWorkspace { border-radius: 24px !important; border: 1px solid rgba(132,188,190,.18) !important; background: linear-gradient(180deg, rgba(255,255,255,.93), rgba(248,251,251,.97)) !important; box-shadow: 0 14px 30px rgba(12,17,22,.05) !important; } body.portal-support .support-main > .pane { padding: 22px !important; } body.portal-support .support-side .helpBlock { display: grid !important; padding: 20px !important; gap: 16px !important; } body.portal-support .sectionIntro { display: grid !important; gap: 8px !important; } body.portal-support .sectionEyebrow { display: block !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: rgba(43,60,71,.60) !important; font-size: 11px !important; font-weight: 800 !important; letter-spacing: .08em !important; text-transform: uppercase !important; box-shadow: none !important; } body.portal-support .sectionTitle { margin: 0 !important; font-family: "Fraunces", Georgia, serif !important; font-size: clamp(22px, 2.6vw, 42px) !important; line-height: 1.02 !important; letter-spacing: -.02em !important; } body.portal-support .sectionLead, body.portal-support .lookupMeta, body.portal-support .meta, body.portal-support .supportSideNote, body.portal-support .workspaceFoldLead, body.portal-support .ticketColumnMeta, body.portal-support .ticketItemMeta, body.portal-support .ticketItemSnippet, body.portal-support .detailSub, body.portal-support .statusHint, body.portal-support .replyText { color: rgba(43,60,71,.74) !important; } body.portal-support .supportInfoGrid, body.portal-support .helpList, body.portal-support .lookupGrid { display: grid !important; gap: 12px !important; } body.portal-support .supportInfoItem, body.portal-support .lookupHelpCard, body.portal-support .supportProfileHint { box-shadow: inset 0 1px 0 rgba(255,255,255,.72) !important; } body.portal-support .supportProfileHintAvatar { border-radius: 16px !important; } body.portal-support .lookupForm { display: grid !important; gap: 12px !important; } body.portal-support .lookupForm .btn, body.portal-support .actions .btn { width: auto !important; } body.portal-support .supportWorkspace { margin: 0 18px 18px !important; overflow: hidden !important; } body.portal-support .workspaceFoldSummary { padding: 18px 22px !important; } body.portal-support .workspaceFoldBody { padding: 0 22px 22px !important; } body.portal-support .workspaceHead { padding-top: 18px !important; } body.portal-support .supportViewerBar { border-radius: 20px !important; padding: 16px 18px !important; } body.portal-support .workspaceStats { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 14px !important; } body.portal-support .workspaceStat { min-height: 0 !important; padding: 16px 18px !important; border-radius: 20px !important; } body.portal-support .workspaceGrid { display: grid !important; grid-template-columns: minmax(280px, 320px) minmax(0, 1fr) !important; gap: 18px !important; align-items: start !important; } body.portal-support .ticketListPanel, body.portal-support .detailShell, body.portal-support .replyCard, body.portal-support .detailStatusBox, body.portal-support .ticketItem { border-radius: 20px !important; } body.portal-support .ticketColumnHead, body.portal-support .detailTop, body.portal-support .detailSection { padding-left: 0 !important; padding-right: 0 !important; } body.portal-support .ticketListScroll { max-height: 620px !important; } body.portal-support .ticketCountChip, body.portal-support .workspaceFoldBadge { border-radius: 999px !important; } body.portal-support .replyList { display: grid !important; gap: 12px !important; } body.portal-support .replyCard { padding: 16px !important; } body.portal-support .replyFormActions { display: flex !important; justify-content: flex-start !important; } body.portal-support .support-foot { margin: 0 18px 18px !important; } html[data-theme="dark"] body.portal-support .support-main > .pane, html[data-theme="dark"] body.portal-support .support-side .helpBlock, html[data-theme="dark"] body.portal-support .supportWorkspace, html[data-theme="dark"] body.portal-support .supportProfileHint, html[data-theme="dark"] body.portal-support .lookupHelpCard { background: rgba(24,36,43,.78) !important; border-color: rgba(132,188,190,.16) !important; box-shadow: none !important; } html[data-theme="dark"] body.portal-support .sectionEyebrow { color: rgba(214,228,223,.62) !important; } @media (max-width: 980px) { body.portal-support .support-content { grid-template-columns: 1fr !important; } body.portal-support .support-side { display: block !important; } body.portal-support .support-help { position: static !important; } body.portal-support .workspaceGrid, body.portal-support .workspaceStats { grid-template-columns: 1fr !important; } } @media (max-width: 760px) { body.portal-support .support-content, body.portal-support .support-main > .pane, body.portal-support .support-side .helpBlock, body.portal-support .workspaceFoldSummary, body.portal-support .workspaceFoldBody { padding-left: 16px !important; padding-right: 16px !important; } body.portal-support .supportWorkspace, body.portal-support .support-foot { margin-left: 16px !important; margin-right: 16px !important; } } /* ============================================================ Support v4 - obere Reihe sauber ausrichten - Sidebar und Formular tauschen - Meine Supportanfragen ueber volle Breite ============================================================ */ body.portal-support .support-shell { max-width: 1120px !important; } body.portal-support .content.support-content, body.portal-support .content.support-content.has-workspace { display: grid !important; grid-template-columns: minmax(280px, 320px) minmax(0, 1fr) !important; grid-template-areas: "side main" "workspace workspace" !important; gap: 18px !important; padding: 18px !important; align-items: stretch !important; } body.portal-support .support-side { grid-area: side !important; display: flex !important; min-width: 0 !important; } body.portal-support .support-main { grid-area: main !important; display: flex !important; min-width: 0 !important; } body.portal-support .supportWorkspace { grid-area: workspace !important; min-width: 0 !important; margin: 0 !important; align-self: stretch !important; } body.portal-support .support-main > .pane, body.portal-support .support-side > .pane { flex: 1 1 auto !important; width: 100% !important; height: 100% !important; } body.portal-support .support-main > .pane { padding: 24px !important; } body.portal-support .support-help { position: static !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; gap: 18px !important; width: 100% !important; height: 100% !important; } body.portal-support .support-side .helpBlock { padding: 20px !important; } body.portal-support .helpDivider { margin: 0 !important; } body.portal-support .supportWorkspace { border-radius: 24px !important; } body.portal-support .workspaceFoldSummary { padding: 20px 24px !important; } body.portal-support .workspaceFoldBody { padding: 0 24px 24px !important; } body.portal-support .support-foot { margin: 0 18px 18px !important; } @media (max-width: 980px) { body.portal-support .content.support-content, body.portal-support .content.support-content.has-workspace { grid-template-columns: 1fr !important; grid-template-areas: "main" "side" "workspace" !important; } body.portal-support .support-side, body.portal-support .support-main { display: block !important; } body.portal-support .support-help { height: auto !important; } } /* ============================================================ Support polish v5 - weniger Lego - ruhigere Sidebar als eine zusammenhaengende Karte - mehr Breite fuer die Hauptaktion - obere Reihe visuell auf gleicher Linie ============================================================ */ body.portal-support .support-shell { max-width: 1180px !important; } body.portal-support .portal-shell-wrap.support-page, body.portal-support .support-page { padding-top: 10px !important; } body.portal-support .support-content { grid-template-columns: minmax(272px, 292px) minmax(0, 1fr) !important; grid-template-areas: "side main" "workspace workspace" !important; gap: 20px !important; align-items: stretch !important; } body.portal-support .support-side { grid-area: side !important; } body.portal-support .support-main { grid-area: main !important; } body.portal-support .supportWorkspace { grid-area: workspace !important; } body.portal-support .support-side, body.portal-support .support-main { align-self: stretch !important; } body.portal-support .support-help { position: static !important; top: auto !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; gap: 22px !important; height: 100% !important; padding: 22px !important; } body.portal-support .support-side .helpBlock { padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; } body.portal-support .support-side .supportProfileHint, body.portal-support .support-side .lookupHelpCard, body.portal-support .support-side .statusBox, body.portal-support .support-side .helpList .kv, body.portal-support .support-side .lookupGrid .kv { background: rgba(255,255,255,.62) !important; border: 1px solid rgba(132,188,190,.15) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.68) !important; } body.portal-support .support-side .supportProfileHint, body.portal-support .support-side .lookupHelpCard { border-radius: 16px !important; padding: 14px 15px !important; } body.portal-support .support-side .helpList, body.portal-support .support-side .lookupGrid, body.portal-support .support-side .lookupForm { gap: 10px !important; } body.portal-support .support-side .sectionEyebrow { font-size: 10px !important; letter-spacing: .1em !important; } body.portal-support .support-side .sectionTitle { font-size: clamp(18px, 1.9vw, 28px) !important; line-height: 1.04 !important; letter-spacing: -.018em !important; } body.portal-support .support-side .sectionLead, body.portal-support .support-side .lookupMeta, body.portal-support .support-side .supportSideNote, body.portal-support .support-side .meta, body.portal-support .support-side .statusHint { font-size: .9rem !important; line-height: 1.45 !important; } body.portal-support .support-side .v { font-size: 15px !important; } body.portal-support .support-side .helpDivider { display: block !important; margin: 0 !important; border: 0 !important; border-top: 1px solid rgba(132,188,190,.16) !important; } body.portal-support .support-main > .pane { height: 100% !important; padding: 26px !important; } body.portal-support .support-main .sectionTitle { font-size: clamp(26px, 2.8vw, 46px) !important; } body.portal-support .support-main .row2 { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; gap: 14px !important; } body.portal-support .support-main .field, body.portal-support .support-main .select, body.portal-support .support-main .texta { background: rgba(255,255,255,.80) !important; } body.portal-support .support-main .consent { background: linear-gradient(180deg, rgba(239,249,249,.78), rgba(245,251,251,.9)) !important; border: 1px solid rgba(132,188,190,.16) !important; border-radius: 16px !important; padding: 13px 14px !important; } body.portal-support .support-main .meta { margin-top: 2px !important; } body.portal-support .supportWorkspace { margin: 0 18px 18px !important; } body.portal-support .workspaceFoldSummary { padding: 20px 24px !important; } body.portal-support .workspaceFoldIntro h2 { font-size: clamp(22px, 2.2vw, 36px) !important; line-height: 1.04 !important; } body.portal-support .workspaceFoldMeta, body.portal-support .workspaceFoldCount, body.portal-support .workspaceFoldToggle { align-self: start !important; } @media (max-width: 980px) { body.portal-support .support-content { grid-template-columns: 1fr !important; grid-template-areas: "main" "side" "workspace" !important; align-items: start !important; } body.portal-support .support-help { height: auto !important; justify-content: flex-start !important; } } /* ============================================================ Support compact v6 - linke Hilfeleiste als eine zusammengefasste Karte - Formular dichter und weniger luftlastig ============================================================ */ body.portal-support .support-content { grid-template-columns: minmax(250px, 272px) minmax(0, 1fr) !important; gap: 18px !important; } body.portal-support .support-help { justify-content: flex-start !important; gap: 0 !important; padding: 20px 18px !important; } body.portal-support .support-help .helpDivider { display: block !important; margin: 16px 0 !important; border-top: 1px solid rgba(132,188,190,.16) !important; } body.portal-support .support-side .helpBlock { display: block !important; padding: 0 !important; } body.portal-support .supportSidebarIdentity { display: flex !important; align-items: center !important; gap: 12px !important; margin: 0 0 16px !important; padding: 0 0 14px !important; border-bottom: 1px solid rgba(132,188,190,.14) !important; } body.portal-support .supportSidebarIdentity .supportProfileHintAvatar { flex: 0 0 42px !important; width: 42px !important; height: 42px !important; border-radius: 999px !important; overflow: hidden !important; display: grid !important; place-items: center !important; background: rgba(14,165,160,.12) !important; } body.portal-support .supportSidebarIdentity .supportProfileHintText strong { display: block !important; margin: 0 0 3px !important; font: 700 .94rem/1.2 "Plus Jakarta Sans",system-ui,sans-serif !important; color: #0c1116 !important; } body.portal-support .supportSidebarIdentity .supportProfileHintText span, body.portal-support .supportSidebarNote, body.portal-support .support-main .supportFormNote p { color: rgba(43,60,71,.74) !important; font-size: .9rem !important; line-height: 1.48 !important; } body.portal-support .supportSidebarSection + .supportSidebarSection { margin-top: 0 !important; } body.portal-support .support-side .sectionIntro { gap: 6px !important; margin: 0 0 12px !important; } body.portal-support .support-side .sectionTitle { font-size: clamp(16px, 1.9vw, 24px) !important; line-height: 1.02 !important; } body.portal-support .support-side .sectionLead { margin: 0 !important; font-size: .9rem !important; } body.portal-support .support-side .supportSidebarFacts, body.portal-support .support-side .lookupForm { display: grid !important; gap: 8px !important; } body.portal-support .support-side .helpList .kv, body.portal-support .support-side .lookupGrid .kv, body.portal-support .support-side .lookupHelpCard, body.portal-support .support-side .supportProfileHint, body.portal-support .support-side .statusBox { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; } body.portal-support .support-side .helpList .kv { display: grid !important; gap: 2px !important; padding: 8px 0 !important; border-bottom: 1px solid rgba(132,188,190,.12) !important; } body.portal-support .support-side .helpList .kv:last-child { border-bottom: 0 !important; } body.portal-support .support-side .k { font-size: 10px !important; font-weight: 800 !important; letter-spacing: .08em !important; text-transform: uppercase !important; color: rgba(43,60,71,.56) !important; } body.portal-support .support-side .v { font-size: .95rem !important; line-height: 1.4 !important; } body.portal-support .supportSidebarMiniTitle { margin: 0 0 4px !important; font: 700 .92rem/1.25 "Plus Jakarta Sans",system-ui,sans-serif !important; color: #0c1116 !important; } body.portal-support .support-side .lookupForm { margin-top: 12px !important; } body.portal-support .support-side .lookupMeta { margin-top: 2px !important; font-size: .82rem !important; } body.portal-support .support-main > .pane { height: auto !important; min-height: 100% !important; padding: 22px 22px 20px !important; } body.portal-support .support-main .formGrid { display: grid !important; gap: 12px !important; } body.portal-support .support-main .sectionIntro { gap: 6px !important; } body.portal-support .support-main .sectionLead { max-width: 64ch !important; margin: 0 !important; } body.portal-support .support-main .supportFormNote { margin: 0 !important; padding: 12px 14px !important; border-radius: 16px !important; } body.portal-support .support-main .supportFormDenseNote strong { display: block !important; margin: 0 0 4px !important; font: 700 .94rem/1.2 "Plus Jakarta Sans",system-ui,sans-serif !important; color: #0c1116 !important; } body.portal-support .support-main .supportFormFields { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; gap: 12px 14px !important; align-items: start !important; } body.portal-support .support-main .supportFieldSpan2 { grid-column: 1 / -1 !important; } body.portal-support .support-main .fieldLabel { margin-bottom: 6px !important; } body.portal-support .support-main .field, body.portal-support .support-main .select, body.portal-support .support-main .texta { padding: 11px 12px !important; border-radius: 14px !important; } body.portal-support .support-main .texta { min-height: 118px !important; } body.portal-support .support-main .consent { margin-top: 2px !important; } body.portal-support .support-main .actions { margin-top: 0 !important; } body.portal-support .support-main .meta { margin-top: 0 !important; font-size: .84rem !important; } @media (max-width: 980px) { body.portal-support .support-content { grid-template-columns: 1fr !important; } } @media (max-width: 720px) { body.portal-support .support-main .supportFormFields { grid-template-columns: 1fr !important; } body.portal-support .support-main .supportFieldSpan2 { grid-column: auto !important; } } /* ============================================================ Support redesign v7 Freier Neuaufbau unterhalb des Heads ============================================================ */ body.portal-support .support-shell{ padding:18px!important; } body.portal-support .content.support-content.support-redesign, body.portal-support .content.support-content.support-redesign.has-workspace{ display:grid!important; grid-template-columns:minmax(276px,308px) minmax(0,1fr)!important; grid-template-areas: "rail main" "workspace workspace"!important; gap:18px!important; align-items:start!important; } body.portal-support .supportRail{grid-area:rail!important;min-width:0} body.portal-support .supportStage{grid-area:main!important;min-width:0} body.portal-support .supportWorkspaceBoard{grid-area:workspace!important;min-width:0} body.portal-support .supportRailCard, body.portal-support .supportComposerCard, body.portal-support .supportWorkspaceBoard{ border:1px solid rgba(132,188,190,.14)!important; border-radius:24px!important; background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,252,252,.96))!important; box-shadow:0 16px 34px rgba(12,17,22,.04)!important; } body.portal-support .supportRailCard{ padding:18px 18px 16px!important; } body.portal-support .supportRailSection + .supportRailSection{ margin-top:18px!important; padding-top:18px!important; border-top:1px solid rgba(132,188,190,.14)!important; } body.portal-support .supportRailIdentity{display:flex;gap:12px;align-items:flex-start} body.portal-support .supportRailAvatar{ flex:0 0 42px;width:42px;height:42px;border-radius:999px;overflow:hidden;display:grid;place-items:center; background:rgba(14,165,160,.12);box-shadow:0 8px 20px rgba(12,17,22,.06) } body.portal-support .supportRailAvatar img{width:100%;height:100%;object-fit:cover;display:block} body.portal-support .supportRailIdentityCopy strong{display:block;margin:0 0 4px;font:700 .95rem/1.2 "Plus Jakarta Sans",system-ui,sans-serif;color:#0c1116} body.portal-support .supportRailIdentityCopy span, body.portal-support .supportRailLead, body.portal-support .supportRailNote, body.portal-support .supportLookupHint p, body.portal-support .supportLookupMeta, body.portal-support .supportComposerHint p, body.portal-support .supportComposerCopy .sectionLead, body.portal-support .supportWorkspaceViewer p, body.portal-support .supportTicketHead p, body.portal-support .supportTicketSectionHead p, body.portal-support .workspaceFoldLead{ margin:0;color:rgba(43,60,71,.72);font-size:.92rem;line-height:1.5 } body.portal-support .supportRailKicker, body.portal-support .supportComposerCopy .sectionEyebrow, body.portal-support .sectionEyebrow{ margin:0 0 8px;font:700 .72rem/1.1 "Plus Jakarta Sans",system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:rgba(43,60,71,.48) } body.portal-support .supportRailTitle{ margin:0 0 10px;font:700 clamp(1.7rem,2.1vw,2.45rem)/.96 "Fraunces",ui-serif,Georgia,serif;color:#0c1116 } body.portal-support .supportRailFacts{margin:16px 0 0;display:grid;gap:12px} body.portal-support .supportRailFacts div{display:grid;gap:4px} body.portal-support .supportRailFacts dt{font:700 .72rem/1.1 "Plus Jakarta Sans",system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:rgba(43,60,71,.48)} body.portal-support .supportRailFacts dd{margin:0;color:#0c1116;font:600 .95rem/1.45 "Plus Jakarta Sans",system-ui,sans-serif} body.portal-support .supportRailNote{margin-top:16px} body.portal-support .supportLookupHint, body.portal-support .supportLookupResult{ margin-top:14px;padding:14px 15px;border-radius:18px;border:1px solid rgba(132,188,190,.14);background:rgba(245,250,250,.9) } body.portal-support .supportLookupHint strong, body.portal-support .supportComposerHint strong{display:block;margin:0 0 6px;font:700 .96rem/1.2 "Plus Jakarta Sans",system-ui,sans-serif;color:#0c1116} body.portal-support .supportLookupResultTop{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:6px} body.portal-support .supportLookupResultTop span{font:700 .72rem/1.1 "Plus Jakarta Sans",system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:rgba(43,60,71,.48)} body.portal-support .supportLookupResultTop strong{font:700 1rem/1.2 "Plus Jakarta Sans",system-ui,sans-serif;color:#0c1116} body.portal-support .supportLookupForm{display:grid;gap:12px;margin-top:16px} body.portal-support .supportComposerCard{ padding:28px 28px 22px!important; } body.portal-support .supportComposerHead{ display:grid;grid-template-columns:minmax(0,1.55fr) minmax(220px,.95fr);gap:18px;align-items:start;margin-bottom:18px } body.portal-support .supportComposerCopy .sectionTitle{margin:0 0 10px;font-size:clamp(2.1rem,3vw,3.4rem);line-height:.98} body.portal-support .supportComposerHint{ padding:15px 16px;border-radius:18px;border:1px solid rgba(132,188,190,.14);background:linear-gradient(180deg,rgba(246,251,251,.96),rgba(240,248,248,.92)) } body.portal-support .supportComposerGrid{ display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px 16px;align-items:start } body.portal-support .supportComposerGrid .span-full{grid-column:1/-1} body.portal-support .supportComposerCard .fieldLabel{margin-bottom:7px} body.portal-support .supportComposerCard .field, body.portal-support .supportComposerCard .select, body.portal-support .supportComposerCard .texta{ padding:12px 14px;border-radius:16px;border:1px solid rgba(132,188,190,.18);background:#fff } body.portal-support .supportComposerCard .texta{min-height:136px;resize:vertical} body.portal-support .supportComposerFoot{ display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:end;margin-top:18px;padding-top:16px;border-top:1px solid rgba(132,188,190,.14) } body.portal-support .supportComposerConsent{ display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid rgba(132,188,190,.14);border-radius:18px;background:rgba(246,251,251,.9) } body.portal-support .supportComposerConsent input{margin-top:2px} body.portal-support .supportComposerConsent span{color:#30404c;font-size:.9rem;line-height:1.45} body.portal-support .supportComposerActions{display:grid;gap:10px;justify-items:start} body.portal-support .supportComposerActions .actions{display:flex;gap:10px;flex-wrap:wrap;margin:0} body.portal-support .supportComposerActions .meta{margin:0;color:rgba(43,60,71,.64);font-size:.84rem} body.portal-support .supportWorkspaceBoard{ padding:0!important;overflow:hidden } body.portal-support .supportWorkspaceBoard .workspaceFold{margin:0} body.portal-support .supportWorkspaceBoard .workspaceFoldSummary{ display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px;border:0;background:transparent } body.portal-support .supportWorkspaceBoard .workspaceFoldIntro h2{margin:0 0 6px;font-size:clamp(1.8rem,2.4vw,2.5rem);line-height:.98} body.portal-support .supportWorkspaceBoard .workspaceFoldBadge{background:rgba(12,17,22,.06);color:#30404c;border:0} body.portal-support .supportWorkspaceBoard .workspaceFoldBody{padding:0 22px 22px;background:transparent} body.portal-support .supportWorkspaceInner{display:grid;gap:18px} body.portal-support .supportWorkspaceBar{ display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:18px;border:1px solid rgba(132,188,190,.14);border-radius:22px;background:rgba(247,251,251,.92) } body.portal-support .supportWorkspaceViewer{display:flex;gap:12px;align-items:flex-start;min-width:0} body.portal-support .supportWorkspaceAvatar{flex:0 0 42px;width:42px;height:42px;border-radius:999px;overflow:hidden;display:grid;place-items:center;background:rgba(14,165,160,.12)} body.portal-support .supportWorkspaceAvatar img{width:100%;height:100%;object-fit:cover;display:block} body.portal-support .supportWorkspaceViewer strong{display:block;margin:0 0 4px;font:700 .98rem/1.2 "Plus Jakarta Sans",system-ui,sans-serif;color:#0c1116} body.portal-support .supportWorkspaceTools{display:grid;gap:12px;justify-items:end} body.portal-support .workspaceFilterBar{display:flex;gap:12px;flex-wrap:wrap} body.portal-support .workspaceFilterTab{padding:0 0 4px;border-bottom:2px solid transparent;color:rgba(43,60,71,.74);font:600 .9rem/1.2 "Plus Jakarta Sans",system-ui,sans-serif;text-decoration:none} body.portal-support .workspaceFilterTab.is-active, body.portal-support .workspaceFilterTab:hover{border-bottom-color:rgba(14,165,160,.65);color:#0c1116} body.portal-support .supportDesk{ display:grid;grid-template-columns:minmax(280px,332px) minmax(0,1fr);gap:18px;align-items:start } body.portal-support .supportDeskList, body.portal-support .supportDeskDetail{ border:1px solid rgba(132,188,190,.14);border-radius:22px;background:#fff;padding:18px } body.portal-support .supportDeskHead{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:14px} body.portal-support .supportDeskHead h3, body.portal-support .supportTicketHead h3{margin:0;font:700 1.35rem/1.05 "Fraunces",ui-serif,Georgia,serif;color:#0c1116} body.portal-support .supportDeskMeta{margin:0;color:rgba(43,60,71,.58);font-size:.84rem} body.portal-support .ticketListScroll{display:grid;gap:10px;max-height:760px;overflow:auto;padding-right:4px} body.portal-support .supportTicketRow{ display:grid;gap:7px;padding:14px;border:1px solid rgba(132,188,190,.14);border-radius:18px;background:rgba(249,252,252,.96);text-decoration:none;color:inherit;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease } body.portal-support .supportTicketRow:hover, body.portal-support .supportTicketRow.is-active{border-color:rgba(14,165,160,.28);box-shadow:0 10px 20px rgba(12,17,22,.04);transform:translateY(-1px)} body.portal-support .supportTicketRowTop{display:flex;align-items:flex-start;justify-content:space-between;gap:10px} body.portal-support .supportTicketRowTitle{font:700 .98rem/1.3 "Plus Jakarta Sans",system-ui,sans-serif;color:#0c1116} body.portal-support .supportTicketRowMeta, body.portal-support .supportTicketRowText, body.portal-support .supportTicketRowPriority{color:rgba(43,60,71,.68);font-size:.88rem;line-height:1.45} body.portal-support .supportTicketRowPriority{font-weight:600;color:#0d7f87} body.portal-support .supportTicketHead{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:1px solid rgba(132,188,190,.14)} body.portal-support .supportTicketHeadBadges{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end} body.portal-support .supportTicketFacts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0 0} body.portal-support .supportTicketFacts div{padding:13px 14px;border:1px solid rgba(132,188,190,.14);border-radius:18px;background:rgba(249,252,252,.96)} body.portal-support .supportTicketFacts dt{margin:0 0 4px;font:700 .72rem/1.1 "Plus Jakarta Sans",system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:rgba(43,60,71,.48)} body.portal-support .supportTicketFacts dd{margin:0;color:#0c1116;font:600 .93rem/1.4 "Plus Jakarta Sans",system-ui,sans-serif} body.portal-support .supportTicketSection{margin-top:18px;padding-top:18px;border-top:1px solid rgba(132,188,190,.14)} body.portal-support .supportTicketSectionHead{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px} body.portal-support .supportTicketSectionHead h4{margin:0 0 4px;font:700 1.08rem/1.1 "Plus Jakarta Sans",system-ui,sans-serif;color:#0c1116} body.portal-support .supportTimeline{display:grid;gap:12px} body.portal-support .supportTimelineEntry{padding:14px 15px;border:1px solid rgba(132,188,190,.14);border-radius:18px;background:rgba(249,252,252,.96)} body.portal-support .supportTimelineEntry.is-user{background:rgba(245,251,251,.98)} body.portal-support .supportTimelineMeta{display:grid;gap:3px;margin-bottom:8px} body.portal-support .supportTimelineMeta strong{font:700 .95rem/1.25 "Plus Jakarta Sans",system-ui,sans-serif;color:#0c1116} body.portal-support .supportTimelineMeta span, body.portal-support .supportTimelineEntry p, body.portal-support .supportReplyForm .lookupMeta{color:rgba(43,60,71,.68);font-size:.9rem;line-height:1.5} body.portal-support .supportTimelineEntry p{margin:0} body.portal-support .supportReplyForm{display:grid;gap:12px} body.portal-support .replyFormActions{margin-top:2px} body.portal-support .workspaceEmpty{margin:0;padding:16px 18px;border:1px dashed rgba(132,188,190,.18);border-radius:18px;background:rgba(249,252,252,.9);color:rgba(43,60,71,.72)} @media (max-width: 1100px){ body.portal-support .supportComposerHead{grid-template-columns:1fr} body.portal-support .supportTicketFacts{grid-template-columns:repeat(2,minmax(0,1fr))} } @media (max-width: 980px){ body.portal-support .content.support-content.support-redesign, body.portal-support .content.support-content.support-redesign.has-workspace{ grid-template-columns:1fr!important; grid-template-areas:"main" "rail" "workspace"!important; } body.portal-support .supportComposerFoot, body.portal-support .supportDesk, body.portal-support .supportWorkspaceBar, body.portal-support .supportTicketHead, body.portal-support .supportTicketSectionHead{grid-template-columns:1fr;display:grid} body.portal-support .supportWorkspaceTools{justify-items:start} } @media (max-width: 720px){ body.portal-support .supportComposerCard{padding:22px 18px 18px!important} body.portal-support .supportComposerGrid, body.portal-support .supportTicketFacts{grid-template-columns:1fr} body.portal-support .supportComposerGrid .span-full{grid-column:auto} body.portal-support .supportWorkspaceBoard .workspaceFoldSummary, body.portal-support .supportWorkspaceBoard .workspaceFoldBody, body.portal-support .supportRailCard{padding-left:16px;padding-right:16px} } /* ============================================================ Support redesign v8 Skizzen-Layout: Formular links, Kontakt rechts, Lookup vollbreit ============================================================ */ body.portal-support .support-shell{ padding:18px!important; } body.portal-support .content.support-content.support-sketch, body.portal-support .content.support-content.support-sketch.has-workspace{ display:grid!important; grid-template-columns:minmax(0,1fr)!important; gap:18px!important; align-items:start!important; } body.portal-support .supportTopRow{ display:grid; grid-template-columns:minmax(0,1fr) minmax(220px,252px); gap:18px; align-items:start; } body.portal-support .supportTopMain, body.portal-support .supportTopSide, body.portal-support .supportLookupWide, body.portal-support .supportWorkspaceBoard{min-width:0} body.portal-support .supportTopMain .supportComposerCard, body.portal-support .supportTopSide .supportContactMiniCard, body.portal-support .supportLookupWideCard, body.portal-support .supportWorkspaceBoard{ border:1px solid rgba(132,188,190,.14)!important; border-radius:24px!important; background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,252,252,.96))!important; box-shadow:0 16px 34px rgba(12,17,22,.04)!important; } body.portal-support .supportComposerCard{ padding:24px 24px 20px!important; min-height:0!important; height:auto!important; } body.portal-support .supportComposerHeadSimple{display:block!important;margin:0 0 16px!important} body.portal-support .supportComposerCopy .sectionTitle{margin:0 0 10px;font-size:clamp(2.15rem,3vw,3.4rem);line-height:.98} body.portal-support .supportComposerCopy .sectionLead{margin:0;color:rgba(43,60,71,.72);font-size:.94rem;line-height:1.5;max-width:54ch} body.portal-support .supportComposerInlineHint{ margin:0 0 18px;padding:14px 16px;border-radius:18px;border:1px solid rgba(132,188,190,.14); background:rgba(245,250,250,.92) } body.portal-support .supportComposerInlineHint strong{display:block;margin:0 0 6px;font:700 .96rem/1.2 "Plus Jakarta Sans",system-ui,sans-serif;color:#0c1116} body.portal-support .supportComposerInlineHint p{margin:0;color:rgba(43,60,71,.72);font-size:.91rem;line-height:1.45} body.portal-support .supportComposerGrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px 16px;align-items:start} body.portal-support .supportComposerGrid .span-full{grid-column:1/-1} body.portal-support .supportComposerCard .fieldLabel{margin-bottom:7px} body.portal-support .supportComposerCard .field, body.portal-support .supportComposerCard .select, body.portal-support .supportComposerCard .texta{ padding:12px 14px;border-radius:16px;border:1px solid rgba(132,188,190,.18);background:#fff } body.portal-support .supportComposerCard .texta{min-height:116px;resize:vertical} body.portal-support .supportComposerFoot.compact{ display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:end;margin-top:16px;padding-top:16px;border-top:1px solid rgba(132,188,190,.14) } body.portal-support .supportComposerConsent{ display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid rgba(132,188,190,.14); border-radius:18px;background:rgba(246,251,251,.90) } body.portal-support .supportComposerConsent input{margin-top:2px} body.portal-support .supportComposerConsent span{color:#30404c;font-size:.9rem;line-height:1.45} body.portal-support .supportComposerActions{display:grid;gap:10px;justify-items:start} body.portal-support .supportComposerActions .actions{display:flex;gap:10px;flex-wrap:wrap;margin:0} body.portal-support .supportComposerActions .meta{margin:0;color:rgba(43,60,71,.64);font-size:.84rem} body.portal-support .supportContactMiniCard{padding:16px 16px 15px!important} body.portal-support .supportContactMiniProfile{display:flex;gap:10px;align-items:center;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid rgba(132,188,190,.14)} body.portal-support .supportContactMiniAvatar{ flex:0 0 38px;width:38px;height:38px;border-radius:999px;overflow:hidden;display:grid;place-items:center; background:rgba(14,165,160,.12);box-shadow:0 8px 20px rgba(12,17,22,.06) } body.portal-support .supportContactMiniAvatar img{width:100%;height:100%;object-fit:cover;display:block} body.portal-support .supportContactMiniProfile strong{display:block;margin:0 0 3px;font:700 .9rem/1.2 "Plus Jakarta Sans",system-ui,sans-serif;color:#0c1116} body.portal-support .supportContactMiniProfile span, body.portal-support .supportContactMiniLead{margin:0;color:rgba(43,60,71,.72);font-size:.88rem;line-height:1.45} body.portal-support .supportContactMiniKicker, body.portal-support .supportLookupWideKicker{margin:0 0 8px;font:700 .72rem/1.1 "Plus Jakarta Sans",system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:rgba(43,60,71,.48)} body.portal-support .supportContactMiniTitle{margin:0 0 10px;font:700 1.35rem/1.02 "Fraunces",ui-serif,Georgia,serif;color:#0c1116} body.portal-support .supportContactMiniFacts{display:grid;gap:12px;margin:16px 0 0} body.portal-support .supportContactMiniFacts div{display:grid;gap:3px;padding-top:12px;border-top:1px solid rgba(132,188,190,.12)} body.portal-support .supportContactMiniFacts dt{font:700 .7rem/1.1 "Plus Jakarta Sans",system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:rgba(43,60,71,.48)} body.portal-support .supportContactMiniFacts dd{margin:0;color:#0c1116;font:600 .92rem/1.4 "Plus Jakarta Sans",system-ui,sans-serif} body.portal-support .supportLookupWideCard{ display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:18px;align-items:start;padding:18px 20px!important } body.portal-support .supportLookupWideTitle{margin:0 0 8px;font:700 1.6rem/1.02 "Fraunces",ui-serif,Georgia,serif;color:#0c1116} body.portal-support .supportLookupWideLead, body.portal-support .supportLookupWideMeta, body.portal-support .supportLookupWideResult p{margin:0;color:rgba(43,60,71,.72);font-size:.92rem;line-height:1.5} body.portal-support .supportLookupWideBody{display:grid;gap:12px;align-items:start} body.portal-support .supportLookupWideForm{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:12px;align-items:end} body.portal-support .supportLookupWideForm .field{padding:12px 14px;border-radius:16px;border:1px solid rgba(132,188,190,.18);background:#fff} body.portal-support .supportLookupWideResult{display:grid;gap:4px;padding:14px 16px;border-radius:18px;border:1px solid rgba(132,188,190,.14);background:rgba(245,250,250,.92)} body.portal-support .supportLookupWideResult span{font:700 .72rem/1.1 "Plus Jakarta Sans",system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:rgba(43,60,71,.48)} body.portal-support .supportLookupWideResult strong{font:700 .98rem/1.25 "Plus Jakarta Sans",system-ui,sans-serif;color:#0c1116} body.portal-support .supportWorkspaceBoard{padding:0!important;overflow:hidden;min-width:0} body.portal-support .supportWorkspaceBoard .workspaceFold{margin:0} body.portal-support .supportWorkspaceBoard .workspaceFoldSummary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px;border:0;background:transparent} body.portal-support .supportWorkspaceBoard .workspaceFoldBody{padding:0 22px 22px;background:transparent} body.portal-support .supportWorkspaceBoard .workspaceFoldIntro h2{margin:0 0 6px;font-size:clamp(1.8rem,2.4vw,2.5rem);line-height:.98} body.portal-support .supportWorkspaceBoard .workspaceFoldBadge{background:rgba(12,17,22,.06);color:#30404c;border:0} @media (max-width: 980px){ body.portal-support .supportTopRow, body.portal-support .supportLookupWideCard, body.portal-support .supportLookupWideForm, body.portal-support .supportComposerFoot.compact, body.portal-support .supportDesk, body.portal-support .supportWorkspaceBar, body.portal-support .supportTicketHead, body.portal-support .supportTicketSectionHead{grid-template-columns:1fr;display:grid} body.portal-support .supportWorkspaceTools{justify-items:start} } @media (max-width: 720px){ body.portal-support .supportComposerCard, body.portal-support .supportContactMiniCard, body.portal-support .supportLookupWideCard{padding:18px 16px!important} body.portal-support .supportComposerGrid, body.portal-support .supportTicketFacts{grid-template-columns:1fr} body.portal-support .supportComposerGrid .span-full{grid-column:auto} body.portal-support .supportWorkspaceBoard .workspaceFoldSummary, body.portal-support .supportWorkspaceBoard .workspaceFoldBody{padding-left:16px;padding-right:16px} } /* ============================================================ Support reset v9 Zielbild nach Skizze: Formular links, Öffnung rechts, Lookup vollbreit darunter, Workspace vollbreit darunter ============================================================ */ body.portal-support .support-shell{ padding:18px!important; } body.portal-support .content.support-content.support-reset, body.portal-support .content.support-content.support-reset.has-workspace{ display:grid!important; grid-template-columns:minmax(0,1fr)!important; gap:18px!important; align-items:start!important; } body.portal-support .supportStage, body.portal-support .supportStage > *, body.portal-support .supportStageMain, body.portal-support .supportStageSide, body.portal-support .supportStageLookup, body.portal-support .supportStageWorkspace{ min-width:0!important; } body.portal-support .supportStageTop{ display:grid!important; grid-template-columns:minmax(0,1fr) minmax(220px,248px)!important; gap:18px!important; align-items:start!important; } body.portal-support .supportStageTop > *{width:100%!important;max-width:none!important} body.portal-support .supportFormCard, body.portal-support .supportSideCard, body.portal-support .supportLookupBar, body.portal-support .supportWorkspaceBoard{ width:100%!important; max-width:none!important; min-width:0!important; border:1px solid rgba(132,188,190,.14)!important; border-radius:24px!important; background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,252,252,.96))!important; box-shadow:0 16px 34px rgba(12,17,22,.04)!important; } body.portal-support .supportFormCard{ padding:24px!important; display:grid!important; gap:18px!important; } body.portal-support .supportFormHero{ display:grid; grid-template-columns:minmax(0,1fr) minmax(210px,240px); gap:18px; align-items:start; } body.portal-support .supportFormHeroCopy .sectionTitle{ margin:0 0 10px; font-size:clamp(2.2rem,3vw,3.4rem); line-height:.96; } body.portal-support .supportFormHeroCopy .sectionLead{ margin:0; max-width:54ch; color:rgba(43,60,71,.72); font-size:.94rem; line-height:1.5; } body.portal-support .supportFormHint{ display:grid; gap:8px; padding:16px; border-radius:18px; border:1px solid rgba(132,188,190,.14); background:rgba(245,250,250,.92); } body.portal-support .supportFormHint strong{ margin:0; font:700 .95rem/1.25 "Plus Jakarta Sans",system-ui,sans-serif; color:#0c1116; } body.portal-support .supportFormHint p{ margin:0; color:rgba(43,60,71,.72); font-size:.9rem; line-height:1.45; } body.portal-support .supportComposerGrid.supportComposerGridDense{ display:grid!important; grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; gap:14px 16px!important; } body.portal-support .supportComposerGrid.supportComposerGridDense .span-full{grid-column:1/-1} body.portal-support .supportFormCard .fieldLabel{margin-bottom:7px} body.portal-support .supportFormCard .field, body.portal-support .supportFormCard .select, body.portal-support .supportFormCard .texta{ width:100%!important; padding:12px 14px; border-radius:16px; border:1px solid rgba(132,188,190,.18); background:#fff; } body.portal-support .supportFormCard .texta{min-height:116px;resize:vertical} body.portal-support .supportComposerFoot.supportComposerFootDense{ display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; gap:14px!important; align-items:end!important; margin-top:0!important; padding-top:0!important; border-top:0!important; } body.portal-support .supportComposerConsent{ display:flex; align-items:flex-start; gap:10px; padding:12px 14px; border:1px solid rgba(132,188,190,.14); border-radius:18px; background:rgba(246,251,251,.90); } body.portal-support .supportComposerConsent input{margin-top:2px} body.portal-support .supportComposerConsent span{font-size:.9rem;line-height:1.45;color:#30404c} body.portal-support .supportComposerActions{display:grid;gap:10px;justify-items:start} body.portal-support .supportComposerActions .actions{display:flex;gap:10px;flex-wrap:wrap;margin:0} body.portal-support .supportComposerActions .meta{margin:0;color:rgba(43,60,71,.64);font-size:.84rem} body.portal-support .supportSideCard{ padding:18px 16px!important; display:grid!important; gap:14px!important; } body.portal-support .supportSideIdentity{ display:flex; gap:10px; align-items:center; padding-bottom:14px; border-bottom:1px solid rgba(132,188,190,.14); } body.portal-support .supportSideAvatar{ flex:0 0 38px; width:38px; height:38px; border-radius:999px; overflow:hidden; display:grid; place-items:center; background:rgba(14,165,160,.12); } body.portal-support .supportSideAvatar img{width:100%;height:100%;object-fit:cover;display:block} body.portal-support .supportSideIdentity strong{display:block;margin:0 0 3px;font:700 .9rem/1.2 "Plus Jakarta Sans",system-ui,sans-serif;color:#0c1116} body.portal-support .supportSideIdentity span, body.portal-support .supportSideLead{margin:0;color:rgba(43,60,71,.72);font-size:.88rem;line-height:1.45} body.portal-support .supportSideKicker{ margin:0; font:700 .72rem/1.1 "Plus Jakarta Sans",system-ui,sans-serif; letter-spacing:.12em; text-transform:uppercase; color:rgba(43,60,71,.48); } body.portal-support .supportSideTitle{margin:0;font:700 1.32rem/1.04 "Fraunces",ui-serif,Georgia,serif;color:#0c1116} body.portal-support .supportSideFacts{display:grid;gap:12px;margin:0} body.portal-support .supportSideFacts div{display:grid;gap:3px;padding-top:12px;border-top:1px solid rgba(132,188,190,.12)} body.portal-support .supportSideFacts dt{font:700 .7rem/1.1 "Plus Jakarta Sans",system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:rgba(43,60,71,.48)} body.portal-support .supportSideFacts dd{margin:0;color:#0c1116;font:600 .92rem/1.4 "Plus Jakarta Sans",system-ui,sans-serif} body.portal-support .supportLookupBar{ display:grid!important; grid-template-columns:minmax(260px,320px) minmax(0,1fr)!important; gap:18px!important; align-items:start!important; padding:18px 20px!important; } body.portal-support .supportLookupBarKicker{ margin:0 0 8px; font:700 .72rem/1.1 "Plus Jakarta Sans",system-ui,sans-serif; letter-spacing:.12em; text-transform:uppercase; color:rgba(43,60,71,.48); } body.portal-support .supportLookupBarTitle{margin:0 0 8px;font:700 1.54rem/1.02 "Fraunces",ui-serif,Georgia,serif;color:#0c1116} body.portal-support .supportLookupBarLead, body.portal-support .supportLookupBarMeta, body.portal-support .supportLookupBarResult p{margin:0;color:rgba(43,60,71,.72);font-size:.92rem;line-height:1.5} body.portal-support .supportLookupBarBody{display:grid;gap:12px;align-items:start} body.portal-support .supportLookupBarForm{ display:grid!important; grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto!important; gap:12px!important; align-items:end!important; } body.portal-support .supportLookupBarForm .field{ width:100%!important; padding:12px 14px; border-radius:16px; border:1px solid rgba(132,188,190,.18); background:#fff; } body.portal-support .supportLookupBarResult{ display:grid; gap:4px; padding:14px 16px; border-radius:18px; border:1px solid rgba(132,188,190,.14); background:rgba(245,250,250,.92); } body.portal-support .supportLookupBarResult span{font:700 .72rem/1.1 "Plus Jakarta Sans",system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:rgba(43,60,71,.48)} body.portal-support .supportLookupBarResult strong{font:700 .98rem/1.25 "Plus Jakarta Sans",system-ui,sans-serif;color:#0c1116} body.portal-support .supportStageWorkspace .supportWorkspaceBoard{ padding:0!important; overflow:hidden; } body.portal-support .supportStageWorkspace .supportWorkspaceBoard .workspaceFold{margin:0} body.portal-support .supportStageWorkspace .supportWorkspaceBoard .workspaceFoldSummary{ display:flex; align-items:center; justify-content:space-between; gap:18px; padding:20px 22px; border:0; background:transparent; } body.portal-support .supportStageWorkspace .supportWorkspaceBoard .workspaceFoldBody{padding:0 22px 22px;background:transparent} body.portal-support .supportStageWorkspace .supportDesk{ display:grid; grid-template-columns:minmax(280px,340px) minmax(0,1fr); gap:16px; } @media (max-width: 980px){ body.portal-support .supportStageTop, body.portal-support .supportFormHero, body.portal-support .supportLookupBar, body.portal-support .supportLookupBarForm, body.portal-support .supportComposerFoot.supportComposerFootDense, body.portal-support .supportStageWorkspace .supportDesk{ grid-template-columns:1fr!important; } } @media (max-width: 720px){ body.portal-support .supportFormCard, body.portal-support .supportSideCard, body.portal-support .supportLookupBar{padding:18px 16px!important} body.portal-support .supportComposerGrid.supportComposerGridDense{grid-template-columns:1fr!important} body.portal-support .supportComposerGrid.supportComposerGridDense .span-full{grid-column:auto} body.portal-support .supportStageWorkspace .supportWorkspaceBoard .workspaceFoldSummary, body.portal-support .supportStageWorkspace .supportWorkspaceBoard .workspaceFoldBody{padding-left:16px;padding-right:16px} } /* ============================================================ Support clean v10 Ein sauberes, isoliertes Layout unter dem Head Formular links, Öffnung rechts, Lookup vollbreit, Workspace vollbreit ============================================================ */ body.portal-support .content.supportCanvasLayout, body.portal-support .content.supportCanvasLayout.has-workspace{ display:grid !important; grid-template-columns:minmax(0,1fr) !important; gap:18px !important; align-items:start !important; } body.portal-support .supportCanvasTop{ display:grid !important; grid-template-columns:minmax(0,1fr) minmax(220px,250px) !important; gap:18px !important; align-items:stretch !important; } body.portal-support .supportCanvasFormSlot, body.portal-support .supportCanvasOpenSlot, body.portal-support .supportCanvasLookupSlot, body.portal-support .supportCanvasWorkspaceSlot{ min-width:0 !important; } body.portal-support .supportCanvasCard, body.portal-support .supportCanvasWorkspaceBoard{ width:100% !important; max-width:none !important; min-width:0 !important; border:1px solid rgba(132,188,190,.14) !important; border-radius:24px !important; background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,252,252,.96)) !important; box-shadow:0 16px 34px rgba(12,17,22,.04) !important; } body.portal-support .supportCanvasForm{ padding:22px !important; display:grid !important; gap:16px !important; } body.portal-support .supportCanvasFormHead{ display:grid !important; grid-template-columns:minmax(0,1fr) minmax(210px,250px) !important; gap:18px !important; align-items:start !important; } body.portal-support .supportCanvasFormIntro .sectionTitle{ margin:0 0 10px; font-size:clamp(2.2rem,3vw,3.45rem); line-height:.96; } body.portal-support .supportCanvasFormIntro .sectionLead, body.portal-support .supportCanvasLead, body.portal-support .supportCanvasLookupLead, body.portal-support .supportCanvasLookupMeta, body.portal-support .supportCanvasLookupResult p, body.portal-support .supportCanvasIdentity span{ margin:0; color:rgba(43,60,71,.72); font-size:.92rem; line-height:1.5; } body.portal-support .supportCanvasHint{ display:grid; gap:8px; padding:16px; border-radius:18px; border:1px solid rgba(132,188,190,.14); background:rgba(245,250,250,.92); } body.portal-support .supportCanvasHint strong{ margin:0; font:700 .95rem/1.25 "Plus Jakarta Sans",system-ui,sans-serif; color:#0c1116; } body.portal-support .supportCanvasHint p{margin:0;color:rgba(43,60,71,.72);font-size:.9rem;line-height:1.45} body.portal-support .supportCanvasGrid{ display:grid !important; grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important; gap:14px 16px !important; } body.portal-support .supportCanvasGrid .span-full{grid-column:1 / -1} body.portal-support .supportCanvasForm .field, body.portal-support .supportCanvasForm .select, body.portal-support .supportCanvasForm .texta, body.portal-support .supportCanvasLookupForm .field{ width:100% !important; padding:12px 14px; border-radius:16px; border:1px solid rgba(132,188,190,.18); background:#fff; } body.portal-support .supportCanvasForm .texta{min-height:112px;resize:vertical} body.portal-support .supportCanvasFoot{ display:grid !important; grid-template-columns:minmax(0,1fr) auto !important; gap:14px !important; align-items:end !important; } body.portal-support .supportCanvasConsent{ display:flex; align-items:flex-start; gap:10px; padding:12px 14px; border:1px solid rgba(132,188,190,.14); border-radius:18px; background:rgba(246,251,251,.90); } body.portal-support .supportCanvasConsent input{margin-top:2px} body.portal-support .supportCanvasConsent span{font-size:.9rem;line-height:1.45;color:#30404c} body.portal-support .supportCanvasActions{display:grid;gap:10px;justify-items:start} body.portal-support .supportCanvasActions .actions{display:flex;gap:10px;flex-wrap:wrap;margin:0} body.portal-support .supportCanvasActions .meta{margin:0;color:rgba(43,60,71,.64);font-size:.84rem} body.portal-support .supportCanvasOpen{ padding:18px 16px !important; display:grid !important; gap:14px !important; align-content:start !important; } body.portal-support .supportCanvasIdentity{ display:flex; gap:10px; align-items:center; padding-bottom:14px; border-bottom:1px solid rgba(132,188,190,.14); } body.portal-support .supportCanvasIdentityAvatar{ flex:0 0 38px; width:38px; height:38px; border-radius:999px; overflow:hidden; display:grid; place-items:center; background:rgba(14,165,160,.12); } body.portal-support .supportCanvasIdentityAvatar img{width:100%;height:100%;object-fit:cover;display:block} body.portal-support .supportCanvasIdentity strong{display:block;margin:0 0 3px;font:700 .9rem/1.2 "Plus Jakarta Sans",system-ui,sans-serif;color:#0c1116} body.portal-support .supportCanvasKicker{margin:0;font:700 .72rem/1.1 "Plus Jakarta Sans",system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:rgba(43,60,71,.48)} body.portal-support .supportCanvasOpenTitle, body.portal-support .supportCanvasLookupTitle{margin:0;font:700 1.56rem/1.02 "Fraunces",ui-serif,Georgia,serif;color:#0c1116} body.portal-support .supportCanvasFacts{display:grid;gap:12px;margin:0} body.portal-support .supportCanvasFacts div{display:grid;gap:3px;padding-top:12px;border-top:1px solid rgba(132,188,190,.12)} body.portal-support .supportCanvasFacts dt{font:700 .7rem/1.1 "Plus Jakarta Sans",system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:rgba(43,60,71,.48)} body.portal-support .supportCanvasFacts dd{margin:0;color:#0c1116;font:600 .92rem/1.4 "Plus Jakarta Sans",system-ui,sans-serif} body.portal-support .supportCanvasLookup{ display:grid !important; grid-template-columns:minmax(240px,320px) minmax(0,1fr) !important; gap:18px !important; align-items:start !important; padding:18px 20px !important; } body.portal-support .supportCanvasLookupBody{display:grid;gap:12px;align-items:start} body.portal-support .supportCanvasLookupForm{ display:grid !important; grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto !important; gap:12px !important; align-items:end !important; } body.portal-support .supportCanvasLookupResult{ display:grid; gap:4px; padding:14px 16px; border-radius:18px; border:1px solid rgba(132,188,190,.14); background:rgba(245,250,250,.92); } body.portal-support .supportCanvasLookupResult span{font:700 .72rem/1.1 "Plus Jakarta Sans",system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:rgba(43,60,71,.48)} body.portal-support .supportCanvasLookupResult strong{font:700 .98rem/1.25 "Plus Jakarta Sans",system-ui,sans-serif;color:#0c1116} body.portal-support .supportCanvasWorkspaceBoard{ grid-area:auto !important; padding:0 !important; overflow:hidden !important; } @media (max-width: 980px){ body.portal-support .supportCanvasTop, body.portal-support .supportCanvasFormHead, body.portal-support .supportCanvasLookup, body.portal-support .supportCanvasLookupForm, body.portal-support .supportCanvasFoot{ grid-template-columns:1fr !important; } } @media (max-width: 720px){ body.portal-support .supportCanvasForm, body.portal-support .supportCanvasOpen, body.portal-support .supportCanvasLookup{padding:18px 16px !important} body.portal-support .supportCanvasGrid{grid-template-columns:1fr !important} body.portal-support .supportCanvasGrid .span-full{grid-column:auto} } /* ============================================================ Support workspace upgrade v11 Nur Bereich Meine Supportanfragen ============================================================ */ body.portal-support .supportWorkspaceUpgrade{ border:1px solid rgba(132,188,190,.14)!important; border-radius:28px!important; background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(248,252,252,.97))!important; box-shadow:0 18px 36px rgba(12,17,22,.045)!important; overflow:hidden!important; } body.portal-support .supportWorkspaceUpgrade .workspaceFold{margin:0!important} body.portal-support .supportWorkspaceUpgrade .workspaceFoldSummary{ display:flex!important;align-items:flex-start;justify-content:space-between;gap:18px; padding:24px 26px 18px!important;border:0!important;background:transparent!important; } body.portal-support .supportWorkspaceUpgrade .workspaceFoldIntro h2{ margin:0 0 8px!important;font-size:clamp(2rem,2.5vw,2.75rem)!important;line-height:.97!important;color:#0c1116!important; } body.portal-support .supportWorkspaceUpgrade .workspaceFoldLead{ max-width:58ch!important;margin:0!important;color:rgba(43,60,71,.72)!important;font-size:.94rem!important;line-height:1.55!important; } body.portal-support .supportWorkspaceUpgrade .workspaceFoldMeta{gap:10px!important;align-items:center!important} body.portal-support .supportWorkspaceUpgrade .workspaceFoldBadge{ min-height:34px!important;padding:0 12px!important;border-radius:999px!important;border:1px solid rgba(132,188,190,.16)!important; background:rgba(245,250,250,.95)!important;color:#30404c!important;font-size:.82rem!important;font-weight:700!important; } body.portal-support .supportWorkspaceUpgrade .workspaceFoldToggle{color:rgba(43,60,71,.76)!important} body.portal-support .supportWorkspaceUpgrade .workspaceFoldBody{padding:0 26px 26px!important;border-top:1px solid rgba(132,188,190,.12)!important;background:transparent!important} body.portal-support .supportWorkspaceUpgrade .supportWorkspaceHero{ display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:18px!important;align-items:center!important; margin:20px 0 0!important;padding:18px 20px!important;border:1px solid rgba(132,188,190,.14)!important; border-radius:24px!important;background:linear-gradient(180deg,rgba(247,251,251,.96),rgba(243,249,249,.92))!important; } body.portal-support .supportWorkspaceUpgrade .supportWorkspaceViewer{display:flex!important;gap:14px!important;align-items:flex-start!important;min-width:0!important} body.portal-support .supportWorkspaceUpgrade .supportWorkspaceAvatar{ flex:0 0 44px;width:44px;height:44px;border-radius:999px;overflow:hidden;display:grid;place-items:center; background:rgba(14,165,160,.12);color:#0b6965;font-weight:700;border:1px solid rgba(14,165,160,.12); } body.portal-support .supportWorkspaceUpgrade .supportWorkspaceAvatar img{width:100%;height:100%;object-fit:cover;display:block} body.portal-support .supportWorkspaceUpgrade .supportWorkspaceViewer strong{display:block;margin:0 0 4px;font:700 1rem/1.2 "Plus Jakarta Sans",system-ui,sans-serif;color:#0c1116} body.portal-support .supportWorkspaceUpgrade .supportWorkspaceViewer p{margin:0;max-width:58ch;color:rgba(43,60,71,.72);font-size:.92rem;line-height:1.52} body.portal-support .supportWorkspaceUpgrade .supportWorkspaceHeroTools{display:grid!important;justify-items:end!important;gap:12px!important} body.portal-support .supportWorkspaceUpgrade .workspaceFilterBar{display:flex!important;gap:10px!important;flex-wrap:wrap!important;justify-content:flex-end!important} body.portal-support .supportWorkspaceUpgrade .workspaceFilterTab{ display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border-radius:999px; border:1px solid rgba(132,188,190,.16);background:#fff;color:#41515d;text-decoration:none;font-size:.84rem;font-weight:600; transition:border-color .16s ease,background .16s ease,color .16s ease,transform .14s ease; } body.portal-support .supportWorkspaceUpgrade .workspaceFilterTab:hover{transform:translateY(-1px);border-color:rgba(14,165,160,.24);color:#0c1116} body.portal-support .supportWorkspaceUpgrade .workspaceFilterTab.is-active{background:rgba(14,165,160,.10);border-color:rgba(14,165,160,.18);color:#0a6a66} body.portal-support .supportWorkspaceUpgrade .supportWorkspaceHeroTools .btn.secondary{min-height:38px;padding:0 15px;border-radius:999px} body.portal-support .supportWorkspaceUpgrade .supportDesk{ display:grid!important;grid-template-columns:minmax(290px,340px) minmax(0,1fr)!important;gap:18px!important;align-items:start!important;margin-top:18px!important; } body.portal-support .supportWorkspaceUpgrade .supportDeskList, body.portal-support .supportWorkspaceUpgrade .supportDeskDetail{ padding:20px!important;border:1px solid rgba(132,188,190,.14)!important;border-radius:24px!important;background:#fff!important;min-width:0!important; } body.portal-support .supportWorkspaceUpgrade .supportDeskHead{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:14px!important;margin:0 0 14px!important} body.portal-support .supportWorkspaceUpgrade .supportDeskHead h3, body.portal-support .supportWorkspaceUpgrade .supportTicketHead h3{margin:0!important;font:700 1.4rem/1.05 "Fraunces",ui-serif,Georgia,serif!important;color:#0c1116!important} body.portal-support .supportWorkspaceUpgrade .supportDeskMeta{margin:0!important;color:rgba(43,60,71,.58)!important;font-size:.84rem!important} body.portal-support .supportWorkspaceUpgrade .ticketListScroll{display:grid!important;gap:12px!important;max-height:620px!important;overflow:auto!important;padding-right:4px!important} body.portal-support .supportWorkspaceUpgrade .ticketListScroll::-webkit-scrollbar{width:10px} body.portal-support .supportWorkspaceUpgrade .ticketListScroll::-webkit-scrollbar-thumb{background:rgba(132,188,190,.24);border-radius:999px} body.portal-support .supportWorkspaceUpgrade .supportTicketRow{ display:grid!important;gap:8px!important;padding:16px!important;border:1px solid rgba(132,188,190,.14)!important;border-radius:20px!important; background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,252,252,.96))!important;text-decoration:none!important; transition:border-color .16s ease,box-shadow .16s ease,transform .14s ease,background .16s ease!important;min-width:0!important; } body.portal-support .supportWorkspaceUpgrade .supportTicketRow:hover, body.portal-support .supportWorkspaceUpgrade .supportTicketRow.is-active{border-color:rgba(14,165,160,.28)!important;box-shadow:0 10px 22px rgba(12,17,22,.05)!important;transform:translateY(-1px)!important;background:rgba(245,251,251,.98)!important} body.portal-support .supportWorkspaceUpgrade .supportTicketRowTop{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important} body.portal-support .supportWorkspaceUpgrade .supportTicketRowTitle{font:700 1rem/1.3 "Plus Jakarta Sans",system-ui,sans-serif!important;color:#0c1116!important;min-width:0!important;overflow-wrap:anywhere!important} body.portal-support .supportWorkspaceUpgrade .supportTicketRowMeta, body.portal-support .supportWorkspaceUpgrade .supportTicketRowText, body.portal-support .supportWorkspaceUpgrade .supportTicketRowPriority{margin:0!important;color:rgba(43,60,71,.68)!important;font-size:.9rem!important;line-height:1.5!important} body.portal-support .supportWorkspaceUpgrade .supportTicketRowPriority{font-weight:600!important;color:#0d7f87!important} body.portal-support .supportWorkspaceUpgrade .supportTicketHead{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:18px!important;margin:0 0 16px!important;padding:0 0 16px!important;border-bottom:1px solid rgba(132,188,190,.12)!important} body.portal-support .supportWorkspaceUpgrade .supportTicketHead p{margin:6px 0 0!important;color:rgba(43,60,71,.72)!important;font-size:.94rem!important;line-height:1.55!important} body.portal-support .supportWorkspaceUpgrade .supportTicketHeadBadges{display:flex!important;gap:8px!important;flex-wrap:wrap!important;justify-content:flex-end!important} body.portal-support .supportWorkspaceUpgrade .supportTicketFacts{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin:0 0 18px!important} body.portal-support .supportWorkspaceUpgrade .supportTicketFacts div{padding:14px 15px!important;border:1px solid rgba(132,188,190,.14)!important;border-radius:18px!important;background:rgba(248,252,252,.92)!important} body.portal-support .supportWorkspaceUpgrade .supportTicketFacts dt{margin:0 0 6px!important;font:700 .72rem/1.1 "Plus Jakarta Sans",system-ui,sans-serif!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:rgba(43,60,71,.48)!important} body.portal-support .supportWorkspaceUpgrade .supportTicketFacts dd{margin:0!important;color:#0c1116!important;font:600 .96rem/1.45 "Plus Jakarta Sans",system-ui,sans-serif!important;overflow-wrap:anywhere!important} body.portal-support .supportWorkspaceUpgrade .supportTicketSection{margin-top:16px!important;padding:18px!important;border:1px solid rgba(132,188,190,.14)!important;border-radius:22px!important;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,252,252,.95))!important} body.portal-support .supportWorkspaceUpgrade .supportTicketSectionHead{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:14px!important;margin:0 0 12px!important} body.portal-support .supportWorkspaceUpgrade .supportTicketSectionHead h4{margin:0 0 4px!important;font:700 1.05rem/1.15 "Plus Jakarta Sans",system-ui,sans-serif!important;color:#0c1116!important} body.portal-support .supportWorkspaceUpgrade .supportTicketSectionHead p{margin:0!important;color:rgba(43,60,71,.68)!important;font-size:.9rem!important;line-height:1.5!important} body.portal-support .supportWorkspaceUpgrade .supportTimeline{display:grid!important;gap:12px!important} body.portal-support .supportWorkspaceUpgrade .supportTimelineEntry{padding:14px 15px 14px 17px!important;border:1px solid rgba(132,188,190,.14)!important;border-radius:18px!important;background:#fff!important;position:relative!important} body.portal-support .supportWorkspaceUpgrade .supportTimelineEntry::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:4px;border-radius:999px;background:rgba(132,188,190,.18)} body.portal-support .supportWorkspaceUpgrade .supportTimelineEntry.is-user::before{background:rgba(14,165,160,.42)!important} body.portal-support .supportWorkspaceUpgrade .supportTimelineEntry.is-support::before{background:rgba(43,60,71,.18)!important} body.portal-support .supportWorkspaceUpgrade .supportTimelineMeta{display:grid!important;gap:3px!important;margin:0 0 8px!important} body.portal-support .supportWorkspaceUpgrade .supportTimelineMeta strong{font:700 .95rem/1.25 "Plus Jakarta Sans",system-ui,sans-serif!important;color:#0c1116!important} body.portal-support .supportWorkspaceUpgrade .supportTimelineMeta span, body.portal-support .supportWorkspaceUpgrade .supportTimelineEntry p, body.portal-support .supportWorkspaceUpgrade .supportReplyForm .lookupMeta{margin:0!important;color:rgba(43,60,71,.68)!important;font-size:.9rem!important;line-height:1.5!important} body.portal-support .supportWorkspaceUpgrade .supportReplyForm{display:grid!important;gap:12px!important} body.portal-support .supportWorkspaceUpgrade .supportReplyForm .texta{min-height:138px!important;border-radius:18px!important;background:#fff!important} body.portal-support .supportWorkspaceUpgrade .replyFormActions{display:flex!important;justify-content:flex-end!important} body.portal-support .supportWorkspaceUpgrade .plainAction{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:38px!important;padding:0 14px!important;border-radius:999px!important;border:1px solid rgba(14,165,160,.18)!important;background:rgba(14,165,160,.08)!important;color:#0a6a66!important;text-decoration:none!important;font-weight:600!important} body.portal-support .supportWorkspaceUpgrade .plainAction:hover{background:rgba(14,165,160,.12)!important;border-color:rgba(14,165,160,.24)!important} body.portal-support .supportWorkspaceUpgrade .workspaceEmpty{padding:20px!important;border:1px dashed rgba(132,188,190,.22)!important;border-radius:20px!important;background:rgba(248,252,252,.92)!important;color:rgba(43,60,71,.72)!important} body.portal-support .supportWorkspaceUpgrade .badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:30px!important;padding:0 11px!important;border-radius:999px!important;font-size:.8rem!important;font-weight:700!important;line-height:1!important} @media (max-width: 980px){ body.portal-support .supportWorkspaceUpgrade .supportWorkspaceHero, body.portal-support .supportWorkspaceUpgrade .supportDesk, body.portal-support .supportWorkspaceUpgrade .supportTicketHead, body.portal-support .supportWorkspaceUpgrade .supportTicketSectionHead{grid-template-columns:1fr!important;display:grid!important} body.portal-support .supportWorkspaceUpgrade .supportWorkspaceHeroTools{justify-items:start!important} body.portal-support .supportWorkspaceUpgrade .workspaceFilterBar{justify-content:flex-start!important} body.portal-support .supportWorkspaceUpgrade .supportTicketFacts{grid-template-columns:repeat(2,minmax(0,1fr))!important} } @media (max-width: 720px){ body.portal-support .supportWorkspaceUpgrade .workspaceFoldSummary, body.portal-support .supportWorkspaceUpgrade .workspaceFoldBody{padding-left:16px!important;padding-right:16px!important} body.portal-support .supportWorkspaceUpgrade .supportDeskList, body.portal-support .supportWorkspaceUpgrade .supportDeskDetail, body.portal-support .supportWorkspaceUpgrade .supportWorkspaceHero{padding:16px!important} body.portal-support .supportWorkspaceUpgrade .supportTicketFacts{grid-template-columns:1fr!important} } /* ============================================================ Support finetune v12 Darkmode-Konsistenz, Lookup kompakter, Workspace sauberer getrennt ============================================================ */ body.portal-support .supportCanvasFormIntro .sectionTitle, body.portal-support .supportCanvasForm .fieldLabel, body.portal-support .supportCanvasForm .meta, body.portal-support .supportCanvasForm .supportCanvasConsent span{ color:#0c1116 !important; } body.portal-support .supportCanvasLookupSlot{ display:flex !important; justify-content:center !important; } body.portal-support .supportCanvasLookup{ width:100% !important; max-width:860px !important; grid-template-columns:minmax(220px,300px) minmax(0,1fr) !important; gap:16px !important; padding:16px 18px !important; border-radius:22px !important; } body.portal-support .supportCanvasLookupBody{ gap:10px !important; } body.portal-support .supportCanvasLookupMeta{ max-width:58ch !important; } body.portal-support .supportCanvasLookupForm{ gap:10px !important; } body.portal-support .supportCanvasWorkspaceBoard{ border-color:rgba(132,188,190,.16) !important; background:linear-gradient(180deg,rgba(255,255,255,.995),rgba(246,251,251,.98)) !important; } body.portal-support .supportWorkspaceUpgrade .workspaceFoldSummary{ padding:26px 28px 18px !important; } body.portal-support .supportWorkspaceUpgrade .workspaceFoldBody{ padding:0 28px 28px !important; border-top:1px solid rgba(132,188,190,.14) !important; } body.portal-support .supportWorkspaceUpgrade .supportWorkspaceHero{ margin-top:18px !important; padding:18px 20px !important; border-radius:22px !important; background:linear-gradient(180deg,rgba(248,252,252,.98),rgba(244,249,249,.94)) !important; } body.portal-support .supportWorkspaceUpgrade .supportDesk{ gap:20px !important; margin-top:20px !important; align-items:stretch !important; } body.portal-support .supportWorkspaceUpgrade .supportDeskList{ background:linear-gradient(180deg,rgba(249,252,252,.98),rgba(244,249,249,.94)) !important; border-color:rgba(132,188,190,.15) !important; } body.portal-support .supportWorkspaceUpgrade .supportDeskDetail{ background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(249,252,252,.96)) !important; border-color:rgba(132,188,190,.16) !important; box-shadow:0 10px 24px rgba(12,17,22,.035) !important; } body.portal-support .supportWorkspaceUpgrade .ticketListScroll{ overflow-x:hidden !important; padding-right:8px !important; } body.portal-support .supportWorkspaceUpgrade .supportTicketRow{ border-radius:18px !important; } body.portal-support .supportWorkspaceUpgrade .supportTicketRowText, body.portal-support .supportWorkspaceUpgrade .supportTicketRowMeta, body.portal-support .supportWorkspaceUpgrade .supportTicketFacts dd, body.portal-support .supportWorkspaceUpgrade .supportTimelineEntry p{ overflow-wrap:anywhere !important; } body.portal-support .supportWorkspaceUpgrade .supportTicketHead{ padding-bottom:18px !important; margin-bottom:18px !important; border-bottom:1px solid rgba(132,188,190,.14) !important; } body.portal-support .supportWorkspaceUpgrade .supportTicketFacts{ gap:14px !important; margin-bottom:20px !important; } body.portal-support .supportWorkspaceUpgrade .supportTicketFacts div{ border-radius:20px !important; background:linear-gradient(180deg,rgba(248,252,252,.96),rgba(243,248,248,.92)) !important; } body.portal-support .supportWorkspaceUpgrade .supportTicketSection{ margin-top:18px !important; padding:20px !important; border-radius:24px !important; border-color:rgba(132,188,190,.15) !important; background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(247,251,251,.96)) !important; } /* Support meta grid fix v19 */ body.portal-support .supportWorkspaceUpgrade .supportTimeline{ gap:14px !important; } body.portal-support .supportWorkspaceUpgrade .supportTimelineEntry{ border-radius:20px !important; background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(248,252,252,.96)) !important; } body.portal-support .supportWorkspaceUpgrade .supportReplyForm .texta{ min-height:152px !important; } html[data-theme="dark"] body.portal-support .supportCanvasCard, html[data-theme="dark"] body.portal-support .supportCanvasWorkspaceBoard{ background:linear-gradient(180deg,rgba(18,28,35,.96),rgba(13,21,27,.94)) !important; border-color:rgba(96,150,152,.26) !important; box-shadow:0 18px 34px rgba(0,0,0,.24) !important; } html[data-theme="dark"] body.portal-support .supportCanvasFormIntro .sectionTitle, html[data-theme="dark"] body.portal-support .supportCanvasOpenTitle, html[data-theme="dark"] body.portal-support .supportCanvasLookupTitle, html[data-theme="dark"] body.portal-support .supportWorkspaceUpgrade .workspaceFoldIntro h2, html[data-theme="dark"] body.portal-support .supportWorkspaceUpgrade .supportDeskHead h3, html[data-theme="dark"] body.portal-support .supportWorkspaceUpgrade .supportTicketHead h3, html[data-theme="dark"] body.portal-support .supportWorkspaceUpgrade .supportTicketSectionHead h4, html[data-theme="dark"] body.portal-support .supportWorkspaceUpgrade .supportTimelineMeta strong, html[data-theme="dark"] body.portal-support .supportWorkspaceUpgrade .supportTicketFacts dd, html[data-theme="dark"] body.portal-support .supportCanvasIdentity strong, html[data-theme="dark"] body.portal-support .supportCanvasHint strong{ color:#edf6f4 !important; } html[data-theme="dark"] body.portal-support .supportCanvasFormIntro .sectionLead, html[data-theme="dark"] body.portal-support .supportCanvasLead, html[data-theme="dark"] body.portal-support .supportCanvasLookupLead, html[data-theme="dark"] body.portal-support .supportCanvasLookupMeta, html[data-theme="dark"] body.portal-support .supportCanvasLookupResult p, html[data-theme="dark"] body.portal-support .supportCanvasIdentity span, html[data-theme="dark"] body.portal-support .supportCanvasForm .fieldLabel, html[data-theme="dark"] body.portal-support .supportCanvasForm .meta, html[data-theme="dark"] body.portal-support .supportCanvasConsent span, html[data-theme="dark"] body.portal-support .supportCanvasHint p, html[data-theme="dark"] body.portal-support .supportWorkspaceUpgrade .workspaceFoldLead, html[data-theme="dark"] body.portal-support .supportWorkspaceUpgrade .supportWorkspaceViewer p, html[data-theme="dark"] body.portal-support .supportWorkspaceUpgrade .supportDeskMeta, html[data-theme="dark"] body.portal-support .supportWorkspaceUpgrade .supportTicketHead p, html[data-theme="dark"] body.portal-support .supportWorkspaceUpgrade .supportTicketSectionHead p, html[data-theme="dark"] body.portal-support .supportWorkspaceUpgrade .supportTimelineMeta span, html[data-theme="dark"] body.portal-support .supportWorkspaceUpgrade .supportTimelineEntry p, html[data-theme="dark"] body.portal-support .supportWorkspaceUpgrade .supportReplyForm .lookupMeta, html[data-theme="dark"] body.portal-support .supportWorkspaceUpgrade .workspaceEmpty, html[data-theme="dark"] body.portal-support .supportCanvasFacts dt, html[data-theme="dark"] body.portal-support .supportWorkspaceUpgrade .supportTicketFacts dt, html[data-theme="dark"] body.portal-support .supportCanvasKicker{ color:rgba(219,233,230,.72) !important; } html[data-theme="dark"] body.portal-support .supportCanvasHint, html[data-theme="dark"] body.portal-support .supportCanvasConsent, html[data-theme="dark"] body.portal-support .supportCanvasLookupResult, html[data-theme="dark"] body.portal-support .supportWorkspaceUpgrade .supportWorkspaceHero, html[data-theme="dark"] body.portal-support .supportWorkspaceUpgrade .supportDeskList, html[data-theme="dark"] body.portal-support .supportWorkspaceUpgrade .supportDeskDetail, html[data-theme="dark"] body.portal-support .supportWorkspaceUpgrade .supportTicketFacts div, html[data-theme="dark"] body.portal-support .supportWorkspaceUpgrade .supportTicketSection, html[data-theme="dark"] body.portal-support .supportWorkspaceUpgrade .supportTimelineEntry, html[data-theme="dark"] body.portal-support .supportWorkspaceUpgrade .workspaceEmpty, html[data-theme="dark"] body.portal-support .supportCanvasIdentity{ background:rgba(24,36,43,.78) !important; border-color:rgba(96,150,152,.22) !important; } html[data-theme="dark"] body.portal-support .supportCanvasForm .field, html[data-theme="dark"] body.portal-support .supportCanvasForm .select, html[data-theme="dark"] body.portal-support .supportCanvasForm .texta, html[data-theme="dark"] body.portal-support .supportCanvasLookupForm .field, html[data-theme="dark"] body.portal-support .supportWorkspaceUpgrade .supportReplyForm .texta{ background:rgba(27,42,50,.96) !important; border-color:rgba(96,150,152,.24) !important; color:#edf6f4 !important; } html[data-theme="dark"] body.portal-support .supportCanvasForm .field::placeholder, html[data-theme="dark"] body.portal-support .supportCanvasForm .texta::placeholder, html[data-theme="dark"] body.portal-support .supportCanvasLookupForm .field::placeholder, html[data-theme="dark"] body.portal-support .supportWorkspaceUpgrade .supportReplyForm .texta::placeholder{ color:rgba(219,233,230,.44) !important; } html[data-theme="dark"] body.portal-support .supportCanvasFacts dd, html[data-theme="dark"] body.portal-support .supportCanvasLookupResult strong, html[data-theme="dark"] body.portal-support .supportWorkspaceUpgrade .supportWorkspaceViewer strong, html[data-theme="dark"] body.portal-support .supportWorkspaceUpgrade .supportTicketRowTitle, html[data-theme="dark"] body.portal-support .supportWorkspaceUpgrade .supportTicketRowMeta, html[data-theme="dark"] body.portal-support .supportWorkspaceUpgrade .supportTicketRowText, html[data-theme="dark"] body.portal-support .supportWorkspaceUpgrade .supportTicketRowPriority, html[data-theme="dark"] body.portal-support .supportWorkspaceUpgrade .workspaceFoldToggle{ color:#edf6f4 !important; } html[data-theme="dark"] body.portal-support .supportWorkspaceUpgrade .supportTicketRow{ background:linear-gradient(180deg,rgba(22,34,40,.98),rgba(17,27,33,.96)) !important; border-color:rgba(96,150,152,.20) !important; } html[data-theme="dark"] body.portal-support .supportWorkspaceUpgrade .supportTicketRow:hover, html[data-theme="dark"] body.portal-support .supportWorkspaceUpgrade .supportTicketRow.is-active{ background:linear-gradient(180deg,rgba(28,43,49,.99),rgba(21,33,39,.97)) !important; border-color:rgba(96,190,182,.34) !important; box-shadow:0 12px 26px rgba(0,0,0,.22) !important; } html[data-theme="dark"] body.portal-support .supportWorkspaceUpgrade .workspaceFoldBadge, html[data-theme="dark"] body.portal-support .supportWorkspaceUpgrade .workspaceFilterTab, html[data-theme="dark"] body.portal-support .supportWorkspaceUpgrade .plainAction, html[data-theme="dark"] body.portal-support .supportCanvasLookup .btn.secondary, html[data-theme="dark"] body.portal-support .supportWorkspaceUpgrade .supportWorkspaceHeroTools .btn.secondary{ background:rgba(27,42,50,.96) !important; border-color:rgba(96,150,152,.24) !important; color:#edf6f4 !important; } html[data-theme="dark"] body.portal-support .supportWorkspaceUpgrade .workspaceFilterTab.is-active, html[data-theme="dark"] body.portal-support .supportWorkspaceUpgrade .plainAction:hover{ background:rgba(14,165,160,.18) !important; border-color:rgba(96,190,182,.30) !important; color:#a7ece5 !important; } html[data-theme="dark"] body.portal-support .supportWorkspaceUpgrade .supportTimelineEntry.is-user::before{ background:rgba(96,190,182,.54) !important; } html[data-theme="dark"] body.portal-support .supportWorkspaceUpgrade .supportTimelineEntry.is-support::before{ background:rgba(179,198,205,.26) !important; } html[data-theme="dark"] body.portal-support .supportCanvasLookup, html[data-theme="dark"] body.portal-support .supportWorkspaceUpgrade .workspaceFoldBody, html[data-theme="dark"] body.portal-support .supportWorkspaceUpgrade .supportTicketHead, html[data-theme="dark"] body.portal-support .supportWorkspaceUpgrade .supportTicketSection, html[data-theme="dark"] body.portal-support .supportCanvasIdentity, html[data-theme="dark"] body.portal-support .supportCanvasFacts div{ border-color:rgba(96,150,152,.20) !important; } @media (max-width: 980px){ body.portal-support .supportCanvasLookup{ max-width:none !important; } } /* ============================================================ Support tidy v13 Lookup als kleine Suchmaske, Workspace ruhiger ============================================================ */ body.portal-support .supportCanvasLookupSlot{ display:block !important; } body.portal-support .supportCanvasLookupCompact{ width:100% !important; max-width:none !important; display:grid !important; gap:12px !important; padding:14px 18px !important; border-radius:22px !important; } body.portal-support .supportCanvasLookupCompact .supportCanvasLookupBar{ display:grid !important; grid-template-columns:minmax(180px,220px) minmax(0,1fr) !important; gap:16px !important; align-items:end !important; } body.portal-support .supportCanvasLookupCompact .supportCanvasLookupBrief{ display:grid !important; gap:4px !important; align-content:start !important; } body.portal-support .supportCanvasLookupCompact .supportCanvasLookupTitle{ margin:0 !important; font:700 1.05rem/1.1 "Fraunces",ui-serif,Georgia,serif !important; } body.portal-support .supportCanvasLookupCompact .supportCanvasLookupLead{ margin:0 !important; color:rgba(43,60,71,.64) !important; font-size:.88rem !important; line-height:1.45 !important; } body.portal-support .supportCanvasLookupCompact .supportCanvasLookupForm{ display:grid !important; grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto !important; gap:10px !important; align-items:end !important; } body.portal-support .supportCanvasLookupCompact .supportCanvasLookupForm > div{min-width:0 !important} body.portal-support .supportCanvasLookupCompact .supportCanvasLookupForm .field, body.portal-support .supportCanvasLookupCompact .supportCanvasLookupForm .btn{ min-height:44px !important; } body.portal-support .supportCanvasLookupCompact .supportCanvasLookupFoot{ display:flex !important; align-items:center !important; justify-content:space-between !important; gap:12px !important; padding-top:8px !important; border-top:1px solid rgba(132,188,190,.12) !important; } body.portal-support .supportCanvasLookupCompact .supportCanvasLookupMeta{ margin:0 !important; color:rgba(43,60,71,.62) !important; font-size:.84rem !important; } body.portal-support .supportCanvasLookupCompact .supportCanvasLookupResult{ margin-left:auto !important; min-width:220px !important; padding:10px 12px !important; border-radius:16px !important; background:rgba(245,250,250,.92) !important; } body.portal-support .supportWorkspaceUpgrade .workspaceFoldSummary{ padding:22px 26px 16px !important; } body.portal-support .supportWorkspaceUpgrade .workspaceFoldBody{ padding:0 26px 24px !important; } body.portal-support .supportWorkspaceUpgrade .supportWorkspaceHeroClean{ padding:16px 18px !important; border-radius:20px !important; background:linear-gradient(180deg,rgba(248,252,252,.98),rgba(245,250,250,.95)) !important; } body.portal-support .supportWorkspaceUpgrade .supportWorkspaceViewer p{ max-width:44ch !important; } body.portal-support .supportWorkspaceUpgrade .workspaceFilterBar{ gap:8px !important; } body.portal-support .supportWorkspaceUpgrade .workspaceFilterTab{ min-height:32px !important; padding:0 11px !important; font-size:.82rem !important; } body.portal-support .supportWorkspaceUpgrade .supportWorkspaceHeroTools .btn.secondary{ min-height:34px !important; padding:0 13px !important; } body.portal-support .supportWorkspaceUpgrade .supportDeskCalm{ gap:16px !important; } body.portal-support .supportWorkspaceUpgrade .supportDeskList, body.portal-support .supportWorkspaceUpgrade .supportDeskDetail{ padding:18px !important; border-radius:22px !important; } body.portal-support .supportWorkspaceUpgrade .supportDeskHead{ margin:0 0 12px !important; } body.portal-support .supportWorkspaceUpgrade .supportDeskHead h3, body.portal-support .supportWorkspaceUpgrade .supportTicketHead h3{ font-size:1.18rem !important; line-height:1.08 !important; } body.portal-support .supportWorkspaceUpgrade .supportTicketRow{ gap:7px !important; padding:14px !important; border-radius:18px !important; background:#fff !important; } body.portal-support .supportWorkspaceUpgrade .supportTicketRowTop{ align-items:flex-start !important; } body.portal-support .supportWorkspaceUpgrade .supportTicketRowTitleWrap{ min-width:0 !important; display:grid !important; gap:6px !important; } body.portal-support .supportWorkspaceUpgrade .supportTicketRowTitle{ font-size:.98rem !important; } body.portal-support .supportWorkspaceUpgrade .supportTicketRowMeta{ font-size:.84rem !important; color:rgba(43,60,71,.56) !important; } body.portal-support .supportWorkspaceUpgrade .supportTicketRowText{ font-size:.88rem !important; color:rgba(43,60,71,.68) !important; } body.portal-support .supportWorkspaceUpgrade .supportTicketRow .badge{ min-height:28px !important; padding:0 10px !important; font-size:.76rem !important; } body.portal-support .supportWorkspaceUpgrade .supportTicketHeadCalm{ margin-bottom:14px !important; padding-bottom:14px !important; } body.portal-support .supportWorkspaceUpgrade .supportTicketHeadBadges{ justify-content:flex-start !important; } body.portal-support .supportWorkspaceUpgrade .supportTicketInfoGrid{ display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:10px 18px !important; margin:0 0 18px !important; padding:14px 16px !important; border:1px solid rgba(132,188,190,.14) !important; border-radius:20px !important; background:linear-gradient(180deg,rgba(249,252,252,.98),rgba(245,250,250,.95)) !important; } body.portal-support .supportWorkspaceUpgrade .supportTicketInfoItem{ display:grid !important; gap:4px !important; min-width:0 !important; } body.portal-support .supportWorkspaceUpgrade .supportTicketInfoItem dt{ margin:0 !important; font:700 .7rem/1.1 "Plus Jakarta Sans",system-ui,sans-serif !important; letter-spacing:.12em !important; text-transform:uppercase !important; color:rgba(43,60,71,.46) !important; } body.portal-support .supportWorkspaceUpgrade .supportTicketInfoItem dd{ margin:0 !important; font:600 .96rem/1.45 "Plus Jakarta Sans",system-ui,sans-serif !important; color:#0c1116 !important; overflow-wrap:anywhere !important; } body.portal-support .supportWorkspaceUpgrade .supportTicketSectionClean, body.portal-support .supportWorkspaceUpgrade .supportTicketSectionReply{ padding:18px !important; border-radius:20px !important; } body.portal-support .supportWorkspaceUpgrade .supportTicketSectionClean{ background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(248,252,252,.96)) !important; } body.portal-support .supportWorkspaceUpgrade .supportTicketSectionReply{ margin-top:14px !important; background:linear-gradient(180deg,rgba(252,254,254,.98),rgba(247,251,251,.95)) !important; } body.portal-support .supportWorkspaceUpgrade .supportTicketSectionHead{ margin-bottom:10px !important; } body.portal-support .supportWorkspaceUpgrade .supportTicketSectionHead h4{ font-size:1rem !important; } body.portal-support .supportWorkspaceUpgrade .supportTimelineClean{ gap:10px !important; } body.portal-support .supportWorkspaceUpgrade .supportTimelineEntry{ padding:13px 14px 13px 16px !important; border-radius:16px !important; box-shadow:none !important; } body.portal-support .supportWorkspaceUpgrade .supportTimelineMeta{ gap:2px !important; margin-bottom:6px !important; } body.portal-support .supportWorkspaceUpgrade .supportReplyForm{ gap:10px !important; } body.portal-support .supportWorkspaceUpgrade .supportReplyForm .texta{ min-height:130px !important; } body.portal-support .supportWorkspaceUpgrade .replyFormActions{ justify-content:flex-start !important; } html[data-theme="dark"] body.portal-support .supportCanvasLookupCompact .supportCanvasLookupFoot{ border-top-color:rgba(96,150,152,.20) !important; } html[data-theme="dark"] body.portal-support .supportCanvasLookupCompact .supportCanvasLookupLead, html[data-theme="dark"] body.portal-support .supportCanvasLookupCompact .supportCanvasLookupMeta, html[data-theme="dark"] body.portal-support .supportWorkspaceUpgrade .supportTicketInfoItem dt{ color:rgba(219,233,230,.68) !important; } html[data-theme="dark"] body.portal-support .supportCanvasLookupCompact .supportCanvasLookupResult, html[data-theme="dark"] body.portal-support .supportWorkspaceUpgrade .supportTicketInfoGrid, html[data-theme="dark"] body.portal-support .supportWorkspaceUpgrade .supportTicketSectionClean, html[data-theme="dark"] body.portal-support .supportWorkspaceUpgrade .supportTicketSectionReply{ background:rgba(24,36,43,.80) !important; border-color:rgba(96,150,152,.22) !important; } html[data-theme="dark"] body.portal-support .supportWorkspaceUpgrade .supportTicketInfoItem dd{ color:#edf6f4 !important; } @media (max-width: 980px){ body.portal-support .supportCanvasLookupCompact .supportCanvasLookupBar, body.portal-support .supportCanvasLookupCompact .supportCanvasLookupForm{ grid-template-columns:1fr !important; } body.portal-support .supportCanvasLookupCompact .supportCanvasLookupFoot{ display:grid !important; justify-content:stretch !important; } body.portal-support .supportCanvasLookupCompact .supportCanvasLookupResult{ margin-left:0 !important; min-width:0 !important; } body.portal-support .supportWorkspaceUpgrade .supportTicketInfoGrid{ grid-template-columns:1fr !important; } } /* ============================================================ Support messenger cleanup v18 Lookup sauber, Header kompakt, Chatblasen klarer ============================================================ */ body.portal-support .supportCanvasLookupCompact{ display:grid !important; grid-template-columns:1fr !important; grid-auto-flow:row !important; gap:12px !important; } body.portal-support .supportCanvasLookupCompact .supportCanvasLookupBar{ display:grid !important; grid-template-columns:minmax(200px,240px) minmax(0,1fr) !important; gap:18px !important; align-items:end !important; } body.portal-support .supportCanvasLookupCompact .supportCanvasLookupForm{ display:grid !important; grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto !important; gap:10px !important; align-items:end !important; } body.portal-support .supportCanvasLookupCompact .supportCanvasLookupField{ display:grid !important; gap:6px !important; min-width:0 !important; } body.portal-support .supportCanvasLookupCompact .supportCanvasLookupField .field, body.portal-support .supportCanvasLookupCompact .supportCanvasLookupForm .btn{ width:100% !important; min-width:0 !important; min-height:46px !important; } body.portal-support .supportCanvasLookupCompact .supportCanvasLookupFoot{ display:flex !important; align-items:center !important; justify-content:space-between !important; gap:14px !important; padding-top:10px !important; border-top:1px solid rgba(132,188,190,.12) !important; } body.portal-support .supportCanvasLookupCompact .supportCanvasLookupMeta, body.portal-support .supportCanvasLookupCompact .supportCanvasLookupResult{ margin:0 !important; } body.portal-support .supportCanvasLookupCompact .supportCanvasLookupResult{ margin-left:auto !important; } body.portal-support .supportWorkspaceUpgrade .supportDeskSearchBox{ display:grid !important; gap:8px !important; margin:0 0 14px !important; } body.portal-support .supportWorkspaceUpgrade .supportDeskSearchInput{ min-height:46px !important; border-radius:16px !important; padding-inline:14px !important; } body.portal-support .supportWorkspaceUpgrade .supportDeskNoResults{ margin:10px 0 0 !important; color:rgba(43,60,71,.66) !important; font-size:.88rem !important; } body.portal-support .supportWorkspaceUpgrade .supportTicketRowState{ display:inline-flex !important; align-items:center !important; gap:8px !important; color:rgba(43,60,71,.72) !important; font-size:.82rem !important; font-weight:700 !important; line-height:1.2 !important; white-space:nowrap !important; } body.portal-support .supportWorkspaceUpgrade .supportTicketRowStateDot, body.portal-support .supportWorkspaceUpgrade .supportTicketStateDot{ width:8px !important; height:8px !important; border-radius:999px !important; background:rgba(132,188,190,.64) !important; flex:0 0 auto !important; } body.portal-support .supportWorkspaceUpgrade .supportTicketRowState.status-new .supportTicketRowStateDot, body.portal-support .supportWorkspaceUpgrade .supportTicketState.status-new .supportTicketStateDot{ background:#74b1c2 !important; } body.portal-support .supportWorkspaceUpgrade .supportTicketRowState.status-in_progress .supportTicketRowStateDot, body.portal-support .supportWorkspaceUpgrade .supportTicketState.status-in_progress .supportTicketStateDot{ background:#14a5a0 !important; } body.portal-support .supportWorkspaceUpgrade .supportTicketRowState.status-closed .supportTicketRowStateDot, body.portal-support .supportWorkspaceUpgrade .supportTicketState.status-closed .supportTicketStateDot{ background:#7e8d97 !important; } body.portal-support .supportWorkspaceUpgrade .supportTicketHead{ display:grid !important; grid-template-columns:minmax(0,1fr) auto !important; gap:16px !important; align-items:start !important; } body.portal-support .supportWorkspaceUpgrade .supportTicketHeadMain, body.portal-support .supportWorkspaceUpgrade .supportTicketHeadText{ min-width:0 !important; } body.portal-support .supportWorkspaceUpgrade .supportTicketHeadIdentity{ display:flex !important; gap:14px !important; align-items:flex-start !important; min-width:0 !important; } body.portal-support .supportWorkspaceUpgrade .supportTicketHeadAvatar{ width:46px !important; height:46px !important; border-radius:16px !important; display:grid !important; place-items:center !important; flex:0 0 auto !important; background:linear-gradient(180deg,rgba(14,165,160,.16),rgba(14,165,160,.08)) !important; border:1px solid rgba(14,165,160,.16) !important; color:#0a6a66 !important; font:700 1rem/1 "Plus Jakarta Sans",system-ui,sans-serif !important; } body.portal-support .supportWorkspaceUpgrade .supportTicketHead h3{ margin:0 !important; overflow-wrap:anywhere !important; } body.portal-support .supportWorkspaceUpgrade .supportTicketHead p{ margin:6px 0 0 !important; overflow-wrap:anywhere !important; } body.portal-support .supportWorkspaceUpgrade .supportTicketHeadSide{ display:grid !important; gap:10px !important; justify-items:end !important; } body.portal-support .supportWorkspaceUpgrade .supportTicketStateLine{ display:flex !important; align-items:center !important; gap:10px !important; flex-wrap:wrap !important; justify-content:flex-end !important; } body.portal-support .supportWorkspaceUpgrade .supportTicketState{ display:inline-flex !important; align-items:center !important; gap:8px !important; color:#1d2a33 !important; font-size:.9rem !important; font-weight:700 !important; line-height:1.2 !important; } body.portal-support .supportWorkspaceUpgrade .supportTicketStateMeta{ color:rgba(43,60,71,.62) !important; font-size:.82rem !important; font-weight:700 !important; letter-spacing:.04em !important; text-transform:uppercase !important; } body.portal-support .supportWorkspaceUpgrade .supportTicketHeadLink{ display:inline-flex !important; align-items:center !important; justify-content:center !important; min-height:38px !important; padding:0 14px !important; border-radius:14px !important; border:1px solid rgba(132,188,190,.18) !important; background:rgba(247,251,251,.96) !important; color:#0a6a66 !important; text-decoration:none !important; font-weight:700 !important; } body.portal-support .supportWorkspaceUpgrade .supportTicketHeadLink:hover{ background:#fff !important; border-color:rgba(14,165,160,.22) !important; } body.portal-support .supportWorkspaceUpgrade .supportTicketMetaBar{ display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:10px 18px !important; margin:0 0 16px !important; padding:12px 0 14px !important; border-bottom:1px solid rgba(132,188,190,.12) !important; align-items:start !important; } body.portal-support .supportWorkspaceUpgrade .supportTicketMetaLine{ display:grid !important; grid-template-rows:auto auto !important; align-content:start !important; gap:4px !important; min-width:0 !important; } body.portal-support .supportWorkspaceUpgrade .supportTicketMetaLine dt{ margin:0 !important; color:rgba(43,60,71,.48) !important; font:700 .74rem/1.35 "Plus Jakarta Sans",system-ui,sans-serif !important; letter-spacing:.08em !important; text-transform:uppercase !important; white-space:normal !important; } body.portal-support .supportWorkspaceUpgrade .supportTicketMetaLine dd{ margin:0 !important; color:#0c1116 !important; font:600 .93rem/1.42 "Plus Jakarta Sans",system-ui,sans-serif !important; overflow-wrap:break-word !important; word-break:normal !important; } /* Support meta grid fix v19 */ body.portal-support .supportWorkspaceUpgrade .supportTimeline{ gap:14px !important; } body.portal-support .supportWorkspaceUpgrade .supportTimelineEntry{ display:grid !important; gap:6px !important; position:relative !important; max-width:min(78%,620px) !important; padding:12px 14px !important; border-radius:18px !important; border:1px solid rgba(132,188,190,.16) !important; background:#f5f7f8 !important; box-shadow:0 4px 12px rgba(12,17,22,.025) !important; } body.portal-support .supportWorkspaceUpgrade .supportTimelineEntry::before{ display:none !important; } body.portal-support .supportWorkspaceUpgrade .supportTimelineEntry::after{ content:""; position:absolute; bottom:10px; width:12px; height:12px; transform:rotate(45deg); background:inherit; border-bottom:inherit; } body.portal-support .supportWorkspaceUpgrade .supportTimelineEntry.is-user{ justify-self:end !important; background:linear-gradient(180deg,rgba(202,233,232,.92),rgba(191,229,228,.96)) !important; border-color:rgba(14,165,160,.22) !important; border-bottom-right-radius:8px !important; } body.portal-support .supportWorkspaceUpgrade .supportTimelineEntry.is-user::after{ right:-6px; border-right:inherit; } body.portal-support .supportWorkspaceUpgrade .supportTimelineEntry.is-support{ justify-self:start !important; background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(246,249,250,.98)) !important; border-bottom-left-radius:8px !important; } body.portal-support .supportWorkspaceUpgrade .supportTimelineEntry.is-support::after{ left:-6px; border-left:inherit; } body.portal-support .supportWorkspaceUpgrade .supportTimelineMeta{ display:flex !important; align-items:center !important; gap:8px !important; justify-content:space-between !important; margin:0 !important; } body.portal-support .supportWorkspaceUpgrade .supportTimelineEntry.is-user .supportTimelineMeta{ justify-content:flex-end !important; } body.portal-support .supportWorkspaceUpgrade .supportTimelineMeta strong{ font:700 .92rem/1.3 "Plus Jakarta Sans",system-ui,sans-serif !important; } body.portal-support .supportWorkspaceUpgrade .supportTimelineMeta span{ color:rgba(43,60,71,.56) !important; font-size:.78rem !important; line-height:1.4 !important; white-space:nowrap !important; } body.portal-support .supportWorkspaceUpgrade .supportTimelineEntry p{ margin:0 !important; color:#1d2a33 !important; font-size:.94rem !important; line-height:1.58 !important; } @media (max-width: 980px){ body.portal-support .supportCanvasLookupCompact .supportCanvasLookupBar, body.portal-support .supportCanvasLookupCompact .supportCanvasLookupForm, body.portal-support .supportWorkspaceUpgrade .supportTicketHead{ grid-template-columns:1fr !important; } body.portal-support .supportCanvasLookupCompact .supportCanvasLookupFoot, body.portal-support .supportWorkspaceUpgrade .supportTicketHeadSide, body.portal-support .supportWorkspaceUpgrade .supportTicketStateLine{ justify-items:start !important; justify-content:flex-start !important; } } @media (max-width: 980px){ body.portal-support .supportWorkspaceUpgrade .supportTicketMetaBar{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; } } @media (max-width: 720px){ body.portal-support .supportWorkspaceUpgrade .supportTicketMetaBar{ grid-template-columns:1fr !important; } body.portal-support .supportWorkspaceUpgrade .supportTimelineEntry{ max-width:100% !important; } } html[data-theme="dark"] body.portal-support .supportCanvasLookupCompact .supportCanvasLookupFoot, html[data-theme="dark"] body.portal-support .supportWorkspaceUpgrade .supportTicketMetaBar, html[data-theme="dark"] body.portal-support .supportWorkspaceUpgrade .supportTicketHead{ border-color:rgba(103,136,145,.24) !important; } html[data-theme="dark"] body.portal-support .supportWorkspaceUpgrade .supportDeskSearchInput, html[data-theme="dark"] body.portal-support .supportWorkspaceUpgrade .supportTicketHeadLink{ background:rgba(15,24,31,.92) !important; border-color:rgba(103,136,145,.24) !important; color:#edf6f8 !important; } html[data-theme="dark"] body.portal-support .supportWorkspaceUpgrade .supportDeskNoResults, html[data-theme="dark"] body.portal-support .supportWorkspaceUpgrade .supportTicketStateMeta, html[data-theme="dark"] body.portal-support .supportWorkspaceUpgrade .supportTicketMetaLine dt, html[data-theme="dark"] body.portal-support .supportWorkspaceUpgrade .supportTimelineMeta span{ color:rgba(217,231,236,.72) !important; } html[data-theme="dark"] body.portal-support .supportWorkspaceUpgrade .supportTicketState, html[data-theme="dark"] body.portal-support .supportWorkspaceUpgrade .supportTicketMetaLine dd, html[data-theme="dark"] body.portal-support .supportWorkspaceUpgrade .supportTimelineEntry p, html[data-theme="dark"] body.portal-support .supportWorkspaceUpgrade .supportTimelineMeta strong{ color:#edf6f8 !important; } html[data-theme="dark"] body.portal-support .supportWorkspaceUpgrade .supportTimelineEntry.is-support{ background:linear-gradient(180deg,rgba(21,33,41,.98),rgba(17,27,34,.96)) !important; border-color:rgba(103,136,145,.24) !important; } html[data-theme="dark"] body.portal-support .supportWorkspaceUpgrade .supportTimelineEntry.is-user{ background:linear-gradient(180deg,rgba(14,165,160,.28),rgba(14,165,160,.18)) !important; border-color:rgba(96,190,182,.30) !important; } /* ============================================================ Admin Dashboard Korrektur v3 System-Health ohne Pillen, rechte Spalte wieder sauber ============================================================ */ body.portal-admin-home .healthRow .statusInline { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; border-radius: 0 !important; min-height: 0 !important; } body.portal-admin-home .healthRow .statusInline .dot, body.portal-admin-home .metaStats .dot, body.portal-admin-home .mqWrap .dot, body.portal-admin-home .wqState .dot { flex: 0 0 10px !important; width: 10px !important; height: 10px !important; min-width: 10px !important; min-height: 10px !important; border-radius: 999px !important; } body.portal-admin-home .healthRow .hValue, body.portal-admin-home .healthRow .hValue.compact, body.portal-admin-home .healthRow .statusInline { min-width: 0 !important; max-width: 100% !important; } body.portal-admin-home .stackCol { width: 100% !important; align-self: stretch !important; } body.portal-admin-home .stackCol > .card, body.portal-admin-home .stackCol > .mqCard, body.portal-admin-home .stackCol > .compact { width: 100% !important; } body.portal-admin-home .stackCol > .card.compact { min-height: 228px !important; display: flex !important; flex-direction: column !important; } body.portal-admin-home .stackCol > .card.compact > a.btn.secondary { margin-top: auto !important; } html[data-theme="dark"] body.portal-admin-home .healthRow .statusInline { background: transparent !important; border: 0 !important; box-shadow: none !important; } /* ============================================================ System-Health KV cleanup v1 Werte rechts ohne Pillen, mit genug Platz und sauberem Umbruch ============================================================ */ body.portal-admin-system-health .kvRow { grid-template-columns: minmax(112px, 148px) minmax(0, 1fr) !important; align-items: center !important; gap: 12px !important; } body.portal-admin-system-health .kv .v { min-width: 0 !important; max-width: none !important; display: flex !important; align-items: center !important; justify-content: flex-end !important; text-align: right !important; overflow-wrap: anywhere !important; word-break: normal !important; } body.portal-admin-system-health .kv .v > .statusInline, body.portal-admin-system-health .kv .v > .inlineDisk, body.portal-admin-system-health .kv .v > .mono { max-width: 100% !important; } body.portal-admin-system-health .kv .statusInline, body.portal-admin-system-health .kv .statusInline.ok, body.portal-admin-system-health .kv .statusInline.warn, body.portal-admin-system-health .kv .statusInline.bad { display: inline-flex !important; align-items: center !important; justify-content: flex-end !important; flex-wrap: wrap !important; gap: 8px !important; padding: 0 !important; min-height: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; white-space: normal !important; line-height: 1.35 !important; } body.portal-admin-system-health .kv .statusInline .dot { flex: 0 0 10px !important; width: 10px !important; height: 10px !important; min-width: 10px !important; min-height: 10px !important; border-radius: 999px !important; } body.portal-admin-system-health .kv .inlineDisk { display: flex !important; align-items: center !important; justify-content: flex-end !important; flex-wrap: wrap !important; gap: 8px !important; min-width: 0 !important; max-width: 100% !important; } body.portal-admin-system-health .kv .inlineDisk .meter { flex: 0 0 auto !important; } @media (max-width: 720px) { body.portal-admin-system-health .kvRow { grid-template-columns: 1fr !important; } body.portal-admin-system-health .kv .v, body.portal-admin-system-health .kv .statusInline, body.portal-admin-system-health .kv .inlineDisk { justify-content: flex-start !important; text-align: left !important; } } html[data-theme="dark"] body.portal-admin-system-health .kv .statusInline, html[data-theme="dark"] body.portal-admin-system-health .kv .statusInline.ok, html[data-theme="dark"] body.portal-admin-system-health .kv .statusInline.warn, html[data-theme="dark"] body.portal-admin-system-health .kv .statusInline.bad { background: transparent !important; border: 0 !important; box-shadow: none !important; } /* ============================================================ System-Health KV cleanup v2 Typografie und Spalten enger an Admin-Dashboard anlehnen ============================================================ */ body.portal-admin-system-health .kvRow { grid-template-columns: minmax(96px, 120px) minmax(0, 1fr) !important; gap: 10px !important; padding: 10px 0 !important; } body.portal-admin-system-health .kv .k { font-weight: 800 !important; font-size: 12px !important; line-height: 1.3 !important; color: rgba(12,17,22,.62) !important; letter-spacing: .2px !important; } body.portal-admin-system-health .kv .v { font-weight: 800 !important; font-size: 13px !important; line-height: 1.35 !important; color: rgba(12,17,22,.74) !important; overflow-wrap: break-word !important; word-break: normal !important; } body.portal-admin-system-health .kv .statusInline, body.portal-admin-system-health .kv .statusInline.ok, body.portal-admin-system-health .kv .statusInline.warn, body.portal-admin-system-health .kv .statusInline.bad, body.portal-admin-system-health .kv .inlineDisk { font-size: 13px !important; line-height: 1.35 !important; gap: 6px !important; } body.portal-admin-system-health .kv .inlineDisk .meter { width: 56px !important; } body.portal-admin-system-health .kv .v a { font-size: inherit !important; line-height: inherit !important; } html[data-theme="dark"] body.portal-admin-system-health .kv .k { color: rgba(214,232,235,.64) !important; } html[data-theme="dark"] body.portal-admin-system-health .kv .v { color: rgba(231,241,243,.82) !important; } /* ============================================================ System-Health KV cleanup v3 Mehr Innenabstand und kompaktere Typo fuer Tabellenzeilen ============================================================ */ body.portal-admin-system-health .kv { margin-top: 12px !important; } body.portal-admin-system-health .kvRow { grid-template-columns: minmax(82px, 108px) minmax(0, 1fr) !important; gap: 8px !important; padding: 12px 10px !important; } body.portal-admin-system-health .kv .k { font-size: 11.5px !important; line-height: 1.2 !important; font-weight: 700 !important; letter-spacing: 0 !important; } body.portal-admin-system-health .kv .v { font-size: 12px !important; line-height: 1.25 !important; font-weight: 700 !important; } body.portal-admin-system-health .kv .statusInline, body.portal-admin-system-health .kv .statusInline.ok, body.portal-admin-system-health .kv .statusInline.warn, body.portal-admin-system-health .kv .statusInline.bad, body.portal-admin-system-health .kv .inlineDisk { font-size: 12px !important; line-height: 1.25 !important; font-weight: 700 !important; gap: 5px !important; } body.portal-admin-system-health .kv .inlineDisk .meter, body.portal-admin-system-health .kv .diskBarSlim { width: 52px !important; } body.portal-admin-system-health .kv .statusInline .dot { width: 9px !important; height: 9px !important; min-width: 9px !important; min-height: 9px !important; } html[data-theme="dark"] body.portal-admin-system-health .kv .k { color: rgba(198,218,228,.76) !important; } html[data-theme="dark"] body.portal-admin-system-health .kv .v, html[data-theme="dark"] body.portal-admin-system-health .kv .statusInline, html[data-theme="dark"] body.portal-admin-system-health .kv .statusInline.ok, html[data-theme="dark"] body.portal-admin-system-health .kv .statusInline.warn, html[data-theme="dark"] body.portal-admin-system-health .kv .statusInline.bad, html[data-theme="dark"] body.portal-admin-system-health .kv .inlineDisk { color: #d7e7ef !important; } /* ============================================================ Dashboard Darkmode Parity – interne Portal-Canvas vereinheitlichen ============================================================ */ html[data-theme="dark"] { background: #15171b !important; background-image: none !important; background-color: #15171b !important; color-scheme: dark; } html[data-theme="dark"] body.portal-dashboard, html[data-theme="dark"] body.portal-ids, html[data-theme="dark"] body.portal-profile, html[data-theme="dark"] body.portal-support, html[data-theme="dark"] body.portal-funde, html[data-theme="dark"] body.portal-vogel-vermisst, html[data-theme="dark"] body[class^="portal-admin-"] { min-height: 100vh !important; background: #15171b !important; background-color: #15171b !important; color: #edf1f3 !important; } html[data-theme="dark"] body.portal-dashboard::before, html[data-theme="dark"] body.portal-ids::before, html[data-theme="dark"] body.portal-profile::before, html[data-theme="dark"] body.portal-support::before, html[data-theme="dark"] body.portal-funde::before, html[data-theme="dark"] body.portal-vogel-vermisst::before, html[data-theme="dark"] body[class^="portal-admin-"]::before { background: radial-gradient(ellipse 980px 640px at 14% 8%, rgba(82,125,121,.10), transparent 58%), radial-gradient(ellipse 760px 520px at 86% 6%, rgba(255,255,255,.02), transparent 56%) !important; } html[data-theme="dark"] body.portal-profile .card.wide.portal-content-surface, html[data-theme="dark"] body.portal-support .card.support-shell.portal-content-surface, html[data-theme="dark"] body.portal-funde .panel.portal-content-surface, html[data-theme="dark"] body[class^="portal-admin-"] .portal-content-surface { border-color: rgba(255,255,255,.08) !important; background: linear-gradient(180deg, rgba(30,32,37,.96), rgba(22,24,28,.98)) !important; box-shadow: 0 20px 56px rgba(0,0,0,.22) !important; }