/* NAW CG — fenêtres Bootstrap 3 dans la palette naturelle du jeu.
 * S'applique uniquement aux fenêtres du CG et aux boutons du CG.
 */
.naw-cg-toolbar {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 34px;
    align-items: center;
    width: 100%;
    gap: 8px;
}
.naw-cg-chat-controls {
    display: flex !important;
    min-width: 0;
    align-items: center;
    justify-content: center;
    gap: 7px;
    flex-wrap: wrap;
    vertical-align: middle;
}
.naw-cg-chat-controls > label,
.naw-cg-chat-controls > span {margin: 0;vertical-align: middle;}
.naw-cg-chat-controls #actualiser_auto {margin: 0 0 0 4px;}
.naw-cg-settings-button {
    display:inline-flex;align-items:center;justify-content:center;
    width:32px;height:30px;margin:0 0 0 auto;padding:0;
    border:1px solid #a78a61;border-radius:5px;
    background:linear-gradient(#f6eddc,#dbc5a0);color:#5d472e;
    box-shadow:0 1px 2px rgba(58,39,19,.13);font-size:16px;cursor:pointer;
    vertical-align:middle;transition:background .15s,border-color .15s;
}
.naw-cg-settings-button:hover,.naw-cg-settings-button[aria-expanded="true"] {
    background:#f4e2bf;border-color:#715932;color:#314c2b;
}
.naw-cg-settings-button:focus-visible {outline:2px solid #537541;outline-offset:2px;}
.naw-cg-ignore-modal,.naw-cg-report-modal {z-index:1060;color:#4c3a24;text-align:left;font-size:13px;}
#nawGeneralChatReportModal {font-size:13px;}
/* Le texte des modales est lisible dès 13 px, même avec les styles généraux du jeu. */
.naw-cg-ignore-modal .modal-dialog,.naw-cg-report-modal .modal-dialog {
    width:min(510px,calc(100vw - 24px));margin:50px auto 20px;font-size:13px;
}
.naw-cg-ignore-modal .modal-content,.naw-cg-report-modal .modal-content {
    border:1px solid #947952;border-radius:9px;overflow:hidden;
    background:#f4ebda;box-shadow:0 15px 44px rgba(27,23,16,.38);
}
.naw-cg-ignore-modal .modal-header,.naw-cg-report-modal .modal-header {
    padding:17px 22px 15px;border-bottom:1px solid #c7ac80;
    background:linear-gradient(160deg,#e8d7b9,#f7eddb);
}
.naw-cg-ignore-modal .modal-header .close,.naw-cg-report-modal .modal-header .close {
    padding:2px 5px;margin-top:-2px;color:#563e22;opacity:.8;font-size:27px;
}
.naw-cg-ignore-modal .modal-header .close:hover,.naw-cg-report-modal .modal-header .close:hover {opacity:1;}
.naw-cg-modal-kicker {display:block;margin:0 32px 5px 0;color:#746145;font-size:13px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;}
.naw-cg-modal-kicker .glyphicon {margin-right:5px;}
.naw-cg-ignore-modal .modal-title,.naw-cg-report-modal .modal-title {
    margin:0;color:#49351d;font-size:19px;font-weight:700;line-height:1.3;
}
.naw-cg-modal-intro {margin:7px 24px 0 0;color:#6a5439;font-size:13px;line-height:1.5;}
.naw-cg-ignore-modal .modal-body,.naw-cg-report-modal .modal-body {
    padding:19px 22px;max-height:calc(100vh - 200px);overflow-y:auto;
}
.naw-cg-ignore-modal .modal-footer,.naw-cg-report-modal .modal-footer {
    padding:12px 22px;border-top:1px solid #dbcaad;background:#efe1c8;
}
.naw-cg-ignore-heading {display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px;}
.naw-cg-ignore-heading strong {font-size:13px;font-weight:700;}
.naw-cg-ignore-quota {
    min-width:54px;padding:5px 8px;border-radius:6px;
    background:#e3d2b1;border:1px solid #bda476;
    color:#5c4628;font-size:13px;font-weight:700;text-align:center;white-space:nowrap;
}
.naw-cg-ignore-list {margin:0 0 15px;padding:3px 10px;border:1px solid #d3be9b;border-radius:7px;background:#fbf7ed;}
.naw-cg-ignore-person {display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 1px;border-bottom:1px solid #e4d8c5;font-size:13px;}
.naw-cg-ignore-person:last-child {border-bottom:none;}
.naw-cg-ignore-person strong {overflow-wrap:anywhere;color:#49371d;}
.naw-cg-ignore-person .btn {font-size:13px;min-height:32px;}
.naw-cg-ignore-empty {margin:12px 1px;color:#7e6a4c;font-size:13px;}
.naw-cg-ignore-add-box {padding:13px;border:1px solid #cfb994;border-radius:7px;background:#eee0c6;}
.naw-cg-ignore-add-box label,.naw-cg-report-field label {display:block;margin:0 0 6px;font-size:13px;font-weight:700;}
.naw-cg-ignore-add {display:flex;align-items:center;gap:8px;}
.naw-cg-ignore-add input {flex:1;min-width:0;height:35px;border-color:#baa47d;border-radius:5px;background:#fffdf8;font-size:13px;}
.naw-cg-ignore-add button {min-height:35px;white-space:nowrap;}
.naw-cg-ignore-hint {margin:9px 0 0;font-size:13px;line-height:1.45;color:#806a48;}
.naw-cg-ignore-hint .glyphicon {margin-right:4px;}
.naw-cg-ignore-feedback {min-height:17px;margin:11px 0 0;font-size:13px;color:#315f3c;}
.naw-cg-ignore-feedback.is-error {color:#9a3028;}
.naw-cg-report-preview {padding:10px 12px;margin-bottom:17px;border:1px solid #cfbd9b;border-left:3px solid #99815c;border-radius:5px;background:#fdf8ed;}
.naw-cg-report-preview-label {display:block;margin-bottom:5px;color:#836c4a;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;}
.naw-cg-report-preview strong {display:block;color:#553c26;font-size:13px;overflow-wrap:anywhere;}
.naw-cg-report-preview p {margin:4px 0 0;color:#6b563d;line-height:1.5;font-size:13px;overflow-wrap:anywhere;max-height:68px;overflow:hidden;}
.naw-cg-report-field {margin-bottom:14px;}
.naw-cg-report-field .form-control {width:100%;border-color:#bca781;border-radius:5px;background:#fffdf8;color:#453522;font-size:13px;}
/* Les thèmes globaux donnent une couleur blanche aux options native select.
   Forcer texte sombre + fond clair dans la liste déroulante et au repos. */
#nawGeneralChatReportModal #nawCgReportReason,
#nawGeneralChatReportModal #nawCgReportReason option,
#nawGeneralChatReportModal #nawCgReportReason optgroup {
    color: #453522 !important;
    background-color: #fffdf8 !important;
    font-size: 13px;
}
.naw-cg-report-field select.form-control {height:36px;}
.naw-cg-report-field textarea.form-control {resize:vertical;min-height:105px;max-height:260px;}
.naw-cg-report-label-row {display:flex;align-items:center;justify-content:space-between;gap:8px;}
.naw-cg-report-label-row small {font-size:13px;color:#806c4e;}
.naw-cg-report-note {display:flex;align-items:flex-start;gap:7px;margin:4px 0 14px;font-size:13px;line-height:1.5;color:#816743;}
.naw-cg-report-note .glyphicon {margin-top:2px;flex:0 0 auto;}
.naw-cg-report-modal .EnvoyerSignalement {min-height:38px;font-size:13px;font-weight:700;}
.naw-chat-report-feedback {margin:0 0 10px;font-size:13px;min-height:1px;color:#415e35;}
.naw-chat-report-feedback.is-error {padding:7px 10px;border:1px solid #e3b3a5;border-radius:5px;background:#fae9df;color:#8c3028;}
.naw-chat-report-feedback.is-success {padding:7px 10px;border:1px solid #b5c9a6;border-radius:5px;background:#ebf3e2;color:#2c5939;}
.naw-cg-report-modal .naw-general-chat-report-form > .modal-content > .modal-footer {display:flex;justify-content:flex-end;}
@media(max-width:600px) {
    .naw-cg-chat-controls {gap:5px;}
    .naw-cg-toolbar {grid-template-columns:minmax(0,1fr) 34px;gap:5px;}
    .naw-cg-settings-button {margin-left:auto;}
    .naw-cg-ignore-modal .modal-dialog,.naw-cg-report-modal .modal-dialog {margin:12px auto;width:calc(100vw - 16px);}
    .naw-cg-ignore-modal .modal-header,.naw-cg-report-modal .modal-header {padding:15px 14px 12px;}
    .naw-cg-ignore-modal .modal-body,.naw-cg-report-modal .modal-body {padding:14px;max-height:calc(100vh - 150px);}
    .naw-cg-ignore-modal .modal-footer,.naw-cg-report-modal .modal-footer {padding:10px 14px;}
    .naw-cg-ignore-add {gap:6px;}
    .naw-cg-ignore-add input {font-size:16px;}
}
@media (prefers-reduced-motion:reduce) {.naw-cg-settings-button {transition:none;}}

.naw-player-card-actions .naw-cg-card-ban {cursor:pointer;font:inherit;}
.naw-player-card-actions .naw-cg-card-ban {color:#8c302b;border-color:rgba(154,57,43,.45);}
.naw-player-card-actions .naw-cg-card-ban:hover {background:#f9e2d8;}

/* Silence CG : bouton circulaire au coin droit du contenu de la mini-fiche. */
.naw-player-card-panel .naw-player-card-content > .naw-forum-player-card-action.naw-player-card-action.naw-cg-card-mute {
    position: absolute;
    z-index: 5;
    top: 9px;
    right: 9px;
    display: inline-flex;
    flex: 0 0 30px;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    min-width: 30px;
    max-width: 30px;
    min-height: 30px;
    margin: 0;
    padding: 0;
    border: 1px solid #9c815b;
    border-radius: 50%;
    background: #f2e1c1;
    box-shadow: none;
    color: #614a31;
    cursor: pointer;
    line-height: 1;
}
.naw-player-card-panel .naw-player-card-content > .naw-forum-player-card-action.naw-player-card-action.naw-cg-card-mute:hover,
.naw-player-card-panel .naw-player-card-content > .naw-forum-player-card-action.naw-player-card-action.naw-cg-card-mute:focus-visible {
    background: #e6cca0;
    border-color: #76552c;
    color: #3f3323;
    box-shadow: none;
}
.naw-player-card-panel .naw-player-card-content > .naw-forum-player-card-action.naw-player-card-action.naw-cg-card-mute:focus-visible {
    outline: 2px solid #93652d;
    outline-offset: 2px;
}
.naw-player-card-panel .naw-player-card-content > .naw-cg-card-mute > .glyphicon {
    color: inherit;
    font-size: 17px;
    line-height: 1;
}
.naw-player-card-panel .naw-player-card-actions .naw-cg-card-ban {
    min-width: 46px;
    max-width: 68px;
    flex: 1 1 46px;
    border-radius: 5px;
}
.naw-player-card-panel .naw-player-card-actions .naw-cg-card-ban {
    border-color: #9d6551;
    background: linear-gradient(180deg,#754737,#4d2a22);
}
.naw-player-card-panel .naw-player-card-actions .naw-cg-card-ban:hover {
    background: linear-gradient(180deg,#865343,#5e3529);
}

/* Confirmation discrète visible même lorsque le panneau est replié. */
.naw-cg-toast {
    position: fixed;
    right: max(14px, env(safe-area-inset-right));
    bottom: max(16px, env(safe-area-inset-bottom));
    z-index: 11040;
    max-width: min(340px, calc(100vw - 28px));
    padding: 10px 14px;
    border: 1px solid #658350;
    border-radius: 7px;
    color: #fff7db;
    background: #354a30;
    box-shadow: 0 5px 16px rgba(26,18,7,.28);
    font-size: 12px;
    line-height: 1.4;
    pointer-events: none;
}
.naw-cg-toast.is-error {border-color:#d88a6b;background:#723d32;}
.naw-cg-toast[hidden] {display:none!important;}
