/* TJCC — Front tools (sous-projet C, v1.3.0)
   Bloc "Outils IA" inséré dans la sidebar du thème tj-chatbot
   + page d'outil avec iframe pleine zone. */

/* ── Bloc sidebar ──────────────────────────────────────────────── */
.tjcc-front-tools {
    padding: 8px 12px 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    margin: 8px 0;
}

.tjcc-front-tools__label {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.55);
    margin-bottom: 8px;
    padding: 0 4px;
}

.tjcc-front-tools__item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    border-radius: 8px;
    color: inherit;
    text-decoration: none;
    font-size: 13px;
    transition: background-color 0.12s;
}
.tjcc-front-tools__item:hover {
    background: rgba(255, 255, 255, 0.06);
}
.tjcc-front-tools__item + .tjcc-front-tools__item {
    margin-top: 2px;
}

.tjcc-front-tools__icon {
    width: 28px;
    height: 28px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    font-size: 14px;
}

.tjcc-front-tools__title {
    flex: 1;
    min-width: 0;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tjcc-front-tools__chevron {
    color: rgba(255, 255, 255, 0.4);
    font-size: 16px;
    line-height: 1;
}

/* Palette d'icônes (mêmes slugs que cards.css côté admin) */
.tjcc-ico-red    { background: #fde7e9; color: #d63638; }
.tjcc-ico-blue   { background: #e7f2fb; color: #2271b1; }
.tjcc-ico-green  { background: #e1f3e6; color: #008a20; }
.tjcc-ico-orange { background: #fcf0e0; color: #b26200; }
.tjcc-ico-purple { background: #efe7f7; color: #6c2bd9; }
.tjcc-ico-pink   { background: #fde2ec; color: #c2185b; }
.tjcc-ico-gray   { background: #eef0f2; color: #50575e; }

/* Variante thème clair : adapte le label et le hover */
body.tj-theme-light .tjcc-front-tools {
    border-color: rgba(0, 0, 0, 0.08);
}
body.tj-theme-light .tjcc-front-tools__label {
    color: rgba(0, 0, 0, 0.45);
}
body.tj-theme-light .tjcc-front-tools__item:hover {
    background: rgba(0, 0, 0, 0.04);
}
body.tj-theme-light .tjcc-front-tools__chevron {
    color: rgba(0, 0, 0, 0.35);
}

/* ── Page d'outil (template tool-iframe.php) ───────────────────── */
.tjcc-tool-page {
    display: flex;
    height: 100vh;
    width: 100%;
    overflow: hidden;
}
.tjcc-tool-page__main {
    flex: 1;
    min-width: 0;
    height: 100vh;
    background: #fff;
}
.tjcc-tool-page__iframe {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}