/* IMPULS Community - Clean Light Premium Style */
:root {
    --ic-bg: #FFFFFF;
    --ic-surface: #FFFFFF;
    --ic-border: #ECECEC;
    --ic-accent: #000000;
    --ic-accent-dark: #1a1a1a;
    --ic-text: #000000;
    --ic-text-sec: #555555;
    --ic-text-muted: #999999;
    --ic-radius: 12px;
    --ic-font: 'SF Pro Display','Helvetica Neue',-apple-system,system-ui,sans-serif;
}
.ic-wrapper{max-width:800px;margin:0 auto;font-family:var(--ic-font);color:var(--ic-text);background:var(--ic-bg);min-height:80vh;padding-bottom:80px}
.ic-wrapper *{box-sizing:border-box}
.ic-wrapper a{text-decoration:none}

/* Nav Desktop */
.ic-nav{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--ic-border);margin-bottom:24px}
.ic-nav-brand{display:flex;align-items:baseline;gap:2px}
.ic-nav-logo{font-size:22px;font-weight:800;color:var(--ic-accent);letter-spacing:-0.02em}
.ic-nav-reg{font-size:11px;color:var(--ic-text-muted);margin-left:2px}
.ic-nav-tagline{font-size:9px;color:var(--ic-text-muted);letter-spacing:0.2em;font-weight:500;margin-left:10px}
.ic-nav-links{display:flex;gap:4px}
.ic-nav-link{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;text-decoration:none;color:var(--ic-text-muted);font-size:13px;font-weight:500;transition:all .2s}
.ic-nav-link:hover{color:var(--ic-text);background:var(--ic-surface)}
.ic-nav-link.ic-nav-active{color:var(--ic-accent);background:rgba(0,0,0,.08);border-bottom:2px solid var(--ic-accent)}
.ic-nav-icon{display:flex;align-items:center}

/* Nav Mobile */
.ic-mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--ic-surface);border-top:1px solid var(--ic-border);z-index:1000;justify-content:space-around;padding:8px 0 env(safe-area-inset-bottom,20px)}
.ic-mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;text-decoration:none;color:var(--ic-text-muted);font-size:9.5px;font-weight:400;padding:4px 12px;position:relative}
.ic-mobile-nav-item.ic-nav-active{color:var(--ic-accent);font-weight:600}
.ic-mobile-nav-item.ic-nav-active::before{content:'';position:absolute;top:-8px;width:16px;height:2px;background:var(--ic-accent);border-radius:1px}
@media(max-width:768px){.ic-nav-links{display:none}.ic-mobile-nav{display:flex}.ic-wrapper{padding:0 16px 100px}}

/* Section */
.ic-section-label{font-size:10px;font-weight:700;letter-spacing:0.15em;color:var(--ic-accent);margin-bottom:16px}

/* Avatar */
.ic-avatar{display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,var(--ic-accent),var(--ic-accent-dark));color:#fff;font-weight:600;letter-spacing:0.05em;flex-shrink:0}

/* Compose */
.ic-compose{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid var(--ic-border);margin-bottom:16px}
.ic-compose-input{flex:1;background:var(--ic-surface);border:1px solid var(--ic-border);border-radius:10px;padding:11px 16px;color:var(--ic-text-muted);font-size:13px;cursor:pointer;transition:border-color .2s}
.ic-compose-input:hover{border-color:var(--ic-accent)}
.ic-compose-form{background:var(--ic-surface);border:1px solid var(--ic-border);border-radius:var(--ic-radius);padding:18px;margin-bottom:20px}
.ic-compose-actions{display:flex;justify-content:space-between;align-items:center;margin-top:12px}

/* Inputs */
.ic-input,.ic-textarea,.ic-select{width:100%;background:var(--ic-bg);border:1px solid var(--ic-border);border-radius:8px;padding:10px 14px;color:var(--ic-text);font-size:14px;font-family:var(--ic-font);margin-bottom:10px;transition:border-color .2s;box-sizing:border-box}
.ic-input:focus,.ic-textarea:focus,.ic-select:focus{outline:none;border-color:var(--ic-accent)}
.ic-textarea{resize:vertical;min-height:80px}
.ic-select{width:auto;min-width:180px}

/* Buttons */
.ic-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 20px;border-radius:8px;font-size:13px;font-weight:600;font-family:var(--ic-font);cursor:pointer;transition:all .2s;border:none;text-decoration:none}
.ic-btn-primary{background:linear-gradient(135deg,var(--ic-accent),var(--ic-accent-dark));color:#fff}
.ic-btn-primary:hover{opacity:.9;transform:translateY(-1px)}
.ic-btn-outline{background:transparent;border:1px solid var(--ic-accent);color:var(--ic-accent);padding:7px 18px;border-radius:8px;font-weight:600;font-size:11px;letter-spacing:0.05em;cursor:pointer;transition:all .2s;font-family:var(--ic-font)}
.ic-btn-outline:hover,.ic-btn-outline.ic-attending{background:var(--ic-accent);color:#fff}

/* Post Card */
.ic-post-card{padding:20px 0;border-bottom:1px solid var(--ic-border)}
.ic-post-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.ic-post-meta{flex:1}
.ic-post-author{font-size:14px;font-weight:600;color:var(--ic-text)}
.ic-post-time{font-size:11px;color:var(--ic-text-muted)}
.ic-post-tag{font-size:9px;font-weight:700;letter-spacing:0.1em;color:var(--ic-accent);background:rgba(0,0,0,.1);padding:4px 10px;border-radius:6px;text-transform:uppercase}
.ic-post-title{font-size:17px;font-weight:700;color:var(--ic-text);margin:0 0 8px;line-height:1.35}
.ic-post-content{font-size:14px;line-height:1.65;color:var(--ic-text-sec);margin-bottom:14px}
.ic-post-content p{margin:0 0 8px}
.ic-post-actions{display:flex;gap:20px;padding-top:12px;border-top:1px solid var(--ic-border)}
.ic-like-btn{background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:5px;color:var(--ic-text-muted);font-size:13px;font-family:var(--ic-font);transition:color .2s;padding:0}
.ic-like-btn:hover,.ic-like-btn.ic-liked{color:var(--ic-accent)}
.ic-comment-count{display:flex;align-items:center;gap:5px;color:var(--ic-text-muted);font-size:13px}

/* Event Card */
.ic-event-card{display:flex;gap:16px;padding:18px 0;border-bottom:1px solid var(--ic-border)}
.ic-event-date-block{width:52px;height:58px;border-radius:10px;background:linear-gradient(135deg,var(--ic-accent),var(--ic-accent-dark));display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}
.ic-event-day{font-size:18px;font-weight:800;color:#fff;line-height:1}
.ic-event-month{font-size:9px;font-weight:600;color:rgba(255,255,255,.8);letter-spacing:0.05em}
.ic-event-info{flex:1}
.ic-event-title{font-size:16px;font-weight:700;color:var(--ic-text);margin-bottom:3px}
.ic-event-subtitle{font-size:12px;color:var(--ic-text-sec);margin-bottom:8px}
.ic-event-details{display:flex;flex-wrap:wrap;gap:12px;font-size:11px;color:var(--ic-text-muted);margin-bottom:12px}

/* Members */
.ic-members-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.ic-member-search-input{width:250px;margin-bottom:0}
@media(max-width:768px){.ic-members-header{flex-direction:column;align-items:stretch;gap:12px}.ic-member-search-input{width:100%}}
.ic-members-grid{display:flex;flex-direction:column;gap:8px}
.ic-member-card{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--ic-surface);border-radius:var(--ic-radius);border:1px solid var(--ic-border);transition:border-color .2s}
.ic-member-card:hover{border-color:var(--ic-accent)}
.ic-member-info{flex:1}
.ic-member-name{font-size:15px;font-weight:600;color:var(--ic-text)}
.ic-member-role{font-size:12px;color:var(--ic-text-sec);margin-top:2px}
.ic-member-posts{font-size:11px;color:var(--ic-text-muted);margin-top:2px}

/* Login Prompt */
.ic-login-prompt{text-align:center;padding:30px 20px;background:var(--ic-surface);border-radius:var(--ic-radius);border:1px solid var(--ic-border);margin-bottom:20px}
.ic-login-prompt p{color:var(--ic-text-sec);font-size:14px;margin-bottom:16px}

/* Empty State */
.ic-empty{text-align:center;padding:40px 20px;color:var(--ic-text-muted);font-size:14px}

/* Spinner */
.ic-spinner{width:24px;height:24px;border:2px solid var(--ic-border);border-top-color:var(--ic-accent);border-radius:50%;animation:ic-spin .8s linear infinite;margin:20px auto}
@keyframes ic-spin{to{transform:rotate(360deg)}}

/* ══ IMPULS® v5.0.0 - Profile LinkedIn-Style ══ */

/* Profile Name Row with Badge */
.ic-profile-name-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ic-plan-badge{font-size:10px;font-weight:700;padding:3px 10px;border-radius:6px;letter-spacing:.04em;text-transform:uppercase;display:inline-flex;align-items:center;gap:4px}
.ic-plan-free{background:rgba(113,113,122,.12);color:#71717a}
.ic-plan-privat_plus{background:rgba(59,130,246,.12);color:#3b82f6}
.ic-plan-privat_premium{background:rgba(99,102,241,.12);color:#6366f1}
.ic-plan-business_starter{background:rgba(34,197,94,.12);color:#22c55e}
.ic-plan-business_pro{background:rgba(34,197,94,.12);color:#16a34a}
.ic-plan-business_enterprise{background:rgba(168,85,247,.12);color:#a855f7}

/* Profile Title/Company */
.ic-profile-title{font-size:14px;color:var(--ic-text-sec);margin-top:2px}
.ic-profile-title strong{color:var(--ic-text);font-weight:600}

/* Profile Meta Row */
.ic-profile-meta-row{display:flex;gap:16px;margin-top:8px;flex-wrap:wrap}
.ic-profile-meta-item{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--ic-text-muted)}
.ic-profile-meta-item svg{opacity:.6}

/* Social Row - Follower/Connections */
.ic-profile-social-row{display:flex;gap:20px;margin-top:12px;padding-top:12px;border-top:1px solid var(--ic-border);font-size:13px;color:var(--ic-text-sec)}
.ic-profile-social-row strong{color:var(--ic-text);font-weight:700}

/* Profile Actions */
.ic-profile-actions{display:flex;gap:8px;align-items:flex-start;flex-shrink:0}
.ic-profile-action-btns{display:flex;gap:6px;flex-wrap:wrap}

/* Follow Button */
.ic-follow-btn{padding:7px 18px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;font-family:var(--ic-font);border:1px solid var(--ic-border);background:transparent;color:var(--ic-text-sec)}
.ic-follow-btn:hover{border-color:var(--ic-accent);color:var(--ic-accent)}
.ic-follow-btn.ic-following{background:rgba(0,0,0,.1);border-color:var(--ic-accent);color:var(--ic-accent)}

/* ══════════════════════════════════════════════════════════════
   STORIES v8.8.0 - Premium Instagram-style system
   ══════════════════════════════════════════════════════════════ */

/* ═══════════════════════════════════════════════════════════════
   STORIES v9.1.1 - Editorial Tile Style (statt IG-Circle-Ring)
   Rechteckige Kacheln mit Content-Preview, Magazin-ähnliche Optik
   ═══════════════════════════════════════════════════════════════ */
.ic-stories-bar{display:flex;gap:10px;padding:16px 0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}
.ic-stories-bar::-webkit-scrollbar{display:none}
.ic-story-item{position:relative;cursor:pointer;flex-shrink:0;width:92px}

/* Die Kachel selbst: 3:4 Portrait, rounded, Preview-Content */
.ic-stories-bar .ic-story-ring,.ic-story-item .ic-story-ring{position:relative;width:92px!important;height:124px!important;border-radius:14px!important;overflow:hidden;background:#111;background-size:cover;background-position:center;display:flex;align-items:flex-end;padding:0!important;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;box-shadow:0 2px 8px rgba(0,0,0,.08)}
/* v10.14.95 - Leuchtender Gold-Gradient-Ring fuer UNGESEHENE Stories (Instagram-Prinzip,
   markenkonform in IMPULS-Gold). Gradient-Border via mask-Trick (border-radius-kompatibel). */
.ic-story-ring::before{content:'';position:absolute;inset:0;border-radius:14px;padding:2.5px;background:linear-gradient(135deg,#f7d774 0%,#e8b923 27%,#d4af37 52%,#b8902f 76%,#f3c965 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;opacity:1;transition:opacity .2s}
/* Dezenter Gold-Glow nur fuer ungesehene Stories - das "Leuchten". */
.ic-stories-bar .ic-story-ring:not(.ic-seen):not(.ic-own),.ic-story-item .ic-story-ring:not(.ic-seen):not(.ic-own){box-shadow:0 2px 8px rgba(0,0,0,.08),0 0 14px rgba(224,178,55,.45)}
.ic-story-item:hover .ic-story-ring{transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.16),0 0 16px rgba(224,178,55,.5)}
/* Gesehene Stories: dezenter grauer Ring (mask vom Basis-::before geerbt). */
.ic-story-ring.ic-seen::before{background:#D4D4D8;opacity:.5}

/* Avatar klein oben links */
.ic-story-avatar-badge{position:absolute;top:6px;left:6px;width:26px;height:26px;border-radius:50%;border:2px solid #fff;background-size:cover;background-position:center;background-color:#000000;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:10px;z-index:2;box-shadow:0 2px 4px rgba(0,0,0,.2)}

/* Name unten auf der Kachel mit Gradient-Overlay */
.ic-story-name{position:absolute;bottom:0;left:0;right:0;padding:18px 8px 8px;background:linear-gradient(0deg,rgba(0,0,0,.85) 0%,rgba(0,0,0,.5) 50%,transparent 100%);color:#fff;font-size:11px;font-weight:700;letter-spacing:-.01em;line-height:1.25;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;z-index:1;text-shadow:0 1px 3px rgba(0,0,0,.4)}

/* "Deine Story" / Create Tile: heller Hintergrund mit Plus-Icon */
.ic-story-ring.ic-own{background:linear-gradient(180deg,#fafafa 0%,#f0f0f0 100%);align-items:center;justify-content:center}
.ic-story-ring.ic-own::before{background:none;padding:0;-webkit-mask:none;mask:none;border:2px dashed #D4D4D8}
.ic-story-ring.ic-own svg{color:#888;width:24px;height:24px}
.ic-story-ring.ic-own .ic-story-avatar-badge{display:none}
.ic-story-name-below{display:block;padding:6px 0 0;background:none;color:#18181b;font-size:12px;font-weight:600;text-align:center;text-shadow:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:92px}
/* "Neue Story hinzufügen"-Badge wenn User bereits eigene Story hat */
.ic-story-ring-plus{position:absolute;bottom:6px;right:6px;width:22px;height:22px;border-radius:50%;background:#000;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;line-height:1;border:2px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.3);z-index:3}

/* v10.3.56 - Mobile-Optimierung Stories: kleinere Tiles damit mehr passt + größeres Avatar-Badge */
@media (max-width: 640px) {
    .ic-stories-bar { gap: 8px; padding: 12px 0; }
    .ic-story-item { width: 76px; }
    .ic-stories-bar .ic-story-ring,
    .ic-story-item .ic-story-ring { width: 76px !important; height: 102px !important; border-radius: 12px !important; }
    .ic-story-avatar-badge { width: 30px; height: 30px; top: 6px; left: 6px; font-size: 11px; border-width: 2px; }
    .ic-story-name-below { font-size: 11.5px; max-width: 76px; padding: 5px 0 0; }
    .ic-story-name { font-size: 10.5px; padding: 14px 6px 6px; }
    .ic-story-ring.ic-own svg { width: 22px; height: 22px; }
    .ic-story-ring-plus { width: 20px; height: 20px; font-size: 13px; bottom: 5px; right: 5px; }
}
@media (max-width: 380px) {
    .ic-story-item { width: 70px; }
    .ic-stories-bar .ic-story-ring,
    .ic-story-item .ic-story-ring { width: 70px !important; height: 94px !important; }
    .ic-story-name-below { max-width: 70px; }
}

/* v10.3.56 - Story-Studio Mobile-fit: Tools wandern nach unten als Bottom-Bar,
   Stage bekommt mehr Platz, Padding reduziert. */
@media (max-width: 768px) {
    .ic-cs-top { height: 52px; padding: 0 12px; }
    .ic-cs-stage-wrap { padding: 60px 12px 90px; }
    .ic-cs-stage { width: min(330px, 92vw); max-height: calc(100vh - 170px); border-radius: 16px; }
    .ic-cs-tools {
        right: auto !important;
        top: auto !important;
        bottom: 16px !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        flex-direction: row !important;
        gap: 8px !important;
        background: rgba(0,0,0,.5);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
        padding: 8px;
        border-radius: 999px;
    }
    .ic-cs-tool { width: 44px; height: 44px; }
    .ic-cs-publish { padding: 9px 16px; font-size: 12px; }
}

/* ────────────────────────────────────────────────────────────────
   STORY VIEWER - fullscreen, IG-style
   ──────────────────────────────────────────────────────────────── */
/* v10.3.59 - Story-Viewer auf jedem Gerät zuverlässig fullscreen.
   z-index:99999 (über Bottom-Nav 999, Sidebar 998, Header 500), 100dvh statt 100vh
   damit iOS-Address-Bar nicht abschneidet, body-scroll wird via JS gelockt. */
.ic-sv{position:fixed;inset:0;width:100vw;height:100dvh;background:radial-gradient(circle at 50% 0%,#222 0%,#000 70%);z-index:99999;display:none;align-items:center;justify-content:center;overflow:hidden;touch-action:none}
body.ic-sv-open{overflow:hidden!important;height:100vh;}
body.ic-sv-open .ic-bottom-nav,body.ic-sv-open .ic-header-v2,body.ic-sv-open .ic-app-banner{display:none!important;}
.ic-sv.ic-open{display:flex;animation:ic-sv-fade .25s ease-out}
@keyframes ic-sv-fade{from{opacity:0}to{opacity:1}}
.ic-sv-stage{position:relative;width:min(420px,100vw);height:100dvh;max-height:100dvh;background:#000;overflow:hidden;box-shadow:0 40px 80px rgba(0,0,0,.7);transition:transform .28s cubic-bezier(.25,.8,.25,1)}
@media(min-width:640px){.ic-sv-stage{border-radius:18px;height:min(92vh,820px);max-height:92vh}}
.ic-sv-stage.ic-leaving-left{transform:translateX(-30%) scale(.94);opacity:.3}
.ic-sv-stage.ic-leaving-right{transform:translateX(30%) scale(.94);opacity:.3}
.ic-sv-stage.ic-paused .ic-sv-progress-bar.ic-current span{animation-play-state:paused}
.ic-sv-stage.ic-ui-hidden .ic-sv-progress,
.ic-sv-stage.ic-ui-hidden .ic-sv-header,
.ic-sv-stage.ic-ui-hidden .ic-sv-bottom{opacity:0;transition:opacity .2s}
.ic-sv-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.15);color:#fff;display:none;align-items:center;justify-content:center;cursor:pointer;z-index:5;backdrop-filter:blur(10px);transition:all .18s}
.ic-sv-arrow:hover{background:rgba(0,0,0,.75);transform:translateY(-50%) scale(1.08)}
.ic-sv-arrow.ic-left{left:24px}.ic-sv-arrow.ic-right{right:24px}
@media(min-width:900px){.ic-sv-arrow{display:flex}}

.ic-sv-canvas{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;overflow:hidden}
/* v10.14.40 - Story-Background: ein blur-Variant des Bildes als Letterbox-Ersatz
   damit der schwarze Rand kaschiert wird wenn das Bild nicht das volle 9:16-Format hat. */
.ic-sv-canvas-bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:blur(28px) brightness(.55);transform:scale(1.12)}
/* v10.14.40 - Story-Bilder duerfen NICHT mehr abgeschnitten werden
   (Kunden-Anweisung 2026-05-21): object-fit von 'cover' zurueck auf 'contain'.
   Das blur-Background fuellt den freien Raum aesthetisch aus. */
.ic-sv-canvas-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .3s}
.ic-sv-canvas-img.ic-loaded{opacity:1}
.ic-sv-canvas-text{position:relative;max-width:86%;text-align:center;font-size:24px;font-weight:600;line-height:1.35;letter-spacing:-.01em;padding:24px;text-shadow:0 2px 20px rgba(0,0,0,.4);word-wrap:break-word;z-index:2}
.ic-sv-canvas-text.ic-serif{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-style:italic;font-size:28px}
.ic-sv-overlays{position:absolute;inset:0;pointer-events:none;z-index:3}
.ic-sv-overlay{position:absolute;transform:translate(-50%,-50%);white-space:pre-wrap;font-weight:700;text-shadow:0 2px 12px rgba(0,0,0,.5);pointer-events:none;line-height:1.2}
.ic-sv-overlay.ic-font-serif{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-style:italic}
.ic-sv-overlay.ic-font-mono{font-family:'SF Mono',Monaco,Menlo,monospace;letter-spacing:.02em}
.ic-sv-overlay.ic-font-bold{font-family:Inter,system-ui,sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.ic-sv-overlay.ic-font-handwritten{font-family:'Brush Script MT','Segoe Script',cursive;font-weight:400}
.ic-sv-overlay.ic-bg-solid{padding:4px 12px;border-radius:6px;background:rgba(0,0,0,.65);text-shadow:none}
.ic-sv-overlay.ic-bg-pill{padding:6px 16px;border-radius:999px;background:rgba(255,255,255,.92);color:#111 !important;text-shadow:none}
.ic-sv-overlay.ic-type-sticker{font-size:52px;text-shadow:0 4px 20px rgba(0,0,0,.4)}

/* Progress bars (IG-style gradient fill) */
.ic-sv-progress{position:absolute;top:12px;left:12px;right:12px;display:flex;gap:4px;z-index:4;transition:opacity .2s}
.ic-sv-progress-bar{flex:1;height:3px;border-radius:3px;background:rgba(255,255,255,.28);overflow:hidden}
.ic-sv-progress-bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,#fff,#fff);border-radius:3px}
.ic-sv-progress-bar.ic-viewed span{width:100%}
.ic-sv-progress-bar.ic-current span{animation:ic-sv-fill linear forwards;background:linear-gradient(90deg,#fff,#f5f5f5)}
@keyframes ic-sv-fill{from{width:0}to{width:100%}}

/* Header (author info) */
.ic-sv-header{position:absolute;top:28px;left:12px;right:12px;display:flex;align-items:center;gap:10px;padding:8px 4px;z-index:4;transition:opacity .2s}
.ic-sv-avatar{width:36px;height:36px;border-radius:50%;background-size:cover;background-position:center;background-color:#000000;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:13px;flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,.4)}
.ic-sv-meta{flex:1;min-width:0;color:#fff}
.ic-sv-name{font-weight:700;font-size:14px;letter-spacing:-.01em;text-shadow:0 1px 4px rgba(0,0,0,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ic-sv-time{font-size:12px;color:rgba(255,255,255,.75);text-shadow:0 1px 4px rgba(0,0,0,.5);margin-top:1px}
.ic-sv-actions{display:flex;gap:6px;margin-left:auto;align-items:center}
.ic-sv-iconbtn{background:rgba(0,0,0,.35);border:none;color:#fff;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s,transform .15s;backdrop-filter:blur(6px)}
.ic-sv-iconbtn:hover{background:rgba(0,0,0,.6)}
.ic-sv-iconbtn.ic-sv-trash:hover{background:rgba(239,68,68,.85);color:#fff;transform:scale(1.06)}
.ic-sv-menu{position:relative}
.ic-sv-menu-pop{position:absolute;top:42px;right:0;background:#18181b;border:1px solid #2a2a2a;border-radius:12px;padding:6px;display:none;min-width:180px;box-shadow:0 10px 40px rgba(0,0,0,.5);z-index:6}
.ic-sv-menu-pop.ic-open{display:block;animation:ic-pop-in .15s ease-out}
@keyframes ic-pop-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
.ic-sv-menu-item{padding:9px 12px;color:#e4e4e7;font-size:13px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:10px;transition:background .12s}
.ic-sv-menu-item:hover{background:#27272a}
.ic-sv-menu-item.ic-danger{color:#ef4444}

/* Nav zones (tap left/right) */
.ic-sv-zone{position:absolute;top:0;bottom:0;z-index:2;cursor:pointer}
.ic-sv-zone.ic-z-prev{left:0;width:30%}
.ic-sv-zone.ic-z-next{right:0;width:40%}
.ic-sv-zone.ic-z-hold{left:30%;right:40%}

/* Bottom bar (reactions + reply + seen) */
.ic-sv-bottom{position:absolute;bottom:0;left:0;right:0;padding:14px 14px 18px;z-index:4;display:flex;flex-direction:column;gap:12px;transition:opacity .2s;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.55) 80%)}
.ic-sv-reactions{display:flex;gap:6px;justify-content:center}
.ic-sv-react{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;transition:transform .18s cubic-bezier(.34,1.56,.64,1),background .15s;backdrop-filter:blur(6px);line-height:1;user-select:none}
.ic-sv-react:hover{transform:scale(1.18);background:rgba(255,255,255,.12)}
.ic-sv-react.ic-active{background:rgba(220,39,67,.3);border-color:rgba(220,39,67,.5);transform:scale(1.12)}
.ic-sv-reply{display:flex;gap:8px;align-items:center}
.ic-sv-reply input{flex:1;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:11px 18px;color:#fff;font-size:14px;outline:none;backdrop-filter:blur(8px);transition:border-color .15s}
.ic-sv-reply input::placeholder{color:rgba(255,255,255,.55)}
.ic-sv-reply input:focus{border-color:rgba(255,255,255,.45);background:rgba(255,255,255,.12)}
.ic-sv-reply-send{background:linear-gradient(135deg,#000000,#1a1a1a);border:none;color:#fff;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s;flex-shrink:0;box-shadow:0 4px 12px rgba(0,0,0,.35)}
.ic-sv-reply-send:hover{transform:scale(1.08)}
.ic-sv-reply-send:disabled{opacity:.4;cursor:not-allowed;transform:none}
.ic-sv-seen{display:flex;align-items:center;gap:6px;font-size:12px;color:rgba(255,255,255,.8);cursor:pointer;justify-content:center;padding:2px;background:none;border:none;font-family:inherit}
.ic-sv-seen:hover{color:#fff}
.ic-sv-seen svg{width:16px;height:16px}

/* Flying reaction animation */
.ic-sv-float{position:absolute;bottom:80px;left:50%;font-size:28px;pointer-events:none;animation:ic-float-up 1.2s cubic-bezier(.25,.8,.25,1) forwards;z-index:5}
@keyframes ic-float-up{
  0%{transform:translate(-50%,0) scale(.5);opacity:0}
  15%{transform:translate(-50%,-20px) scale(1.4);opacity:1}
  100%{transform:translate(calc(-50% + var(--ic-fx,0px)),-220px) scale(.8) rotate(var(--ic-fr,0deg));opacity:0}
}

/* ────────────────────────────────────────────────────────────────
   STORY CREATOR STUDIO - fullscreen composer
   ──────────────────────────────────────────────────────────────── */
.ic-cs{position:fixed;inset:0;background:#000;z-index:10001;display:none;overflow:hidden}
.ic-cs.ic-open{display:flex;animation:ic-sv-fade .25s ease-out}
.ic-cs-wrap{flex:1;display:flex;flex-direction:column;position:relative}

.ic-cs-top{position:absolute;top:0;left:0;right:0;height:58px;display:flex;align-items:center;padding:0 16px;z-index:10;background:linear-gradient(180deg,rgba(0,0,0,.65) 0%,rgba(0,0,0,0) 100%)}
.ic-cs-top-title{color:#fff;font-weight:700;font-size:15px;letter-spacing:-.01em}
.ic-cs-top-actions{margin-left:auto;display:flex;gap:8px;align-items:center}
.ic-cs-close{background:rgba(255,255,255,.08);border:none;color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(8px);transition:background .15s;margin-right:10px}
.ic-cs-close:hover{background:rgba(255,255,255,.16)}
.ic-cs-publish{background:linear-gradient(135deg,#000000,#1a1a1a);color:#fff;border:none;padding:10px 22px;border-radius:999px;font-weight:700;font-size:13px;letter-spacing:.02em;cursor:pointer;box-shadow:0 6px 20px rgba(0,0,0,.4);transition:transform .18s,box-shadow .18s;text-transform:uppercase}
.ic-cs-publish:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(0,0,0,.55)}
.ic-cs-publish:disabled{opacity:.5;cursor:not-allowed;transform:none}

.ic-cs-stage-wrap{flex:1;display:flex;align-items:center;justify-content:center;padding:72px 16px 120px;position:relative}
.ic-cs-stage{position:relative;width:min(360px,85vw);aspect-ratio:9/16;max-height:calc(100vh - 200px);border-radius:20px;overflow:hidden;background:#1a1a1a;box-shadow:0 30px 70px rgba(0,0,0,.6),inset 0 0 0 1px rgba(255,255,255,.06);user-select:none}
.ic-cs-stage-bg{position:absolute;inset:0;background-size:cover;background-position:center}
.ic-cs-stage-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ic-cs-stage-center-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;color:#fff;font-size:22px;font-weight:600;line-height:1.35;text-align:center;word-wrap:break-word;pointer-events:none;text-shadow:0 2px 16px rgba(0,0,0,.35)}
.ic-cs-stage-center-text.ic-serif{font-family:Georgia,serif;font-style:italic;font-weight:400;font-size:26px}
.ic-cs-stage-center-text.ic-placeholder{color:rgba(255,255,255,.45);font-weight:500}
.ic-cs-overlays{position:absolute;inset:0}
.ic-cs-overlay{position:absolute;transform:translate(-50%,-50%);cursor:grab;color:#fff;font-weight:700;text-shadow:0 2px 12px rgba(0,0,0,.5);line-height:1.2;touch-action:none;max-width:80%;padding:2px 6px;border-radius:6px;transition:outline-color .1s;outline:2px dashed transparent;outline-offset:4px}
.ic-cs-overlay.ic-selected{outline-color:rgba(255,255,255,.6)}
.ic-cs-overlay:active{cursor:grabbing}
.ic-cs-overlay.ic-type-sticker{font-size:52px;text-shadow:0 4px 20px rgba(0,0,0,.4)}
.ic-cs-overlay.ic-font-serif{font-family:Georgia,serif;font-style:italic;font-weight:400}
.ic-cs-overlay.ic-font-mono{font-family:'SF Mono',Monaco,monospace;letter-spacing:.02em}
.ic-cs-overlay.ic-font-bold{font-family:Inter,sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.ic-cs-overlay.ic-font-handwritten{font-family:'Brush Script MT','Segoe Script',cursive;font-weight:400}
.ic-cs-overlay.ic-bg-solid{background:rgba(0,0,0,.65);padding:4px 12px}
.ic-cs-overlay.ic-bg-pill{background:rgba(255,255,255,.92);color:#111 !important;padding:6px 16px;border-radius:999px;text-shadow:none}
.ic-cs-overlay-del{position:absolute;top:-10px;right:-10px;width:22px;height:22px;border-radius:50%;background:#ef4444;color:#fff;border:none;font-size:14px;line-height:1;cursor:pointer;display:none;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.3)}
.ic-cs-overlay.ic-selected .ic-cs-overlay-del{display:flex}

/* Side tools */
.ic-cs-tools{position:absolute;right:18px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;z-index:10}
.ic-cs-tool{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:#fff;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;backdrop-filter:blur(10px)}
.ic-cs-tool:hover{background:rgba(255,255,255,.18);transform:translateY(-1px)}
.ic-cs-tool.ic-active{background:linear-gradient(135deg,#000000,#1a1a1a);border-color:transparent;box-shadow:0 4px 14px rgba(0,0,0,.4)}
.ic-cs-tool svg{width:20px;height:20px}
@media(max-width:540px){.ic-cs-tools{right:10px;gap:8px}.ic-cs-tool{width:40px;height:40px}}

/* Bottom panel (changes per active tool) */
.ic-cs-bottom{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,rgba(0,0,0,.85) 0%,rgba(0,0,0,.4) 70%,rgba(0,0,0,0) 100%);padding:16px 16px 22px;z-index:8;min-height:100px}
.ic-cs-panel{display:none;animation:ic-pop-in .18s ease-out}
.ic-cs-panel.ic-open{display:block}

/* BG panel */
.ic-cs-bg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:10px;max-width:580px;margin:0 auto}
.ic-cs-bg-swatch{aspect-ratio:1;border-radius:12px;cursor:pointer;border:2px solid transparent;transition:all .15s;position:relative;overflow:hidden}
.ic-cs-bg-swatch:hover{transform:scale(1.08)}
.ic-cs-bg-swatch.ic-selected{border-color:#fff;box-shadow:0 0 0 2px rgba(0,0,0,.5)}
.ic-cs-bg-upload{display:flex;align-items:center;justify-content:center;color:#fff;background:rgba(255,255,255,.06);border:2px dashed rgba(255,255,255,.25)}

/* Text panel */
.ic-cs-textarea{width:100%;max-width:580px;margin:0 auto;display:block;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:12px 16px;color:#fff;font-size:14px;font-family:inherit;resize:none;outline:none;backdrop-filter:blur(8px);min-height:44px;max-height:80px}
.ic-cs-textarea::placeholder{color:rgba(255,255,255,.5)}
.ic-cs-textarea:focus{border-color:rgba(255,255,255,.45)}
.ic-cs-text-controls{display:flex;gap:12px;max-width:580px;margin:10px auto 0;flex-wrap:wrap;justify-content:center;align-items:center}
.ic-cs-fonts{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}
.ic-cs-font{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);color:#fff;padding:6px 12px;border-radius:999px;font-size:12px;cursor:pointer;transition:all .15s;line-height:1.2}
.ic-cs-font:hover{background:rgba(255,255,255,.14)}
.ic-cs-font.ic-active{background:#fff;color:#111;border-color:#fff}
.ic-cs-font.ic-f-serif{font-family:Georgia,serif;font-style:italic}
.ic-cs-font.ic-f-mono{font-family:'SF Mono',Monaco,monospace}
.ic-cs-font.ic-f-bold{font-family:Inter,sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.ic-cs-font.ic-f-handwritten{font-family:'Brush Script MT','Segoe Script',cursive}
.ic-cs-colors{display:flex;gap:6px}
.ic-cs-color{width:26px;height:26px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:transform .15s}
.ic-cs-color:hover{transform:scale(1.15)}
.ic-cs-color.ic-active{border-color:#fff;box-shadow:0 0 0 2px rgba(0,0,0,.6)}
.ic-cs-text-add{background:linear-gradient(135deg,#000000,#1a1a1a);border:none;color:#fff;padding:8px 18px;border-radius:999px;font-weight:700;font-size:12px;cursor:pointer;text-transform:uppercase;letter-spacing:.03em}
.ic-cs-bg-toggle{display:flex;gap:4px;background:rgba(255,255,255,.06);border-radius:999px;padding:3px}
.ic-cs-bg-toggle button{background:transparent;border:none;color:rgba(255,255,255,.7);padding:5px 12px;border-radius:999px;font-size:11px;cursor:pointer;font-family:inherit}
.ic-cs-bg-toggle button.ic-active{background:#fff;color:#111}

/* Sticker panel */
.ic-cs-stickers{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:8px;max-width:580px;margin:0 auto}
.ic-cs-sticker{aspect-ratio:1;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:22px;cursor:pointer;transition:all .15s;user-select:none}
.ic-cs-sticker:hover{background:rgba(255,255,255,.14);transform:scale(1.08)}

.ic-cs-hint{text-align:center;color:rgba(255,255,255,.45);font-size:11px;margin-top:10px;font-style:italic}

/* ────────────────────────────────────────────────────────────────
   VIEWERS SHEET (bottom sheet for "Seen by")
   ──────────────────────────────────────────────────────────────── */
.ic-sheet{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:10002;display:none;align-items:flex-end;justify-content:center;backdrop-filter:blur(4px)}
.ic-sheet.ic-open{display:flex;animation:ic-sv-fade .2s ease-out}
.ic-sheet-inner{background:#18181b;width:100%;max-width:460px;border-radius:20px 20px 0 0;max-height:75vh;display:flex;flex-direction:column;animation:ic-sheet-up .26s cubic-bezier(.25,.8,.25,1)}
@keyframes ic-sheet-up{from{transform:translateY(100%)}to{transform:translateY(0)}}
.ic-sheet-handle{width:42px;height:4px;border-radius:2px;background:rgba(255,255,255,.25);margin:8px auto}
.ic-sheet-head{padding:8px 18px 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.06)}
.ic-sheet-title{color:#fff;font-weight:700;font-size:15px}
.ic-sheet-title small{color:rgba(255,255,255,.55);font-weight:500;font-size:13px;margin-left:6px}
.ic-sheet-body{overflow-y:auto;padding:6px 10px 16px}
.ic-sheet-row{display:flex;align-items:center;gap:12px;padding:10px 10px;border-radius:10px;transition:background .12s}
.ic-sheet-row:hover{background:rgba(255,255,255,.04)}
.ic-sheet-avatar{width:40px;height:40px;border-radius:50%;background-size:cover;background-position:center;background-color:#000000;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:13px;flex-shrink:0}
.ic-sheet-meta{flex:1;min-width:0}
.ic-sheet-name{color:#fafafa;font-weight:600;font-size:13px}
.ic-sheet-sub{color:rgba(255,255,255,.5);font-size:11px;margin-top:1px}
.ic-sheet-emoji{font-size:20px;flex-shrink:0}
.ic-sheet-empty{text-align:center;color:rgba(255,255,255,.5);padding:32px 20px;font-size:13px}

/* ────────────────────────────────────────────────────────────────
   SHARE DIALOG
   ──────────────────────────────────────────────────────────────── */
.ic-share-search{width:calc(100% - 24px);margin:10px 12px 8px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:10px 14px;color:#fff;font-size:13px;outline:none;font-family:inherit}
.ic-share-search:focus{border-color:rgba(255,255,255,.35)}
.ic-share-send{margin-left:auto;background:linear-gradient(135deg,#000000,#1a1a1a);border:none;color:#fff;padding:6px 14px;border-radius:999px;font-size:12px;font-weight:700;cursor:pointer;font-family:inherit}
.ic-share-send.ic-sent{background:#22c55e;pointer-events:none}

/* ══ ACCESS CONTROL ══ */
.ic-locked-overlay{position:relative;border-radius:var(--ic-radius);overflow:hidden;border:1px solid var(--ic-border);background:var(--ic-surface)}
.ic-locked-blur{padding:24px;filter:blur(5px);opacity:.3;pointer-events:none}
.ic-locked-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:rgba(10,10,10,.85);backdrop-filter:blur(4px);padding:32px 24px}
.ic-locked-icon{width:56px;height:56px;border-radius:16px;background:rgba(0,0,0,.12);display:flex;align-items:center;justify-content:center;color:var(--ic-accent);margin-bottom:16px}
.ic-locked-title{font-size:18px;font-weight:700;margin-bottom:6px}
.ic-locked-text{font-size:13px;color:var(--ic-text-muted);margin-bottom:20px;max-width:320px;line-height:1.6}
.ic-locked-price{font-size:11px;color:var(--ic-text-muted);margin-top:10px}

/* Feed Limit Wall */
.ic-feed-limit{border-radius:var(--ic-radius);border:1px dashed var(--ic-border);padding:36px 24px;text-align:center;background:linear-gradient(180deg,var(--ic-surface) 0%,var(--ic-bg) 100%)}
.ic-feed-limit h4{font-size:15px;margin:12px 0 6px;font-weight:600}
.ic-feed-limit p{font-size:12px;color:var(--ic-text-muted);margin-bottom:16px}

/* ══ EVENT TYPES ══ */
.ic-event-type-badge{font-size:9px;font-weight:700;padding:2px 8px;border-radius:5px;letter-spacing:.04em;text-transform:uppercase;display:inline-block;margin-left:8px}
.ic-event-type-networking{background:rgba(59,130,246,.12);color:#3b82f6}
.ic-event-type-exklusiv{background:rgba(168,85,247,.12);color:#a855f7}
.ic-event-type-recruiting{background:rgba(34,197,94,.12);color:#22c55e}
.ic-event-type-workshop{background:rgba(249,115,22,.12);color:#f97316}
.ic-event-type-gala{background:rgba(236,72,153,.12);color:#ec4899}
.ic-event-type-messe{background:rgba(234,179,8,.12);color:#eab308}

/* ══ BRANDING ══ */
.ic-brand-reg{color:var(--ic-accent);font-size:11px;font-weight:700;vertical-align:super;margin-left:1px}

/* ══ RESPONSIVE ══ */
@media(max-width:768px){
    .ic-profile-info{flex-direction:column;align-items:flex-start}
    .ic-profile-actions{width:100%;margin-top:12px}
    .ic-profile-action-btns{width:100%}
    .ic-profile-social-row{gap:12px}
    .ic-profile-meta-row{gap:8px}
}

/* ══ LINKEDIN-STYLE PROFILE v5.0.2 ══ */

.ic-li-card{background:var(--ic-surface);border:1px solid var(--ic-border);border-radius:12px;margin-bottom:12px;overflow:hidden}
.ic-li-cover{height:200px;background:linear-gradient(135deg,#1a1a1a 0%,#292524 50%,#1c1917 100%);position:relative}
.ic-li-cover-edit{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;backdrop-filter:blur(4px);transition:background .2s}
.ic-li-cover-edit:hover{background:rgba(0,0,0,.8)}

.ic-li-body{padding:0 24px 24px;position:relative}

/* Avatar - overlaps cover like LinkedIn */
.ic-li-avatar-wrap{margin-top:-60px;position:relative;display:inline-block;margin-bottom:12px}
.ic-li-avatar .ic-avatar{width:120px!important;height:120px!important;font-size:42px!important;border:4px solid var(--ic-surface);box-shadow:0 2px 8px rgba(0,0,0,.15);border-radius:50%!important}
/* v10.9.1 - Defensive Hide für FAB + Version-Badge + Sidebar-Plus
   (Backup falls die HTML-Removal in den Templates aus Cache-Gründen
   noch nicht greift). */
.ic-fab,
#ic-version-badge,
.ic-sidebar-plus { display: none !important; }
.ic-li-avatar-edit{position:absolute;bottom:4px;right:4px;width:32px;height:32px;border-radius:50%;background:var(--ic-surface);border:2px solid var(--ic-border);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ic-text-sec);transition:all .2s}
.ic-li-avatar-edit:hover{background:var(--ic-accent);color:#fff;border-color:var(--ic-accent)}

/* Info Grid - left/right like LinkedIn */
.ic-li-info-grid{display:flex;gap:32px;align-items:flex-start}
.ic-li-info-left{flex:1;min-width:0}
.ic-li-info-right{flex-shrink:0;padding-top:4px}

/* Name */
.ic-li-name{font-size:24px;font-weight:800;color:var(--ic-text);margin:0;line-height:1.25;letter-spacing:-0.02em}
.ic-li-name-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:4px}

/* Headline */
.ic-li-headline{font-size:14px;color:var(--ic-text-sec);line-height:1.5;margin-bottom:4px}

/* Location */
.ic-li-location{font-size:13px;color:var(--ic-text-muted);margin-bottom:8px}
.ic-li-link{color:var(--ic-accent);font-weight:600;text-decoration:none}
.ic-li-link:hover{text-decoration:underline}

/* Social Row */
.ic-li-social{display:flex;align-items:center;gap:4px;margin-bottom:16px}
.ic-li-social-link{font-size:13px;font-weight:600;color:var(--ic-accent);text-decoration:none}
.ic-li-social-link:hover{text-decoration:underline}
.ic-li-social-dot{color:var(--ic-text-muted);font-size:13px}

/* Action Buttons - LinkedIn rounded pills */
.ic-li-actions{display:flex;gap:8px;flex-wrap:wrap}
.ic-li-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:20px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;font-family:var(--ic-font);border:none;text-decoration:none}
.ic-li-btn-primary{background:var(--ic-accent);color:#fff;border:none}
.ic-li-btn-primary:hover{opacity:.88;transform:translateY(-1px)}
.ic-li-btn-outline{background:transparent;color:var(--ic-text);border:1.5px solid var(--ic-text-muted);padding:7px 17px}
.ic-li-btn-outline:hover{border-color:var(--ic-text);background:rgba(255,255,255,.03)}
.ic-li-btn-ghost{background:transparent;color:var(--ic-text-muted);border:1.5px solid var(--ic-border);padding:7px 17px}
.ic-li-btn-ghost:hover{background:rgba(255,255,255,.03);color:var(--ic-text)}
.ic-li-btn-ghost.ic-following{color:var(--ic-accent);border-color:var(--ic-accent)}

/* Company Card (right side) */
.ic-li-company-card{display:flex;align-items:center;gap:10px;padding:8px 0}
.ic-li-company-icon{width:40px;height:40px;border-radius:6px;background:var(--ic-bg);border:1px solid var(--ic-border);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;color:var(--ic-accent);flex-shrink:0}
.ic-li-company-name{font-size:13px;font-weight:600;color:var(--ic-text)}

/* Section Headers */
.ic-li-section-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 12px}
.ic-li-section-header h2{margin:0;font-size:18px;font-weight:700;color:var(--ic-text)}
.ic-li-hint{font-size:11px;color:var(--ic-text-muted);display:flex;align-items:center;gap:4px}
.ic-li-premium-tag{font-size:11px;font-weight:600;color:var(--ic-accent);background:rgba(0,0,0,.1);padding:3px 10px;border-radius:6px}
.ic-li-edit-icon{background:none;border:none;color:var(--ic-text-muted);cursor:pointer;padding:6px;border-radius:50%;transition:all .2s}
.ic-li-edit-icon:hover{background:rgba(255,255,255,.06);color:var(--ic-text)}

/* Bio */
.ic-li-bio-text{padding:0 24px 20px;font-size:14px;line-height:1.7;color:var(--ic-text-sec);margin:0}

/* Analytics - LinkedIn Style */
.ic-li-analytics{overflow:visible}
.ic-li-analytics-grid{display:flex;gap:0;padding:0 24px 20px}
.ic-li-analytics-item{flex:1;display:flex;gap:12px;align-items:flex-start;padding:12px 16px;border-right:1px solid var(--ic-border)}
.ic-li-analytics-item:last-child{border-right:none}
.ic-li-analytics-icon{width:36px;height:36px;border-radius:50%;background:rgba(0,0,0,.08);display:flex;align-items:center;justify-content:center;color:var(--ic-accent);flex-shrink:0}
.ic-li-analytics-num{font-size:14px;font-weight:700;color:var(--ic-text);margin-bottom:2px}
.ic-li-analytics-sub{font-size:12px;color:var(--ic-text-muted);line-height:1.4}
.ic-li-analytics-period{font-size:11px;color:var(--ic-text-muted);margin-top:4px}
.ic-li-analytics-locked{position:relative}
.ic-li-analytics-upgrade{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:rgba(10,10,10,.7);backdrop-filter:blur(3px);border-radius:0 0 12px 12px;padding:20px}
.ic-li-analytics-upgrade p{font-size:13px;color:var(--ic-text-sec);margin:0 0 12px}

/* ══ RESPONSIVE ══ */
@media(max-width:768px){
    .ic-li-cover{height:140px}
    .ic-li-avatar .ic-avatar{width:88px!important;height:88px!important;font-size:32px!important}
    .ic-li-avatar-wrap{margin-top:-44px}
    .ic-li-name{font-size:20px}
    .ic-li-info-grid{flex-direction:column;gap:12px}
    .ic-li-info-right{display:none}
    .ic-li-actions{width:100%}
    .ic-li-btn{flex:1;justify-content:center;padding:10px 12px}
    .ic-li-analytics-grid{flex-direction:column;padding:0 16px 16px}
    .ic-li-analytics-item{border-right:none;border-bottom:1px solid var(--ic-border);padding:12px 0}
    .ic-li-analytics-item:last-child{border-bottom:none}
    .ic-li-body{padding:0 16px 16px}
    .ic-li-section-header{padding:16px 16px 10px}
    .ic-li-bio-text{padding:0 16px 16px}
}

/* ══════════════════════════════════════════════════════════════
   BOOSTS v8.9.0 - Mini-Widget, Hero-Pin, Profil-Kampagnen-Card
   ══════════════════════════════════════════════════════════════ */

/* v10.3.42 - Hero-Pin Label entgoldet: schwarz */
.ic-boost-pinned-label{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.08em;padding:6px 12px;background:#18181b;border-radius:999px;margin:4px 0 8px;box-shadow:0 2px 6px rgba(0,0,0,.12)}
.ic-boost-pinned-label svg{color:#fff}

/* v10.3.42 - Boost-Invite-Mini-Widget entgoldet (wird seit v10.3.38 nicht mehr gerendert,
   bleibt für Legacy-Aufrufe entkoppelt von gold). */
.ic-post-boost-invite{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;margin:10px 0 4px;background:#fff;border:1px solid #E5E5E5;border-radius:12px;cursor:pointer;text-align:left;font-family:inherit;transition:all .2s;position:relative;overflow:hidden}
.ic-post-boost-invite:hover{border-color:#18181b;box-shadow:0 4px 14px rgba(0,0,0,.08);transform:translateY(-1px)}
.ic-post-boost-invite .ic-post-boost-icon{flex-shrink:0;width:36px;height:36px;border-radius:10px;background:#18181b;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 8px rgba(0,0,0,.18)}
.ic-post-boost-invite .ic-post-boost-body{flex:1;min-width:0}
.ic-post-boost-invite .ic-post-boost-title{font-size:13px;font-weight:700;color:#18181b;letter-spacing:-.01em}
.ic-post-boost-invite .ic-post-boost-sub{font-size:11px;color:#52525b;margin-top:2px;line-height:1.4}
.ic-post-boost-invite .ic-post-boost-cta{flex-shrink:0;display:inline-flex;align-items:center;gap:4px;padding:7px 14px;background:#18181b;color:#fff;border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}

/* Mini-Widget: Aktiv beworben (Info-Karte mit Live-Stats) */
.ic-post-boost-active{display:flex;align-items:center;gap:12px;padding:12px 14px;margin:10px 0 4px;background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);border:1px solid #86efac;border-radius:12px}
.ic-post-boost-active .ic-post-boost-icon{flex-shrink:0;width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 8px rgba(16,185,129,.35)}
.ic-post-boost-active .ic-post-boost-body{flex:1;min-width:0}
.ic-post-boost-active .ic-post-boost-title{font-size:13px;font-weight:700;color:#065f46;letter-spacing:-.01em;display:flex;align-items:center;gap:6px}
.ic-post-boost-active .ic-post-boost-title::before{content:'';width:7px;height:7px;border-radius:50%;background:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,.25);animation:ic-boost-pulse 1.8s ease infinite}
@keyframes ic-boost-pulse{0%,100%{box-shadow:0 0 0 3px rgba(16,185,129,.25)}50%{box-shadow:0 0 0 6px rgba(16,185,129,0)}}
.ic-post-boost-active .ic-post-boost-stats{font-size:11px;color:#047857;display:flex;gap:10px;flex-wrap:wrap;margin-top:3px;line-height:1.5}
.ic-post-boost-active .ic-post-boost-stats strong{color:#065f46;font-weight:700}
.ic-post-boost-link{flex-shrink:0;display:inline-flex;align-items:center;gap:4px;padding:7px 12px;background:#fff;color:#065f46;border-radius:999px;font-size:11px;font-weight:700;text-decoration:none;border:1px solid #86efac;transition:all .15s;white-space:nowrap}
.ic-post-boost-link:hover{background:#065f46;color:#fff;border-color:#065f46}

@media(max-width:540px){
    .ic-post-boost-invite,.ic-post-boost-active{flex-direction:column;align-items:flex-start;gap:10px}
    .ic-post-boost-invite .ic-post-boost-cta,.ic-post-boost-link{align-self:stretch;justify-content:center}
}

/* ── Profil: Meine Kampagnen ── */
.ic-boost-profile-card{background:#fff}
.ic-boost-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:16px 20px 12px}
.ic-boost-tile{padding:12px 14px;border-radius:12px;background:linear-gradient(135deg,#fafafa,#f4f4f5);border:1px solid #e4e4e7;text-align:center}
.ic-boost-tile-num{font-size:20px;font-weight:800;color:#18181b;letter-spacing:-.02em;line-height:1.2}
.ic-boost-tile-label{font-size:10px;font-weight:600;color:#71717a;text-transform:uppercase;letter-spacing:.06em;margin-top:3px}
@media(max-width:640px){.ic-boost-summary{grid-template-columns:repeat(2,1fr)}}

.ic-boost-list{padding:0 20px 12px;display:flex;flex-direction:column;gap:8px}
.ic-boost-row{padding:12px 14px;border-radius:10px;background:#fafafa;border:1px solid #e4e4e7;transition:background .15s}
.ic-boost-row:hover{background:#f4f4f5}
.ic-boost-status-active{border-color:#bbf7d0;background:linear-gradient(135deg,#f0fdf4 0%,#fafafa 60%)}
/* v10.3.42 - Paused-Status entgoldet */
.ic-boost-status-paused{border-color:#E5E5E5;background:#fafafa}
.ic-boost-status-ended{opacity:.65}

.ic-boost-row-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}
.ic-boost-row-title{font-size:13px;font-weight:700;color:#18181b;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}
.ic-boost-row-badge{flex-shrink:0;font-size:10px;font-weight:700;padding:3px 10px;border-radius:999px;text-transform:uppercase;letter-spacing:.05em}
.ic-boost-badge-active{background:#dcfce7;color:#166534}
/* v10.3.42 - Paused-Badge entgoldet */
.ic-boost-badge-paused{background:#E5E5E5;color:#27272a}
.ic-boost-badge-ended{background:#e4e4e7;color:#52525b}

.ic-boost-row-stats{display:flex;gap:14px;flex-wrap:wrap;font-size:11px;color:#52525b}
.ic-boost-row-stats strong{color:#18181b;font-weight:700}
.ic-boost-progress{margin-top:8px;height:4px;border-radius:2px;background:#e4e4e7;overflow:hidden}
/* v10.3.42 - Progress-Bar entgoldet: schwarz */
.ic-boost-progress span{display:block;height:100%;background:#18181b;border-radius:2px;transition:width .4s}

.ic-boost-profile-more{display:inline-flex;align-items:center;gap:6px;margin:6px 20px 18px;padding:9px 16px;background:#18181b;color:#fff;border-radius:999px;font-size:12px;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s}
.ic-boost-profile-more:hover{transform:translateY(-1px);box-shadow:0 6px 14px rgba(0,0,0,.15)}

/* ══════════════════════════════════════════════════════════════
   POLLS v9.0.0 - Feed-Umfragen
   ══════════════════════════════════════════════════════════════ */
.ic-poll{padding:14px 16px;margin:0 -1px;border-top:1px solid var(--border,#e6e6ea)}
.ic-poll-question{font-size:15px;font-weight:700;color:var(--text1,#18181b);margin-bottom:10px;letter-spacing:-.01em}
.ic-poll-option{position:relative;display:flex;align-items:center;width:100%;margin-bottom:6px;border-radius:10px;overflow:hidden;min-height:42px;transition:all .18s}
.ic-poll-vote{background:var(--card,#fff);border:1.5px solid var(--border,#e6e6ea);padding:10px 14px;cursor:pointer;font-family:inherit;font-size:13px;color:var(--text1,#18181b);text-align:left}
.ic-poll-vote:hover{border-color:var(--ic-accent,#000000);background:rgba(0,0,0,.04)}
.ic-poll-result{background:#fafafa;border:1px solid #f0f0f0;padding:10px 14px}
.ic-poll-bar{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,rgba(0,0,0,.12),rgba(0,0,0,.06));border-radius:10px;transition:width .5s cubic-bezier(.25,.8,.25,1)}
.ic-poll-mine{border-color:var(--ic-accent,#000000);background:rgba(0,0,0,.06)}
.ic-poll-mine .ic-poll-bar{background:linear-gradient(90deg,rgba(0,0,0,.22),rgba(0,0,0,.08))}
.ic-poll-label{position:relative;z-index:1;font-size:13px;font-weight:600;color:var(--text1,#18181b);flex:1}
.ic-poll-pct{position:relative;z-index:1;font-size:13px;font-weight:700;color:var(--text1,#18181b);margin-left:10px}
.ic-poll-meta{font-size:11px;color:var(--text4,#71717a);margin-top:8px}

/* ══════════════════════════════════════════════════════════════
   BOOKINGS v9.0.0 - Calendly-Style Terminbuchung
   ══════════════════════════════════════════════════════════════ */
.ic-booking-page{max-width:640px;margin:0 auto;padding:24px 16px}
.ic-booking-header{text-align:center;margin-bottom:28px}
.ic-booking-host{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:8px}
.ic-booking-host-name{font-size:18px;font-weight:700;color:#18181b}
.ic-booking-title{font-size:14px;color:#71717a;margin-bottom:4px}
.ic-booking-day{background:#fff;border:1px solid #e4e4e7;border-radius:14px;padding:16px 18px;margin-bottom:12px}
.ic-booking-day-label{font-size:13px;font-weight:700;color:#18181b;margin-bottom:10px;text-transform:capitalize}
.ic-booking-slots{display:flex;flex-wrap:wrap;gap:8px}
.ic-booking-slot{padding:8px 16px;border:1.5px solid #e4e4e7;border-radius:8px;background:#fff;color:#18181b;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit}
.ic-booking-slot:hover{border-color:var(--ic-accent,#000000);background:rgba(0,0,0,.06)}
.ic-booking-slot.ic-selected{border-color:var(--ic-accent,#000000);background:var(--ic-accent,#000000);color:#fff}
.ic-booking-form{background:#fff;border:1px solid #e4e4e7;border-radius:14px;padding:20px;margin-top:16px}
.ic-booking-confirm{background:linear-gradient(135deg,#18181b,#27272a);color:#fff;border:none;padding:14px 28px;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;width:100%;margin-top:12px;font-family:inherit;transition:transform .15s}
.ic-booking-confirm:hover{transform:translateY(-1px)}
.ic-booking-success{text-align:center;padding:40px 20px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:14px;margin-top:16px}
.ic-booking-success h3{color:#166534;font-size:18px;margin:12px 0 6px}
.ic-booking-success p{color:#52525b;font-size:13px}