.clinictus-tawk-launcher {
            position: fixed;
            right: 24px;
            bottom: 24px;
            z-index: 999990;
            display: flex;
            flex-direction: column;
            align-items: flex-end;
            font-family: inherit;
        }

        .clinictus-tawk-desktop-card {
            position: relative;
            width: min(322px, calc(100vw - 48px));
            overflow: visible;
            border: 1px solid rgba(15, 23, 42, 0.08);
            border-radius: 24px;
            color: #0f172a;
            background:
                radial-gradient(circle at 12% 0%, rgba(20, 184, 166, 0.15), transparent 34%),
                linear-gradient(145deg, rgba(255, 255, 255, 0.99), rgba(239, 246, 255, 0.94));
            box-shadow: 0 24px 68px rgba(15, 23, 42, 0.18);
        }

        .clinictus-tawk-desktop-card-inner {
            overflow: hidden;
            border-radius: inherit;
            padding: 15px;
        }

        .clinictus-tawk-desktop-close {
            position: absolute;
            top: -10px;
            right: -10px;
            z-index: 2;
            display: grid;
            width: 30px;
            height: 30px;
            place-items: center;
            border: 2px solid #fff;
            border-radius: 999px;
            color: #334155;
            background: #fff;
            box-shadow: 0 12px 28px rgba(15, 23, 42, 0.2);
            cursor: pointer;
            transition: transform 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
        }

        .clinictus-tawk-desktop-close:hover {
            color: #1d4ed8;
            box-shadow: 0 16px 34px rgba(37, 99, 235, 0.24);
            transform: translateY(-1px) scale(1.04);
        }

        .clinictus-tawk-desktop-close svg {
            width: 16px;
            height: 16px;
        }

        .clinictus-tawk-desktop-kicker {
            display: inline-flex;
            align-items: center;
            gap: 7px;
            margin-bottom: 9px;
            padding: 6px 10px;
            border-radius: 999px;
            color: #166534;
            background: #dcfce7;
            font-size: 11px;
            font-weight: 900;
            letter-spacing: 0.05em;
            text-transform: uppercase;
        }

        .clinictus-tawk-desktop-dot {
            width: 7px;
            height: 7px;
            border-radius: 999px;
            background: #22c55e;
            box-shadow: 0 0 0 5px rgba(34, 197, 94, 0.15);
        }

        .clinictus-tawk-desktop-title {
            display: block;
            color: #111827;
            font-size: 15px;
            font-weight: 900;
            line-height: 1.25;
        }

        .clinictus-tawk-desktop-text {
            display: block;
            margin-top: 5px;
            color: #64748b;
            font-size: 12px;
            line-height: 1.55;
        }

        .clinictus-tawk-channel-strip {
            display: grid;
            grid-template-columns: repeat(5, minmax(0, 1fr));
            gap: 7px;
            margin-top: 13px;
        }

        .clinictus-tawk-social-link {
            display: flex;
            min-width: 0;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 5px;
            border: 1px solid rgba(148, 163, 184, 0.18);
            border-radius: 16px;
            padding: 8px 5px;
            color: #0f172a;
            background: rgba(255, 255, 255, 0.76);
            cursor: pointer;
            font-size: 9px;
            font-weight: 900;
            line-height: 1;
            text-decoration: none;
            transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
        }

        .clinictus-tawk-social-link:hover {
            border-color: rgba(59, 130, 246, 0.28);
            box-shadow: 0 12px 26px rgba(15, 23, 42, 0.1);
            text-decoration: none;
            transform: translateY(-2px);
        }

        .clinictus-tawk-social-icon {
            display: grid;
            width: 28px;
            height: 28px;
            place-items: center;
            border-radius: 999px;
            color: #fff;
        }

        .clinictus-tawk-social-icon svg {
            width: 16px;
            height: 16px;
        }

        .clinictus-tawk-social-icon--live {
            background: linear-gradient(135deg, #16a34a, #0284c7);
        }

        .clinictus-tawk-social-icon--whatsapp {
            background: #22c55e;
        }

        .clinictus-tawk-social-icon--telegram {
            background: #38bdf8;
        }

        .clinictus-tawk-social-icon--messenger {
            background: linear-gradient(135deg, #2563eb, #a855f7);
        }

        .clinictus-tawk-social-icon--instagram {
            background: radial-gradient(circle at 30% 105%, #facc15 0 18%, #f97316 32%, #db2777 58%, #7c3aed 100%);
        }

        .clinictus-tawk-desktop-action {
            display: flex;
            width: 100%;
            align-items: center;
            justify-content: center;
            gap: 9px;
            margin-top: 13px;
            border: 0;
            border-radius: 999px;
            padding: 12px 16px;
            color: #fff;
            background: linear-gradient(135deg, #16a34a 0%, #0284c7 52%, #1d4ed8 100%);
            box-shadow: 0 16px 36px rgba(37, 99, 235, 0.28);
            cursor: pointer;
            font-size: 13px;
            font-weight: 900;
            transition: transform 0.2s ease, box-shadow 0.2s ease;
        }

        .clinictus-tawk-desktop-action:hover {
            transform: translateY(-2px);
            box-shadow: 0 22px 48px rgba(37, 99, 235, 0.38);
        }

        .clinictus-tawk-desktop-action svg {
            width: 20px;
            height: 20px;
        }

        .clinictus-tawk-panel {
            position: absolute;
            right: 0;
            bottom: 78px;
            display: none;
            width: min(352px, calc(100vw - 32px));
            overflow: hidden;
            border: 1px solid rgba(15, 23, 42, 0.08);
            border-radius: 28px;
            background: #fff;
            box-shadow: 0 26px 80px rgba(15, 23, 42, 0.22);
            color: #0f172a;
            opacity: 0;
            pointer-events: none;
            transform: translateY(14px) scale(0.96);
            transform-origin: right bottom;
            transition: opacity 0.22s ease, transform 0.22s ease, visibility 0.22s ease;
            visibility: hidden;
        }

        .clinictus-tawk-opened .clinictus-tawk-panel {
            opacity: 1;
            pointer-events: auto;
            transform: translateY(0) scale(1);
            visibility: visible;
        }

        .clinictus-tawk-panel-header {
            position: relative;
            padding: 18px;
            color: #fff;
            background:
                radial-gradient(circle at 18% 0%, rgba(255, 255, 255, 0.28), transparent 28%),
                linear-gradient(135deg, #12b981 0%, #0588c7 52%, #243caa 100%);
        }

        .clinictus-tawk-panel-close {
            position: absolute;
            top: 12px;
            right: 12px;
            display: grid;
            width: 30px;
            height: 30px;
            place-items: center;
            border: 0;
            border-radius: 999px;
            color: #fff;
            background: rgba(255, 255, 255, 0.16);
            cursor: pointer;
        }

        .clinictus-tawk-panel-close:hover {
            background: rgba(255, 255, 255, 0.24);
        }

        .clinictus-tawk-agent {
            display: flex;
            align-items: center;
            gap: 12px;
            padding-right: 34px;
        }

        .clinictus-tawk-agent-avatar {
            position: relative;
            display: grid;
            width: 48px;
            height: 48px;
            flex: 0 0 auto;
            place-items: center;
            border-radius: 18px;
            background: rgba(255, 255, 255, 0.18);
            box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.24);
        }

        .clinictus-tawk-agent-avatar::after {
            content: "";
            position: absolute;
            right: -1px;
            bottom: -1px;
            width: 13px;
            height: 13px;
            border: 3px solid #fff;
            border-radius: 999px;
            background: #22c55e;
        }

        .clinictus-tawk-agent-avatar svg {
            width: 26px;
            height: 26px;
        }

        .clinictus-tawk-agent-title {
            margin: 0;
            color: #fff;
            font-size: 15px;
            font-weight: 900;
            line-height: 1.25;
        }

        .clinictus-tawk-agent-text {
            margin: 4px 0 0;
            color: rgba(255, 255, 255, 0.84);
            font-size: 12px;
            line-height: 1.45;
        }

        .clinictus-tawk-panel-body {
            padding: 14px;
            background:
                linear-gradient(180deg, rgba(248, 250, 252, 0.86), #fff 58%),
                #fff;
        }

        .clinictus-tawk-status {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            margin-bottom: 12px;
            padding: 6px 10px;
            border-radius: 999px;
            color: #047857;
            background: #d1fae5;
            font-size: 10px;
            font-weight: 800;
            letter-spacing: 0.06em;
            text-transform: uppercase;
        }

        .clinictus-tawk-status-dot {
            width: 7px;
            height: 7px;
            border-radius: 999px;
            background: #22c55e;
            box-shadow: 0 0 0 5px rgba(34, 197, 94, 0.15);
        }

        .clinictus-tawk-mobile-channels {
            display: grid;
            gap: 9px;
        }

        .clinictus-tawk-channel {
            display: flex;
            width: 100%;
            align-items: center;
            gap: 12px;
            border: 1px solid #dbeafe;
            border-radius: 20px;
            padding: 12px;
            color: #0f172a;
            background: #fff;
            box-shadow: 0 10px 26px rgba(15, 23, 42, 0.08);
            cursor: pointer;
            text-align: left;
            transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
        }

        .clinictus-tawk-channel:hover {
            border-color: #93c5fd;
            box-shadow: 0 16px 34px rgba(37, 99, 235, 0.15);
            transform: translateY(-1px);
        }

        .clinictus-tawk-channel--external {
            text-decoration: none;
        }

        .clinictus-tawk-channel--external:hover {
            text-decoration: none;
        }

        .clinictus-tawk-channel-icon {
            display: grid;
            width: 42px;
            height: 42px;
            flex: 0 0 auto;
            place-items: center;
            border-radius: 16px;
            color: #fff;
            background: linear-gradient(135deg, #16a34a 0%, #0284c7 100%);
        }

        .clinictus-tawk-channel-icon svg {
            width: 22px;
            height: 22px;
        }

        .clinictus-tawk-channel-copy {
            min-width: 0;
            flex: 1 1 auto;
        }

        .clinictus-tawk-channel-copy strong {
            display: block;
            color: #0f172a;
            font-size: 13px;
            font-weight: 900;
        }

        .clinictus-tawk-channel-copy span {
            display: block;
            margin-top: 3px;
            color: #64748b;
            font-size: 11px;
            line-height: 1.4;
        }

        .clinictus-tawk-channel-arrow {
            display: grid;
            width: 28px;
            height: 28px;
            flex: 0 0 auto;
            place-items: center;
            border-radius: 999px;
            color: #1d4ed8;
            background: #eff6ff;
        }

        .clinictus-tawk-channel-arrow svg {
            width: 16px;
            height: 16px;
        }

        .clinictus-tawk-button {
            position: relative;
            display: none;
            align-items: center;
            justify-content: center;
            width: 64px;
            height: 64px;
            border: 0;
            border-radius: 999px;
            padding: 0;
            color: #fff;
            background: linear-gradient(135deg, #16a34a 0%, #0284c7 52%, #1d4ed8 100%);
            box-shadow: 0 18px 42px rgba(37, 99, 235, 0.32);
            cursor: pointer;
            font-size: 13px;
            font-weight: 900;
            transition: transform 0.2s ease, box-shadow 0.2s ease;
        }

        .clinictus-tawk-button:hover {
            transform: translateY(-2px);
            box-shadow: 0 24px 54px rgba(37, 99, 235, 0.4);
        }

        .clinictus-tawk-button svg {
            width: 28px;
            height: 28px;
        }

        .clinictus-tawk-badge {
            position: absolute;
            top: -1px;
            right: -1px;
            display: grid;
            width: 21px;
            height: 21px;
            place-items: center;
            border: 2px solid #fff;
            border-radius: 999px;
            color: #fff;
            background: #ef4444;
            font-size: 11px;
            font-weight: 900;
        }

        .clinictus-tawk-hidden {
            display: none !important;
        }

        .clinictus-tawk-compact .clinictus-tawk-desktop-card {
            display: none;
        }

        .clinictus-tawk-compact .clinictus-tawk-button {
            display: flex;
        }

        .clinictus-tawk-compact .clinictus-tawk-panel {
            display: block;
            bottom: 78px;
        }

        @media (max-width: 640px) {
            .clinictus-tawk-launcher {
                right: 16px;
                bottom: 16px;
            }

            .clinictus-tawk-desktop-card {
                display: none;
            }

            .clinictus-tawk-panel {
                display: block;
                bottom: 72px;
            }

            .clinictus-tawk-button {
                display: flex;
                width: 58px;
                height: 58px;
            }

            .clinictus-tawk-channel-strip {
                grid-template-columns: repeat(5, minmax(0, 1fr));
            }
        }