/* EGW Polish — additive micro-interactions, hover, transitions & responsiveness (v3.0.2). Additive only; loads after egw-luxe so it wins where needed. */ /* Header theme-toggle — guaranteed perfect circle */ .eah-header .eah-theme-toggle, .eah-body .eah-header .eah-theme-toggle, body .eah-header .eah-header-actions .eah-theme-toggle { width:42px!important;height:42px!important;min-width:42px!important;max-width:42px!important;min-height:42px!important;max-height:42px!important; aspect-ratio:1/1!important;flex:0 0 42px!important;padding:0!important;border-radius:50%!important;box-sizing:border-box!important; display:inline-flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important; } /* Size only — never force display; main.js shows exactly one icon (sun/moon/system) via inline display. */ .eah-header .eah-theme-toggle svg{ width:20px!important;height:20px!important;flex:0 0 auto!important; } /* Smooth transitions on interactive elements */ .prof-container a,.prof-container button,.prof-container .prof-mod,.prof-container .egw-lead-card, .prof-container .eah-dir__card,.prof-container .egw-le-card,.prof-container .egw-le-gcard, .prof-container .egw-lb-card,.prof-container .egw-lt-card,.prof-container .egw-bk__slot,.prof-container .egw-bk__wkev{ transition: transform .18s cubic-bezier(.2,.7,.3,1), box-shadow .18s ease, background-color .18s ease, border-color .18s ease, color .18s ease; } .prof-container input,.prof-container select,.prof-container textarea{ transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease; } /* Card hover lift */ .prof-container .prof-mod:hover,.prof-container .egw-lead-card:hover,.prof-container .eah-dir__card:hover, .prof-container .egw-le-gcard:hover,.prof-container .egw-le-card:hover{ transform: translateY(-3px); box-shadow: 0 12px 28px rgba(16,24,40,.12); } .prof-container .prof-mod:active,.prof-container .egw-lead-card:active{ transform: translateY(-1px); } .prof-container .prof-mod .prof-mod__icon,.prof-container .prof-mod svg{ transition: transform .18s cubic-bezier(.2,.7,.3,1); } .prof-container .prof-mod:hover .prof-mod__icon,.prof-container .prof-mod:hover svg{ transform: scale(1.07); } .prof-container .egw-bk__slot:hover,.prof-container .egw-bk__wkev:hover{ transform: translateY(-2px); box-shadow: 0 8px 20px rgba(16,24,40,.14); } .prof-container .egw-lead-card__go:hover{ filter: brightness(1.05); } /* Section entrance — gentle fade-up when a panel becomes active */ @keyframes egwFadeUp{ from{ opacity:0; transform: translateY(10px);} to{ opacity:1; transform:none;} } .prof-container .prof-content-section[style*="display: block"],.prof-container .prof-content-section[style*="display:block"]{ animation: egwFadeUp .26s cubic-bezier(.2,.7,.3,1) both; } /* Responsiveness — dense grids collapse cleanly on small screens */ @media (max-width:680px){ .prof-container .egw-lead-grid,.prof-container .egw-lpr-grid,.prof-container .egw-lt-grid,.prof-container .egw-le-grid{ grid-template-columns:1fr !important; } .prof-container .egw-lm-bar,.prof-container .egw-le-controls{ flex-wrap:wrap !important; } } /* Respect reduced motion */ @media (prefers-reduced-motion: reduce){ .prof-container *,.eah-header .eah-theme-toggle{ animation:none !important; transition:none !important; } .prof-container .prof-mod:hover,.prof-container .egw-lead-card:hover,.prof-container .eah-dir__card:hover, .prof-container .egw-le-gcard:hover,.prof-container .prof-mod:hover .prof-mod__icon{ transform:none !important; } } /* ── Social links on the login intro column ───────────────────── */ .eah-social{ margin-top:22px; } .eah-social-label{ display:block; font-size:.7rem; letter-spacing:.15em; text-transform:uppercase; font-weight:600; color:var(--color-text-muted,#6E6E73); margin-bottom:11px; } /* v3.1.63: matches the page eyebrows — no more slate-blue */ .eah-social-row{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; } .eah-social-link{ display:inline-flex; align-items:center; justify-content:center; width:42px; height:42px; min-width:42px; border-radius:50%; border:1px solid var(--color-border-strong, rgba(0,0,0,.12)); background:var(--card-bg,#fff); color:var(--color-text,#111827); text-decoration:none; transition:transform .18s ease, background .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease; } .eah-social-link svg{ width:20px; height:20px; display:block; } .eah-social-link:hover{ transform:translateY(-3px); background:var(--color-accent,#111); color:var(--color-text-on-accent,#fff); border-color:var(--color-accent,#111); box-shadow:var(--shadow-float, 0 8px 18px rgba(0,0,0,.18)); } .eah-social-link:focus-visible{ outline:2px solid var(--color-text,#111); outline-offset:2px; } /* v3.1.66: dark handled by tokens above — no per-mode overrides needed */ @media (prefers-reduced-motion: reduce){ .eah-social-link{ transition:none; } .eah-social-link:hover{ transform:none; } } /* ── Booking "Confirm your booking" modal: solid, opaque, well-spaced ── The card bg derives from --egw-surface, which some Luxe palettes resolve translucent → the calendar bled through. Force an opaque surface + tidy layout. ID-specificity wins regardless of stylesheet load order. */ #egw-bk-modal{ background:rgba(15,23,42,.55) !important; backdrop-filter:saturate(120%) blur(2px); -webkit-backdrop-filter:saturate(120%) blur(2px); padding:20px !important; } #egw-bk-modal .egw-bk__modal-card{ background:#ffffff !important; color:#1a1a2e !important; max-width:440px !important; width:100% !important; padding:26px 26px 22px !important; border-radius:18px !important; border:1px solid rgba(15,23,42,.06) !important; box-shadow:0 24px 70px rgba(15,23,42,.40) !important; } #egw-bk-modal .egw-bk__modal-card h3{ margin:0 0 16px !important; font-size:1.12rem !important; font-weight:800 !important; color:#1a1a2e !important; } #egw-bk-modal .egw-bk__sum{ background:#f4f6f9 !important; color:#1a1a2e !important; border:1px solid rgba(15,23,42,.05) !important; border-radius:12px !important; padding:14px 16px !important; margin:0 0 16px !important; line-height:1.55 !important; } #egw-bk-modal .egw-bk__sum strong{ color:#1a1a2e !important; } #egw-bk-modal .egw-bk__muted{ color:#64748b !important; } #egw-bk-modal .egw-bk__notes{ display:block !important; margin:0 0 16px !important; } #egw-bk-modal .egw-bk__notes span{ color:#64748b !important; margin-bottom:6px !important; } #egw-bk-modal .egw-bk__notes textarea{ background:#fff !important; color:#1a1a2e !important; border:1px solid #d8dde6 !important; border-radius:10px !important; min-height:84px !important; } #egw-bk-modal .egw-bk__count{ margin:0 0 16px !important; } #egw-bk-modal .egw-bk__actions{ display:flex !important; gap:10px !important; align-items:center !important; justify-content:flex-end !important; margin-top:4px !important; } #egw-bk-modal .egw-bk__x{ top:16px !important; right:16px !important; color:#64748b !important; } [data-theme="dark"] #egw-bk-modal .egw-bk__modal-card{ background:#1a1f2e !important; color:#e5e7eb !important; border-color:rgba(255,255,255,.10) !important; } [data-theme="dark"] #egw-bk-modal .egw-bk__modal-card h3{ color:#f1f5f9 !important; } [data-theme="dark"] #egw-bk-modal .egw-bk__sum{ background:rgba(255,255,255,.05) !important; color:#e5e7eb !important; border-color:rgba(255,255,255,.08) !important; } [data-theme="dark"] #egw-bk-modal .egw-bk__sum strong{ color:#f1f5f9 !important; } [data-theme="dark"] #egw-bk-modal .egw-bk__notes textarea{ background:rgba(255,255,255,.05) !important; color:#e5e7eb !important; border-color:rgba(255,255,255,.16) !important; } /* Booking confirm: explicit, prominent appointment type (admin-configured) */ #egw-bk-modal .egw-bk__sumtype{ display:flex !important; align-items:center !important; gap:9px !important; margin-bottom:10px !important; } #egw-bk-modal .egw-bk__dot{ width:11px !important; height:11px !important; border-radius:50% !important; flex:0 0 auto !important; box-shadow:0 0 0 3px rgba(0,0,0,.04); } #egw-bk-modal .egw-bk__sumlabel{ font-size:.66rem !important; letter-spacing:.1em !important; text-transform:uppercase !important; font-weight:800 !important; color:#64748b !important; } #egw-bk-modal .egw-bk__sumname{ font-size:1.08rem !important; font-weight:800 !important; line-height:1.2 !important; margin:0 0 13px !important; color:#1a1a2e !important; } #egw-bk-modal .egw-bk__sumrows{ margin:0 !important; display:flex !important; flex-direction:column !important; gap:8px !important; } #egw-bk-modal .egw-bk__sumrows > div{ display:flex !important; gap:10px !important; font-size:.9rem !important; } #egw-bk-modal .egw-bk__sumrows dt{ color:#64748b !important; min-width:66px !important; margin:0 !important; font-weight:600 !important; } #egw-bk-modal .egw-bk__sumrows dd{ margin:0 !important; font-weight:700 !important; color:#1a1a2e !important; } [data-theme="dark"] #egw-bk-modal .egw-bk__sumlabel, [data-theme="dark"] #egw-bk-modal .egw-bk__sumrows dt{ color:#94a3b8 !important; } [data-theme="dark"] #egw-bk-modal .egw-bk__sumname, [data-theme="dark"] #egw-bk-modal .egw-bk__sumrows dd{ color:#e5e7eb !important; } /* ── Header wordmark — EPHESUS / ACCOUNTS both bold, equal size, stacked (Option B) ── */ .eah-wordmark{ flex-direction:column !important; line-height:1.04 !important; } .eah-wordmark strong, .eah-wordmark span{ display:block !important; white-space:nowrap !important; font-size:15px !important; font-weight:800 !important; letter-spacing:.05em !important; text-transform:uppercase !important; opacity:1 !important; } @media (max-width:520px){ .eah-wordmark strong, .eah-wordmark span{ font-size:13px !important; } } /* ── Inbox message viewer: church logo + theme-consistent body (dark/light) ── */ .eah-inbm__brand{ display:flex; align-items:center; gap:9px; padding:0 30px 11px 0; margin-bottom:12px; border-bottom:1px solid var(--egw-border,var(--prof-border-light,#e2e5ea)); } .eah-inbm__brand img{ height:22px; width:auto; display:none; border:0; } .eah-inbm__brand .eah-inbm__logo-l{ display:block; } .eah-inbm__brand .eah-inbm__logo-d{ display:none; } .eah-inbm__brand b{ font-size:.72rem; letter-spacing:.04em; text-transform:uppercase; color:var(--egw-text-2,#64748b); font-weight:800; } [data-theme="dark"] .eah-inbm__brand .eah-inbm__logo-l{ display:none; } [data-theme="dark"] .eah-inbm__brand .eah-inbm__logo-d{ display:block; } /* Keep any mirrored-email body legible against the active (dark) theme. Media + links preserved. */ [data-theme="dark"] .eah-inbm__body, [data-theme="dark"] .eah-inb__body{ color:var(--egw-text-2,#cbd5e1) !important; } [data-theme="dark"] .eah-inbm__body :not(img):not(audio):not(video):not(a){ background-color:transparent !important; } [data-theme="dark"] .eah-inbm__body :not(img):not(audio):not(video):not(svg):not(a){ color:var(--egw-text-2,#cbd5e1) !important; border-color:rgba(255,255,255,.14) !important; } [data-theme="dark"] .eah-inbm__body strong, [data-theme="dark"] .eah-inbm__body b{ color:var(--egw-text,#f1f5f9) !important; } [data-theme="dark"] .eah-inbm__body a{ color:#93b4ff !important; } /* ── Inbox masthead (Alternative D): centered logo + EPHESUS ACCOUNTS wordmark ── */ .eah-inbm__brand{ justify-content:center !important; padding:0 0 12px !important; } .eah-inbm__brand img{ height:30px !important; } .eah-inbm__wm{ display:flex; flex-direction:column; line-height:1.02; } .eah-inbm__wm span{ font-weight:800; font-size:.78rem; letter-spacing:.05em; text-transform:uppercase; color:var(--egw-text,var(--prof-text-dark-heading,#1a1a2e)); } .eah-inbm__chip{ background:var(--egw-accent-subtle,rgba(46,125,91,.12)) !important; color:var(--egw-accent,#2E7D5B) !important; } [data-theme="dark"] .eah-inbm__chip{ background:#16321f !important; color:#7fe3b0 !important; } /* ════════════ Inbox: Gmail-style toolbar, filters, selection, bulk ════════════ */ #eah-inb .eah-inb__tools{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin:0 0 12px; } #eah-inb .eah-inb__search{ position:relative; display:flex; align-items:center; flex:1 1 240px; max-width:360px; } #eah-inb .eah-inb__search svg{ position:absolute; left:11px; color:var(--egw-text-3,#94a3b8); pointer-events:none; } #eah-inb .eah-inb__search input{ width:100%; height:38px; box-sizing:border-box; padding:0 12px 0 34px; border:1px solid var(--egw-border,var(--prof-border-light,#e2e5ea)); border-radius:10px; background:var(--egw-surface,#fff); color:var(--egw-text,#1a1a2e); font:inherit; font-size:.88rem; } #eah-inb .eah-inb__sp{ flex:1 1 auto; } #eah-inb .eah-inb__btn{ display:inline-flex; align-items:center; gap:6px; height:38px; padding:0 14px; border:1px solid var(--egw-border,#e2e5ea); border-radius:10px; background:var(--egw-surface,#fff); color:var(--egw-text,#1a1a2e); font:inherit; font-size:.84rem; font-weight:700; cursor:pointer; white-space:nowrap; } #eah-inb .eah-inb__btn.on,#eah-inb .eah-inb__btn:hover{ border-color:var(--egw-accent,#2E7D5B); } #eah-inb .eah-inb__btn--primary{ background:var(--egw-accent,#111); color:var(--egw-accent-text,#fff); border-color:transparent; } #eah-inb .eah-inb__btn--danger{ color:#dc2626; border-color:#f0c2bc; } #eah-inb .eah-inb__btn--danger:hover{ border-color:#dc2626; } #eah-inb .eah-inb__fbadge{ background:var(--egw-accent,#111); color:var(--egw-accent-text,#fff); border-radius:10px; font-size:.64rem; font-weight:800; padding:1px 6px; } #eah-inb .eah-inb__chk{ flex:0 0 auto; width:18px; height:18px; border:1.6px solid var(--egw-border-strong,#c2c8d0); border-radius:5px; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; line-height:1; background:var(--egw-surface,#fff); transition:background .12s,border-color .12s; } #eah-inb .eah-inb__row.is-checked .eah-inb__chk,#eah-inb .eah-inb__chk.on{ background:var(--egw-accent,#111); border-color:var(--egw-accent,#111); } #eah-inb .eah-inb__row.is-checked .eah-inb__chk::after,#eah-inb .eah-inb__chk.on::after{ content:"\2713"; color:var(--egw-accent-text,#fff); font-size:12px; } #eah-inb .eah-inb__chk.part{ background:var(--egw-accent,#111); border-color:var(--egw-accent,#111); } #eah-inb .eah-inb__chk.part::after{ content:"\2013"; color:var(--egw-accent-text,#fff); font-size:13px; } #eah-inb .eah-inb__filters{ border:1px solid var(--egw-border,#e2e5ea); border-radius:12px; padding:15px 16px; margin:0 0 12px; background:var(--egw-surface-elevated,var(--prof-light-section,#f7f8fa)); } #eah-inb .eah-inb__fgrouplabel{ font-size:.64rem; letter-spacing:.09em; text-transform:uppercase; color:var(--egw-text-2,#64748b); font-weight:800; margin:0 0 8px; } #eah-inb .eah-inb__chips{ display:flex; gap:8px; flex-wrap:wrap; margin:0 0 14px; } #eah-inb .eah-inb__frow{ display:flex; gap:28px; flex-wrap:wrap; align-items:flex-start; } #eah-inb .eah-inb__chip2{ font-size:.8rem; padding:6px 13px; border-radius:20px; border:1px solid var(--egw-border,#d8dde6); background:transparent; color:var(--egw-text-2,#64748b); cursor:pointer; } #eah-inb .eah-inb__chip2.on{ background:var(--egw-accent,#111); color:var(--egw-accent-text,#fff); border-color:var(--egw-accent,#111); } #eah-inb .eah-inb__seg{ display:inline-flex; border:1px solid var(--egw-border,#d8dde6); border-radius:9px; overflow:hidden; } #eah-inb .eah-inb__seg button{ border:0; background:transparent; font:inherit; font-size:.8rem; padding:7px 14px; cursor:pointer; color:var(--egw-text-2,#64748b); } #eah-inb .eah-inb__seg button.on{ background:var(--egw-accent,#111); color:var(--egw-accent-text,#fff); } #eah-inb .eah-inb__dates{ display:flex; align-items:center; gap:8px; margin-top:10px; } #eah-inb .eah-inb__dates input{ height:34px; border:1px solid var(--egw-border,#d8dde6); border-radius:8px; padding:0 10px; font:inherit; font-size:.82rem; background:var(--egw-surface,#fff); color:var(--egw-text,#1a1a2e); } #eah-inb .eah-inb__dates span{ color:var(--egw-text-2,#94a3b8); font-size:.8rem; } #eah-inb .eah-inb__factions{ display:flex; justify-content:flex-end; align-items:center; gap:10px; margin-top:15px; } #eah-inb .eah-inb__bulk{ display:flex; align-items:center; gap:10px; padding:9px 12px; margin:0 0 6px; border:1px solid var(--egw-border,#e2e5ea); border-radius:10px; background:var(--egw-surface-elevated,var(--prof-light-section,#f1f3f6)); } #eah-inb .eah-inb__bulkn{ font-size:.82rem; font-weight:700; color:var(--egw-text,#1a1a2e); } #eah-inb .eah-inb__showing{ font-size:.78rem; color:var(--egw-text-2,#94a3b8); } #eah-inb .eah-inb__row{ display:flex; align-items:center; gap:4px; } #eah-inb .eah-inb__row .eah-inb__chk{ margin:0 2px 0 6px; } #eah-inb .eah-inb__head{ flex:1 1 auto; min-width:0; } #eah-inb .eah-inb__del{ top:50% !important; transform:translateY(-50%); } /* ════════════ Booking calendar: dark-theme palette (was white in dark mode) ════════════ */ [data-theme="dark"] .egw-bk{ --bk-surface:#121a28; --bk-bg:#0f1622; --bk-elev:#0b111c; --bk-text:#f1f5f9; --bk-text2:#cbd5e1; --bk-text3:#94a3b8; --bk-border:#232b39; } [data-theme="dark"] .egw-bk__wk,[data-theme="dark"] .egw-bk__wkscroll{ background:#0f1622; } [data-theme="dark"] .egw-bk__wkcol{ background-image:repeating-linear-gradient(to bottom,#232b39 0,#232b39 1px,transparent 1px,transparent 46px); } /* ════════════ Give: center the form column (matches the theme's centered-form rule) ════════════ */ .prof-container .egw-give-form{ margin-left:auto !important; margin-right:auto !important; } /* ════════════ Inbox toolbar — layout/positioning + color fixes ════════════ */ /* hidden must always win over display rules (bulk bar at 0 selected, custom date inputs) */ #eah-inb [hidden]{ display:none !important; } /* date range row: keep "to" on one line, inputs flex evenly */ #eah-inb .eah-inb__dates{ flex-wrap:wrap; margin-top:10px; } #eah-inb .eah-inb__dates span{ white-space:nowrap; flex:0 0 auto; } #eah-inb .eah-inb__dates input{ flex:1 1 150px; min-width:150px; } /* filter groups: even spacing, aligned tops, consistent gaps */ #eah-inb .eah-inb__filters{ padding:16px 18px; } #eah-inb .eah-inb__frow{ gap:18px 34px; } #eah-inb .eah-inb__frow > div{ min-width:0; } #eah-inb .eah-inb__fgrouplabel{ margin-bottom:9px; } /* consistent control surfaces/borders across the whole toolbar (theme tokens) */ #eah-inb .eah-inb__btn,#eah-inb .eah-inb__search input,#eah-inb .eah-inb__chip2,#eah-inb .eah-inb__seg,#eah-inb .eah-inb__dates input{ border-color:var(--egw-border,#e2e5ea); } #eah-inb .eah-inb__chip2,#eah-inb .eah-inb__seg button{ color:var(--egw-text-2,#64748b); } #eah-inb .eah-inb__chip2.on,#eah-inb .eah-inb__seg button.on{ background:var(--egw-accent,#111); color:var(--egw-accent-text,#fff); border-color:var(--egw-accent,#111); } /* bulk bar: align + consistent danger color */ #eah-inb .eah-inb__bulk{ flex-wrap:wrap; } #eah-inb .eah-inb__btn--danger{ color:var(--egw-danger,#dc2626); border-color:color-mix(in srgb,var(--egw-danger,#dc2626) 45%,transparent); } #eah-inb .eah-inb__btn--danger:hover{ border-color:var(--egw-danger,#dc2626); background:color-mix(in srgb,var(--egw-danger,#dc2626) 8%,transparent); } #eah-inb #eah-inb-deselect{ margin-inline-start:auto; } /* tidy top toolbar wrapping */ #eah-inb .eah-inb__tools{ row-gap:10px; } #eah-inb .eah-inb__all{ white-space:nowrap; } /* ════════════ Mobile menu FAB — consistent accent color (was low-contrast --ink on dark) ════════════ */ #egw-m-menu{ background:var(--egw-accent,#1b2230) !important; color:var(--egw-accent-text,#fff) !important; } #egw-m-menu svg{ stroke:currentColor !important; } /* ════════════════ Profile aesthetic refresh (v3.1.17) ════════════════ */ /* Hero stat strip */ .prof-container .acct-hero__stats{ position:relative; z-index:1; display:flex; flex-wrap:wrap; justify-content:center; gap:6px 0; margin-top:18px; border-top:1px solid var(--hairline,var(--egw-border,#e2e5ea)); padding-top:14px; max-width:560px; } .prof-container .acct-stat{ padding:0 18px; border-right:1px solid var(--hairline,var(--egw-border,#e2e5ea)); text-align:center; } .prof-container .acct-stat:last-child{ border-right:0; } .prof-container .acct-stat__k{ display:block; font-size:.6rem; letter-spacing:.07em; text-transform:uppercase; color:var(--muted,var(--egw-text-3,#94a3b8)); font-weight:700; } .prof-container .acct-stat__v{ display:block; font-size:.95rem; font-weight:700; color:var(--prof-text-dark-heading,var(--egw-text,#1a1a2e)); margin-top:2px; } /* Hero actions */ .prof-container .acct-hero__acts{ position:relative; z-index:1; display:flex; justify-content:center; gap:10px; margin-top:16px; flex-wrap:wrap; } .prof-container .acct-hero__btn{ display:inline-flex; align-items:center; gap:6px; font-size:.84rem; font-weight:700; padding:8px 16px; border-radius:10px; border:1px solid var(--hairline-strong,var(--egw-border,#d8dde6)); background:var(--prof-light-card,var(--egw-surface,#fff)); color:var(--prof-text-dark-heading,var(--egw-text,#1a1a2e)); cursor:pointer; transition:transform .15s ease, border-color .15s ease, background .15s ease; } .prof-container .acct-hero__btn:hover{ transform:translateY(-1px); border-color:var(--accent,var(--egw-accent,#2f6fed)); } .prof-container .acct-hero__btn--primary{ background:var(--egw-accent,#1a1a2e); color:var(--egw-accent-text,#fff); border-color:transparent; } .prof-container .acct-hero__btn svg{ width:15px; height:15px; } /* Headings: soften the heavy 800 weight a touch */ .prof-container .prof-modules__title{ font-weight:700; } /* Profile / Overview cards: consistent radius + dark elevation */ .prof-container .acct-card{ border-radius:16px; } [data-theme="dark"] .prof-container .acct-card{ background:rgba(255,255,255,.02); border-color:rgba(255,255,255,.08); } @media (max-width:560px){ .prof-container .acct-stat{ padding:0 12px; } .prof-container .acct-stat__v{ font-size:.88rem; } } @media (prefers-reduced-motion: reduce){ .prof-container .acct-hero__btn{ transition:none !important; } } /* ════════════════ Dashboard: welcome + live widgets (v3.1.21) ════════════════ */ .prof-container .egw-dw-welcome{ margin:2px 0 20px; } .prof-container .egw-dw-welcome__h{ font-size:1.4rem; font-weight:700; letter-spacing:-.01em; color:var(--prof-text-dark-heading,var(--egw-text,#1a1a2e)); } .prof-container .egw-dw-welcome__s{ font-size:.9rem; color:var(--prof-text-dark-body,var(--egw-text-2,#64748b)); margin-top:3px; } .prof-container .egw-dw-row{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin:0 0 16px; } @media(max-width:860px){ .prof-container .egw-dw-row{ grid-template-columns:1fr; } } .prof-container .egw-dw{ position:relative; display:flex; flex-direction:column; text-align:left; cursor:pointer; appearance:none; width:100%; background:var(--prof-light-card,var(--egw-surface,#fff)); border:1px solid var(--prof-border-light,var(--egw-border,#e2e5ea)); border-radius:18px; padding:0 0 15px; overflow:hidden; box-shadow:0 1px 2px rgba(16,24,40,.04); transition:transform .18s var(--ease-standard,ease), box-shadow .18s ease, border-color .18s ease; } .prof-container .egw-dw:hover{ transform:translateY(-4px); box-shadow:0 20px 40px color-mix(in srgb, var(--c,#6366f1) 16%, rgba(2,6,23,.12)); border-color:color-mix(in srgb,var(--c,#6366f1) 35%,var(--prof-border-light,#e2e5ea)); } .prof-container .egw-dw:focus-visible{ outline:2px solid var(--c,#6366f1); outline-offset:2px; } .prof-container .egw-dw__head{ display:flex; align-items:center; gap:8px; padding:14px 16px 0; } .prof-container .egw-dw__ico{ width:26px; height:26px; border-radius:8px; display:grid; place-items:center; flex:0 0 auto; background:color-mix(in srgb,var(--c,#6366f1) 14%,transparent); color:var(--c,#6366f1); } .prof-container .egw-dw__ico svg{ width:15px; height:15px; } .prof-container .egw-dw__k{ font-size:.62rem; letter-spacing:.08em; text-transform:uppercase; font-weight:700; color:var(--c,#6366f1); } .prof-container .egw-dw__chip{ margin-left:auto; font-size:.6rem; font-weight:700; padding:2px 8px; border-radius:10px; background:color-mix(in srgb,var(--c,#6366f1) 14%,transparent); color:var(--c,#6366f1); } .prof-container .egw-dw__chip--solid{ background:var(--c,#e11d48); color:#fff; } .prof-container .egw-dw__bodyb{ display:block; padding:12px 16px 14px; flex:1; } .prof-container .egw-dw__day{ font-size:1.5rem; font-weight:700; color:var(--prof-text-dark-heading,var(--egw-text,#1a1a2e)); line-height:1; } .prof-container .egw-dw__day small{ font-size:.8rem; font-weight:500; color:var(--prof-text-dark-body,var(--egw-text-2,#64748b)); } .prof-container .egw-dw__bar{ display:block; height:8px; border-radius:6px; background:var(--prof-light-section,var(--egw-surface-elevated,#eef1f5)); margin:12px 0 8px; overflow:hidden; } .prof-container .egw-dw__bar > span{ display:block; height:100%; border-radius:6px; background:linear-gradient(90deg, color-mix(in srgb,var(--c,#d97706) 60%,white), var(--c,#d97706)); } .prof-container .egw-dw__barrow{ display:flex; justify-content:space-between; font-size:.76rem; color:var(--prof-text-dark-body,var(--egw-text-2,#64748b)); } .prof-container .egw-dw__bookrow{ display:flex; align-items:center; gap:13px; } .prof-container .egw-dw__date{ flex:0 0 auto; min-width:52px; text-align:center; border:1px solid var(--hairline,var(--egw-border,#e2e5ea)); border-radius:13px; overflow:hidden; line-height:1; } .prof-container .egw-dw__date b{ display:block; background:var(--c,#6366f1); color:#fff; font-size:.56rem; font-weight:800; letter-spacing:.06em; padding:3px 0; } .prof-container .egw-dw__date-d{ display:block; font-size:1.3rem; font-weight:800; color:var(--prof-text-dark-heading,var(--egw-text,#1a1a2e)); padding:5px 0 1px; } .prof-container .egw-dw__date > span:last-child{ display:block; font-size:.54rem; color:var(--prof-text-dark-body,var(--egw-text-3,#94a3b8)); padding-bottom:5px; letter-spacing:.05em; } .prof-container .egw-dw__bookmeta{ display:flex; flex-direction:column; min-width:0; gap:1px; } .prof-container .egw-dw__bookmeta > b{ font-size:1rem; font-weight:700; color:var(--prof-text-dark-heading,var(--egw-text,#1a1a2e)); } .prof-container .egw-dw__bookmeta > span{ font-size:.8rem; color:var(--prof-text-dark-body,var(--egw-text-2,#64748b)); display:flex; align-items:center; } .prof-container .egw-dw__cdot{ width:7px; height:7px; border-radius:50%; margin-right:5px; flex:0 0 auto; } .prof-container .egw-dw__sub{ font-size:.74rem !important; color:var(--prof-text-dark-body,var(--egw-text-3,#94a3b8)) !important; } .prof-container .egw-dw__empty{ display:flex; flex-direction:column; gap:3px; padding-top:12px; } .prof-container .egw-dw__emptyt{ font-size:.95rem; font-weight:600; color:var(--prof-text-dark-heading,var(--egw-text,#1a1a2e)); } .prof-container .egw-dw__emptys{ font-size:.78rem; color:var(--prof-text-dark-body,var(--egw-text-2,#64748b)); } .prof-container .egw-dw__msgs{ display:flex; flex-direction:column; gap:8px; } .prof-container .egw-dw__msg{ display:flex; align-items:center; gap:8px; font-size:.8rem; } .prof-container .egw-dw__mdot{ width:6px; height:6px; border-radius:50%; flex:0 0 auto; background:var(--prof-border-light,var(--egw-border,#cbd5e1)); } .prof-container .egw-dw__msg.is-unread .egw-dw__mdot{ background:var(--c,#e11d48); } .prof-container .egw-dw__mtxt{ min-width:0; flex:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:var(--prof-text-dark-body,var(--egw-text-2,#475467)); } .prof-container .egw-dw__msg.is-unread .egw-dw__mtxt{ color:var(--prof-text-dark-heading,var(--egw-text,#1a1a2e)); font-weight:600; } .prof-container .egw-dw__ago{ flex:0 0 auto; font-size:.68rem; color:var(--prof-text-dark-body,var(--egw-text-3,#94a3b8)); } .prof-container .egw-dw__act{ padding:0 16px; margin-top:auto; } .prof-container .egw-dw__btn{ display:inline-flex; align-items:center; justify-content:center; gap:6px; width:100%; box-sizing:border-box; font-size:.8rem; font-weight:600; padding:9px 12px; border-radius:11px; border:0; cursor:pointer; background:var(--prof-light-section,var(--egw-surface-elevated,#f1f3f6)); color:var(--prof-text-dark-heading,var(--egw-text,#1a1a2e)); transition:background .15s ease, color .15s ease; } .prof-container .egw-dw:hover .egw-dw__btn{ background:var(--c,#6366f1); color:#fff; } .prof-container .egw-dw__btn svg{ width:15px; height:15px; } .prof-container .egw-dw-complete{ display:flex; align-items:center; gap:16px; flex-wrap:wrap; background:var(--prof-light-card,var(--egw-surface,#fff)); border:1px solid var(--prof-border-light,var(--egw-border,#e2e5ea)); border-radius:18px; padding:15px 18px; margin:0 0 22px; } .prof-container .egw-dw-complete__ring{ flex:0 0 auto; color:var(--prof-text-dark-heading,var(--egw-text,#1a1a2e)); } .prof-container .egw-dw-complete__mid{ flex:1; min-width:180px; } .prof-container .egw-dw-complete__title{ font-size:.95rem; font-weight:600; color:var(--prof-text-dark-heading,var(--egw-text,#1a1a2e)); } .prof-container .egw-dw-complete__list{ display:flex; gap:8px; flex-wrap:wrap; margin-top:8px; } .prof-container .egw-dw-ci{ display:inline-flex; align-items:center; gap:5px; font-size:.76rem; font-weight:500; padding:4px 10px; border-radius:20px; border:1px solid var(--hairline,var(--egw-border,#e2e5ea)); background:transparent; } .prof-container .egw-dw-ci.is-done{ color:var(--prof-text-dark-body,var(--egw-text-2,#64748b)); } .prof-container .egw-dw-ci.is-done svg{ color:#16a34a; } .prof-container .egw-dw-ci.is-missing{ color:var(--c,#0ea5a4); border-color:color-mix(in srgb,var(--c,#0ea5a4) 40%,transparent); cursor:pointer; } .prof-container .egw-dw-ci.is-missing:hover{ background:color-mix(in srgb,var(--c,#0ea5a4) 10%,transparent); } .prof-container .egw-dw-complete__cta{ width:auto; flex:0 0 auto; background:var(--egw-accent,#1a1a2e); color:var(--egw-accent-text,#fff); } .prof-container .egw-dw-complete__cta:hover{ filter:brightness(1.06); } .prof-container .egw-dw-complete__v{ font-size:.85rem; color:var(--prof-text-dark-body,var(--egw-text-2,#64748b)); } @media (prefers-reduced-motion: reduce){ .prof-container .egw-dw, .prof-container .egw-dw__btn{ transition:none !important; } } /* ════════════════ Leadership console (v3.1.22) ════════════════ */ .prof-container .egw-lc-head{ display:flex; align-items:center; gap:14px; flex-wrap:wrap; border:1px solid var(--prof-border-light,var(--egw-border,#e2e5ea)); border-radius:18px; background:var(--prof-light-card,var(--egw-surface,#fff)); padding:16px 18px; margin:0 0 4px; } .prof-container .egw-lc-head__ic{ width:48px; height:48px; border-radius:14px; display:grid; place-items:center; flex:0 0 auto; background:rgba(14,165,164,.14); color:#0ea5a4; } .prof-container .egw-lc-head__ic svg{ width:24px; height:24px; } .prof-container .egw-lc-head__txt{ flex:1; min-width:180px; } .prof-container .egw-lc-head__t{ font-size:1.05rem; font-weight:700; color:var(--prof-text-dark-heading,var(--egw-text,#1a1a2e)); } .prof-container .egw-lc-head__s{ font-size:.82rem; color:var(--prof-text-dark-body,var(--egw-text-2,#64748b)); margin-top:2px; } .prof-container .egw-lc-head__stats{ display:flex; align-items:center; } .prof-container .egw-lc-stat{ text-align:center; padding:0 16px; border-right:1px solid var(--hairline,var(--egw-border,#eef1f5)); } .prof-container .egw-lc-stat:last-child{ border-right:0; padding-right:0; } .prof-container .egw-lc-stat__v{ font-size:1.15rem; font-weight:700; color:var(--prof-text-dark-heading,var(--egw-text,#1a1a2e)); } .prof-container .egw-lc-stat__k{ font-size:.6rem; text-transform:uppercase; letter-spacing:.05em; color:var(--prof-text-dark-body,var(--egw-text-3,#94a3b8)); font-weight:700; margin-top:1px; } .prof-container .egw-lc-cat{ font-size:.66rem; letter-spacing:.07em; text-transform:uppercase; color:var(--prof-text-dark-body,var(--egw-text-3,#94a3b8)); font-weight:800; margin:20px 0 11px; } .prof-container .egw-lc-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(min(225px,100%),1fr)); gap:13px; } .prof-container .egw-lc{ position:relative; display:flex; flex-direction:column; text-align:left; cursor:pointer; appearance:none; width:100%; background:var(--prof-light-card,var(--egw-surface,#fff)); border:1px solid var(--prof-border-light,var(--egw-border,#e2e5ea)); border-radius:18px; padding:16px; overflow:hidden; box-shadow:0 1px 2px rgba(16,24,40,.04); transition:transform .18s var(--ease-standard,ease), box-shadow .18s ease, border-color .18s ease; } .prof-container .egw-lc::before{ content:""; position:absolute; inset:0; z-index:0; background:radial-gradient(120% 80% at 50% -20%, var(--c,#6366f1), transparent 60%); opacity:0; transition:opacity .25s ease; } .prof-container .egw-lc::after{ content:""; position:absolute; top:0; left:0; width:55%; height:100%; z-index:2; pointer-events:none; background:linear-gradient(105deg,transparent,rgba(255,255,255,.3),transparent); transform:translateX(-180%) skewX(-18deg); transition:transform .6s cubic-bezier(.2,.7,.3,1); opacity:0; } .prof-container .egw-lc:hover::after{ transform:translateX(330%) skewX(-18deg); opacity:.85; } [data-theme="dark"] .prof-container .egw-lc::after{ background:linear-gradient(105deg,transparent,rgba(255,255,255,.13),transparent); } .prof-container .egw-lc:hover{ transform:translateY(-5px); box-shadow:0 22px 44px color-mix(in srgb, var(--c,#6366f1) 22%, rgba(2,6,23,.12)); border-color:color-mix(in srgb, var(--c,#6366f1) 50%, transparent); } .prof-container .egw-lc:hover::before{ opacity:.1; } .prof-container .egw-lc:focus-visible{ outline:2px solid var(--c,#6366f1); outline-offset:2px; } .prof-container .egw-lc__ic{ position:relative; z-index:1; width:46px; height:46px; border-radius:14px; display:grid; place-items:center; background:color-mix(in srgb, var(--c,#6366f1) 14%, transparent); color:var(--c,#6366f1); transition:transform .25s cubic-bezier(.34,1.56,.64,1), background .2s ease, color .2s ease, box-shadow .2s ease; } .prof-container .egw-lc__ic svg{ width:22px; height:22px; } .prof-container .egw-lc:hover .egw-lc__ic{ transform:scale(1.1) translateY(-2px); color:#fff; background:linear-gradient(140deg, color-mix(in srgb,var(--c,#6366f1) 88%, white), var(--c,#6366f1)); box-shadow:0 10px 22px color-mix(in srgb,var(--c,#6366f1) 45%,transparent); } .prof-container .egw-lc__badge{ position:absolute; top:14px; right:14px; z-index:1; font-size:.62rem; font-weight:700; padding:3px 9px; border-radius:20px; background:color-mix(in srgb,var(--c,#6366f1) 14%,transparent); color:var(--c,#6366f1); } .prof-container .egw-lc__nm{ position:relative; z-index:1; font-size:.92rem; font-weight:600; color:var(--prof-text-dark-heading,var(--egw-text,#1a1a2e)); margin-top:11px; } .prof-container .egw-lc__ds{ position:relative; z-index:1; font-size:.78rem; color:var(--prof-text-dark-body,var(--egw-text-2,#64748b)); margin-top:2px; } .prof-container .egw-lc__ft{ position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; margin-top:13px; gap:8px; } .prof-container .egw-lc__pc{ font-size:.66rem; font-weight:600; color:var(--prof-text-dark-body,var(--egw-text-3,#94a3b8)); } .prof-container .egw-lc__go{ font-size:.76rem; font-weight:600; color:var(--prof-text-dark-body,var(--egw-text-3,#94a3b8)); transition:color .18s ease; white-space:nowrap; } .prof-container .egw-lc:hover .egw-lc__go{ color:var(--c,#6366f1); } @media (prefers-reduced-motion: reduce){ .prof-container .egw-lc, .prof-container .egw-lc__ic{ transition:none !important; } .prof-container .egw-lc::after{ display:none; } } /* ════════════════ Leadership cards U1 — capability checklist (v3.1.23) ════════════════ */ .prof-container .egw-lc{ padding:18px; } .prof-container .egw-lc__sep{ position:relative; z-index:1; display:block; height:1px; background:var(--hairline,var(--egw-border,#eef1f5)); margin:14px -18px; } .prof-container .egw-lc__sep--b{ margin-top:auto; } .prof-container .egw-lc__caps{ position:relative; z-index:1; display:flex; flex-direction:column; gap:8px; } .prof-container .egw-lc__cap{ display:flex; align-items:center; gap:8px; font-size:.8rem; line-height:1.3; color:var(--prof-text-dark-body,var(--egw-text-2,#475467)); } .prof-container .egw-lc__cap svg{ color:var(--c,#6366f1); flex:0 0 auto; } .prof-container .egw-lc__cap--more{ color:var(--prof-text-dark-body,var(--egw-text-3,#94a3b8)); padding-left:22px; font-size:.74rem; } .prof-container .egw-lc__mng{ position:relative; z-index:1; display:inline-flex; align-items:center; justify-content:center; gap:6px; width:100%; box-sizing:border-box; font-size:.8rem; font-weight:600; padding:9px 12px; border-radius:11px; background:var(--prof-light-section,var(--egw-surface-elevated,#f1f3f6)); color:var(--prof-text-dark-heading,var(--egw-text,#1a1a2e)); transition:background .15s ease, color .15s ease; } .prof-container .egw-lc:hover .egw-lc__mng{ background:var(--c,#6366f1); color:#fff; } .prof-container .egw-lc__mng svg{ width:15px; height:15px; } /* ════════════════ Members panel upgrade (v3.1.24) ════════════════ */ body .prof-container .egw-lm-stats{ display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin:4px 0 14px; } body .prof-container .egw-lm-stat{ background:var(--prof-light-section,var(--egw-surface-elevated,#f4f6f9)); border-radius:12px; padding:11px 14px; } body .prof-container .egw-lm-stat b{ display:block; font-size:1.2rem; font-weight:700; color:var(--prof-text-dark-heading,var(--egw-text,#1a1a2e)); } body .prof-container .egw-lm-stat span{ font-size:.6rem; text-transform:uppercase; letter-spacing:.05em; color:var(--prof-text-dark-body,var(--egw-text-3,#94a3b8)); font-weight:700; } body .prof-container .egw-lm-stat--pending{ background:rgba(217,119,6,.08); } body .prof-container .egw-lm-stat--pending b{ color:#d97706; } @media(max-width:680px){ body .prof-container .egw-lm-stats{ grid-template-columns:repeat(2,1fr); } } body .prof-container .egw-lm-bar{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin:0 0 12px; } body .prof-container .egw-lm-search{ flex:1 1 220px; min-width:180px; height:38px; margin:0; } body .prof-container .egw-lm-filter{ height:38px; margin:0; } body .prof-container .egw-lm-count{ font-size:.8rem; color:var(--prof-text-dark-body,var(--egw-text-2,#64748b)); margin-left:auto; } body .prof-container #egw-lm-print{ height:38px; } body .prof-container .egw-lm-who{ display:flex; align-items:center; gap:10px; } body .prof-container .egw-lm-av{ flex:0 0 auto; width:34px; height:34px; border-radius:50%; display:grid; place-items:center; font-size:.72rem; font-weight:700; background:hsl(var(--h,210) 60% 92%); color:hsl(var(--h,210) 55% 30%); } [data-theme="dark"] body .prof-container .egw-lm-av{ background:hsl(var(--h,210) 42% 24%); color:hsl(var(--h,210) 70% 80%); } body .prof-container .egw-lm-whoz{ display:flex; flex-direction:column; min-width:0; } body .prof-container .egw-lm-whoz b{ font-size:.88rem; font-weight:600; color:var(--prof-text-dark-heading,var(--egw-text,#1a1a2e)); } body .prof-container .egw-lm-em{ font-size:.74rem; color:var(--prof-text-dark-body,var(--egw-text-3,#94a3b8)); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:230px; } body .prof-container .egw-lm-id{ font-family:var(--font-mono,monospace); font-size:.74rem; color:var(--prof-text-dark-body,var(--egw-text-2,#64748b)); } body .prof-container .egw-lm-jn{ font-size:.8rem; color:var(--prof-text-dark-body,var(--egw-text-2,#64748b)); white-space:nowrap; } body .prof-container .egw-lm-table td{ vertical-align:middle; } body .prof-container .egw-lm-row:hover{ background:var(--prof-light-section,rgba(0,0,0,.025)); } body .prof-container .egw-lm-row[data-status="pending"]{ background:rgba(217,119,6,.05); } body .prof-container .egw-lm-badge{ display:inline-flex; align-items:center; font-size:.7rem; font-weight:600; padding:2px 9px; border-radius:12px; background:var(--prof-light-section,#f1f3f6); color:var(--prof-text-dark-body,#64748b); } body .prof-container .egw-lm-badge.mem{ background:rgba(99,102,241,.14); color:#6366f1; } body .prof-container .egw-lm-badge.aff{ background:rgba(245,158,11,.14); color:#b45309; } body .prof-container .egw-lm-badge.ok{ background:rgba(16,163,74,.14); color:#16a34a; } body .prof-container .egw-lm-badge.pend{ background:rgba(217,119,6,.14); color:#b45309; } body .prof-container .egw-lm-badge.sus{ background:rgba(100,116,139,.16); color:#64748b; } body .prof-container .egw-lm-badge.rej{ background:rgba(225,29,72,.14); color:#e11d48; } body .prof-container .egw-lm-badge.adm{ background:rgba(124,58,237,.14); color:#7c3aed; } body .prof-container .egw-lm-pendwrap{ display:inline-flex; gap:5px; } body .prof-container .egw-lm-mini{ height:26px; padding:0 9px; font-size:.72rem; font-weight:600; border-radius:7px; border:1px solid var(--prof-border-light,#dcdfe5); background:var(--prof-light-card,#fff); color:var(--prof-text-dark-heading,#1a1a2e); cursor:pointer; } body .prof-container .egw-lm-mini.ok{ background:#16a34a; border-color:#16a34a; color:#fff; } body .prof-container .egw-lm-mini.bad{ color:#b42318; border-color:#f0c2bc; background:transparent; } body .prof-container .egw-lm-mini[disabled]{ opacity:.5; cursor:default; } body .prof-container .egw-lm-actcell{ text-align:right; width:34px; } body .prof-container .egw-lm-dots{ width:28px; height:28px; border:0; background:transparent; border-radius:8px; color:var(--prof-text-dark-body,#94a3b8); font-size:1.15rem; line-height:1; cursor:pointer; } body .prof-container .egw-lm-dots:hover{ background:var(--prof-light-section,#f1f3f6); color:var(--prof-text-dark-heading,#1a1a2e); } .egw-lm-menu{ position:fixed; z-index:2147483600; min-width:188px; background:var(--egw-surface,#fff); border:1px solid var(--egw-border,#e2e5ea); border-radius:12px; box-shadow:0 18px 44px rgba(2,6,23,.24); padding:6px; display:flex; flex-direction:column; } .egw-lm-menu .egw-lm-mi{ display:block; width:100%; text-align:left; border:0; background:transparent; font:inherit; font-size:.85rem; font-weight:500; padding:8px 11px; border-radius:8px; color:var(--egw-text,#1a1a2e); cursor:pointer; } .egw-lm-menu .egw-lm-mi:hover{ background:var(--egw-surface-elevated,#f1f3f6); } .egw-lm-menu .egw-lm-mi.ok{ color:#16a34a; } .egw-lm-menu .egw-lm-mi.bad{ color:#dc2626; } .egw-lm-menu .egw-lm-mi--none{ color:#94a3b8; cursor:default; } /* ════════════════ Pre-Registration panel restyle (v3.1.25) ════════════════ */ body .prof-container #egw-lpr-body .egw-lpr-card{ background:var(--prof-light-card,var(--egw-surface,#fff)); border:1px solid var(--prof-border-light,var(--egw-border,#e2e5ea)); border-radius:16px; padding:16px 18px; margin:0 0 14px; } body .prof-container .egw-lpr-h{ font-size:.95rem; font-weight:600; color:var(--prof-text-dark-heading,var(--egw-text,#1a1a2e)); } body .prof-container .egw-lpr-sub{ font-size:.8rem; color:var(--prof-text-dark-body,var(--egw-text-2,#64748b)); } body .prof-container .egw-lpr-stats{ display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin:4px 0 14px; } @media(max-width:680px){ body .prof-container .egw-lpr-stats{ grid-template-columns:repeat(2,1fr); } } body .prof-container .egw-lpr-stat{ flex:none; border:0; background:var(--prof-light-section,var(--egw-surface-elevated,#f4f6f9)); border-radius:12px; padding:11px 14px; } body .prof-container .egw-lpr-stat b{ font-size:1.2rem; font-weight:700; color:var(--prof-text-dark-heading,var(--egw-text,#1a1a2e)); } body .prof-container .egw-lpr-stat span{ font-size:.6rem; color:var(--prof-text-dark-body,var(--egw-text-3,#94a3b8)); } body .prof-container .egw-lpr-toggle{ background:rgba(16,163,74,.08); border:1px solid rgba(16,163,74,.3); border-radius:14px; padding:13px 16px; margin:0 0 14px; } body .prof-container .egw-lpr-toggle.off{ background:var(--prof-light-section,var(--egw-surface-elevated,#f4f6f9)); border-color:var(--prof-border-light,var(--egw-border,#e2e5ea)); } body .prof-container .egw-lpr-grid label{ color:var(--prof-text-dark-body,var(--egw-text-3,#94a3b8)); } body .prof-container .egw-lpr-grid input, body .prof-container .egw-lpr-grid select{ background:var(--egw-surface,var(--prof-light-card,#fff)); border:1px solid var(--egw-border,var(--prof-border-light,#dcdfe5)); color:var(--egw-text,var(--prof-text-dark-heading,#1a1a2e)); border-radius:10px; } body .prof-container .egw-lpr-btn{ background:var(--egw-surface,var(--prof-light-card,#fff)); border:1px solid var(--egw-border,var(--prof-border-light,#dcdfe5)); color:var(--egw-text,var(--prof-text-dark-heading,#1b2230)); border-radius:10px; font-weight:600; } body .prof-container .egw-lpr-btn.primary{ background:var(--egw-accent,#1a1a2e); border-color:transparent; color:var(--egw-accent-text,#fff); } body .prof-container .egw-lpr-btn.danger{ color:#dc2626; border-color:#f0c2bc; background:transparent; } body .prof-container .egw-lpr-chip{ background:var(--prof-light-section,var(--egw-surface-elevated,#eef2ff)); color:var(--prof-text-dark-body,var(--egw-text-2,#475467)); border:1px solid var(--egw-border,#c7d2fe); } body .prof-container .egw-lpr-tbl th{ color:var(--prof-text-dark-body,var(--egw-text-3,#94a3b8)); border-bottom:1px solid var(--egw-border,var(--prof-border-light,#eef0f3)); } body .prof-container .egw-lpr-tbl td{ color:var(--prof-text-dark-body,var(--egw-text-2,#475467)); border-bottom:1px solid var(--egw-border,var(--prof-border-light,#f4f5f7)); } body .prof-container .egw-lpr-tbl td b{ color:var(--prof-text-dark-heading,var(--egw-text,#1a1a2e)); font-weight:600; } body .prof-container .egw-lpr-pill.draft{ background:rgba(217,119,6,.14); color:#b45309; } body .prof-container .egw-lpr-pill.sent{ background:rgba(37,99,235,.14); color:#2563eb; } body .prof-container .egw-lpr-pill.used{ background:rgba(16,163,74,.14); color:#16a34a; } body .prof-container .egw-lpr-pill.failed,body .prof-container .egw-lpr-pill.expired,body .prof-container .egw-lpr-pill.rejected{ background:rgba(225,29,72,.14); color:#e11d48; } body .prof-container .egw-lpr-pill.locked{ background:rgba(100,116,139,.16); color:#64748b; } body .prof-container .egw-lpr-note{ color:var(--prof-text-dark-body,var(--egw-text-3,#94a3b8)); } body .prof-container .egw-lpr-empty{ color:var(--prof-text-dark-body,var(--egw-text-2,#64748b)); } body .prof-container .egw-lpr-msg.ok{ color:#16a34a; } body .prof-container .egw-lpr-msg.err{ color:#dc2626; } body .prof-container #egw-lpr-body code{ background:var(--prof-light-section,var(--egw-surface-elevated,#f1f3f6)); color:var(--prof-text-dark-heading,var(--egw-text,#1a1a2e)); padding:2px 6px; border-radius:5px; } /* ════════════════ Member administration — two-card layout (v3.1.26) ════════════════ */ body .prof-container .egw-lma2__head{ display:flex; align-items:center; gap:10px; margin:0 0 14px; } body .prof-container .egw-lma2 > .egw-lma2__head h4{ margin:0; } body .prof-container .egw-lma2__tag{ font-size:.6rem; font-weight:800; letter-spacing:.08em; padding:3px 9px; border-radius:20px; background:color-mix(in srgb,#6366f1 16%,transparent); color:#6366f1; } body .prof-container .egw-lma2__cards{ display:grid; grid-template-columns:1fr 1fr; gap:14px; } @media(max-width:760px){ body .prof-container .egw-lma2__cards{ grid-template-columns:1fr; } } body .prof-container .egw-lma2__card{ border:1px solid var(--prof-border-light,var(--egw-border,#e2e5ea)); border-radius:14px; padding:16px; background:var(--prof-light-section,var(--egw-surface-elevated,#fafbfc)); } body .prof-container .egw-lma2__ch{ display:flex; align-items:center; gap:10px; margin:0 0 14px; } body .prof-container .egw-lma2__ch h5{ margin:0; font-size:1rem; font-weight:600; color:var(--prof-text-dark-heading,var(--egw-text,#1a1a2e)); } body .prof-container .egw-lma2__ic{ width:38px; height:38px; border-radius:11px; display:grid; place-items:center; flex:none; } body .prof-container .egw-lma2__ic--add{ background:color-mix(in srgb,#14b8a6 16%,transparent); color:#14b8a6; } body .prof-container .egw-lma2__ic--exp{ background:color-mix(in srgb,#8b5cf6 16%,transparent); color:#8b5cf6; } body .prof-container .egw-lma2__row2{ display:grid; grid-template-columns:1fr 1fr; gap:10px; } body .prof-container .egw-lma2__addrow{ display:flex; align-items:flex-end; gap:8px; flex-wrap:wrap; margin-top:6px; } body .prof-container .egw-lma2__type{ flex:0 0 auto; min-width:106px; margin:0; } body .prof-container .egw-lma2__addrow .egw-lt-btn{ margin:0; } body .prof-container .egw-lma2__xbtn{ display:flex; align-items:center; gap:10px; width:100%; text-align:left; padding:11px 14px; margin:0 0 8px; border:1px solid var(--prof-border-light,var(--egw-border,#e2e5ea)); border-radius:10px; background:var(--egw-surface,var(--prof-light-card,#fff)); color:var(--prof-text-dark-heading,var(--egw-text,#1b2230)); font-size:.9rem; font-weight:600; cursor:pointer; transition:border-color .15s, background .15s, transform .1s; } body .prof-container .egw-lma2__xbtn:hover{ border-color:color-mix(in srgb,var(--egw-accent,#6366f1) 55%,transparent); background:var(--prof-light-section,var(--egw-surface,#f6f8fa)); } body .prof-container .egw-lma2__xbtn:active{ transform:translateY(1px); } body .prof-container .egw-lma2__xbtn svg{ color:var(--prof-text-muted,var(--egw-text-3,#8a93a2)); flex:none; } body .prof-container .egw-lma2__note{ font-size:.76rem; color:var(--prof-text-dark-body,var(--egw-text-3,#94a3b8)); margin:10px 2px 0; } /* ════════════════ Pre-Reg codes table — avatars, code chips, row actions (v3.1.27) ════════════════ */ body .prof-container .egw-lpr-who{ display:flex; align-items:center; gap:10px; } body .prof-container .egw-lpr-av{ width:30px; height:30px; border-radius:50%; flex:none; display:grid; place-items:center; font-size:.7rem; font-weight:800; color:#fff; background:hsl(var(--h,210),58%,52%); } body .prof-container .egw-lpr-whoz{ display:flex; flex-direction:column; line-height:1.25; } body .prof-container .egw-lpr-whoz b{ font-weight:600; color:var(--prof-text-dark-heading,var(--egw-text,#1a1a2e)); } body .prof-container .egw-lpr-em{ font-size:.74rem; color:var(--prof-text-dark-body,var(--egw-text-3,#8a93a2)); } body .prof-container .egw-lpr-code{ display:inline-block; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:.78rem; font-weight:700; letter-spacing:.02em; padding:3px 9px; border-radius:7px; background:var(--prof-light-section,var(--egw-surface-elevated,#f1f3f6)); color:var(--prof-text-dark-heading,var(--egw-text,#1a1a2e)); border:1px solid var(--egw-border,var(--prof-border-light,#e5e8ee)); } body .prof-container .egw-lpr-muted{ color:var(--prof-text-dark-body,var(--egw-text-3,#94a3b8)); } body .prof-container .egw-lpr-act{ display:inline-flex; gap:6px; } body .prof-container .egw-lpr-mini{ font-size:.72rem; font-weight:700; padding:5px 11px; border-radius:8px; cursor:pointer; border:1px solid var(--egw-border,var(--prof-border-light,#dcdfe5)); background:var(--egw-surface,var(--prof-light-card,#fff)); color:var(--egw-text,var(--prof-text-dark-heading,#1b2230)); transition:border-color .15s, background .15s; } body .prof-container .egw-lpr-mini:hover{ border-color:color-mix(in srgb,var(--egw-accent,#6366f1) 55%,transparent); } body .prof-container .egw-lpr-mini.danger{ color:#dc2626; border-color:color-mix(in srgb,#dc2626 35%,transparent); background:transparent; } body .prof-container .egw-lpr-mini.danger:hover{ background:color-mix(in srgb,#dc2626 10%,transparent); border-color:#dc2626; } body .prof-container .egw-lpr-tblwrap{ overflow-x:auto; } /* ════════════════ Profile & Access panel upgrade (v3.1.28) ════════════════ */ body .prof-container .egw-lpa-stats{ display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin:0 0 16px; } @media(max-width:680px){ body .prof-container .egw-lpa-stats{ grid-template-columns:repeat(2,1fr); } } body .prof-container .egw-lpa-stat{ background:var(--prof-light-section,var(--egw-surface-elevated,#f4f6f9)); border-radius:12px; padding:11px 14px; } body .prof-container .egw-lpa-stat b{ display:block; font-size:1.3rem; font-weight:700; color:var(--prof-text-dark-heading,var(--egw-text,#1a1a2e)); } body .prof-container .egw-lpa-stat b.egw-lpa-accent{ color:#7c3aed; } body .prof-container .egw-lpa-stat span{ font-size:.62rem; text-transform:uppercase; letter-spacing:.03em; font-weight:700; color:var(--prof-text-muted,var(--egw-text-3,#8a93a2)); } body .prof-container .egw-lpa-toolbar{ display:flex; gap:10px; align-items:center; margin:0 0 14px; } body .prof-container .egw-lpa-srch{ position:relative; flex:1; } body .prof-container .egw-lpa-srch svg{ position:absolute; left:11px; top:50%; transform:translateY(-50%); color:var(--prof-text-muted,#8a93a2); } body .prof-container .egw-lpa-srch input{ width:100%; height:38px; border:1px solid var(--egw-border,var(--prof-border-light,#dcdfe5)); border-radius:9px; padding:0 12px 0 34px; font-size:.88rem; background:var(--egw-surface,var(--prof-light-card,#fff)); color:var(--egw-text,var(--prof-text-dark-heading,#1a1a2e)); } body .prof-container .egw-lpa-btn{ background:var(--egw-surface,var(--prof-light-card,#fff)); border:1px solid var(--egw-border,var(--prof-border-light,#dcdfe5)); color:var(--egw-text,var(--prof-text-dark-heading,#1b2230)); } body .prof-container .egw-lpa-btn.primary{ background:#7c3aed; border-color:#7c3aed; color:#fff; } body .prof-container .egw-lpa-sec2{ border:1px solid var(--prof-border-light,var(--egw-border,#e2e5ea)); border-radius:12px; margin:0 0 12px; overflow:hidden; background:var(--prof-light-card,var(--egw-surface,#fff)); } body .prof-container .egw-lpa-hd{ display:flex; align-items:center; gap:10px; padding:12px 14px; cursor:pointer; user-select:none; } body .prof-container .egw-lpa-cv{ display:inline-block; transition:transform .15s; transform:rotate(90deg); color:var(--prof-text-muted,#8a93a2); font-size:1.15rem; line-height:1; width:14px; text-align:center; } body .prof-container .egw-lpa-sec2.collapsed .egw-lpa-cv{ transform:rotate(0deg); } body .prof-container .egw-lpa-secname{ font-weight:600; color:var(--prof-text-dark-heading,var(--egw-text,#1a1a2e)); font-size:.92rem; flex:1; } body .prof-container .egw-lpa-chip{ font-size:.66rem; font-weight:700; color:#7c3aed; background:rgba(124,58,237,.12); border-radius:20px; padding:3px 10px; } body .prof-container .egw-lpa-bd{ padding:0 14px 10px; } body .prof-container .egw-lpa-sec2.collapsed .egw-lpa-bd{ display:none; } body .prof-container .egw-lpa-tg{ display:inline-block; width:34px; height:20px; border-radius:20px; background:var(--egw-border,#cbd2dc); position:relative; cursor:pointer; vertical-align:middle; transition:background .15s; } body .prof-container .egw-lpa-tg .egw-lpa-kn{ position:absolute; top:2px; left:2px; width:16px; height:16px; border-radius:50%; background:#fff; transition:left .15s; box-shadow:0 1px 2px rgba(0,0,0,.25); } body .prof-container .egw-lpa-tg.on{ background:#7c3aed; } body .prof-container .egw-lpa-tg.on .egw-lpa-kn{ left:16px; } body .prof-container .egw-lpa-tg:focus-visible{ outline:2px solid #7c3aed; outline-offset:2px; } body .prof-container .egw-lpa-allrow td{ padding-top:4px; padding-bottom:9px; } body .prof-container .egw-lpa-allrow td:first-child{ font-size:.62rem; text-transform:uppercase; letter-spacing:.03em; color:var(--prof-text-muted,#8a93a2); font-weight:700; } body .prof-container .egw-lpa-all{ font-size:.62rem; font-weight:700; padding:3px 9px; border-radius:7px; cursor:pointer; border:1px solid var(--egw-border,var(--prof-border-light,#dcdfe5)); background:var(--egw-surface,var(--prof-light-card,#fff)); color:var(--prof-text-dark-body,var(--egw-text-2,#475467)); } body .prof-container .egw-lpa-all:hover{ border-color:#7c3aed; color:#7c3aed; } body .prof-container .egw-lpa-bar{ position:static; background:none; display:flex; align-items:center; gap:14px; border-top:1px solid var(--egw-border,var(--prof-border-light,#eef0f3)); padding:14px 2px 4px; margin-top:6px; } body .prof-container .egw-lpa-dirty{ font-size:.8rem; color:var(--prof-text-muted,#8a93a2); flex:1; display:inline-flex; align-items:center; gap:6px; } body .prof-container .egw-lpa-dirty.on{ color:#7c3aed; font-weight:600; } [data-theme="dark"] .prof-container .egw-lpa-chip{ color:#c4b5fd; background:rgba(124,58,237,.26); } [data-theme="dark"] .prof-container .egw-lpa-stat b.egw-lpa-accent,[data-theme="dark"] .prof-container .egw-lpa-dirty.on{ color:#c4b5fd; } [data-theme="dark"] .prof-container .egw-lpa-all:hover{ border-color:#c4b5fd; color:#c4b5fd; } /* ════════════════ Directory Rules panel upgrade (v3.1.29) ════════════════ */ body .prof-container .egw-ltd-loading{ padding:22px; color:var(--prof-text-muted,#8a93a2); font-size:.9rem; display:flex; align-items:center; gap:12px; } body .prof-container .egw-ltd-grid{ display:grid; grid-template-columns:1.25fr 1fr; gap:14px; align-items:start; } @media(max-width:820px){ body .prof-container .egw-ltd-grid{ grid-template-columns:1fr; } } body .prof-container .egw-ltd-card{ background:var(--prof-light-card,var(--egw-surface,#fff)); border:1px solid var(--prof-border-light,var(--egw-border,#e2e5ea)); border-radius:12px; padding:14px 16px; margin:0 0 12px; } body .prof-container .egw-ltd-h{ font-weight:600; font-size:.92rem; color:var(--prof-text-dark-heading,var(--egw-text,#1a1a2e)); margin:0 0 8px; } body .prof-container .egw-ltd-hrow{ display:flex; align-items:center; justify-content:space-between; margin:0 0 4px; } body .prof-container .egw-ltd-hrow .egw-ltd-h{ margin:0; } body .prof-container .egw-ltd-chip{ font-size:.66rem; font-weight:700; color:#0891b2; background:rgba(8,145,178,.12); border-radius:20px; padding:3px 10px; } body .prof-container .egw-ltd-row{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:9px 0; border-top:1px solid var(--prof-border-light,var(--egw-border,#f0f2f5)); } body .prof-container .egw-ltd-card .egw-ltd-row:first-of-type{ border-top:0; } body .prof-container .egw-ltd-rl{ display:flex; flex-direction:column; gap:1px; } body .prof-container .egw-ltd-rt{ font-size:.88rem; color:var(--prof-text-dark-heading,var(--egw-text,#1a1a2e)); } body .prof-container .egw-ltd-rs{ font-size:.74rem; color:var(--prof-text-muted,var(--egw-text-3,#8a93a2)); } body .prof-container .egw-ltd-tg{ display:inline-block; width:34px; height:20px; border-radius:20px; background:var(--egw-border,#cbd2dc); position:relative; cursor:pointer; flex:none; transition:background .15s; } body .prof-container .egw-ltd-tg .egw-ltd-kn{ position:absolute; top:2px; left:2px; width:16px; height:16px; border-radius:50%; background:#fff; transition:left .15s; box-shadow:0 1px 2px rgba(0,0,0,.25); } body .prof-container .egw-ltd-tg.on{ background:#0891b2; } body .prof-container .egw-ltd-tg.on .egw-ltd-kn{ left:16px; } body .prof-container .egw-ltd-tg:focus-visible{ outline:2px solid #0891b2; outline-offset:2px; } body .prof-container .egw-ltd-lock{ display:flex; align-items:center; gap:8px; padding:11px 0 2px; border-top:1px solid var(--prof-border-light,var(--egw-border,#f0f2f5)); } body .prof-container .egw-ltd-lockl{ font-size:.82rem; color:var(--prof-text-dark-body,var(--egw-text-2,#475467)); } body .prof-container .egw-ltd-lock input{ width:70px; height:34px; border:1px solid var(--egw-border,var(--prof-border-light,#dcdfe5)); border-radius:8px; padding:0 9px; background:var(--egw-surface,var(--prof-light-card,#fff)); color:var(--egw-text,var(--prof-text-dark-heading,#1a1a2e)); } body .prof-container .egw-ltd-lock select{ height:34px; border:1px solid var(--egw-border,var(--prof-border-light,#dcdfe5)); border-radius:8px; padding:0 8px; background:var(--egw-surface,var(--prof-light-card,#fff)); color:var(--egw-text,var(--prof-text-dark-heading,#1a1a2e)); } body .prof-container .egw-ltd-right{ position:sticky; top:8px; background:var(--prof-light-section,var(--egw-surface-elevated,#f4f6f9)); border-radius:12px; padding:14px; } @media(max-width:820px){ body .prof-container .egw-ltd-right{ position:static; } } body .prof-container .egw-ltd-pvlabel{ font-size:.66rem; text-transform:uppercase; letter-spacing:.04em; font-weight:700; color:var(--prof-text-muted,#8a93a2); margin:0 0 10px; } body .prof-container .egw-ltd-pvcard{ background:var(--prof-light-card,var(--egw-surface,#fff)); border:1px solid var(--prof-border-light,var(--egw-border,#e2e5ea)); border-radius:12px; padding:16px; } body .prof-container .egw-ltd-pvhead{ display:flex; align-items:center; gap:12px; margin:0 0 12px; } body .prof-container .egw-ltd-pvav{ width:46px; height:46px; border-radius:50%; background:#0891b2; color:#fff; display:grid; place-items:center; font-weight:600; font-size:15px; flex:none; } body .prof-container .egw-ltd-pvid{ flex:1; min-width:0; } body .prof-container .egw-ltd-pvname{ font-weight:600; font-size:15px; color:var(--prof-text-dark-heading,var(--egw-text,#1a1a2e)); } body .prof-container .egw-ltd-pvtitle{ font-size:13px; color:var(--prof-text-dark-body,var(--egw-text-2,#64748b)); } body .prof-container .egw-ltd-pvbadge{ display:inline-block; font-size:11px; font-weight:700; color:#0891b2; background:rgba(8,145,178,.12); border-radius:20px; padding:3px 10px; flex:none; } body .prof-container .egw-ltd-pvrows{ display:flex; flex-direction:column; gap:7px; font-size:13px; } body .prof-container .egw-ltd-pvrow{ display:flex; justify-content:space-between; } body .prof-container .egw-ltd-pvrow span{ color:var(--prof-text-muted,var(--egw-text-3,#8a93a2)); } body .prof-container .egw-ltd-pvrow b{ font-weight:500; color:var(--prof-text-dark-heading,var(--egw-text,#1a1a2e)); } body .prof-container .egw-ltd-pvnote{ font-size:11px; color:var(--prof-text-muted,#8a93a2); text-align:center; margin-top:8px; } body .prof-container .egw-ltd-bar{ display:flex; align-items:center; gap:14px; border-top:1px solid var(--egw-border,var(--prof-border-light,#eef0f3)); padding:14px 2px 4px; margin-top:8px; } body .prof-container .egw-ltd-dirty{ font-size:.8rem; color:var(--prof-text-muted,#8a93a2); flex:1; } body .prof-container .egw-ltd-dirty.on{ color:#0891b2; font-weight:600; } body .prof-container .egw-ltd-btn{ appearance:none; border:1px solid var(--egw-border,var(--prof-border-light,#dcdfe5)); background:var(--egw-surface,var(--prof-light-card,#fff)); color:var(--egw-text,var(--prof-text-dark-heading,#1b2230)); border-radius:9px; font:inherit; font-size:.82rem; font-weight:700; padding:9px 15px; cursor:pointer; } body .prof-container .egw-ltd-btn.primary{ background:#0891b2; border-color:#0891b2; color:#fff; } [data-theme="dark"] .prof-container .egw-ltd-chip,[data-theme="dark"] .prof-container .egw-ltd-pvbadge{ color:#67e8f9; background:rgba(8,145,178,.26); } [data-theme="dark"] .prof-container .egw-ltd-dirty.on{ color:#67e8f9; } /* ════════════════ Profile Management console (lead-profiles, v3.1.31) ════════════════ */ body .prof-container #egw-lp-sec .egw-lp-empty{ padding:22px; color:var(--prof-text-muted,#8a93a2); font-size:.9rem; } body .prof-container .egw-lp-srch{ position:relative; margin:0 0 16px; } body .prof-container .egw-lp-srch > svg{ position:absolute; left:12px; top:50%; transform:translateY(-50%); color:var(--prof-text-muted,#8a93a2); } body .prof-container .egw-lp-srch input{ width:100%; height:42px; border:1px solid var(--egw-border,var(--prof-border-light,#dcdfe5)); border-radius:10px; padding:0 14px 0 36px; font-size:.92rem; background:var(--egw-surface,var(--prof-light-card,#fff)); color:var(--egw-text,var(--prof-text-dark-heading,#1a1a2e)); } body .prof-container .egw-lp-hits{ position:absolute; left:0; right:0; top:46px; z-index:30; background:var(--egw-surface,var(--prof-light-card,#fff)); border:1px solid var(--egw-border,var(--prof-border-light,#e2e5ea)); border-radius:10px; box-shadow:0 12px 30px rgba(2,6,23,.18); overflow:hidden; display:none; max-height:320px; overflow-y:auto; } body .prof-container .egw-lp-hits.on{ display:block; } body .prof-container .egw-lp-hit{ display:flex; align-items:center; gap:10px; width:100%; text-align:left; padding:9px 12px; border:0; border-bottom:1px solid var(--egw-border,var(--prof-border-light,#f0f2f5)); background:none; cursor:pointer; font:inherit; } body .prof-container .egw-lp-hit:hover{ background:var(--prof-light-section,var(--egw-surface-elevated,#f6f8fa)); } body .prof-container .egw-lp-hav,body .prof-container .egw-lp-av{ border-radius:50%; flex:none; display:grid; place-items:center; color:#fff; font-weight:700; background:hsl(var(--h,200),55%,45%); } body .prof-container .egw-lp-hav{ width:30px; height:30px; font-size:.72rem; } body .prof-container .egw-lp-hz{ display:flex; flex-direction:column; line-height:1.25; } body .prof-container .egw-lp-hz b{ font-weight:600; color:var(--prof-text-dark-heading,var(--egw-text,#1a1a2e)); } body .prof-container .egw-lp-hz span{ font-size:.76rem; color:var(--prof-text-muted,var(--egw-text-3,#8a93a2)); } body .prof-container .egw-lp-card{ background:var(--prof-light-card,var(--egw-surface,#fff)); border:1px solid var(--prof-border-light,var(--egw-border,#e2e5ea)); border-radius:14px; padding:16px 18px; margin:0 0 12px; } body .prof-container .egw-lp-h{ font-weight:600; font-size:.92rem; color:var(--prof-text-dark-heading,var(--egw-text,#1a1a2e)); margin:0 0 12px; } body .prof-container .egw-lp-hrow{ display:flex; align-items:center; justify-content:space-between; } body .prof-container .egw-lp-idrow{ display:flex; align-items:center; gap:12px; margin:0 0 16px; flex-wrap:wrap; } body .prof-container .egw-lp-av{ width:48px; height:48px; font-size:.95rem; } body .prof-container .egw-lp-idz{ flex:1; min-width:140px; } body .prof-container .egw-lp-nm{ font-weight:600; font-size:1.02rem; color:var(--prof-text-dark-heading,var(--egw-text,#1a1a2e)); } body .prof-container .egw-lp-sub2{ font-size:.8rem; color:var(--prof-text-muted,var(--egw-text-3,#8a93a2)); } body .prof-container .egw-lp-badge{ font-size:.66rem; font-weight:700; border-radius:20px; padding:3px 10px; } body .prof-container .egw-lp-badge.type{ color:#0d9488; background:rgba(13,148,136,.12); } body .prof-container .egw-lp-badge.st-approved,body .prof-container .egw-lp-badge.ok{ color:#0d9e6e; background:rgba(13,158,110,.12); } body .prof-container .egw-lp-badge.st-suspended{ color:#b97309; background:rgba(185,115,9,.14); } body .prof-container .egw-lp-badge.st-pending{ color:#2563eb; background:rgba(37,99,235,.12); } body .prof-container .egw-lp-badge.st-rejected{ color:#c0392b; background:rgba(192,57,43,.12); } body .prof-container .egw-lp-tiles{ display:grid; grid-template-columns:repeat(auto-fit,minmax(116px,1fr)); gap:10px; } body .prof-container .egw-lp-tile{ background:var(--prof-light-section,var(--egw-surface-elevated,#f4f6f9)); border-radius:12px; padding:10px 12px; } body .prof-container .egw-lp-tl{ display:flex; align-items:center; gap:6px; font-size:.72rem; color:var(--prof-text-muted,var(--egw-text-3,#8a93a2)); } body .prof-container .egw-lp-tv{ font-size:.98rem; font-weight:600; margin-top:3px; color:var(--prof-text-dark-heading,var(--egw-text,#1a1a2e)); } body .prof-container .egw-lp-tv.ok{ color:#0d9e6e; } body .prof-container .egw-lp-tv.mut{ color:var(--prof-text-muted,#8a93a2); } body .prof-container .egw-lp-ctrls{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; } body .prof-container .egw-lp-ctrls select{ height:38px; border:1px solid var(--egw-border,var(--prof-border-light,#dcdfe5)); border-radius:9px; padding:0 10px; background:var(--egw-surface,var(--prof-light-card,#fff)); color:var(--egw-text,var(--prof-text-dark-heading,#1a1a2e)); font-size:.86rem; } body .prof-container .egw-lp-actions{ display:flex; flex-wrap:wrap; gap:8px; } body .prof-container .egw-lp-btn{ appearance:none; border:1px solid var(--egw-border,var(--prof-border-light,#dcdfe5)); background:var(--egw-surface,var(--prof-light-card,#fff)); color:var(--egw-text,var(--prof-text-dark-heading,#1b2230)); border-radius:9px; font:inherit; font-size:.82rem; font-weight:600; padding:9px 14px; cursor:pointer; transition:border-color .15s,background .15s; } body .prof-container .egw-lp-btn:hover{ border-color:color-mix(in srgb,#0d9488 55%,transparent); } body .prof-container .egw-lp-btn.primary{ background:#0d9488; border-color:#0d9488; color:#fff; } body .prof-container .egw-lp-btn.sm{ font-size:.74rem; padding:5px 11px; } body .prof-container .egw-lp-btn.danger{ color:#c0392b; border-color:color-mix(in srgb,#c0392b 35%,transparent); background:transparent; } body .prof-container .egw-lp-btn.danger:hover{ background:color-mix(in srgb,#c0392b 10%,transparent); border-color:#c0392b; } body .prof-container .egw-lp-btn[disabled]{ opacity:.55; cursor:default; } body .prof-container .egw-lp-msg{ font-size:.8rem; color:var(--prof-text-muted,#8a93a2); align-self:center; } body .prof-container .egw-lp-sublabel{ font-size:.66rem; text-transform:uppercase; letter-spacing:.04em; font-weight:700; color:var(--prof-text-muted,#8a93a2); margin:16px 0 8px; } body .prof-container .egw-lp-sess{ display:flex; align-items:center; gap:11px; padding:9px 0; border-bottom:1px solid var(--prof-border-light,var(--egw-border,#f0f2f5)); } body .prof-container .egw-lp-sdev{ color:var(--prof-text-muted,#8a93a2); display:flex; } body .prof-container .egw-lp-sz{ flex:1; min-width:0; } body .prof-container .egw-lp-sd{ font-size:.84rem; color:var(--prof-text-dark-heading,var(--egw-text,#1a1a2e)); } body .prof-container .egw-lp-sm{ font-size:.74rem; color:var(--prof-text-muted,var(--egw-text-3,#8a93a2)); } body .prof-container .egw-lp-fc{ display:flex; gap:6px; flex-wrap:wrap; margin:0 0 12px; } body .prof-container .egw-lp-fchip{ font-size:.74rem; font-weight:600; padding:4px 12px; border-radius:20px; cursor:pointer; border:1px solid var(--egw-border,var(--prof-border-light,#dcdfe5)); background:var(--egw-surface,var(--prof-light-card,#fff)); color:var(--prof-text-dark-body,var(--egw-text-2,#475467)); } body .prof-container .egw-lp-fchip.on{ background:#0d9488; border-color:#0d9488; color:#fff; } body .prof-container .egw-lp-arow{ display:flex; align-items:flex-start; gap:11px; padding:9px 0; border-bottom:1px solid var(--prof-border-light,var(--egw-border,#f0f2f5)); } body .prof-container .egw-lp-dot{ width:9px; height:9px; border-radius:50%; flex:none; margin-top:5px; background:#94a3b8; } body .prof-container .egw-lp-dot.ok{ background:#0d9e6e; } body .prof-container .egw-lp-dot.warn{ background:#d97706; } body .prof-container .egw-lp-dot.crit{ background:#dc2626; } body .prof-container .egw-lp-dot.mut{ background:#94a3b8; } body .prof-container .egw-lp-az{ flex:1; min-width:0; } body .prof-container .egw-lp-al{ font-size:.85rem; color:var(--prof-text-dark-heading,var(--egw-text,#1a1a2e)); } body .prof-container .egw-lp-am{ font-size:.74rem; color:var(--prof-text-muted,var(--egw-text-3,#8a93a2)); } body .prof-container .egw-lp-danger{ display:flex; align-items:center; justify-content:space-between; gap:12px; border:1px solid color-mix(in srgb,#c0392b 30%,transparent); border-radius:12px; padding:12px 14px; } body .prof-container .egw-lp-dtitle{ font-size:.86rem; font-weight:600; color:#c0392b; } body .prof-container .egw-lp-dsub{ font-size:.76rem; color:var(--prof-text-muted,#8a93a2); } [data-theme="dark"] .prof-container .egw-lp-badge.type{ color:#5eead4; background:rgba(13,148,136,.24); } [data-theme="dark"] .prof-container .egw-lp-fchip.on,[data-theme="dark"] .prof-container .egw-lp-btn.primary{ background:#0d9488; border-color:#0d9488; } /* ════════════════ Profile Management — health roster + filters (v3.1.32) ════════════════ */ body .prof-container .egw-lp-srchbox{ position:relative; margin:0 0 14px; } body .prof-container .egw-lp-srchbox > svg{ position:absolute; left:14px; top:50%; transform:translateY(-50%); color:#0d9488; } body .prof-container .egw-lp-srchbox input{ width:100%; height:46px; border:1.5px solid var(--egw-border,var(--prof-border-light,#d6dbe2)); border-radius:12px; padding:0 14px 0 42px; font-size:.96rem; background:var(--egw-surface,var(--prof-light-card,#fff)); color:var(--egw-text,var(--prof-text-dark-heading,#1a1a2e)); } body .prof-container .egw-lp-srchbox input:focus{ border-color:#0d9488; outline:none; } body .prof-container .egw-lp-filters{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin:0 0 14px; } body .prof-container .egw-lp-flabel{ display:inline-flex; align-items:center; gap:6px; font-size:.74rem; font-weight:600; color:var(--prof-text-muted,#8a93a2); margin-right:2px; } body .prof-container .egw-lp-filters select{ height:36px; border:1px solid var(--egw-border,var(--prof-border-light,#dcdfe5)); border-radius:9px; padding:0 9px; background:var(--egw-surface,var(--prof-light-card,#fff)); color:var(--egw-text,var(--prof-text-dark-heading,#1a1a2e)); font-size:.82rem; } body .prof-container .egw-lp-summary{ display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin:0 0 14px; } @media(max-width:560px){ body .prof-container .egw-lp-summary{ grid-template-columns:repeat(2,1fr); } } body .prof-container .egw-lp-stile{ background:var(--prof-light-section,var(--egw-surface-elevated,#f4f6f9)); border-radius:12px; padding:10px 14px; } body .prof-container .egw-lp-sl{ font-size:.72rem; color:var(--prof-text-muted,var(--egw-text-3,#8a93a2)); } body .prof-container .egw-lp-sv{ font-size:1.25rem; font-weight:700; margin-top:2px; color:var(--prof-text-dark-heading,var(--egw-text,#1a1a2e)); } body .prof-container .egw-lp-sv.ok{ color:#0d9e6e; } body .prof-container .egw-lp-sv.warn{ color:#d97706; } body .prof-container .egw-lp-sv.crit{ color:#dc2626; } body .prof-container .egw-lp-list{ border:1px solid var(--prof-border-light,var(--egw-border,#e2e5ea)); border-radius:12px; overflow:hidden; } body .prof-container .egw-lp-lrow{ display:flex; align-items:center; gap:12px; width:100%; text-align:left; padding:11px 14px; border:0; border-top:1px solid var(--prof-border-light,var(--egw-border,#f0f2f5)); background:none; cursor:pointer; font:inherit; } body .prof-container .egw-lp-lrow:first-child{ border-top:0; } body .prof-container .egw-lp-lrow:hover{ background:var(--prof-light-section,var(--egw-surface-elevated,#f6f8fa)); } body .prof-container .egw-lp-lz{ flex:1; min-width:0; display:flex; flex-direction:column; } body .prof-container .egw-lp-ln{ font-size:.9rem; font-weight:600; color:var(--prof-text-dark-heading,var(--egw-text,#1a1a2e)); } body .prof-container .egw-lp-le{ font-size:.76rem; color:var(--prof-text-muted,var(--egw-text-3,#8a93a2)); } body .prof-container .egw-lp-lflags{ display:flex; gap:5px; flex-wrap:wrap; justify-content:flex-end; max-width:210px; } body .prof-container .egw-lp-flag{ font-size:.62rem; font-weight:600; border-radius:20px; padding:2px 8px; white-space:nowrap; } body .prof-container .egw-lp-ring{ flex:none; } body .prof-container .egw-lp-pager{ display:flex; align-items:center; justify-content:center; gap:14px; margin:14px 0 4px; } body .prof-container .egw-lp-pginfo{ font-size:.78rem; color:var(--prof-text-muted,#8a93a2); } body .prof-container .egw-lp-back{ appearance:none; border:0; background:none; color:#0d9488; font:inherit; font-size:.82rem; font-weight:600; cursor:pointer; padding:0; margin:0 0 12px; } body .prof-container .egw-lp-av.big{ width:48px; height:48px; font-size:.95rem; } body .prof-container .egw-lp-health{ display:flex; gap:18px; flex-wrap:wrap; align-items:center; } body .prof-container .egw-lp-hringwrap{ text-align:center; } body .prof-container .egw-lp-htier{ font-size:.72rem; font-weight:600; margin-top:4px; } body .prof-container .egw-lp-hbars{ flex:1; min-width:200px; } body .prof-container .egw-lp-hbar{ margin-bottom:9px; } body .prof-container .egw-lp-hbar:last-child{ margin-bottom:0; } body .prof-container .egw-lp-hbl{ display:flex; justify-content:space-between; font-size:.74rem; margin-bottom:3px; color:var(--prof-text-dark-body,var(--egw-text-2,#475467)); } body .prof-container .egw-lp-htrack{ height:6px; background:var(--prof-light-section,var(--egw-surface-elevated,#eef1f5)); border-radius:4px; } body .prof-container .egw-lp-hfill{ height:6px; background:#0d9488; border-radius:4px; } body .prof-container .egw-lp-hchecks{ flex:1; min-width:200px; display:flex; flex-direction:column; gap:5px; } body .prof-container .egw-lp-chk{ display:flex; align-items:center; gap:8px; font-size:.8rem; color:var(--prof-text-dark-body,var(--egw-text-2,#475467)); } body .prof-container .egw-lp-ckm{ width:17px; height:17px; border-radius:50%; flex:none; display:grid; place-items:center; font-size:.66rem; font-weight:800; color:#fff; } body .prof-container .egw-lp-ckm.ok{ background:#0d9e6e; } body .prof-container .egw-lp-ckm.no{ background:#d97706; } [data-theme="dark"] .prof-container .egw-lp-srchbox input:focus{ border-color:#0d9488; } /* ════════════════ Communications composer upgrade (v3.1.33) ════════════════ */ body .prof-container #egw-ltc-sec .egw-ltc-mtags{ display:flex; align-items:center; gap:6px; flex-wrap:wrap; margin:8px 0 4px; } body .prof-container #egw-ltc-sec .egw-ltc-mtl{ font-size:.72rem; color:var(--prof-text-muted,#8a93a2); margin-right:2px; } body .prof-container #egw-ltc-sec .egw-ltc-mtag{ font-size:.72rem; font-weight:700; padding:3px 10px; border-radius:20px; cursor:pointer; border:1px solid var(--egw-border,var(--prof-border-light,#dcdfe5)); background:var(--egw-surface,var(--prof-light-card,#fff)); color:var(--prof-text-dark-body,var(--egw-text-2,#475467)); } body .prof-container #egw-ltc-sec .egw-ltc-mtag:hover{ border-color:#f59e0b; color:#b45309; } body .prof-container #egw-ltc-sec .egw-ltc-perslbl{ margin-left:auto; display:inline-flex; align-items:center; gap:6px; font-size:.8rem; color:var(--prof-text-dark-body,var(--egw-text-2,#475467)); cursor:pointer; } body .prof-container #egw-ltc-sec .egw-ltc-presets{ display:inline-flex; gap:6px; flex-wrap:wrap; margin-left:8px; } body .prof-container #egw-ltc-sec .egw-ltc-preset{ font-size:.72rem; font-weight:700; padding:5px 11px; border-radius:8px; cursor:pointer; border:1px solid var(--egw-border,var(--prof-border-light,#dcdfe5)); background:var(--egw-surface,var(--prof-light-card,#fff)); color:var(--prof-text-dark-body,var(--egw-text-2,#475467)); } body .prof-container #egw-ltc-sec .egw-ltc-preset:hover{ border-color:#f59e0b; color:#b45309; } body .prof-container #egw-ltc-sec #egw-ltc-send{ background:#f59e0b; border-color:#f59e0b; color:#3d2a06; font-weight:700; } body .prof-container #egw-ltc-sec #egw-ltc-aud{ background:rgba(245,158,11,.16); color:#b45309; border-color:transparent; } [data-theme="dark"] .prof-container #egw-ltc-sec #egw-ltc-aud{ color:#fbbf24; background:rgba(245,158,11,.22); } [data-theme="dark"] .prof-container #egw-ltc-sec .egw-ltc-mtag:hover,[data-theme="dark"] .prof-container #egw-ltc-sec .egw-ltc-preset:hover{ color:#fbbf24; border-color:#f59e0b; } /* ════════════════ Communications premium layout (v3.1.34) ════════════════ */ body .prof-container #egw-ltc-sec .egw-lt-grid{ display:block; } body .prof-container #egw-ltc-sec .egw-lt-card{ margin:0 0 14px; border-radius:14px; } body .prof-container #egw-ltc-sec .egw-ltc-stats{ display:grid; grid-template-columns:repeat(5,1fr); gap:10px; margin:0 0 14px; } @media(max-width:700px){ body .prof-container #egw-ltc-sec .egw-ltc-stats{ grid-template-columns:repeat(2,1fr); } } body .prof-container #egw-ltc-sec .egw-ltc-stat{ background:var(--prof-light-section,var(--egw-surface-elevated,#f4f6f9)); border-radius:12px; padding:10px 13px; } body .prof-container #egw-ltc-sec .egw-ltc-stat b{ display:block; font-size:1.2rem; font-weight:700; color:var(--prof-text-dark-heading,var(--egw-text,#1a1a2e)); } body .prof-container #egw-ltc-sec .egw-ltc-stat.open b{ color:#1d9e75; } body .prof-container #egw-ltc-sec .egw-ltc-stat span{ font-size:.62rem; text-transform:uppercase; letter-spacing:.03em; font-weight:700; color:var(--prof-text-muted,var(--egw-text-3,#8a93a2)); } body .prof-container #egw-ltc-sec #egw-ltc-chrow{ gap:10px !important; } body .prof-container #egw-ltc-sec #egw-ltc-chrow .egw-lt-toggle{ border:1.5px solid var(--egw-border,var(--prof-border-light,#dcdfe5)); border-radius:10px; padding:9px 13px; margin:0; cursor:pointer; transition:border-color .15s, background .15s; } body .prof-container #egw-ltc-sec #egw-ltc-chrow .egw-lt-toggle:has(input:checked){ border-color:#f59e0b; background:rgba(245,158,11,.09); } body .prof-container #egw-ltc-sec .egw-ltc-dcheck{ border-radius:10px; padding:9px 12px; margin:12px 0; font-size:.8rem; line-height:1.5; } body .prof-container #egw-ltc-sec .egw-ltc-dcheck.ok{ background:rgba(16,163,116,.1); color:#0f6e56; } body .prof-container #egw-ltc-sec .egw-ltc-dcheck.warn{ background:rgba(133,79,11,.13); color:#854f0b; } [data-theme="dark"] .prof-container #egw-ltc-sec .egw-ltc-dcheck.ok{ color:#5eead4; } [data-theme="dark"] .prof-container #egw-ltc-sec .egw-ltc-dcheck.warn{ color:#fcd34d; } /* ════════════════ Communications tabs + To picker (v3.1.35) ════════════════ */ body .prof-container #egw-ltc-sec .egw-ltc-tabs{ display:flex; gap:2px; border-bottom:1px solid var(--egw-border,var(--prof-border-light,#e2e5ea)); margin:0 0 16px; flex-wrap:wrap; } body .prof-container #egw-ltc-sec .egw-ltc-tab{ appearance:none; background:none; border:0; border-bottom:2px solid transparent; padding:9px 14px; font:inherit; font-size:.86rem; font-weight:600; color:var(--prof-text-muted,var(--egw-text-2,#64748b)); cursor:pointer; } body .prof-container #egw-ltc-sec .egw-ltc-tab.on{ color:#b45309; border-bottom-color:#f59e0b; } [data-theme="dark"] .prof-container #egw-ltc-sec .egw-ltc-tab.on{ color:#fbbf24; border-bottom-color:#f59e0b; } body .prof-container #egw-ltc-sec .egw-ltc-towrap{ margin:0 0 14px; } body .prof-container #egw-ltc-sec .egw-ltc-tolabel{ font-size:.66rem; text-transform:uppercase; letter-spacing:.04em; font-weight:700; color:var(--prof-text-muted,#8a93a2); margin:0 0 7px; } body .prof-container #egw-ltc-sec .egw-ltc-tomodes{ display:flex; gap:7px; margin:0 0 10px; } body .prof-container #egw-ltc-sec .egw-ltc-tomode{ appearance:none; font:inherit; font-size:.8rem; padding:6px 13px; border-radius:8px; cursor:pointer; border:1px solid var(--egw-border,var(--prof-border-light,#dcdfe5)); background:var(--egw-surface,var(--prof-light-card,#fff)); color:var(--prof-text-dark-body,var(--egw-text-2,#475467)); } body .prof-container #egw-ltc-sec .egw-ltc-tomode.on{ border-color:#f59e0b; background:rgba(245,158,11,.1); color:#b45309; font-weight:600; } body .prof-container #egw-ltc-sec .egw-ltc-tochipswrap{ position:relative; } body .prof-container #egw-ltc-sec .egw-ltc-tochips{ display:flex; flex-wrap:wrap; gap:6px; align-items:center; border:1px solid var(--egw-border,var(--prof-border-light,#dcdfe5)); border-radius:10px; padding:8px 10px; min-height:44px; background:var(--egw-surface,var(--prof-light-card,#fff)); } body .prof-container #egw-ltc-sec .egw-ltc-tochip{ display:inline-flex; align-items:center; gap:5px; background:rgba(245,158,11,.14); color:#b45309; border-radius:20px; padding:3px 6px 3px 11px; font-size:.78rem; font-weight:600; } body .prof-container #egw-ltc-sec .egw-ltc-tochip button{ border:0; background:none; color:#b45309; cursor:pointer; font-weight:800; font-size:1rem; line-height:1; padding:0 2px; } body .prof-container #egw-ltc-sec #egw-ltc-toinput{ flex:1; min-width:160px; border:0 !important; outline:none; background:transparent; font-size:.86rem; padding:4px; height:auto; } body .prof-container #egw-ltc-sec .egw-ltc-toac{ display:none; position:absolute; left:0; right:0; top:48px; z-index:20; background:var(--egw-surface,var(--prof-light-card,#fff)); border:1px solid var(--egw-border,var(--prof-border-light,#e2e5ea)); border-radius:10px; box-shadow:0 12px 30px rgba(2,6,23,.16); overflow:hidden; max-height:280px; overflow-y:auto; } body .prof-container #egw-ltc-sec .egw-ltc-toac.on{ display:block; } body .prof-container #egw-ltc-sec .egw-ltc-acit{ display:block; width:100%; text-align:left; border:0; border-bottom:1px solid var(--egw-border,var(--prof-border-light,#f0f2f5)); background:none; padding:9px 12px; font:inherit; font-size:.84rem; cursor:pointer; color:var(--prof-text-dark-heading,var(--egw-text,#1a1a2e)); } body .prof-container #egw-ltc-sec .egw-ltc-acit:hover{ background:var(--prof-light-section,var(--egw-surface-elevated,#f6f8fa)); } body .prof-container #egw-ltc-sec .egw-ltc-acit span{ color:var(--prof-text-muted,var(--egw-text-3,#8a93a2)); font-size:.76rem; } body .prof-container #egw-ltc-sec .egw-ltc-tocount{ font-size:.76rem; color:var(--prof-text-muted,#8a93a2); margin-top:6px; } /* ════════════════ SMTP guide + comms spacing polish (v3.1.36) ════════════════ */ body .prof-container #egw-ltc-sec .egw-lts-guide{ border:1px solid var(--prof-border-light,var(--egw-border,#e6e9ee)); border-radius:12px; background:var(--prof-light-section,var(--egw-surface-elevated,#f7f8fa)); padding:0 0 4px; margin:12px 0 16px; } body .prof-container #egw-ltc-sec .egw-lts-guide summary{ cursor:pointer; padding:12px 14px; font-size:.84rem; font-weight:700; color:var(--prof-text-dark-heading,var(--egw-text,#1a1a2e)); list-style:none; display:flex; align-items:center; gap:9px; } body .prof-container #egw-ltc-sec .egw-lts-guide summary::-webkit-details-marker{ display:none; } body .prof-container #egw-ltc-sec .egw-lts-guide summary::before{ content:"i"; display:inline-grid; place-items:center; width:19px; height:19px; border-radius:50%; background:rgba(245,158,11,.18); color:#b45309; font-size:.72rem; font-weight:800; font-style:italic; flex:none; } body .prof-container #egw-ltc-sec .egw-lts-guide[open] summary{ border-bottom:1px solid var(--prof-border-light,var(--egw-border,#e6e9ee)); margin-bottom:4px; } body .prof-container #egw-ltc-sec .egw-lts-guide > *:not(summary){ margin-left:14px; margin-right:14px; } body .prof-container #egw-ltc-sec .egw-lts-intro{ font-size:.82rem; line-height:1.6; color:var(--prof-text-dark-body,var(--egw-text-2,#475467)); margin-top:10px; } body .prof-container #egw-ltc-sec .egw-lts-help{ margin:8px 0; padding-left:18px; font-size:.82rem; line-height:1.65; color:var(--prof-text-dark-body,var(--egw-text-2,#475467)); } body .prof-container #egw-ltc-sec .egw-lts-help li{ margin-bottom:5px; } body .prof-container #egw-ltc-sec .egw-lts-help b{ color:var(--prof-text-dark-heading,var(--egw-text,#1a1a2e)); } body .prof-container #egw-ltc-sec .egw-lts-presethint{ font-size:.74rem; color:var(--prof-text-muted,#8a93a2); margin:10px 0 6px; } body .prof-container #egw-ltc-sec .egw-lts-presets{ width:100%; border-collapse:collapse; font-size:.78rem; } body .prof-container #egw-ltc-sec .egw-lts-presets th{ text-align:left; font-size:.64rem; text-transform:uppercase; letter-spacing:.03em; color:var(--prof-text-muted,#8a93a2); padding:6px 8px; border-bottom:1px solid var(--prof-border-light,var(--egw-border,#e6e9ee)); } body .prof-container #egw-ltc-sec .egw-lts-presets td{ padding:7px 8px; border-bottom:1px solid var(--prof-border-light,var(--egw-border,#f0f2f5)); color:var(--prof-text-dark-body,var(--egw-text-2,#475467)); } body .prof-container #egw-ltc-sec .egw-lts-presets tbody tr{ cursor:pointer; } body .prof-container #egw-ltc-sec .egw-lts-presets tbody tr:hover td{ background:rgba(245,158,11,.09); color:#b45309; } body .prof-container #egw-ltc-sec .egw-lts-tip{ font-size:.78rem; color:var(--prof-text-muted,#8a93a2); margin:10px 0 12px; } /* spacing + rhythm */ body .prof-container #egw-ltc-sec .egw-lt-card{ padding:18px 20px; } body .prof-container #egw-ltc-sec .egw-lt-card > h4{ margin:0 0 14px; font-size:1rem; } body .prof-container #egw-ltc-sec .egw-lt-fld{ margin:0 0 12px; } body .prof-container #egw-ltc-sec .egw-lt-fld > span{ display:block; margin:0 0 5px; } body .prof-container #egw-ltc-sec .egw-lt-row{ gap:12px; margin:0 0 6px; } body .prof-container #egw-ltc-sec #egw-ltc-chrow{ margin-top:6px; } body .prof-container #egw-ltc-sec #egw-ltc-body{ min-height:130px; } body .prof-container #egw-ltc-sec .egw-ltc-towrap{ padding-bottom:14px; border-bottom:1px solid var(--prof-border-light,var(--egw-border,#eef1f5)); } body .prof-container #egw-ltc-sec #egw-ltc-audwrap{ margin-top:10px; } /* ════════════════ Comms composer arrangement (v3.1.37) ════════════════ */ body .prof-container #egw-ltc-sec .egw-ltc-mtags{ display:flex; align-items:center; gap:7px; flex-wrap:wrap; row-gap:8px; margin:10px 0 14px; padding:0; } body .prof-container #egw-ltc-sec .egw-ltc-mtl{ font-size:.72rem; font-weight:700; text-transform:uppercase; letter-spacing:.03em; color:var(--prof-text-muted,#8a93a2); margin-right:2px; } body .prof-container #egw-ltc-sec .egw-ltc-perslbl{ margin-left:auto; display:inline-flex; align-items:center; gap:6px; font-size:.82rem; color:var(--prof-text-dark-body,var(--egw-text-2,#475467)); cursor:pointer; white-space:nowrap; } @media(max-width:560px){ body .prof-container #egw-ltc-sec .egw-ltc-perslbl{ margin-left:0; flex-basis:100%; } } body .prof-container #egw-ltc-sec #egw-ltc-chrow{ margin:0 0 12px !important; gap:10px; } body .prof-container #egw-ltc-sec #egw-ltc-attwrap{ margin-top:14px; } body .prof-container #egw-ltc-sec details.egw-lt-fld{ margin:14px 0; } body .prof-container #egw-ltc-sec details.egw-lt-fld > summary{ padding:6px 0; } body .prof-container #egw-ltc-sec #egw-ltc-whenwrap{ margin:0; } body .prof-container #egw-ltc-sec .egw-ltc-presets{ display:inline-flex; gap:6px; flex-wrap:wrap; margin-left:0; } body .prof-container #egw-ltc-sec #egw-ltc-compose > .egw-lt-row{ margin-top:12px; align-items:center; } /* ════════════════ Comms Insert-field dropdown (v3.1.38) ════════════════ */ body .prof-container #egw-ltc-sec .egw-ltc-insmenu{ position:relative; display:inline-block; } body .prof-container #egw-ltc-sec .egw-ltc-insmenu summary{ list-style:none; cursor:pointer; display:inline-flex; align-items:center; gap:6px; font-size:.8rem; font-weight:600; padding:6px 12px; border:1px solid var(--egw-border,var(--prof-border-light,#dcdfe5)); border-radius:8px; background:var(--egw-surface,var(--prof-light-card,#fff)); color:var(--prof-text-dark-body,var(--egw-text-2,#475467)); } body .prof-container #egw-ltc-sec .egw-ltc-insmenu summary::-webkit-details-marker{ display:none; } body .prof-container #egw-ltc-sec .egw-ltc-insmenu[open] summary{ border-color:#f59e0b; color:#b45309; background:rgba(245,158,11,.08); } body .prof-container #egw-ltc-sec .egw-ltc-insmenu-pop{ position:absolute; left:0; top:40px; z-index:30; width:min(440px,82vw); background:var(--egw-surface,var(--prof-light-card,#fff)); border:1px solid var(--egw-border,var(--prof-border-light,#e2e5ea)); border-radius:12px; box-shadow:0 16px 40px rgba(2,6,23,.18); padding:12px 14px; } body .prof-container #egw-ltc-sec .egw-ltc-insgrp{ margin-bottom:11px; display:flex; flex-wrap:wrap; gap:6px; align-items:center; } body .prof-container #egw-ltc-sec .egw-ltc-insgrp:last-child{ margin-bottom:0; } body .prof-container #egw-ltc-sec .egw-ltc-insh{ flex-basis:100%; font-size:.62rem; text-transform:uppercase; letter-spacing:.03em; font-weight:700; color:var(--prof-text-muted,#8a93a2); margin-bottom:1px; } body .prof-container #egw-ltc-sec .egw-ltc-insmenu-pop .egw-ltc-mtag{ font-size:.74rem; } /* ════════════════ Comms insert-field help header (v3.1.39) ════════════════ */ body .prof-container #egw-ltc-sec .egw-ltc-inshelp{ display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; font-size:.74rem; color:var(--prof-text-muted,#8a93a2); border-bottom:1px solid var(--prof-border-light,var(--egw-border,#eef1f5)); padding:0 0 9px; margin:0 0 10px; } body .prof-container #egw-ltc-sec .egw-ltc-inshelp a{ color:#b45309; font-weight:700; white-space:nowrap; text-decoration:none; } body .prof-container #egw-ltc-sec .egw-ltc-inshelp a:hover{ text-decoration:underline; } [data-theme="dark"] .prof-container #egw-ltc-sec .egw-ltc-inshelp a{ color:#fbbf24; } /* ════════════════ Comms event-time picker (v3.1.40) ════════════════ */ body .prof-container #egw-ltc-sec .egw-ltc-evgrp{ flex-direction:column; align-items:stretch; gap:7px; border-top:1px solid var(--prof-border-light,var(--egw-border,#eef1f5)); padding-top:11px; margin-top:6px; } body .prof-container #egw-ltc-sec .egw-ltc-evdt, body .prof-container #egw-ltc-sec .egw-ltc-evtz{ height:34px; border:1px solid var(--egw-border,var(--prof-border-light,#dcdfe5)); border-radius:8px; padding:0 9px; font-size:.8rem; background:var(--egw-surface,var(--prof-light-card,#fff)); color:var(--egw-text,var(--prof-text-dark-heading,#1a1a2e)); width:100%; } body .prof-container #egw-ltc-sec .egw-ltc-evins{ align-self:flex-start; background:#f59e0b; border:1px solid #f59e0b; color:#3d2a06; border-radius:8px; font-weight:700; font-size:.78rem; padding:7px 14px; cursor:pointer; } body .prof-container #egw-ltc-sec .egw-ltc-evhint{ font-size:.72rem; color:var(--prof-text-muted,#8a93a2); line-height:1.5; }