/*
 * Iframe tecnico della chat:
 * resta attivo per refresh, comandi e form target="chat_frame",
 * ma viene estratto dalla viewport per evitare riassestamenti dello
 * scroll sui browser mobili durante i caricamenti periodici.
 */
.nhie_chat_refresh_frame {
    position: fixed;
    top: 0;
    left: -10000px;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
}

iframe.iframe_chat {
    display: block;
    width: 1px;
    height: 1px;
    border: 0;
    margin: 0;
    padding: 0;
    pointer-events: none;
}

div.chat_window {
    text-align: center;
}

.responsive {
    height: 50% !IMPORTANT;
    width: 50% !IMPORTANT;
}


div.chat_box {
    bottom: 155px;
    text-align: justify;
    font-family: 'Hind Siliguri', serif;
    font-size: 13px;
    left: 26px;
    overflow: auto;
    padding: 13px;
    position: absolute;
    right: 26px;
    top: 0px;
    -ms-word-break: break-all;
    word-break: break-all;
    /* Non standard for WebKit */
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

div.pagina_frame_chat div.page_body div.panels_box {
    background: transparent;
    border-radius: 5px;
    bottom: 0;
    left: 10px;
    margin: auto 10px;
    padding: 15px 0;
    position: absolute;
    right: 10px;
    height: 130px;
}

#tastiSwitch {
    margin: -6px auto 0;
}

#tastiSwitch a, #tastiSwitch a:visited {
    display: inline-block;
    font-family: 'Hind Siliguri', sans-serif;
    text-transform: uppercase;
    font-size: 9px;
    color: #c28668;
    font-weight: 800;
    margin: 0 10px;
    letter-spacing: 2px;
    padding: 0px 5px;
    border: none;
}

#tastiSwitch a:hover {
    color: #ffcd6a;
}

div.chat_container {
    text-align: center;
}

div.comandi_chat_wrapper {
    width: 700px;
    margin: 0px auto;
    height: 392px;
    box-sizing: border-box;
    padding: 10px;
}

div.comandi_chat_wrapper select {
  background-color: #1f2028;
  box-shadow: none;
  border: none;
  color: #cfb7bb;
}

div.comandi_chat_wrapper .casella_chat {
    float: none;
}

div.comandi_chat_wrapper .mods_dado {
    max-height: 270px;
    font-family: 'Hind Siliguri', serif;
    background: #0000004a;
    font-size: 11px;
    width: 650px;
    box-sizing: border-box;
    color: #a0b3ae;
    margin: 0px auto;
    padding: 5px 0 5px 8px;
    display: inline-flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: flex-start;
}

div.comandi_chat_wrapper input[type='submit'] {
    border-radius: 5px;
    line-height: 19px;
    font-family: 'Hind Siliguri', serif;
    height: 19px;
    padding: 0 12px;
    font-size: 11px;
    color: #f2b2ae;
    margin: 5px;
}

div.colonne_mods {
    width: 300px;
}

.chat_comandi_title {
  font-family: 'Outfit', sans-serif;
    color: #e9ded5;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 2px;
}

#tastiSwitch_comandi {
    margin: 0px auto;
    height: auto;
}

#tastiSwitch_comandi a, #tastiSwitch_comandi a:visited {
    display: inline-block;
    font-family: 'Outfit', sans-serif;
    font-size: 12px;
    color: #f0e5db;
    font-weight: 400;
    margin: 0px 10px 0px;
    letter-spacing: 2px;
    padding: 2px 5px 0px;
    font-variant: all-small-caps;
    background: none;
    box-shadow: none;
    border: none;
    border-radius: 10% 90% / 90% 10%;
}

#tastiSwitch_comandi a:hover {
    color: #ffdff0;
    text-shadow: 0px 0px 8px #ff2893, 0px 0px 2px #ff2893;
    font-weight: normal;
}

/**	* Fine fix */
div.chat_title {
    font-family: 'Schoolbell', sans-serif;
    font-size: 14px;
    letter-spacing: 4px;
    color: #9edbc9;
    text-shadow: 0px 0px 6px #00d098;
    text-transform: uppercase;
    margin: 20px 50px 0px;
}

/** * Avatar di chat
	* @author Blancks
*/
img.chat_avatar {
    margin: 8px 8px 0 2px;
    display: block;
    float: left;
    position: relative;
    box-shadow: 0 0 3px #191a1c, 0px 0px 10px black;
    max-width: 90px;
    max-height: 90px;
    width: 90px;
    height: 90px;
    object-fit: cover;
    border-radius: 5px 5px 0px 0px;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    img.chat_avatar {
        margin: 2px 14px 0px 2px;
    }
}

a.chat_avatar:link, a.chat_avatar:visited {
    position: relative;
}

a.chat_avatar:hover {
    opacity: 1;
    text-decoration: none;
}

a.chat_avatar:hover:before {
    background: url("imgs/pattern2_bg.png") repeat scroll left top #000000;
    border-bottom: 1px solid #111111;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 -20px 60px #000000 inset, 0 0 4px #000000;
    border-radius: 5px;
    top: 10px;
    color: #dfac66;
    font-size: 10px;
    content: attr(tooltip);
    display: block;
    font-weight: normal;
    padding: 10px 6px;
    position: absolute;
    left: -5px;
    text-align: center;
    width: 50em;
    z-index: 1000;
}

div.click_location {
}

/*** tasto play / pause audio chat ***/
/***** testo della chat *****/
/* Tipi messaggio: (A azione, P parlato, N PNG, M Master, I Immagine, S sussurro, D dado, C skill check, O uso oggetto) */
div.chat_row_A {
    margin: 5px 0 9px 0;
    color: #999999;
    padding-left: 7px;
    padding-right: 7px;
    min-height: 80px;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    div.chat_row_A {
        margin: 5px 0 11px 0;
    }
}

div.chat_row_A span.color2 {
    margin-top: 5px;
    color: #888;
    font-weight: normal;
}

div.chat_row_A span.chat_msg {
    color: #454545;
    font-size: 12px;
    font-style: italic;
}

div.chat_row_A {
    margin: 5px 0 9px 0;
    color: #999999;
    padding-left: 7px;
    padding-right: 7px;
    min-height: 80px;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    div.chat_row_Z {
        border: 10px solid;
        border-image-slice: 1;
        border-width: 3px;
        border-image-source: linear-gradient(to left, rgb(34 49 67), rgb(84 74 95));
        box-shadow: 0 2px 4px #090909;
        margin: 20px auto;
        text-align: justify;
        width: 90%;
        padding: 10px 20px;
        background-color: #19161fc9;
    }
}

div.chat_row_Z span.chat_msg {
    color: #978673;
    margin: 5px;
    line-height: 19px;
    font-family: 'Hind Siliguri', serif;
    font-size: 14px;
}

div.chat_row_Z span.color2 {
    color: #d1c4b3;
    font-style: italic;
}

div.esito_personale {
    position: relative;
    top: -20px;
    width: 80%;
    background: linear-gradient(to right, #53495e, #223143, transparent);
    padding: 4px 10px 1px;
    font: 11px 'Neucha', serif;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #e1dbea;
}

div.esito_master {
    position: relative;
    top: -24px;

    display: flex;
    width: 100%;
    box-sizing: border-box;
    padding: 3px 10px 2px;

    align-items: center;
    justify-content: space-between;
    gap: 10px;

    background: linear-gradient(
        to right,
        #4f5a70,
        #4d2d4a 58%,
        rgba(77, 45, 74, .24)
    );

    color: #eefffa;
    font: 11px 'Neucha', sans-serif;
    letter-spacing: 2px;
    text-transform: uppercase;
}

div.esito_master .esito_m {
    flex: 0 0 auto;
    min-width: 0;
}

div.esito_danni {
    position: relative;
    top: -18px;
    width: 80%;
    background: linear-gradient(to right, #3f2334, #3d354d, transparent);
    padding: 3px 10px 1px;
    font: 11px 'Neucha', serif;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #fff8ee;
}

div.chat_time_sm {
    position: relative;
    bottom: 0px;
    font-family: 'Outfit', serif;
    font-size: 10px;
    font-weight: 300;
    width: 100%;
    text-align: right;
    color: #909294;
}

div.chat_esito_text {
    text-align: justify;
    margin: 5px auto 0px;
    font-size: 11px;
    position: relative;
    width: 80%;
    padding: 7px 17px;
    background-color: #00000057;
    border: 1px solid #333a42;
    color: #bdb2cd;
    top: -15px;
}

div.chat_row_P {
    margin: 5px 0 6px 0;
    padding: 5px 10px;
    background: rgba(8, 9, 12, .78);
    border: 1px solid rgba(255,255,255,.045);
    box-shadow: 0 0 140px rgb(21 20 21) inset, 0px 0px 13px #000000;
    /* border-bottom: 1px solid #111111; */
    /* border-top: 1px solid rgba(255, 255, 255, 0.1); */
    border-radius: 3px;
    min-height: 78px;
    opacity: 0.3;
    color: #c8bbb0;
}

div.chat_row_P div.chat_msg {
    font-size: 10px;
    line-height: 12px;
}

div.chat_row_P.overlay {
    opacity: 1;
}

div.chat_row_P.overlay div.chat_msg {
    font-size: 15px;
    margin-top: 0px;
    line-height: 20px;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    div.chat_row_P {
        margin: 0px 0 10px 0;
    }
}

div.chat_row_P span.color2 {
    margin-top: 5px;
    color: #937a62;
    font-style: italic;
}

div.chat_row_M {
    position: relative;
    border: 10px solid;
    border-image-slice: 1;
    border-width: 3px;
    border-image-source: linear-gradient(to left, rgb(67 39 65), rgb(79 92 113));
    box-shadow: 0 2px 4px #090909;
    margin: 20px auto;
    text-align: justify;
    width: 90%;
    padding: 10px 20px;
    background-color: #19161fc9;
}

div.chat_row_M span.color2 {
    color: #dcc5bb;
    font-style: italic;
}


/* Portata della stringa Master */
div.esito_master .chat_master_scope_badge {
    position: relative;
    right: 20px;
    bottom: 1px;

    display: block;
    min-width: 0;
    max-width: 68%;
    margin-left: auto;
    padding: 3px 7px 2px;

    flex: 0 1 auto;
    overflow: hidden;

    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: 2px;

    background: rgba(8, 9, 12, .82);
    box-shadow:
        0 1px 3px rgba(0, 0, 0, .28),
        inset 0 1px 0 rgba(255, 255, 255, .035);

    color: #d7d0cc;
    font-family: 'Outfit', sans-serif;
    font-size: 7px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: .5px;
    text-align: right;
    text-transform: uppercase;
    text-overflow: ellipsis;
    white-space: nowrap;

    pointer-events: none;
}

div.esito_master .chat_master_scope_badge.is-tag {
    border-color: rgba(246, 114, 183, .24);
    color: #f3a7cf;
}

div.esito_master .chat_master_scope_badge.is-area {
    border-color: rgba(154, 196, 255, .24);
    color: #b2d0f3;
}

div.esito_master .chat_master_scope_badge.is-chat {
    border-color: rgba(229, 109, 95, .26);
    color: #efa79f;
}

div.chat_row_F {
    border: 10px solid;
    border-image-slice: 1;
    border-width: 3px;
    border-image-source: linear-gradient(to left, rgb(60 52 74), rgb(63 35 52));
    box-shadow: 0 2px 4px #090909;
    margin: 20px auto;
    text-align: justify;
    width: 90%;
    padding: 10px 20px;
    background-color: #17121e9e;
}

div.chat_row_F span.color2 {
    color: #b9bea3;
    font-style: italic;
}

span.chat_danni {
    color: #b3ada4;
}

div.chat_danni_note {
    color: #997083;
    margin: 5px auto;
    text-align: center;
    font-size: 12px;
    letter-spacing: 0.5px;
}

div.chat_modificatori_app {
    color: #856a6a;
    font-size: 12px;
    font-style: italic;
}

span.modificatori_tiri_skill {
    color: #ccc2b6;
    font-style: italic;
    font-size: 10px;
    text-shadow: none;
    margin-left: 10px;
}

div.chat_row_N {
    margin-top: 5px;
}

div.chat_row_N span.color2 {
    color: #a7a7a7;
    font-weight: bolder;
}

div.chat_row_I {
    margin-top: 5px;
    text-align: center;
}

div.chat_row_I img {
    max-width: 550px;
    max-height: 500px;
}

div.chat_row_S {
    font-family: 'Hind Siliguri', serif;
    margin: 5px auto;
    background: linear-gradient(90deg, rgb(12 14 16 / 90%) 0%, rgb(116 60 73 / 54%) 70%, rgb(40 27 45 / 66%) 100%);
    padding: 0 10px;
    border-radius: 10px;
    text-align: left;
    width: 90%;
    color: #efc0b4;
    text-shadow: 0px 0px 2px #db4e70, 0px 0px 6px #bc5672b3;
}

div.chat_row_N {
    font-family: 'Hind Siliguri', serif;
    margin: 5px auto;
    background: linear-gradient(90deg, rgb(12 14 16 / 90%) 0%, rgb(116 60 73 / 54%) 70%, rgb(40 27 45 / 66%) 100%);
    padding: 0 10px;
    border-radius: 10px;
    text-align: left;
    width: 90%;
    color: #efc0b4;
    text-shadow: 0px 0px 2px #db4e70, 0px 0px 6px #bc5672b3;
}

span.chat_msg2 {
    font-family: 'Outfit', serif;
    font-size: 12px;
    font-weight: 300;
    color: #b1a8a6;
    text-shadow: none
}

span.chat_msg_globale {
    font-family: 'Outfit', serif;
    font-size: 12px;
    font-weight: 300;
    color: #b1a8a6;
    text-shadow: 0px 0px 1px #92223f;
}

div.chat_row_D {
    font-family: 'Hind Siliguri', serif;
    margin: 5px auto;
    background: linear-gradient(90deg, rgb(12 14 16 / 90%) 0%, rgb(30 46 68 / 54%) 70%, rgb(40 27 45 / 66%) 100%);
    padding: 0 10px;
    border-radius: 10px;
    text-align: left;
    width: 90%;
    color: #efc0b4;
    text-shadow: 0px 0px 2px #db4e70, 0px 0px 6px #bc5672b3;
}

div.chat_row_O {
    margin: 5px auto;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 0 20px;
    border-width: 1px 2px;
    border-style: solid;
    border-color: #1a1a1a #000;
    text-align: left;
    width: 90%;
}

div.chat_row_K {
    margin: 5px auto;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 0 20px;
    border-width: 1px 2px;
    border-style: solid;
    border-color: #1a1a1a #000;
    text-align: left;
    width: 90%;
}

div.chat_row_C {
    font-family: 'Hind Siliguri', serif;
    margin: 5px auto;
    padding: 0 10px;
    text-align: left;
    background: linear-gradient(90deg, rgb(12 14 16 / 90%) 0%, rgb(30 46 68 / 54%) 70%, rgb(40 27 45 / 66%) 100%);
    padding: 0 10px;
    text-align: left;
    width: 90%;
    border-radius: 10px;
    color: #efc0b4;
    text-shadow: 0px 0px 2px #db4e70, 0px 0px 6px #bc5672b3;
}

span.chat_time {
    font-weight: 400;
    font-family: 'Outfit',serif;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 1px;
    color: #e28f77;
    text-shadow: none;
}

span.chat_time_s {
    font-weight: 400;
    font-family: 'Outfit',serif;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 1px;
    color: #e28f77;
    text-shadow: none;
}

span.chat_name {
    font-weight: 500;
    text-transform: uppercase;
    font-size: 10px;
    color: #f5d1c9;
    text-shadow: none;
}

span.chat_icons {
    margin: 1px 6px 0 0;
}

img.chat_ico {
    height: 16px;
    width: 16px;
    margin: -3px 2px;
}

span.chat_tag {
    font-weight: 600;
    font-family: 'Outfit', serif;
    text-transform: uppercase;
    font-size: 7px;
    color: #cd6680;
    margin: 0 2px 0 4px;
    letter-spacing: 1px;
}

span.chat_tag a, span.chat_tag a:visited {
    color: #e1bdb3;
}

span.chat_tag a:hover {
    color: #ffe2bf;
    text-shadow: 0px 0px 2px #db4e70;
}

div.chat_msg {
    color: #817d79;
    line-height: 20px;
    font-family: 'Hind Siliguri', serif;
    font-size: 15px;
    margin-top: 3px;
}

span.chat_msg {
    color: #867f77;
    margin: 5px;
    line-height: 20px;
    font-family: 'Hind Siliguri', serif;
    font-size: 15px;
}

span.chat_msg_tiro {
    font-family: 'Outfit', serif;
    font-size: 12px;
    font-weight: 300;
    color: #f3ded8;
    text-shadow: none;
}

span.dado_fail_crit {
    font-size: 9px;
    color: #990000;
    font-weight: 400;
    letter-spacing: 3px;
}

span.dado_succ_crit {
    font-size: 9px;
    color: #73e887;
    font-weight: 400;
    letter-spacing: 3px;
}

div.modificatori_title {
    background: linear-gradient( 90deg, rgba(5, 7, 10, .92), rgba(21, 22, 26, .78), rgba(5, 7, 10, .92) );
    text-align: left;
    font-size: 9px;
    margin: 2px 0 5px 0;
    padding: 3px 9px 1px;
    color: #1fb6e0;
    font-family: 'Outfit', sans-serif;
    letter-spacing: 5px;
    text-transform: uppercase;
    text-shadow: 0px 0px 8px rgba(31, 182, 224, .35), 0px 0px 2px rgba(31, 182, 224, .65);
    border-width: 0 0 1px 0;
    border-style: solid;
    border-image: linear-gradient( to right, transparent, rgba(150, 91, 123, .35), rgba(31, 182, 224, .72), rgba(150, 91, 123, .35), transparent ) 1;
    box-shadow: 0px -8px 18px rgba(0, 0, 0, .45) inset, 0px 0px 12px rgba(0, 0, 0, .25);
}

span.chat_master {
    color: #99918b;
    margin: 5px;
    line-height: 18px;
    font-family: 'Hind Siliguri', serif;
    font-size: 14px;
}

span.login_chat {
    color: #efc0b4;
    text-transform: uppercase;
    font-family: 'Outfit', serif;
    text-shadow: 0px 0px 2px #db4e70, 0px 0px 6px #bc5672b3;
    font-size: 11px;
    letter-spacing: 2px;
}

span.chat_parenQ {
    color: #a16f63;
    font-family: century gothic;
    font-size: 12px;
    font-weight: normal;
    padding: 2px;
}

span.chat_parenA {
    color: #8f4255;
    font-weight: normal;
}

span.chat_skill {
    font-size: 11px;
    color: #edd3cc;
    font-weight: bold;
}

a.chat_name, a.chat_name:visited {
    color: #edd3cc;
    font-family: 'Hind Siliguri', serif;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 2px;
    text-shadow: none;
}

a.chat_name:hover {
    color: #d54c92;
}

div.look_chat {
    font-family: 'Hind Siliguri',serif;
    color: #b6bcbe;
    font-size: 8px;
    font-weight: bolder;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: relative;
    margin: 0px 14px 0px auto;
    float: left;
    clear: both;
    width: 78px;
    background: #221d1f;
    border-radius: 0px 0px 5px 5px;
}

div.look_chat a, div.look_chat a:visited {
    color: #edd3cc;
}

div.look_chat a:hover {
    color: #e2d1d8;
}

/***** form inserimento *****/
div.comandi_frame_chat {
    float: left;
    margin-top: -10px;
}

div.textarea_chat {
    margin-bottom: 0;
}

div.textarea_chat textarea {
    width: 90%;
    margin: 0 auto;
}

form .counter {
    position: absolute;
    right: 10px;
    top: 10px;
    font-family: 'Hind Siliguri', serif;
    color: #71b19d;
    font-weight: normal;
    font-size: 12px;
    text-transform: uppercase;
    margin: -5px 0;
}

form .warning {
    color: #cc9933;
}

form .exceeded {
    color: #cc0000;
}

div.form_row {
    clear: both;
    height: 20px;
}

div.casella_tag_comandi {
    margin: 0 5px;
    width: 70px;
}

div.casella_chat {
    float: left;
    margin-bottom: 3px;
}

div.casella_chat_text {
    margin: 3px 70px;
}

div.mods_dado {
    background-color: rgb(0 0 0 / 16%);
    width: auto;
    max-height: 70px;
    overflow: auto;
    color: #8e755e;
    font-size: 9px;
    text-align: left;
    padding: 0px;
    margin: 0 5px;
}

div.mods_dado input {
    width: auto;
    margin: 0 4px 0 0;
}

div.tasti_textarea {
    float: right;
    width: 25px;
    margin-top: -50px;
    clear: both;
}

div.info_textarea {
    float: left;
    width: 10px;
    margin-top: 10px;
}

textarea.text_chat {
    background-color: rgb(0 0 0 / 46%);
    color: #888;
    box-shadow: rgb(0, 0, 0) 0px 5px 5px inset;
    padding: 10px;
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    padding: 3px;
    font-size: 11px;
    font-family: verdana;
    height: 50px;
    margin: 0 0 0 10px;
    padding: 3px;
    resize: none;
}

/*Casella Tag*/
input#tag {
    text-overflow: ellipsis;
}

/*Casella Messaggio*/
input#message {
    width: 280px;
}

.box_map_pvt {
    display: inline-flex;
    flex-direction: row;
    justify-content: space-between;
    width: 400px;
    align-items: center;
    min-height: 40px;
    position: relative;
    top: -82px;
}

select#gotomap {
    background: #000000;
    border: 1px solid #4d7187;
    color: #818187;
    margin: -12px auto 0px;
    width: 110px;
    height: 17px;
}

select option {
    background-color: #161616;
    border-bottom: 1px solid #090909;
    border-top: 1px solid #222222;
    box-shadow: 0 -4px 8px #111111 inset;
    color: #dfac66;
    padding: 1px 6px;
}

select option.map {
    background-color: #000;
    color: #5a846d;
    font-family: "Hind Siliguri", serif;
    font-size: 15px;
    font-weight: normal;
    text-shadow: 0 0 22px #1c701c, 0 0 5px #1c701c, 0 0 10px #5a846d;
    text-transform: uppercase;
    text-align: center;
}

div.skill {
    text-align: center;
}

div.skill select {
    width: 300px;
    padding: 2px;
    margin: 0px 20px 10p;
}

div.skill select option {
    background-color: #161616;
    border-bottom: 1px solid #090909;
    border-top: 1px solid #222222;
    box-shadow: 0 -4px 8px #111111 inset;
    color: #aaa;
    font-size: 7px;
    font-weight: bolder;
    padding: 3px 6px;
    text-transform: uppercase;
}

/****************************************************************************/
div.linkmenuchat {
    margin: 10px auto;
    width: 100%;
}

a.menuchat, a.menuchat:visited {
    color: #dfac66;
    font-family: 'Hind Siliguri', serif;
    font-size: 12px;
    margin: 8px auto;
    font-variant: small-caps;
}

a.menuchat:hover {
    color: #888;
}

div.schema_infoloc {
    padding: 20px 25px 50px;
}

div.descloc_box {
    color: #696969;
    text-shadow: 0 1px #111;
    height: 420px;
}

div.descloc_slide {
    max-height: 415px;
    width: 100%;
    overflow: auto;
    margin: 2px 15px;
}

.locT {
    color: #5a846d;
    font-family: 'Hind Siliguri', sans-serif;
    font-size: 21px;
    letter-spacing: 1px;
    padding: 1px 5px;
    text-transform: none;
    text-align: center;
}

/****************************************************************************/
/*** Notepad ***/
div.notepad_page {
  width: 597px;
  background: #0c0d0e;
  height: 323px !important;
  box-sizing: border-box;
  margin: 0px auto;
  font-family: 'Outfit', sans-serif;
  color: #a87d74;
  overflow: hidden;
  border: 1px solid #171614;
}

div.textarea_notepad {
    text-align: center;
    margin: 0 auto;
    position: relative;
    width: 95% !important;
    top: 50px;
    height: 95% !important;
}

textarea.text_notepad {
    width: 100%;
    height: 325px;
    box-shadow: 0px 0px 10px black inset, 0px 0px 40px black inset;
    font-family: 'Hind Siliguri', serif;
    font-size: 14px;
    color: #888888;
    line-height: 18px;
    resize: none;
    text-align: justify;
    box-sizing: border-box;
    padding: 8px;
}

span.notepad_label {
    position: absolute;
    top: -20px;
    left: 0px;
    letter-spacing: 2px;
    font-size: 13px;
}

div.casella_notepad_text span.counter {
    position: absolute;
    top: -19px;
    right: 0px;
    letter-spacing: 2px;
    font-size: 12px;
}

div.chat_shout {
    position: relative;
    top: -23px;
    float: right;
    letter-spacing: 2px;
    clear: both;
    color: #e1dbea;
    text-shadow: 0px 0px 8px #35247fa1;
    font-size: 16px;
}

div.chat_shout_m {
    position: relative;
    top: -26px;
    float: right;
    clear: both;
    color: #dccee6;
    text-shadow: 0px 0px 8px #dc64ffbf;
    font-size: 20px;
    height: 2px;
}

div.chat_shout_f {
    position: relative;
    top: -23px;
    float: right;
    clear: both;
    color: #efc0b4;
    text-shadow: 0px 0px 5px #b25f8c;
    font-size: 20px;
    height: 2px;
}

div.shout_P {
    border: 10px solid;
    border-image-slice: 1;
    border-width: 2px;
    border-image-source: linear-gradient(to right, rgb(63 31 46), rgb(79 38 38));
}

.chat_msg_shout {
    color: #a3988c;
    font-size: 15px;
    margin: 5px;
    line-height: 20px;
    font-family: 'Hind Siliguri', serif;
}

.button_chat_audio {
    border-style: none;
    color: #b07b60;
    font-size: 9px;
    cursor: pointer;
    outline: none;
    transition: color 100ms;
    vertical-align: baseline;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
}

.button_chat_audio:hover, .button_chat_audio:focus {
    color: #ffcd6a;
}

.mini_scheda {
    text-align: justify;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    flex-direction: row;
    color: #e0d4c6;
}

.mini_scheda strong, .mini_scheda b, .mini_scheda em, .mini_scheda i {
    background-color: #f471b6;
    background-image: linear-gradient(195deg, #c56c9bc2, #e55d5d9e);
    background-size: 100%;
    text-shadow: 0px -1px 1px #8348606e;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

.mini_scheda_info {
    box-sizing: border-box;
    padding: 0px;
    height: 408px;
    overflow: auto;
    text-align: justify;
    color: #9c9288;
    font-size: 13px;
    width: 485px;
    position: absolute;
    right: 0px;
}

.mini_scheda_titolo {
    font-family: 'Infamous', sans-serif;
    font-size: 33px;
    text-transform: uppercase;
    width: auto;
    height: 50px;
    transform: rotate(358deg);
    letter-spacing: 0px;
    text-align: center;
    background-color: #e3fff7;
    background-image: linear-gradient( 89deg, #886437d1, #ffffeaba);
    background-size: 100%;
    text-shadow: 0px -1px 1px #00ffcf45;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

.mini_scheda_nome {
    font-size: 13px;
    font-family: 'Infamous', sans-serif;
    text-transform: uppercase;
    text-align: right;
    margin: -9px auto 0px;
    transform: rotate(1deg);
    background-color: #ff76be;
    background-image: linear-gradient(75deg, #9ac4ff, #ff49009e);
    background-size: 100%;
    text-shadow: 0px -1px 1px #9ac4ff;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

.ritratto_avatar_chat img {
    width: 163px;
    margin: 15px 3px 3px 10px;
    border: 3px solid #f0e4d4;
    border-bottom: 34px solid #f0e4d4;
    box-shadow: 0 0 6px #0e0902;
    transform: rotate(356deg);
    height: auto;
}

.tastini_col {
    background-color: #cccccc;
    background-image: linear-gradient(270deg, #9a4e75, #a26353);
    background-size: 100%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

.tastini_col i {
    font-size: 12px;
}

@keyframes wiggle {
    0% {
        transform: translate(0px, 0px) rotate(0deg);
    }

    10% {
        transform: translate(1px, -1px) rotate(1deg);
    }

    20% {
        transform: translate(-1px, 1px) rotate(-1deg);
    }

    30% {
        transform: translate(1px, 1px) rotate(2deg);
    }

    40% {
        transform: translate(-1px, -1px) rotate(-2deg);
    }

    50% {
        transform: translate(1px, 0px) rotate(1deg);
    }

    60% {
        transform: translate(-1px, 1px) rotate(-1deg);
    }

    70% {
        transform: translate(0px, -1px) rotate(0deg);
    }

    80% {
        transform: translate(1px, 1px) rotate(1deg);
    }

    90% {
        transform: translate(-1px, -1px) rotate(-1deg);
    }

    100% {
        transform: translate(0px, 0px) rotate(0deg);
    }
}

@keyframes wiggleAndPause {
    0% {
        transform: translate(0px, 0px) rotate(0deg);
    }

    1% {
        transform: translate(1px, -1px) rotate(1deg);
    }

    2% {
        transform: translate(-1px, 1px) rotate(-1deg);
    }

    3% {
        transform: translate(1px, 1px) rotate(2deg);
    }

    4% {
        transform: translate(-1px, -1px) rotate(-2deg);
    }

    5% {
        transform: translate(1px, 0px) rotate(1deg);
    }

    6% {
        transform: translate(-1px, 1px) rotate(-1deg);
    }

    7% {
        transform: translate(0px, -1px) rotate(0deg);
    }

    8% {
        transform: translate(1px, 1px) rotate(1deg);
    }

    9% {
        transform: translate(-1px, -1px) rotate(-1deg);
    }

    10% {
        transform: translate(0px, 0px) rotate(0deg);
    }

    100% {
        transform: translate(0px, 0px) rotate(0deg);
    }
}

.wiggly_container {
    text-align: right;
    position: relative;
    top: -9px;
    height: 0px;
}

.wiggly_tipsy, .wiggly_drunk, .wiggly_smashed {
    display: inline-block;
    color: #c4beb3;
    font-size: 11px;
    letter-spacing: 2px;
    font-family: 'Neucha',sans-serif;
    text-transform: uppercase;
    width: 300px;
    animation: wiggle 5s infinite, wiggleAndPause 10s infinite;
    animation-fill-mode: forwards;
    transform-origin: center;
}

.blurry_container {
    text-align: right;
    position: relative;
    top: -9px;
    height: 0px;
}

.blurry_high {
    display: inline-block;
    color: #c4beb3;
    font-size: 11px;
    letter-spacing: 2px;
    font-family: 'Neucha',sans-serif;
    text-transform: uppercase;
    width: 300px;
    animation: wiggle 5s infinite, wiggleAndPause 10s infinite;
    animation-fill-mode: forwards;
    transform-origin: center;
}

.high_effect {
    color: #c4beb3;
    font-weight: bold;
    animation: text-shadow-loop 10s ease-in-out infinite;
}

@keyframes text-shadow-loop {
    0%, 3% {
        transform: translate(0, 0);
        filter: blur(0px);
        text-shadow: 0 0 0 #0c2ffb, 0 0 0 #2cfcfd, 0 0 0 #fb203b, 0 0 0 #fefc4b;
    }

    5% {
        transform: translate(-1px, -1px);
        filter: blur(0.7px);
        text-shadow: 0.125em 0.125em 0 #0c2ffb, 0.25em 0.25em 0 #2cfcfd, -0.125em -0.125em 0 #fb203b, -0.25em -0.25em 0 #fefc4b;
    }

    8% {
        transform: translate(1px, 1px);
        filter: blur(0.5px);
        text-shadow: -0.0325em -0.0325em 0 #0c2ffb, -0.125em -0.125em 0 #2cfcfd, 0.0325em 0.0325em 0 #fb203b, 0.125em 0.125em 0 #fefc4b;
    }

    11% {
        transform: translate(0, 0);
        filter: blur(0.2px);
        text-shadow: 0 0 0 #0c2ffb, 0 0 0 #2cfcfd, 0 0 0 #fb203b, 0 0 0 #fefc4b;
    }

    15% {
        transform: translate(1px, -1px);
        filter: blur(0.4px);
        text-shadow: -0.0325em -0.0325em 0 #0c2ffb, -0.125em -0.125em 0 #2cfcfd, 0.0325em 0.0325em 0 #fb203b, 0.125em 0.125em 0 #fefc4b;
    }

    18%, 20%, 40%, 45%, 60%, 68%, 100% {
        transform: translate(0, 0);
        filter: blur(0px);
        text-shadow: 0 0 0 #0c2ffb, 0 0 0 #2cfcfd, 0 0 0 #fb203b, 0 0 0 #fefc4b;
    }
}

/* =========================================================
   BLOCCO COMANDI CHAT
========================================================= */

#invia_azioni {
    width: 100%;
    box-sizing: border-box;
    margin-top: 6px;
}

#chat_form_messages {
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.chat_writebar {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 260px minmax(0, 1fr) 64px;
    gap: 6px;
    align-items: stretch;
    padding: 5px;
    border-radius: 10px;
    border: 1px solid rgb(23 22 20);
    background: rgb(15 15 15);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035), inset 0 -1px 0 rgba(0, 0, 0, 0.35);
}

/* colonna sinistra */
.chat_writebar_controls {
    position: relative;
    z-index: 4;
    min-width: 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.chat_location_compact {
    height: 19px;
    min-height: 19px;
    max-height: 19px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
    box-sizing: border-box;
    padding: 0px 6px 0px;
    border-radius: 5px 0px 0px 0px;
    background: linear-gradient(90deg, rgb(128 87 79), rgb(119 49 82));
    color: #c9bfbd;
    font-family: 'Outfit', sa;
    font-size: 10px;
    line-height: 1;
    letter-spacing: 1px;
    text-transform: uppercase;
    overflow: hidden;
}

.chat_location_compact_name {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chat_location_compact i {
    font-size: 11px;
    color: #edd3cc;
    text-shadow: none;
}

.chat_location_compact a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    text-decoration: none;
}

.chat_writebar_field {
    display: flex;
    min-width: 90px;
    box-sizing: border-box;
    align-items: center;
    gap: 5px;
}

.chat_writebar_label {
    display: block;
    width: 43%;
    margin: 0;
    padding: 0;
    color: rgb(162 99 82);
    font-family: 'Outfit', sans-serif;
    font-size: 8px;
    text-align: left;
    line-height: 1;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.chat_writebar select, .chat_writebar input[type="text"] {
    display: block;
    width: 100%;
    height: 21px;
    box-sizing: border-box;
    margin: 0;
    padding: 2px 6px;
    border-radius: 4px;
    border: 1px solid rgb(23 23 23);
    background: rgb(14 12 15);
    color: #c4beb3;
    font-family: 'Hind Siliguri', sans-serif;
    font-size: 10px;
    line-height: 1;
    letter-spacing: 0.3px;
    outline: none;
}

.chat_writebar select {
    cursor: pointer;
}

.chat_writebar input[type="text"]::placeholder {
    color: rgb(124 105 101);
    font-style: italic;
}

.chat_writebar select:hover, .chat_writebar input[type="text"]:hover {
    background: rgb(37 27 31);
}

.chat_writebar select:focus, .chat_writebar input[type="text"]:focus {
    border-color: rgb(94 58 62);
    box-shadow: 0 0 6px rgba(83, 115, 137, 0.16);
}

/* area centrale textarea */
.chat_writebar_text {
    position: relative;
    z-index: 1;
    min-width: 0;
    box-sizing: border-box;
    display: grid;
    grid-template-rows: minmax(0, 1fr) 22px;
    gap: 4px;
    overflow: hidden;
}

.chat_writebar_text_inner {
    position: relative;
    min-width: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    overflow: hidden;
}

.chat_writebar textarea.text_chat {
    position: relative !important;
    z-index: 1;
    display: block !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    resize: none !important;
    overflow-y: auto;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 7px 48px 7px 8px !important;
    border-radius: 4px;
    border: 1px solid rgb(23 23 23);
    background: linear-gradient(180deg, rgb(13 15 18 / 96%), rgba(8, 9, 11, 0.96));
    color: #a798a0;
    font-family: Verdana;
    font-size: 11px;
    line-height: 1.35;
    letter-spacing: 0.2px;
    outline: none;
    scrollbar-width: thin;
    scrollbar-color: rgba(83, 115, 137, 0.45) rgba(0,0,0,0.15);
}

.chat_writebar textarea.text_chat:focus {
    border-color: rgb(199 115 133 / 34%);
    box-shadow: inset 0 0 0 1px rgba(145,181,171,0.04), 0 0 8px rgba(83,115,137,0.10);
}

.chat_writebar textarea.text_chat::placeholder {
    color: rgb(124 105 101);
    font-style: italic;
}

.chat_writebar .counter {
    position: absolute !important;
    right: 7px;
    bottom: 6px;
    z-index: 3;
    min-width: 31px;
    height: 16px;
    padding: 0 5px;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    border: 1px solid rgba(83, 115, 137, 0.24);
    background: rgba(0, 0, 0, 0.28);
    color: rgba(196, 190, 179, 0.58);
    font-family: 'Hind Siliguri', sans-serif;
    font-size: 9px;
    line-height: 1;
    pointer-events: none;
}

.chat_writebar .counter.warning {
    color: #91b5ab;
    border-color: rgba(145, 181, 171, 0.42);
}

.chat_writebar .counter.exceeded {
    color: #b67676;
    border-color: rgba(182, 118, 118, 0.48);
}

.chat_writebar_hint {
    min-width: 0;
    height: 22px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    padding: 0 7px;
    border-radius: 4px;
    overflow: hidden;
}

.chat_writebar_hint_text {
    display: block;
    min-width: 0;
    font-family: 'Hind Siliguri', serif;
    font-size: 11px;
    line-height: 1;
    letter-spacing: 1px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.chat_writebar_hint_text i {
    font-style: italic;
}

/* colonna invio */
.chat_writebar_send {
    position: relative;
    z-index: 10;
    min-width: 0;
    box-sizing: border-box;
    display: grid;
    gap: 4px;
}

.chat_send_button {
    position: relative;
    z-index: 20;
    width: 100%;
    height: 100%;
    min-height: 0;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border-radius: 4px;
    background: linear-gradient(180deg, rgb(41 32 35 / 96%), rgb(17 19 22 / 96%));
    color: #c4beb3;
    font-family: 'Neucha', sans-serif;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    cursor: pointer;
    pointer-events: auto;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), inset 0 -1px 0 rgba(0,0,0,0.42);
    transition: border-color 0.18s ease, color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}

.chat_send_button:hover {
    color: #d8d1c5;
    background: linear-gradient(180deg, rgb(57 38 45 / 96%), rgb(21 25 30 / 96%));
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.06), 0 0 8px rgba(83, 115, 137, 0.18);
}

.chat_send_button:active {
    transform: translateY(1px);
}

.chat_master_notice_min {
    position: absolute;
    left: 8px;
    bottom: 6px;
    z-index: 4;
    color: rgba(145, 181, 171, 0.80);
    font-family: 'Neucha', sans-serif;
    font-size: 11px;
    letter-spacing: 1px;
    text-transform: uppercase;
    pointer-events: none;
}

.chat_locked_notice {
    margin: 7px 0 0;
    padding: 7px 9px;
    border-radius: 5px;
    border: 1px solid rgba(83, 115, 137, 0.24);
    background: rgba(12, 14, 16, 0.65);
    color: #7fafa1;
    font-family: 'Hind Siliguri', serif;
    font-size: 10px;
    line-height: 1.35;
    text-align: center;
}

/* sicurezza: eventuali vecchie classi non devono interferire nel blocco nuovo */
.chat_writebar .textarea_chat, .chat_writebar .casella_chat_text {
    position: static !important;
    float: none !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
}

/* responsive */
@media screen and (max-width: 760px) {
    .chat_writebar {
        grid-template-columns: 188px minmax(0, 1fr) 60px;
    }

    .chat_writebar_field {
        grid-template-columns: 68px 1fr;
    }
}

@media screen and (max-width: 560px) {
    .chat_writebar {
        grid-template-columns: 1fr;
    }

    .chat_writebar_controls {
        display: flex;
        flex-direction: column;
        gap: 4px;
    }

    .chat_location_compact {
        width: 100%;
    }

    .chat_writebar_field {
        grid-template-columns: 76px 1fr;
    }

    .chat_writebar_text {
        min-height: 88px;
    }

    .chat_writebar_send {
        grid-template-columns: 1fr;
        grid-template-rows: 24px;
    }
}

/* ============================================================
   NHIE — MACRO-AREE E TAG DI PROSSIMITÀ
============================================================ */

.chat_position_field {
    display: flex;
    flex-direction: row;
    gap: 2px;
    text-align: left;
    width: 93%;
}

.chat_position_head {
    display: flex;
    min-width: 64%;
    min-height: 10px;
    padding: 0 1px;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
}

.chat_position_head .chat_writebar_label {
    flex: 0 0 auto;
    width: 50px;
}

.chat_position_now {
    display: block;
    margin: 0 0 0 auto;
    padding: 0;
    flex: 1 1 auto;
    overflow: hidden;
    border: 0;
    background: transparent;
    color: rgba(211, 205, 202, .62);
    font-family: 'Outfit', sans-serif;
    font-size: 7px;
    line-height: 1;
    letter-spacing: .25px;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chat_position_now b {
    color: #cfc5c2;
    font-weight: 600;
}

.chat_position_now > span {
    margin: 0 2px;
    color: rgba(246, 114, 183, .52);
}

.chat_position_field > select {
    width: 100px;
}

.chat_master_scope_field[hidden] {
    display: none !important;
}

.chat_writebar select optgroup {
    background: #0e1014;
    color: #d18aa9;
    font-family: 'Outfit', sans-serif;
    font-style: normal;
}

.chat_writebar select option {
    background: #111318;
    color: #c9c1bd;
}

/* Un tag diverso della stessa macro-area resta leggibile, ma secondario. */
div.chat_row_P.chat_nearby,
div.chat_row_A.chat_nearby {
    opacity: .3;
    transform: scale(.985);
    transform-origin: left top;
}

div.chat_row_P.chat_nearby div.chat_msg,
div.chat_row_A.chat_nearby div.chat_msg {
    font-size: 10px !important;
    line-height: 12px !important;
}

/* Nel lettore dell'archivio la prossimità non deve essere annullata
   dalle regole che rendono pienamente visibili le azioni salvate. */
.ag_reader div.chat_row_P.chat_nearby,
.ag_reader div.chat_row_A.chat_nearby,
.nhie_archive_chat_log div.chat_row_P.chat_nearby,
.nhie_archive_chat_log div.chat_row_A.chat_nearby {
    opacity: .3 !important;
    transform: scale(.985);
    transform-origin: left top;
}

.ag_reader div.chat_row_P.chat_nearby div.chat_msg,
.ag_reader div.chat_row_A.chat_nearby div.chat_msg,
.nhie_archive_chat_log div.chat_row_P.chat_nearby div.chat_msg,
.nhie_archive_chat_log div.chat_row_A.chat_nearby div.chat_msg {
    font-size: 10px !important;
    line-height: 12px !important;
}

/* =========================================================
   ARCHIVIAZIONE RAPIDA GIOCATA — toast nella frame chat
========================================================= */
.nhie_archive_toast {
    position: fixed;
    top: 14px;
    left: 50%;
    z-index: 999999;
    display: none;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: auto;
    max-width: min(520px, calc(100vw - 36px));
    box-sizing: border-box;
    padding: 9px 15px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 7px;
    background: rgba(15, 15, 17, .96);
    box-shadow:
        0 8px 28px rgba(0, 0, 0, .48),
        inset 0 1px 0 rgba(255, 255, 255, .035);
    color: #d7d0cb;
    font-family: 'Hind Siliguri', sans-serif;
    font-size: 12px;
    line-height: 1.35;
    text-align: center;
    transform: translateX(-50%);
    pointer-events: none;
}

.nhie_archive_toast.is-visible {
    display: flex;
}

.nhie_archive_toast i {
    flex: 0 0 auto;
    font-size: 13px;
}

.nhie_archive_toast.is-loading {
    border-color: rgba(48, 83, 111, .38);
    color: #c7d4de;
}

.nhie_archive_toast.is-loading i {
    color: #7da3bd;
}

.nhie_archive_toast.is-success {
    border-color: rgba(94, 151, 122, .42);
    background: rgba(18, 34, 29, .97);
    color: #d9eee3;
}

.nhie_archive_toast.is-success i {
    color: #82c6a1;
}

.nhie_archive_toast.is-error {
    border-color: rgba(190, 88, 98, .48);
    background: rgba(45, 22, 27, .97);
    color: #f1dadd;
}

.nhie_archive_toast.is-error i {
    color: #e18792;
}

#nhie_archive_quick[aria-disabled="true"] {
    opacity: .58;
    cursor: wait;
    pointer-events: none;
}


/* =========================================================
   NOTIFICHE INGRESSO CHAT / MACRO-AREA
========================================================= */
.chat_row_L {
    margin: 3px 8px;
    padding: 3px 7px;
    border-left: 2px solid rgba(246, 114, 183, .34);
    background: linear-gradient(
        90deg,
        rgba(246, 114, 183, .055),
        rgba(48, 83, 111, .025),
        transparent
    );
    color: rgba(210, 203, 199, .72);
    font-family: 'Hind Siliguri', sans-serif;
    font-size: 9px;
    line-height: 13px;
}

.chat_row_L > i {
    margin-right: 4px;
    color: rgba(246, 114, 183, .62);
    font-size: 8px;
}


/* =========================================================
   SCELTA INGRESSO PER SALVA / ARCHIVIA
========================================================= */
.nhie_session_picker {
    position: fixed;
    top: 48px;
    left: 50%;
    z-index: 999998;
    display: none;
    width: min(430px, calc(100vw - 34px));
    max-height: min(420px, calc(100vh - 90px));
    box-sizing: border-box;
    overflow: hidden;
    border: 1px solid rgba(246, 114, 183, .24);
    border-radius: 9px;
    background:
        linear-gradient(
            145deg,
            rgba(29, 34, 39, .985),
            rgba(20, 25, 31, .99)
        );
    box-shadow:
        0 18px 46px rgba(0, 0, 0, .55),
        inset 0 1px 0 rgba(255, 255, 255, .035);
    color: #d9d2cf;
    font-family: 'Hind Siliguri', sans-serif;
    transform: translateX(-50%);
}

.nhie_session_picker.is-visible {
    display: block;
}

.nhie_session_picker_head {
    display: flex;
    padding: 12px 13px 10px;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, .055);
}

.nhie_session_picker_head strong,
.nhie_session_picker_head span {
    display: block;
}

.nhie_session_picker_head strong {
    color: #f2e8e4;
    font-size: 12px;
    font-weight: 600;
    line-height: 15px;
}

.nhie_session_picker_head span {
    margin-top: 2px;
    color: rgba(217, 210, 207, .55);
    font-size: 9px;
    line-height: 12px;
}

.nhie_session_picker_close {
    display: inline-flex;
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    padding: 0;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, .045);
    color: rgba(217, 210, 207, .65);
    cursor: pointer;
}

.nhie_session_picker_close:hover {
    background: rgba(246, 114, 183, .12);
    color: #f672b7;
}

.nhie_session_picker_options {
    display: flex;
    max-height: 330px;
    padding: 8px;
    overflow-y: auto;
    flex-direction: column;
    gap: 6px;
}

.nhie_session_choice {
    display: grid;
    width: 100%;
    box-sizing: border-box;
    padding: 9px 10px;
    grid-template-columns: 82px 1fr;
    gap: 2px 10px;
    border: 1px solid rgba(255, 255, 255, .055);
    border-radius: 7px;
    background: rgba(255, 255, 255, .025);
    color: #d9d2cf;
    font-family: 'Hind Siliguri', sans-serif;
    text-align: left;
    cursor: pointer;
}

.nhie_session_choice:hover {
    border-color: rgba(246, 114, 183, .28);
    background:
        linear-gradient(
            90deg,
            rgba(246, 114, 183, .075),
            rgba(48, 83, 111, .055)
        );
}

.nhie_session_choice_time {
    grid-row: 1 / span 2;
    color: #f672b7;
    font-size: 10px;
    font-weight: 600;
    line-height: 14px;
}

.nhie_session_choice_action {
    color: rgba(214, 226, 235, .78);
    font-size: 9px;
    line-height: 12px;
}

.nhie_session_choice_preview {
    overflow: hidden;
    color: rgba(217, 210, 207, .48);
    font-size: 9px;
    line-height: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
}


#nhie_save_quick[aria-disabled="true"],
#nhie_archive_quick[aria-disabled="true"] {
    opacity: .58;
    cursor: wait;
    pointer-events: none;
}


/* Salva / Archivia sono button reali, non link intercettabili dal router */
#tastiSwitch .nhie_chat_tool_button {
    display: inline;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-family: 'Hind Siliguri', sans-serif !important;
    text-transform: uppercase;
    font-size: 9px !important;
    font-weight: 800 !important;
    margin: 0 10px;
    letter-spacing: 2px;
    background: transparent;
    color: inherit;
    font: inherit;
    line-height: inherit;
    text-decoration: none;
    cursor: pointer;
    vertical-align: baseline;
}

#tastiSwitch .nhie_chat_tool_button:hover {
    color: inherit;
    text-decoration: none;
}

#tastiSwitch .nhie_chat_tool_button:disabled {
    opacity: .58;
    cursor: wait;
}

.nhie_session_choice[role="button"] {
    -webkit-appearance: none;
    appearance: none;
}


/* Tooltip degli stati alterati stampati sulle azioni */
.nhie_condition_tooltip {
    cursor: help;
}


/* =========================================================
   SOUNDTRACK SINCRONIZZATA DELLA CHAT
========================================================= */

.nhie_chat_soundtrack_bar {
    position: fixed;
    z-index: 92;
    top: auto;
    right: auto;
    bottom: 8px;
    left: 50%;
    width: min(380px, calc(100% - 64px));
    min-height: 22px;
    box-sizing: border-box;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 2px 6px 2px 10px;
    border: 1px solid rgb(26 22 20);
    border-radius: 7px;
    background: #0f0f0f;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .035),
        0 5px 16px rgba(0, 0, 0, .34),
        0 0 12px rgba(229, 109, 95, .07);
    color: #cdbfbb;
    font-family: 'Outfit', sans-serif;
    line-height: 1;
    transition:
        opacity .18s ease,
        transform .18s ease,
        border-color .18s ease;
}

.nhie_chat_soundtrack_bar.is-hidden {
    display: none;
}

.nhie_chat_soundtrack_bar.is-idle {
    top: auto;
    right: auto;
    bottom: 8px;
    left: 50%;
    width: min(380px, calc(100% - 64px));
    transform: translateX(-50%);
    opacity: .76;
    border-color: rgba(255, 255, 255, .08);
}

.nhie_chat_soundtrack_bar.needs-interaction {
    border-color: rgba(246, 114, 183, .43);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .04),
        0 5px 16px rgba(0, 0, 0, .34),
        0 0 14px rgba(246, 114, 183, .16);
}

.nhie_chat_soundtrack_identity {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 7px;
    overflow: hidden;
}

.nhie_chat_soundtrack_identity > i {
    flex: 0 0 auto;
    color: #e87869;
    font-size: 12px;
    text-shadow:
        0 0 4px rgba(229, 109, 95, .38),
        0 0 8px rgba(246, 114, 183, .14);
}

.nhie_chat_soundtrack_title {
    flex: 0 0 auto;
    color: #a89d9b;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 1.3px;
    text-transform: uppercase;
}

.nhie_chat_soundtrack_status {
    min-width: 0;
    overflow: hidden;
    color: #9c908d;
    font-family: 'Hind Siliguri', sans-serif;
    font-size: 10px;
    line-height: 1.1;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nhie_chat_soundtrack_controls {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 4px;
}

.nhie_chat_soundtrack_controls button,
.nhie_chat_soundtrack_admin button {
    display: inline-flex;
    min-width: 16px;
    height: 16px;
    box-sizing: border-box;
    margin: 0;
    padding: 0 4px;
    align-items: center;
    justify-content: center;
    gap: 5px;
    border: 0;
    border-radius: 4px;
    background: rgba(255, 255, 255, .035);
    box-shadow: none;
    color: #bcaaa5;
    font-family: 'Outfit', sans-serif;
    font-size: 9px;
    line-height: 1;
    cursor: pointer;
}

.nhie_chat_soundtrack_controls button:hover,
.nhie_chat_soundtrack_admin button:hover {
    background: rgba(229, 109, 95, .10);
    color: #ffb08f;
    text-shadow: 0 0 5px rgba(229, 109, 95, .35);
}

.nhie_chat_soundtrack_controls button:disabled,
.nhie_chat_soundtrack_admin button:disabled {
    opacity: .38;
    cursor: default;
}

.nhie_chat_soundtrack_admin {
    position: fixed;
    z-index: 96;
    bottom: 39px;
    right: 70px;
    width: min(430px, calc(100% - 52px));
    box-sizing: border-box;
    display: none;
    padding: 9px;
    border: 1px solid rgba(246, 114, 183, .18);
    border-radius: 7px;
    background:
        linear-gradient(
            135deg,
            rgba(246, 114, 183, .055),
            transparent 42%
        ),
        rgba(10, 10, 12, .98);
    box-shadow:
        0 10px 28px rgba(0, 0, 0, .50),
        inset 0 1px 0 rgba(255, 255, 255, .028);
    color: #c5b6b2;
}

.nhie_chat_soundtrack_admin.is-open {
    display: block;
}

.nhie_chat_soundtrack_admin_head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 7px;
}

.nhie_chat_soundtrack_admin_head strong {
    color: #e4c7c1;
    font-family: 'Outfit', sans-serif;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 1.1px;
    text-transform: uppercase;
}

.nhie_chat_soundtrack_admin_body {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

#nhie_chat_soundtrack_url {
    width: 100%;
    height: 27px;
    box-sizing: border-box;
    margin: 0;
    padding: 3px 9px;

    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 5px;
    background: rgba(0, 0, 0, .38);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .28);

    color: #d7cac6;
    font-family: 'Hind Siliguri', sans-serif;
    font-size: 11px;
}

#nhie_chat_soundtrack_url:focus {
    border-color: rgba(246, 114, 183, .32);
    outline: none;
    box-shadow:
        inset 0 1px 3px rgba(0, 0, 0, .28),
        0 0 0 1px rgba(246, 114, 183, .08);
}

.nhie_chat_soundtrack_admin_actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
}

.nhie_chat_soundtrack_admin_actions button {
    min-width: 88px;
    padding: 0 9px;
}

.nhie_chat_soundtrack_admin_message {
    min-height: 13px;
    color: #817875;
    font-family: 'Hind Siliguri', sans-serif;
    font-size: 10px;
    line-height: 1.2;
    text-align: right;
}

.nhie_chat_soundtrack_admin_message.is-success {
    color: #e79372;
}

.nhie_chat_soundtrack_admin_message.is-error {
    color: #ff6687;
}

.nhie_chat_soundtrack_admin_message.is-loading {
    color: #b99e94;
}

.nhie_chat_soundtrack_media {
    position: absolute;
    z-index: -1;
    top: -9999px;
    left: -9999px;
    width: 2px;
    height: 2px;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
}



@media (max-width: 1100px) {
    .nhie_chat_soundtrack_bar {
        width: calc(100% - 24px);
    }

    .nhie_chat_soundtrack_title {
        display: none;
    }

    .nhie_chat_soundtrack_admin {
        right: 12px;
        width: calc(100% - 24px);
    }
}

/* =========================================================
   MENU FRAME CHAT RESPONSIVE
   Sotto i 960px nasconde le scritte e conserva le icone.
========================================================= */

#tastiSwitch {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    white-space: nowrap;
}

#tastiSwitch > a,
#tastiSwitch > .nhie_chat_tool_button {
    flex: 0 1 auto;
}

@media screen and (max-width: 1100px) {
    #tastiSwitch {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        gap: 3px;
        overflow: hidden;
    }

    #tastiSwitch > a,
    #tastiSwitch > a:visited,
    #tastiSwitch > .nhie_chat_tool_button {
        display: inline-flex;
        width: 28px;
        height: 24px;
        flex: 0 0 28px;
        box-sizing: border-box;
        margin: 0 3px;
        padding: 0;
        font-family: 'Hind Siliguri', sans-serif !important;
        font-weight: 800 !important;
        text-transform: uppercase !important;
        align-items: center;
        justify-content: space-between;
        overflow: hidden;
        font-size: 0 !important;
        line-height: 1;
        letter-spacing: 2px !important;
        white-space: nowrap;
    }

    #tastiSwitch > a i,
    #tastiSwitch > .nhie_chat_tool_button i {
        display: inline-block;
        margin: 0;
        font-size: 13px;
        line-height: 1;
    }
}

@media screen and (max-width: 420px) {
    #tastiSwitch {
        gap: 1px;
    }

    #tastiSwitch > a,
    #tastiSwitch > a:visited,
    #tastiSwitch > .nhie_chat_tool_button {
        width: 25px;
        flex-basis: 25px;
        margin: 0 1px;
    }
}

/* =========================================================
   FORTUNA SUI FALLIMENTI CRITICI
========================================================= */

.nhie_critical_luck_panel {
    position: fixed;
    bottom: 380px;
    left: 50%;
    z-index: 999997;
    display: none;
    width: min(390px, calc(100vw - 34px));
    box-sizing: border-box;
    overflow: hidden;
    transform: translateX(-50%);
    border: 1px solid rgba(246, 114, 183, .24);
    border-radius: 9px;
    background:
        linear-gradient(
            135deg,
            rgba(246, 114, 183, .065),
            rgba(48, 83, 111, .045) 48%,
            transparent
        ),
        rgba(13, 13, 15, .985);
    box-shadow:
        0 16px 42px rgba(0, 0, 0, .56),
        inset 0 1px 0 rgba(255, 255, 255, .035);
    color: #d8cfcc;
    font-family: 'Hind Siliguri', sans-serif;
}

.nhie_critical_luck_panel.is-visible {
    display: block;
}

.nhie_critical_luck_head {
    display: flex;
    min-height: 34px;
    box-sizing: border-box;
    padding: 8px 11px 7px;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgba(255, 255, 255, .055);
    background: rgba(0, 0, 0, .16);
}

.nhie_critical_luck_head > div {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.nhie_critical_luck_head strong {
    color: #f0ded8;
    font-family: 'Outfit', sans-serif;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

.nhie_critical_luck_head strong i {
    margin-right: 5px;
    color: #e978a9;
    text-shadow: 0 0 7px rgba(246, 114, 183, .35);
}

#nhie_critical_luck_countdown {
    color: rgba(216, 207, 204, .48);
    font-family: 'Outfit', sans-serif;
    font-size: 8px;
    letter-spacing: .4px;
    white-space: nowrap;
}

.nhie_critical_luck_body {
    padding: 10px 11px 11px;
}

.nhie_critical_luck_summary {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 2px 12px;
    align-items: center;
    margin-bottom: 6px;
}

.nhie_critical_luck_summary b {
    grid-row: 1 / span 2;
    overflow: hidden;
    color: #e6d9d4;
    font-family: 'Outfit', sans-serif;
    font-size: 11px;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nhie_critical_luck_summary span {
    color: rgba(216, 207, 204, .56);
    font-size: 9px;
    line-height: 12px;
    text-align: right;
}

.nhie_critical_luck_summary strong,
.nhie_critical_luck_pool strong {
    color: #f2a0c9;
    font-weight: 600;
}

.nhie_critical_luck_pool {
    margin-bottom: 8px;
    padding: 5px 7px;
    border-radius: 4px;
    background: rgba(0, 0, 0, .22);
    color: rgba(216, 207, 204, .65);
    font-size: 9px;
    line-height: 13px;
}

.nhie_critical_luck_pool em {
    color: #e5a2c3;
    font-style: normal;
}

.nhie_critical_luck_choice {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.nhie_critical_luck_choice > span {
    color: #bbaca8;
    font-family: 'Outfit', sans-serif;
    font-size: 9px;
    letter-spacing: .5px;
    text-transform: uppercase;
}

#nhie_critical_luck_points {
    width: 66px;
    height: 26px;
    box-sizing: border-box;
    margin: 0;
    padding: 2px 6px;
    border: 1px solid rgba(246, 114, 183, .22);
    border-radius: 5px;
    background: rgba(0, 0, 0, .36);
    color: #f0dfda;
    font-family: 'Outfit', sans-serif;
    font-size: 12px;
    text-align: center;
    outline: none;
}

#nhie_critical_luck_points:focus {
    border-color: rgba(246, 114, 183, .46);
    box-shadow: 0 0 8px rgba(246, 114, 183, .10);
}

.nhie_critical_luck_hint {
    min-height: 25px;
    margin: 6px 0 7px;
    color: rgba(216, 207, 204, .48);
    font-size: 9px;
    line-height: 12px;
}

.nhie_critical_luck_actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
}

.nhie_critical_luck_actions button {
    display: inline-flex;
    min-width: 92px;
    height: 25px;
    box-sizing: border-box;
    margin: 0;
    padding: 0 9px;
    align-items: center;
    justify-content: center;
    gap: 5px;
    border: 1px solid rgba(255, 255, 255, .075);
    border-radius: 5px;
    background: rgba(255, 255, 255, .035);
    box-shadow: none;
    color: #c8bab6;
    font-family: 'Outfit', sans-serif;
    font-size: 9px;
    line-height: 1;
    cursor: pointer;
}

#nhie_critical_luck_use {
    border-color: rgba(246, 114, 183, .24);
    background:
        linear-gradient(
            180deg,
            rgba(246, 114, 183, .105),
            rgba(229, 109, 95, .045)
        );
    color: #f0cedf;
}

.nhie_critical_luck_actions button:hover {
    border-color: rgba(246, 114, 183, .42);
    color: #ffc7e4;
}

.nhie_critical_luck_actions button:disabled,
#nhie_critical_luck_points:disabled {
    opacity: .48;
    cursor: wait;
}

.nhie_critical_luck_message {
    min-height: 12px;
    margin-top: 5px;
    color: #e58ba9;
    font-size: 9px;
    line-height: 12px;
    text-align: right;
}

@media screen and (max-width: 560px) {
    .nhie_critical_luck_panel {
        top: 34px;
        width: calc(100vw - 20px);
    }

    .nhie_critical_luck_summary {
        grid-template-columns: 1fr;
    }

    .nhie_critical_luck_summary b {
        grid-row: auto;
    }

    .nhie_critical_luck_summary span {
        text-align: left;
    }
}

/* ============================================================
 * STRUMENTI DI SCENA — TURNAZIONE E RICHIESTE DI TIRO
 * ============================================================ */

.nhie_scene_tools_stack {
    position: sticky;
    top: 0;
    z-index: 80;
    display: none;
    width: 100%;
    box-sizing: border-box;
    margin: -6px 0 12px;
    padding: 5px 2px 2px;
    pointer-events: none;
}

.nhie_scene_tools_stack.is-visible {
    display: block;
}

.nhie_scene_indicator {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    box-sizing: border-box;
    margin: 0 0 6px;
    padding: 8px 10px;
    border: 1px solid rgba(246, 114, 183, .18);
    border-radius: 10px;
    background:
        linear-gradient(
            120deg,
            rgba(20, 25, 35, .97),
            rgba(38, 31, 45, .95) 55%,
            rgba(48, 83, 111, .91)
        );
    box-shadow:
        0 7px 18px rgba(0, 0, 0, .28),
        inset 0 1px 0 rgba(255, 255, 255, .04);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    color: #f4eceb;
    pointer-events: auto;
}

.nhie_scene_turn_indicator {
    border-left: 4px solid #f672b7;
}

.nhie_scene_request_indicator {
    border-left: 4px solid #e56d5f;
}

.nhie_scene_indicator_icon {
    flex: 0 0 30px;
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 9px;
    background:
        linear-gradient(
            145deg,
            rgba(246, 114, 183, .28),
            rgba(48, 83, 111, .42)
        );
    color: #ffe4f2;
    font-size: 14px;
}

.nhie_scene_request_indicator .nhie_scene_indicator_icon {
    background:
        linear-gradient(
            145deg,
            rgba(229, 109, 95, .34),
            rgba(246, 114, 183, .25)
        );
    color: #ffe8df;
}

.nhie_scene_indicator_content {
    flex: 1 1 auto;
    min-width: 0;
}

.nhie_scene_indicator_head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 5px;
}

.nhie_scene_indicator_head strong {
    overflow: hidden;
    color: #fff7f3;
    font: 800 11px 'Outfit', sans-serif;
    letter-spacing: .8px;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.nhie_scene_indicator_head > span {
    flex: 0 0 auto;
    color: #c9bfc5;
    font: 9px 'Hind Siliguri', sans-serif;
    letter-spacing: .4px;
}

.nhie_scene_turn_order {
    display: flex;
    align-items: center;
    gap: 6px;
    overflow-x: auto;
    padding: 1px 0 2px;
    scrollbar-width: thin;
}

.nhie_scene_turn_name {
    flex: 0 0 auto;
    padding: 2px 7px;
    border-radius: 999px;
    color: #bdb4bc;
    font: 600 10px 'Hind Siliguri', sans-serif;
    white-space: nowrap;
}

.nhie_scene_turn_name.is-current {
    background:
        linear-gradient(
            90deg,
            #f672b7,
            #e56d5f
        );
    box-shadow: 0 3px 10px rgba(246, 114, 183, .22);
    color: #fff;
}

.nhie_scene_turn_arrow {
    flex: 0 0 auto;
    color: rgba(255, 255, 255, .28);
    font-size: 8px;
}

.nhie_scene_indicator_actions {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 5px;
}

.nhie_scene_tool_form {
    display: inline-flex;
    margin: 0;
}

.nhie_scene_tool_form button {
    display: inline-flex;
    min-height: 28px;
    box-sizing: border-box;
    padding: 5px 9px;
    align-items: center;
    justify-content: center;
    gap: 5px;
    border: 0;
    border-radius: 8px;
    background: rgba(255, 255, 255, .08);
    box-shadow: none;
    color: #eee5e8;
    font: 700 9px 'Outfit', sans-serif;
    letter-spacing: .5px;
    text-transform: uppercase;
    cursor: pointer;
}

.nhie_scene_tool_form.is-primary button {
    background:
        linear-gradient(
            90deg,
            #f672b7,
            #e56d5f
        );
    color: #fff;
}

.nhie_scene_tool_form.is-icon button {
    width: 28px;
    padding: 5px;
}

.nhie_scene_tool_form.is-danger button {
    background: rgba(229, 109, 95, .12);
    color: #f4a295;
}

.nhie_scene_tool_form button:hover {
    filter: brightness(1.1);
}

.nhie_scene_tool_form button:disabled {
    cursor: wait;
    opacity: .55;
}

.nhie_scene_request_description {
    margin: -1px 0 4px;
    color: #d8ced2;
    font: 10px/1.35 'Hind Siliguri', sans-serif;
}

.nhie_scene_request_meta {
    display: flex;
    align-items: center;
    gap: 7px;
    color: #b8adb4;
    font: 9px 'Hind Siliguri', sans-serif;
}

.nhie_scene_request_meta b {
    color: #ffd5e9;
}

.nhie_scene_request_meta span {
    padding-left: 7px;
    border-left: 1px solid rgba(255, 255, 255, .13);
}

.nhie_scene_request_done {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #a9d8c9;
    font: 700 9px 'Outfit', sans-serif;
    text-transform: uppercase;
}


/* Pagina modale */

.nhie_scene_tools_page {
    width: min(920px, 96%);
    margin: 0 auto;
    box-sizing: border-box;
    padding: 12px 8px 24px;
    color: #d7ccd1;
    font-family: 'Hind Siliguri', sans-serif;
}

.nhie_scene_tools_intro {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin: 0 0 14px;
    padding: 10px 14px;
    border-radius: 12px;
    background:
        linear-gradient(
            115deg,
            rgba(48, 83, 111, .43),
            rgba(246, 114, 183, .22),
            rgba(229, 109, 95, .18)
        );
}

.nhie_scene_tools_intro strong {
    color: #fff4f8;
    font: 800 14px 'Outfit', sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.nhie_scene_tools_intro strong i {
    margin-right: 6px;
    color: #f672b7;
}

.nhie_scene_tools_intro > span {
    color: #cdbfc5;
    font-size: 10px;
}

.nhie_scene_tools_grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 14px;
}

.nhie_scene_tools_section {
    min-width: 0;
    box-sizing: border-box;
    padding: 14px;
    border: 1px solid rgba(246, 114, 183, .12);
    border-radius: 14px;
    background:
        linear-gradient(
            145deg,
            rgba(28, 29, 38, .94),
            rgba(18, 22, 30, .92)
        );
    box-shadow: 0 10px 26px rgba(0, 0, 0, .18);
}

.nhie_scene_tools_section_head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 13px;
}

.nhie_scene_tools_section_head strong {
    display: block;
    color: #fff0f7;
    font: 800 13px 'Outfit', sans-serif;
    letter-spacing: .8px;
    text-transform: uppercase;
}

.nhie_scene_tools_section_head span {
    display: block;
    margin-top: 2px;
    color: #aa9fa5;
    font-size: 10px;
    line-height: 1.35;
}

.nhie_scene_tools_section_head > i {
    color: #f672b7;
    font-size: 18px;
}

.nhie_scene_tools_form {
    margin: 0;
}

.nhie_scene_tools_field {
    margin-bottom: 10px;
}

.nhie_scene_tools_field > span {
    display: block;
    margin: 0 0 4px;
    color: #cbbfc5;
    font: 700 9px 'Outfit', sans-serif;
    letter-spacing: .8px;
    text-transform: uppercase;
}

.nhie_scene_tools_field input[type="text"],
.nhie_scene_tools_field input[type="number"],
.nhie_scene_tools_field textarea,
.nhie_scene_tools_field select {
    width: 100%;
    box-sizing: border-box;
    border: 0;
    border-radius: 8px;
    background: rgba(5, 8, 13, .54);
    box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, .055);
    color: #eee5e8;
    font: 11px 'Hind Siliguri', sans-serif;
}

.nhie_scene_tools_field input[type="text"],
.nhie_scene_tools_field input[type="number"],
.nhie_scene_tools_field select {
    min-height: 32px;
    padding: 5px 8px;
}

.nhie_scene_tools_field textarea {
    resize: vertical;
    min-height: 62px;
    padding: 7px 8px;
}

.nhie_scene_tools_field small,
.nhie_scene_tools_note {
    display: block;
    margin-top: 4px;
    color: #8f858b;
    font-size: 9px;
    line-height: 1.3;
}

.nhie_scene_tools_split {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(82px, .42fr);
    gap: 8px;
}

.nhie_scene_tools_split_three {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.nhie_scene_tools_checkbox {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 0 0 7px;
    color: #d5c8ce;
    font-size: 10px;
}

.nhie_scene_tools_primary {
    display: inline-flex;
    min-height: 32px;
    padding: 6px 12px;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border: 0;
    border-radius: 9px;
    background:
        linear-gradient(
            90deg,
            #f672b7,
            #e56d5f
        );
    box-shadow: 0 5px 14px rgba(246, 114, 183, .17);
    color: #fff;
    font: 800 9px 'Outfit', sans-serif;
    letter-spacing: .7px;
    text-transform: uppercase;
    cursor: pointer;
}

.nhie_scene_tools_active_list {
    margin-top: 16px;
    padding-top: 12px;
    border-top: 1px solid rgba(255, 255, 255, .08);
}

.nhie_scene_tools_active_list > strong {
    display: block;
    margin-bottom: 7px;
    color: #f0dce6;
    font: 800 9px 'Outfit', sans-serif;
    letter-spacing: .8px;
    text-transform: uppercase;
}

.nhie_scene_tools_active_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 6px;
    padding: 7px 8px;
    border-radius: 8px;
    background: rgba(255, 255, 255, .035);
}

.nhie_scene_tools_active_item > div {
    min-width: 0;
}

.nhie_scene_tools_active_item b,
.nhie_scene_tools_active_item span {
    display: block;
}

.nhie_scene_tools_active_item b {
    overflow: hidden;
    color: #e9dce2;
    font-size: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nhie_scene_tools_active_item span {
    color: #978d92;
    font-size: 9px;
}


.nhie_scene_tools_active_item .nhie_scene_tools_results {
    margin-top: 3px;
    color: #caaebd;
    font-size: 9px;
    line-height: 1.35;
}

.nhie_scene_tools_inline_form {
    flex: 0 0 auto;
}

.nhie_scene_tools_inline_form button {
    display: grid;
    place-items: center;
    width: 26px;
    height: 26px;
    padding: 0;
    border: 0;
    border-radius: 8px;
    background: rgba(229, 109, 95, .11);
    color: #e89185;
    cursor: pointer;
}

@media (max-width: 760px) {
    .nhie_scene_tools_grid {
        grid-template-columns: 1fr;
    }

    .nhie_scene_indicator {
        align-items: flex-start;
        gap: 7px;
        padding: 7px 8px;
    }

    .nhie_scene_indicator_head {
        display: block;
    }

    .nhie_scene_indicator_head > span {
        display: block;
        margin-top: 2px;
    }

    .nhie_scene_indicator_actions {
        align-self: center;
    }

    .nhie_scene_tool_form button span {
        display: none;
    }

    .nhie_scene_tool_form.is-primary button {
        width: 30px;
        padding: 5px;
    }

    .nhie_scene_request_meta {
        flex-wrap: wrap;
        gap: 4px 7px;
    }

    .nhie_scene_tools_split,
    .nhie_scene_tools_split_three {
        grid-template-columns: 1fr;
    }
}


/* =========================================================
   TURNAZIONE AUTOMATICA — BARRA SOPRA LA CHAT
========================================================= */

.nhie_scene_turn_bar {
    position: relative;
    z-index: 93;
    bottom: 0px;
    left: 50%;
    width: 93%;
    min-height: 22px;
    box-sizing: border-box;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin: 0;
    padding: 2px 6px 2px 10px;
    border: 1px solid rgb(26 22 20);
    border-radius: 7px;
    background: #0f0f0f;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .035),
        0 5px 16px rgba(0, 0, 0, .34),
        0 0 12px rgba(229, 109, 95, .07);
    color: #cdbfbb;
    font-family: 'Outfit', sans-serif;
    line-height: 1;
}

.nhie_scene_turn_bar.is-hidden {
    display: none;
}

div.chat_box.nhie_scene_turn_active {
    top: 30px;
}

.nhie_scene_turn_bar_identity {
    display: flex;
    flex: 0 1 auto;
    min-width: 0;
    align-items: center;
    gap: 7px;
    overflow: hidden;
}

.nhie_scene_turn_bar_identity > i {
    flex: 0 0 auto;
    color: #e87869;
    font-size: 12px;
    text-shadow:
        0 0 4px rgba(229, 109, 95, .38),
        0 0 8px rgba(246, 114, 183, .14);
}

.nhie_scene_turn_bar_label {
    flex: 0 0 auto;
    color: #a89d9b;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 1.3px;
    text-transform: uppercase;
}

.nhie_scene_turn_bar_context {
    min-width: 0;
    overflow: hidden;
    color: #766d6b;
    font-family: 'Hind Siliguri', sans-serif;
    font-size: 9px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nhie_scene_turn_bar_order {
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
    align-items: center;
    justify-content: flex-start;
    gap: 4px;
    overflow-x: auto;
    padding: 0 3px;
    scrollbar-width: none;
}

.nhie_scene_turn_bar_order::-webkit-scrollbar {
    display: none;
}

.nhie_scene_turn_bar_name {
    flex: 0 0 auto;
    padding: 2px 5px;
    border-radius: 4px;
    color: #8e8481;
    font-family: 'Hind Siliguri', sans-serif;
    font-size: 9px;
    line-height: 1;
    white-space: nowrap;
}

.nhie_scene_turn_bar_name.is-current {
    background: rgba(229, 109, 95, .12);
    box-shadow:
        inset 0 0 0 1px rgba(246, 114, 183, .14);
    color: #ffb08f;
    text-shadow:
        0 0 5px rgba(229, 109, 95, .26);
}

.nhie_scene_turn_bar_arrow {
    flex: 0 0 auto;
    color: rgba(255, 255, 255, .18);
    font-size: 6px;
}

.nhie_scene_turn_bar_controls {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 4px;
}

.nhie_scene_turn_bar .nhie_scene_tool_form button {
    display: inline-flex;
    width: 16px;
    min-width: 16px;
    height: 16px;
    min-height: 16px;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 4px;
    background: rgba(255, 255, 255, .035);
    box-shadow: none;
    color: #bcaaa5;
    font-size: 9px;
    line-height: 1;
    cursor: pointer;
}

.nhie_scene_turn_bar
.nhie_scene_tool_form button:hover {
    background: rgba(229, 109, 95, .10);
    color: #ffb08f;
    text-shadow:
        0 0 5px rgba(229, 109, 95, .35);
}

.nhie_scene_turn_bar
.nhie_scene_tool_form.is-danger button {
    background: rgba(255, 255, 255, .035);
    color: #9f8782;
}

.nhie_scene_turn_bar
.nhie_scene_tool_form.is-danger button:hover {
    background: rgba(229, 109, 95, .10);
    color: #ff6687;
}

@media (max-width: 1100px) {
    .nhie_scene_turn_bar {
        left: 50%;
        width: calc(100% - 24px);
        transform: translateX(-50%);
    }

.nhie_scene_turn_bar_label,
    .nhie_scene_turn_bar_context {
        display: none;
    }

    .nhie_scene_turn_bar_identity {
        flex: 0 0 auto;
    }
}