.carachat-wrap{--carachat-logo-box-width:160px;--carachat-logo-box-height:75px;--carachat-banner-box-width:900px;--carachat-banner-box-height:75px;position:fixed !important;top:0 !important;left:0 !important;width:100vw !important;height:100vh !important;max-width:none !important;margin:0 !important;background:#d9d9d9;border:none;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;font-size:13px;color:#111;z-index:2147483647 !important;display:flex;flex-direction:column}
.carachat-header{position:relative;display:grid;grid-template-columns:minmax(90px,var(--carachat-logo-box-width)) minmax(0,1fr);gap:12px;padding:10px 40px 10px 10px;align-items:center;background:#0a0a0a;border-bottom:1px solid #8c8c8c;flex-shrink:0}
.carachat-logo{width:min(100%,var(--carachat-logo-box-width));height:var(--carachat-logo-box-height);display:flex;align-items:center;justify-content:center;background:#000;border-radius:8px;font-weight:700;color:#d61f1f;letter-spacing:-.02em;overflow:hidden;box-sizing:border-box;padding:6px;justify-self:start}
.carachat-logo img {display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;background:transparent}
.carachat-banner{width:min(100%,var(--carachat-banner-box-width));height:var(--carachat-banner-box-height);margin:0;display:flex;align-items:center;justify-content:center;background:#000;border:1px solid #8c8c8c;font-size:20px;font-style:italic;font-weight:800;overflow:hidden;box-sizing:border-box;padding:0;justify-self:start}
.carachat-banner img {display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.carachat-fullscreen-btn{position:absolute;top:6px;right:6px;background:transparent;color:#8c8c8c;border:none;border-radius:3px;padding:4px 8px;font-size:16px;cursor:pointer;transition:0.2s;line-height:1}
.carachat-fullscreen-btn:hover{background:rgba(255,255,255,0.1);color:#fff}
.carachat-top-tabs,.carachat-right-tabs{display:flex;gap:2px;align-items:flex-end}
.carachat-top-tabs{padding:6px 6px 0;border-bottom:1px solid #8c8c8c;flex-shrink:0}
.carachat-topbar-row{display:flex;align-items:flex-end;gap:10px;padding-right:8px;flex-shrink:0}
.carachat-topbar-row .carachat-top-tabs{flex:1;min-width:0}
.carachat-topbar-actions{display:flex;align-items:center;padding-bottom:6px}
.carachat-settings-btn{border:1px solid #8c8c8c;background:#ececec;box-shadow:inset 1px 1px 0 #fff,inset -1px -1px 0 #a0a0a0;cursor:pointer;padding:6px 10px;white-space:nowrap}
.carachat-settings-panel{position:absolute;top:122px;right:12px;z-index:20}
.carachat-settings-card{width:280px;background:#f4f4f4;border:1px solid #8c8c8c;box-shadow:0 10px 28px rgba(0,0,0,.18), inset 1px 1px 0 #fff;padding:12px}
.carachat-settings-title{font-weight:700;margin-bottom:10px;color:#164bb8}
.carachat-settings-option{display:flex;gap:10px;align-items:flex-start;padding:10px 8px;border:1px solid #d6d6d6;background:#fff;margin-bottom:8px;cursor:pointer}
.carachat-settings-option:last-child{margin-bottom:0}
.carachat-settings-option input{margin-top:2px}
.carachat-settings-option span{display:flex;flex-direction:column;gap:3px}
.carachat-settings-option small{color:#666;line-height:1.35}
.carachat-tab,.carachat-send,.carachat-action-grid button,.carachat-mini-btn,.carachat-filter-btn{border:1px solid #8c8c8c;background:#ececec;box-shadow:inset 1px 1px 0 #fff,inset -1px -1px 0 #a0a0a0;cursor:pointer}
.carachat-tab{padding:6px 10px}.carachat-tab.is-active{background:#fff;border-bottom-color:#fff;font-weight:700}.carachat-tab.is-room-chip{color:#164bb8;font-weight:700}
.carachat-pm-close{display:inline-block;margin-left:6px;color:#b91c1c;font-weight:bold;border-radius:50%;width:16px;height:16px;text-align:center;line-height:16px;background:rgba(0,0,0,0.05)}
.carachat-pm-close:hover{background:#b91c1c;color:#fff}
.carachat-main{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:10px;padding:10px;flex:1;min-height:0}
.carachat-chat-panel,.carachat-side-panel{display:flex;flex-direction:column;min-height:0;background:#d9d9d9;border:1px solid #8c8c8c;box-shadow:inset 1px 1px 0 #fff,inset -1px -1px 0 #8c8c8c}
.carachat-panel-title{padding:6px 8px;border-bottom:1px solid #bdbdbd}
.carachat-messages,.carachat-members-view,.carachat-smileys-view,.carachat-tab-panel{margin:10px;background:#fff;border:1px solid #8c8c8c;min-height:0;overflow:auto}
.carachat-messages{flex:1;padding:10px;line-height:1.7}.carachat-members-view{flex:1;padding:6px}
.carachat-member{display:flex;align-items:center;gap:8px;width:100%;text-align:left;border:0;background:transparent;padding:5px 6px;color:#2b53bf;cursor:pointer}.carachat-member.is-selected{background:#123f9e;color:#fff}.carachat-member-check{display:inline-flex;align-items:center;justify-content:center;width:16px;min-width:16px;font-weight:700;opacity:.95}.carachat-member-name{min-width:0;flex:1}
.carachat-smileys-view{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:8px;align-content:start}
.carachat-smiley{min-height:46px;font-size:26px;border:1px solid #cfcfcf;background:#fafafa;cursor:pointer}
.carachat-room-info,.carachat-stats{padding:0 10px 10px}.carachat-controls,.carachat-side-actions{border-top:1px solid #bdbdbd;padding:10px}
.carachat-input,.carachat-field,.carachat-select{width:100%;margin:8px 0;padding:8px 10px;border:1px solid #8c8c8c;background:#fff;box-sizing:border-box}.carachat-input{min-height:42px;line-height:1.4;white-space:pre-wrap;word-break:break-word;overflow-y:auto}.carachat-input:focus{outline:none}.carachat-input.is-empty:before{content:attr(data-placeholder);color:#777}.carachat-input-proxy{position:fixed !important;left:-9999px !important;top:auto !important;width:1px !important;height:1px !important;opacity:0 !important;pointer-events:none !important}
.carachat-bottom-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.carachat-bottom-row select{border:1px solid #8c8c8c;background:#fff;padding:6px 8px}.carachat-send{margin-left:auto;padding:7px 16px}
.carachat-private-toggle{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid #cfcfcf;background:#fff;border-radius:8px;max-width:100%;cursor:pointer}
.carachat-private-toggle input{margin:0}
.carachat-private-toggle span{line-height:1.25}
.carachat-member{display:flex;align-items:center;gap:8px}
.carachat-member-check{display:inline-flex;width:16px;justify-content:center;font-weight:700;opacity:.95}
.carachat-member-name{flex:1;min-width:0}
.carachat-sort-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.carachat-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.carachat-action-grid .warn{grid-column:1 / -1;background:#f5c733;border-color:#a67d00;color:#111;font-weight:700}
.carachat-line-user.red{color:#d53535;font-weight:700}.carachat-line-user.blue{color:#1f46bf;font-weight:700}.carachat-line-user.gray{color:#5a5a5a;font-weight:700}.carachat-line-user.purple{color:#7a34b8;font-weight:700}.carachat-line-user.green{color:#21875b;font-weight:700}.carachat-line-user.pink{color:#d946ef;font-weight:700}
.carachat-tab-panel{flex:1;padding:12px;line-height:1.5}.carachat-tab-panel h4{margin:0 0 10px;font-size:15px}
.carachat-rooms-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.carachat-room-list{display:grid;gap:8px}
.carachat-room-card,.carachat-connected-card{border:1px solid #cfcfcf;background:#fafafa;padding:8px}.carachat-room-row,.carachat-connected-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center}
.carachat-room-meta,.carachat-connected-meta{color:#555;font-size:12px}.carachat-mini-btn,.carachat-filter-btn{padding:6px 10px}
.carachat-create-form,.carachat-filter-form{margin-top:12px;display:grid;gap:8px}.carachat-inline-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.carachat-inline-2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.carachat-hint{color:#666;font-size:12px}.carachat-message{margin-top:8px;color:#1d4e1d}.carachat-error{margin-top:8px;color:#b91c1c}.is-hidden{display:none !important}
.carachat-mode-crier{font-size:24px;font-weight:900}
.carachat-mode-chuchoter{font-size:9px;opacity:0.7;font-style:italic}
.carachat-mode-action{font-style:italic;color:#d61f1f;font-weight:bold}

.carachat-wrap.carachat-skin-retro{}
.carachat-wrap.carachat-skin-2026{background:linear-gradient(180deg,#eef4ff 0%,#e6edf9 100%);color:#10203a}
.carachat-wrap.carachat-skin-2026 .carachat-header{background:linear-gradient(135deg,#0f172a,#1e3a8a);border-bottom:1px solid rgba(255,255,255,.12);box-shadow:0 8px 24px rgba(15,23,42,.28)}
.carachat-wrap.carachat-skin-2026 .carachat-logo{background:#000;border-radius:8px;box-shadow:0 10px 24px rgba(15,23,42,.15)}
.carachat-wrap.carachat-skin-2026 .carachat-banner{background:#000;border:1px solid #c7d7f8;border-radius:18px;box-shadow:0 10px 28px rgba(37,99,235,.12);font-style:normal;color:#1d4ed8}
.carachat-wrap.carachat-skin-2026 .carachat-top-tabs{border-bottom-color:#c9d7f2}
.carachat-wrap.carachat-skin-2026 .carachat-tab,
.carachat-wrap.carachat-skin-2026 .carachat-send,
.carachat-wrap.carachat-skin-2026 .carachat-action-grid button,
.carachat-wrap.carachat-skin-2026 .carachat-mini-btn,
.carachat-wrap.carachat-skin-2026 .carachat-filter-btn,
.carachat-wrap.carachat-skin-2026 .carachat-settings-btn{background:linear-gradient(180deg,#ffffff,#e8f0ff);border:1px solid #bfd0f3;box-shadow:none;border-radius:12px}
.carachat-wrap.carachat-skin-2026 .carachat-tab.is-active{background:#ffffff;border-bottom-color:#ffffff;color:#1d4ed8}
.carachat-wrap.carachat-skin-2026 .carachat-tab.is-room-chip{color:#2563eb}
.carachat-wrap.carachat-skin-2026 .carachat-chat-panel,
.carachat-wrap.carachat-skin-2026 .carachat-side-panel{background:rgba(255,255,255,.75);backdrop-filter:blur(10px);border:1px solid #c8d7f4;box-shadow:0 14px 36px rgba(37,99,235,.10)}
.carachat-wrap.carachat-skin-2026 .carachat-panel-title{background:linear-gradient(180deg,#f8fbff,#eef5ff);border-bottom:1px solid #d5e2fb;color:#1e3a8a;font-weight:700}
.carachat-wrap.carachat-skin-2026 .carachat-messages,
.carachat-wrap.carachat-skin-2026 .carachat-members-view,
.carachat-wrap.carachat-skin-2026 .carachat-smileys-view,
.carachat-wrap.carachat-skin-2026 .carachat-tab-panel{border:1px solid #d6e2fa;border-radius:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.carachat-wrap.carachat-skin-2026 .carachat-input,
.carachat-wrap.carachat-skin-2026 .carachat-field,
.carachat-wrap.carachat-skin-2026 .carachat-select,
.carachat-wrap.carachat-skin-2026 .carachat-bottom-row select{border:1px solid #c5d4f4;border-radius:12px}
.carachat-wrap.carachat-skin-2026 .carachat-member.is-selected{background:linear-gradient(135deg,#2563eb,#1d4ed8)}
.carachat-wrap.carachat-skin-2026 .carachat-room-card,
.carachat-wrap.carachat-skin-2026 .carachat-connected-card,
.carachat-wrap.carachat-skin-2026 .carachat-settings-card,
.carachat-wrap.carachat-skin-2026 .carachat-settings-option{border-color:#d7e4fb;border-radius:16px}

.carachat-wrap.carachat-skin-futuriste{background:radial-gradient(circle at top,#152448 0%,#0b1020 48%,#05070f 100%);color:#e8f7ff}
.carachat-wrap.carachat-skin-futuriste .carachat-header{background:linear-gradient(135deg,rgba(5,10,25,.96),rgba(18,31,61,.94));border-bottom:1px solid rgba(74,226,255,.35);box-shadow:0 14px 34px rgba(0,0,0,.45)}
.carachat-wrap.carachat-skin-futuriste .carachat-logo{background:#000;border:1px solid rgba(76,224,255,.45);border-radius:8px;color:#86f7ff;box-shadow:inset 0 0 18px rgba(61,229,255,.18),0 0 22px rgba(21,125,255,.18)}
.carachat-wrap.carachat-skin-futuriste .carachat-banner{background:#000;border:1px solid rgba(166,95,255,.45);border-radius:20px;box-shadow:inset 0 0 20px rgba(166,95,255,.12),0 0 30px rgba(56,189,248,.12);font-style:normal;font-weight:700;color:#d9f7ff}
.carachat-wrap.carachat-skin-futuriste .carachat-top-tabs{border-bottom-color:rgba(75,226,255,.28)}
.carachat-wrap.carachat-skin-futuriste .carachat-tab,
.carachat-wrap.carachat-skin-futuriste .carachat-send,
.carachat-wrap.carachat-skin-futuriste .carachat-action-grid button,
.carachat-wrap.carachat-skin-futuriste .carachat-mini-btn,
.carachat-wrap.carachat-skin-futuriste .carachat-filter-btn,
.carachat-wrap.carachat-skin-futuriste .carachat-settings-btn{background:linear-gradient(180deg,rgba(18,28,53,.96),rgba(10,16,31,.96));border:1px solid rgba(92,217,255,.36);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 0 16px rgba(37,99,235,.10);border-radius:14px;color:#dffbff}
.carachat-wrap.carachat-skin-futuriste .carachat-tab.is-active{background:linear-gradient(180deg,rgba(27,46,87,.98),rgba(14,27,56,.98));border-color:rgba(104,241,255,.66);color:#8df8ff;text-shadow:0 0 12px rgba(70,238,255,.35)}
.carachat-wrap.carachat-skin-futuriste .carachat-tab.is-room-chip{color:#a78bfa}
.carachat-wrap.carachat-skin-futuriste .carachat-chat-panel,
.carachat-wrap.carachat-skin-futuriste .carachat-side-panel{background:linear-gradient(180deg,rgba(7,13,26,.78),rgba(8,14,29,.66));backdrop-filter:blur(14px);border:1px solid rgba(85,217,255,.22);box-shadow:0 16px 48px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.04);border-radius:20px}
.carachat-wrap.carachat-skin-futuriste .carachat-panel-title{background:linear-gradient(90deg,rgba(9,18,35,.95),rgba(18,36,68,.92));border-bottom:1px solid rgba(80,230,255,.2);color:#8df8ff;font-weight:700;letter-spacing:.02em}
.carachat-wrap.carachat-skin-futuriste .carachat-messages,
.carachat-wrap.carachat-skin-futuriste .carachat-members-view,
.carachat-wrap.carachat-skin-futuriste .carachat-smileys-view,
.carachat-wrap.carachat-skin-futuriste .carachat-tab-panel{background:linear-gradient(180deg,rgba(6,11,22,.94),rgba(12,19,34,.92));border:1px solid rgba(82,227,255,.2);border-radius:18px;color:#ebfbff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}
.carachat-wrap.carachat-skin-futuriste .carachat-input,
.carachat-wrap.carachat-skin-futuriste .carachat-field,
.carachat-wrap.carachat-skin-futuriste .carachat-select,
.carachat-wrap.carachat-skin-futuriste .carachat-bottom-row select{background:rgba(8,14,28,.96);border:1px solid rgba(95,221,255,.28);border-radius:14px;color:#ebfbff}
.carachat-wrap.carachat-skin-futuriste .carachat-input::placeholder,
.carachat-wrap.carachat-skin-futuriste .carachat-field::placeholder{color:#8ea7c7}
.carachat-wrap.carachat-skin-futuriste .carachat-member{color:#91f6ff}
.carachat-wrap.carachat-skin-futuriste .carachat-member.is-selected{background:linear-gradient(135deg,rgba(14,120,255,.92),rgba(133,76,255,.92));color:#fff}
.carachat-wrap.carachat-skin-futuriste .carachat-room-card,
.carachat-wrap.carachat-skin-futuriste .carachat-connected-card,
.carachat-wrap.carachat-skin-futuriste .carachat-settings-card,
.carachat-wrap.carachat-skin-futuriste .carachat-settings-option{background:linear-gradient(180deg,rgba(9,15,28,.95),rgba(15,24,43,.94));border:1px solid rgba(96,217,255,.2);border-radius:18px;color:#ebfbff}
.carachat-wrap.carachat-skin-futuriste .carachat-settings-title{color:#8df8ff}
.carachat-wrap.carachat-skin-futuriste .carachat-settings-option small,
.carachat-wrap.carachat-skin-futuriste .carachat-room-meta,
.carachat-wrap.carachat-skin-futuriste .carachat-connected-meta,
.carachat-wrap.carachat-skin-futuriste .carachat-hint{color:#9ab0cf}
.carachat-wrap.carachat-skin-futuriste .carachat-smiley{background:linear-gradient(180deg,rgba(17,26,50,.96),rgba(11,17,32,.96));border:1px solid rgba(90,224,255,.25);border-radius:14px}
.carachat-wrap.carachat-skin-futuriste .carachat-pm-close{background:rgba(167,139,250,.18);color:#f7d2ff}
.carachat-wrap.carachat-skin-futuriste .carachat-pm-close:hover{background:#ef4444;color:#fff}
.carachat-wrap.carachat-skin-futuriste .carachat-mode-action{color:#7cf2ff}



.carachat-settings-card{width:320px;max-width:100%;padding:14px;border:1px solid #cfcfcf;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.16);border-radius:14px}
.carachat-settings-title{font-weight:700;margin-bottom:10px}
.carachat-settings-option{display:flex;gap:10px;align-items:flex-start;padding:10px;border:1px solid #d7d7d7;border-radius:12px;background:#fafafa}
.carachat-settings-option + .carachat-settings-option{margin-top:8px}
.carachat-settings-option strong{display:block;margin-bottom:2px}
.carachat-settings-option small{display:block;color:#666;line-height:1.35}
.carachat-connected-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.carachat-side-panel label{color:inherit}
.carachat-side-panel input,
.carachat-side-panel select,
.carachat-chat-panel select{color:inherit}
.carachat-side-panel option,
.carachat-chat-panel option{color:#111;background:#fff}

.carachat-wrap.carachat-skin-futuriste .carachat-side-panel input,
.carachat-wrap.carachat-skin-futuriste .carachat-side-panel select,
.carachat-wrap.carachat-skin-futuriste .carachat-chat-panel select,
.carachat-wrap.carachat-skin-futuriste .carachat-chat-panel input{color:#ecfeff !important}
.carachat-wrap.carachat-skin-futuriste .carachat-side-panel option,
.carachat-wrap.carachat-skin-futuriste .carachat-chat-panel option{color:#e8f7ff;background:#09111f}
.carachat-wrap.carachat-skin-futuriste .carachat-filter-btn,
.carachat-wrap.carachat-skin-futuriste .carachat-send,
.carachat-wrap.carachat-skin-futuriste .carachat-mini-btn{font-weight:700}
.carachat-wrap.carachat-skin-futuriste .carachat-filter-btn:hover,
.carachat-wrap.carachat-skin-futuriste .carachat-send:hover,
.carachat-wrap.carachat-skin-futuriste .carachat-mini-btn:hover,
.carachat-wrap.carachat-skin-futuriste .carachat-tab:hover,
.carachat-wrap.carachat-skin-futuriste .carachat-settings-btn:hover{border-color:rgba(120,244,255,.85);box-shadow:0 0 0 1px rgba(122,248,255,.18),0 0 18px rgba(77,223,255,.18)}
.carachat-wrap.carachat-skin-futuriste .carachat-panel-title[style],
.carachat-wrap.carachat-skin-futuriste #carachat-side-salons-tools .carachat-panel-title,
.carachat-wrap.carachat-skin-futuriste #carachat-side-connected-tools .carachat-panel-title,
.carachat-wrap.carachat-skin-futuriste #carachat-side-friends-tools .carachat-panel-title,
.carachat-wrap.carachat-skin-futuriste #carachat-side-options-tools .carachat-panel-title{background:linear-gradient(90deg,rgba(9,18,35,.95),rgba(18,36,68,.92)) !important;color:#8df8ff !important}
.carachat-wrap.carachat-skin-futuriste #carachat-create-room-feedback,
.carachat-wrap.carachat-skin-futuriste #carachat-add-friend-feedback{color:#dffbff}

@media (max-width:900px){
.carachat-main{grid-template-columns:1fr;min-height:auto}
.carachat-header{grid-template-columns:minmax(88px,120px) minmax(0,1fr);gap:8px;padding-right:40px;}
.carachat-logo{width:100%;height:var(--carachat-logo-box-height);padding:6px}
.carachat-banner{width:100%;height:var(--carachat-banner-box-height);padding:0;font-size:16px}
.carachat-send{margin-left:0}
.carachat-rooms-grid,.carachat-inline-3,.carachat-inline-2{grid-template-columns:1fr}
.carachat-topbar-row{gap:6px;align-items:center}
.carachat-topbar-actions{padding-bottom:0}
.carachat-settings-btn{padding:6px 8px;font-size:12px}
.carachat-settings-panel{top:116px;right:8px;left:8px}
.carachat-settings-card{width:auto}
}

/* --- BAZOOKA TOTAL ANTI-MENU ET ELEMENTS INDESIRABLES --- */
#gti-premium-header, 
.gti-container, 
.gti-mobile-toggle,
#main-header,
#top-header,
.et-l--header,
#wpadminbar, 
.et_pb_social_media_follow_0_tb_footer,
#main-footer,
.et-l--footer,
footer,
header,
#piiwii-mobile-wrapper,
.pw-chat-icon-changer + span,
.pw-title > span:not([class]):not([id]),
/* --- BAZOOKA ANTI PIIWII CHAT --- */
#pw-master-container,
#pw-mobile-bubble,
#pw-toast-container,
#pw-lightbox,
#pw-mythical-lightning,
.pw-profile-widget { 
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    pointer-events: none !important;
    z-index: -1 !important;
    position: absolute !important;
}

html, body, #page-container, #main-content { 
    margin-top: 0 !important; 
    padding-top: 0 !important; 
    overflow: hidden !important;
}

/* Connected layout update */
#carachat-main-title:empty{display:none}
.carachat-connected-list-main{display:grid;gap:10px}
#carachat-side-connected-tools .carachat-field,#carachat-side-connected-tools .carachat-filter-btn,#carachat-side-connected-tools .carachat-mini-btn{width:100%;box-sizing:border-box}
#carachat-side-connected-tools .carachat-inline-2{grid-template-columns:1fr 1fr}
@media (max-width:900px){#carachat-side-connected-tools .carachat-inline-2{grid-template-columns:1fr}}


/* Popup d'accès / profil incomplet */
html, body{
  overflow:hidden !important;
}

.carachat-access-only{
  overflow:hidden !important;
}

.carachat-gate-overlay{
  flex:1;
  min-height:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  overflow:hidden !important;
  background:
    radial-gradient(circle at top, rgba(255,255,255,.45), rgba(255,255,255,0) 45%),
    linear-gradient(180deg, rgba(22,75,184,.08), rgba(0,0,0,.02));
}

.carachat-gate-card{
  width:min(760px, 100%);
  max-height:min(calc(100vh - 150px), 820px);
  display:flex;
  flex-direction:column;
  overflow:hidden;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
  border:1px solid #b9c7e6;
  border-radius:22px;
  box-shadow:0 18px 50px rgba(0,0,0,.18);
}

.carachat-gate-card h2{
  margin:0;
  padding:20px 24px 12px;
  color:#164bb8;
  font-size:24px;
  line-height:1.2;
  border-bottom:1px solid #d9e3f6;
  background:linear-gradient(180deg,#fdfefe,#eef4ff);
}

.carachat-gate-card > :not(h2){
  padding-left:24px;
  padding-right:24px;
}

.carachat-gate-text{
  margin:16px 0 0;
  line-height:1.6;
  color:#24324a;
}

.carachat-gate-form,
.carachat-profile-complete-form{
  margin:16px 0 0;
  overflow:auto !important;
  min-height:0;
  padding-bottom:20px;
}

.carachat-gate-form{
  max-height:calc(min(100vh - 150px, 820px) - 130px);
}

.carachat-profile-complete-form{
  display:grid;
  gap:10px;
  max-height:calc(min(100vh - 150px, 820px) - 180px);
}

.carachat-profile-complete-form .carachat-field{
  margin:0;
}

.carachat-gate-card .carachat-filter-btn{
  position:sticky;
  bottom:0;
  z-index:2;
  background:linear-gradient(180deg,#ffffff,#e8f0ff);
  border:1px solid #9fb7ec;
  box-shadow:0 -8px 18px rgba(255,255,255,.9);
}

.carachat-gate-card .um{
  margin:0 !important;
}

.carachat-gate-card .um form{
  margin:0 !important;
}

.carachat-gate-card .um-col-alt,
.carachat-gate-card .um-col-1{
  max-width:100% !important;
}

@media (max-width: 900px){
  .carachat-gate-overlay{
    align-items:flex-start;
    padding:14px;
  }

  .carachat-gate-card{
    width:100%;
    max-height:calc(100vh - 28px);
    border-radius:18px;
  }

  .carachat-gate-card h2{
    padding:16px 16px 10px;
    font-size:22px;
  }

  .carachat-gate-card > :not(h2){
    padding-left:16px;
    padding-right:16px;
  }

  .carachat-gate-form{
    max-height:calc(100vh - 170px);
  }

  .carachat-profile-complete-form{
    max-height:calc(100vh - 210px);
  }
}


/* Couleurs H/F pseudo */
.carachat-member.is-selected{filter:saturate(1.05);}


/* Bouton d'inscription dédié dans la popup d'accès */
.carachat-register-switch{
  padding-bottom: 4px;
}
#carachat-register-panel{
  border-top:1px solid rgba(0,0,0,.08);
  padding-top:14px;
}


/* Popup accès : logo à gauche, formulaire à droite */
.carachat-gate-split{
  display:grid;
  grid-template-columns: 220px minmax(0,1fr);
  gap:20px;
  align-items:start;
  margin-top:16px;
  min-height:0;
}

.carachat-gate-visual{
  display:flex;
  align-items:flex-start;
  justify-content:center;
}

.carachat-gate-visual-box{
  width:100%;
  min-height:220px;
  background:#050505;
  border:1px solid #1e1e1e;
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
  box-sizing:border-box;
  overflow:hidden;
}

.carachat-gate-visual-box img{
  max-width:100%;
  max-height:160px;
  object-fit:contain;
  display:block;
}

.carachat-gate-visual-box:not(:has(img)){
  color:#d61f1f;
  font-weight:700;
  font-size:28px;
}

.carachat-gate-form{
  min-width:0;
}

@media (max-width: 900px){
  .carachat-gate-split{
    grid-template-columns:1fr;
    gap:14px;
  }

  .carachat-gate-visual-box{
    min-height:120px;
  }

  .carachat-gate-visual-box img{
    max-height:90px;
  }
}


/* Fix popup accès : vrai logo admin à gauche sur desktop, caché sur mobile */
.carachat-gate-visual-box{
  background:#000 !important;
  border:1px solid #111 !important;
}

.carachat-gate-visual-box img{
  width:100%;
  height:auto;
  max-width:100%;
  max-height:170px;
  object-fit:contain;
  display:block;
}

/* Formulaires UM : garder le bouton visible au-dessus des barres système mobile */
.carachat-gate-form,
.carachat-profile-complete-form{
  padding-bottom:calc(env(safe-area-inset-bottom, 0px) + 88px) !important;
  -webkit-overflow-scrolling:touch;
}

.carachat-gate-card{
  max-height:min(calc(100dvh - 24px), 820px) !important;
}

.carachat-gate-form{
  max-height:calc(min(100dvh - 24px, 820px) - 170px) !important;
}

.carachat-profile-complete-form{
  max-height:calc(min(100dvh - 24px, 820px) - 210px) !important;
}

.carachat-gate-card .carachat-filter-btn,
.carachat-gate-card button[type="submit"],
.carachat-gate-card input[type="submit"],
.carachat-gate-card .um-button{
  position:sticky;
  bottom:max(10px, env(safe-area-inset-bottom, 0px)) !important;
  z-index:3;
}

@media (max-width: 900px){
  .carachat-gate-overlay{
    padding:10px 10px calc(env(safe-area-inset-bottom, 0px) + 10px) !important;
    align-items:flex-start;
  }

  .carachat-gate-card{
    width:100%;
    max-height:calc(100dvh - 20px - env(safe-area-inset-bottom, 0px)) !important;
  }

  .carachat-gate-split{
    grid-template-columns:1fr !important;
    gap:0 !important;
  }

  .carachat-gate-visual{
    display:none !important;
  }

  .carachat-gate-card h2{
    position:sticky;
    top:0;
    z-index:4;
  }

  .carachat-gate-form{
    margin-top:12px !important;
    max-height:calc(100dvh - 160px - env(safe-area-inset-bottom, 0px)) !important;
    padding-bottom:calc(env(safe-area-inset-bottom, 0px) + 120px) !important;
  }

  .carachat-profile-complete-form{
    max-height:calc(100dvh - 200px - env(safe-area-inset-bottom, 0px)) !important;
    padding-bottom:calc(env(safe-area-inset-bottom, 0px) + 120px) !important;
  }
}


.carachat-private-friend-wrap{
  padding:0 10px 10px;
}
.carachat-private-friend-wrap .carachat-filter-btn{
  width:100%;
  padding:8px 10px;
  font-weight:700;
}
.carachat-friends-sections{
  display:grid;
  gap:18px;
}


/* Filtres connecté(e)s */
#carachat-connected-side-filter-form select.carachat-field{
  appearance:auto;
  cursor:pointer;
}


/* === Fix topbar: no gray strip, full-width line, theme-aware === */
.carachat-topbar-row{
    display:flex;
    align-items:flex-end;
    gap:10px;
    padding:6px 8px 0 6px;
    flex-shrink:0;
    background:#0a0a0a;
    border-bottom:1px solid #8c8c8c;
}
.carachat-top-tabs{
    padding:0 !important;
    border-bottom:none !important;
    background:transparent !important;
}
.carachat-topbar-row .carachat-top-tabs{
    flex:1;
    min-width:0;
}
.carachat-topbar-actions,
.carachat-settings-panel{
    display:none !important;
}

.carachat-wrap.carachat-skin-2026 .carachat-topbar-row{
    background:transparent;
    border-bottom-color:#c9d7f2;
}
.carachat-wrap.carachat-skin-futuriste .carachat-topbar-row{
    background:transparent;
    border-bottom-color:rgba(75,226,255,.28);
}

/* little breathing room in Options since the floating settings popup is gone */
#carachat-side-options-tools .carachat-settings-card{
    width:100%;
    box-sizing:border-box;
}



/* === Mobile drawer tools button === */
.carachat-mobile-tools-btn,
.carachat-mobile-drawer-backdrop{
    display:none;
}

@media (max-width:900px){
    .carachat-main{
        grid-template-columns:1fr !important;
    }

    .carachat-wrap{
        height:100dvh;
        height:100vh;
    }

    .carachat-topbar-row{
        position:sticky;
        top:0;
        z-index:2147483643;
        overflow:hidden;
        background:inherit;
    }

    .carachat-top-tabs{
        display:flex;
        flex-wrap:nowrap;
        overflow-x:auto;
        overflow-y:hidden;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:none;
        gap:6px;
        padding-right:6px !important;
    }
    .carachat-top-tabs::-webkit-scrollbar{
        display:none;
    }
    .carachat-top-tabs .carachat-tab{
        flex:0 0 auto;
        white-space:nowrap;
    }
    .carachat-top-tabs .carachat-tab.is-active{
        scroll-margin-inline:12px;
    }

    .carachat-side-panel{
        position:fixed !important;
        top:0 !important;
        right:0 !important;
        width:min(88vw, 360px) !important;
        height:100vh !important;
        margin:0 !important;
        max-width:none !important;
        z-index:2147483646 !important;
        transform:translateX(100%);
        transition:transform .24s ease;
        border-radius:0 !important;
    }

    .carachat-mobile-drawer-backdrop{
        display:block;
        position:fixed;
        inset:0;
        background:rgba(0,0,0,.42);
        opacity:0;
        pointer-events:none;
        transition:opacity .24s ease;
        z-index:2147483645;
    }

    .carachat-mobile-tools-btn{
        display:flex;
        align-items:center;
        justify-content:center;
        position:fixed;
        right:14px;
        bottom:14px;
        width:54px;
        height:54px;
        border-radius:999px;
        border:1px solid #8c8c8c;
        background:#ececec;
        box-shadow:inset 1px 1px 0 #fff, inset -1px -1px 0 #a0a0a0, 0 10px 24px rgba(0,0,0,.28);
        cursor:pointer;
        z-index:2147483647;
        font-size:22px;
        line-height:1;
    }

    .carachat-wrap.is-mobile-drawer-open .carachat-side-panel{
        transform:translateX(0);
    }
    .carachat-wrap.is-mobile-drawer-open .carachat-mobile-drawer-backdrop{
        opacity:1;
        pointer-events:auto;
    }

    /* Keep the message composer visible above the floating button */
    #carachat-chat-view{
        padding-bottom:74px;
        box-sizing:border-box;
    }
    .carachat-controls{
        position:sticky;
        bottom:0;
        background:inherit;
        padding-bottom:12px;
    }
    .carachat-input{
        background:#fff !important;
    }
    .carachat-send{
        position:relative;
        z-index:2;
    }

    .carachat-wrap.carachat-skin-2026 .carachat-mobile-tools-btn{
        background:linear-gradient(180deg,#ffffff,#e8f0ff);
        border:1px solid #bfd0f3;
        box-shadow:0 10px 24px rgba(37,99,235,.18);
    }
    .carachat-wrap.carachat-skin-futuriste .carachat-mobile-tools-btn{
        color:#dffbff;
        background:linear-gradient(180deg,rgba(18,28,53,.96),rgba(10,16,31,.96));
        border:1px solid rgba(92,217,255,.36);
        box-shadow:0 0 18px rgba(37,99,235,.20), 0 10px 24px rgba(0,0,0,.35);
    }
}


/* Anti-autofill mobile */
#carachat-input{-webkit-user-modify:read-write-plaintext-only;}
#carachat-input:-webkit-autofill,
#carachat-input-proxy:-webkit-autofill{transition:background-color 999999s ease-out 0s;}


.carachat-tab.has-unread::after{
  content:" •";
  color:#dc2626;
  font-weight:900;
}

.carachat-tab.has-unread{
  position:relative;
}

.carachat-tab.has-unread::after{content:" •";color:#dc2626;font-weight:900;}
.carachat-message-line{padding:2px 4px;border-radius:6px;cursor:pointer}
.carachat-message-line:hover{background:rgba(37,99,235,.08)}
.carachat-message-line.is-selected{background:rgba(245,199,51,.28);outline:1px solid rgba(166,125,0,.35)}
.carachat-message-line.is-mentioned{background:rgba(255,235,130,.28)}


.carachat-message-row{padding:4px 6px;border-radius:8px;cursor:pointer;transition:background .15s ease,border-color .15s ease;}
.carachat-message-row:hover{background:rgba(29,78,216,.06);}
.carachat-message-row.is-report-selected{background:rgba(245,199,51,.18);outline:1px solid rgba(166,125,0,.55);}
.carachat-report-modal{position:fixed;inset:0;z-index:2147483646;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;padding:20px;}
.carachat-report-card{position:relative;width:min(100%,560px);background:#fff;border:1px solid #cfcfcf;border-radius:16px;box-shadow:0 20px 45px rgba(0,0,0,.28);padding:18px;display:grid;gap:12px;}
.carachat-report-close{position:absolute;top:8px;right:8px;border:0;background:transparent;font-size:26px;line-height:1;cursor:pointer;color:#555;}
.carachat-report-close:hover{color:#000;}
.carachat-report-textarea{min-height:120px;resize:vertical;}
.carachat-report-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;}
.carachat-wrap.carachat-skin-futuriste .carachat-report-card{background:linear-gradient(180deg,rgba(9,15,28,.98),rgba(15,24,43,.98));border-color:rgba(96,217,255,.24);color:#ebfbff;}
.carachat-wrap.carachat-skin-futuriste .carachat-report-close{color:#dffbff;}
.carachat-wrap.carachat-skin-futuriste .carachat-message-row:hover{background:rgba(77,223,255,.08);}
.carachat-wrap.carachat-skin-futuriste .carachat-message-row.is-report-selected{background:rgba(77,223,255,.14);outline:1px solid rgba(120,244,255,.55);}


.carachat-wrap.carachat-skin-2026 .carachat-private-toggle{border-color:#bfd0f3;border-radius:12px;background:linear-gradient(180deg,#ffffff,#eef5ff)}
.carachat-wrap.carachat-skin-futuriste .carachat-private-toggle{background:linear-gradient(180deg,rgba(18,28,53,.96),rgba(10,16,31,.96));border:1px solid rgba(92,217,255,.36);border-radius:14px;color:#dffbff}
.carachat-wrap.carachat-skin-futuriste .carachat-private-toggle input{accent-color:#8df8ff}