.feedback-center-page { padding-bottom: 60px; }
.feedback-main-header { margin-bottom: 22px; }

.feedback-notice {
    margin: 0 0 18px;
    padding: 13px 16px;
    border: 1px solid rgba(62, 197, 123, .45);
    border-radius: 12px;
    background: rgba(62, 197, 123, .09);
    color: #c9f7dc;
    font-weight: 700;
    opacity: 1;
    transform: translateY(0);
    transition: opacity .22s ease, transform .22s ease;
}
.feedback-notice.is-hiding { opacity: 0; transform: translateY(-6px); }
.feedback-notice.is-error { border-color: rgba(224, 66, 66, .5); background: rgba(224, 66, 66, .1); color: #ffd0d0; }

.feedback-tabs {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin: 0 0 22px;
}
.feedback-tab {
    display: grid;
    grid-template-columns: 44px 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    gap: 0 12px;
    min-height: 80px;
    padding: 14px 16px;
    color: #fff;
    text-align: left;
    cursor: pointer;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 16px;
    background: linear-gradient(145deg, rgba(28,28,28,.98), rgba(14,14,14,.98));
    box-shadow: 0 14px 35px rgba(0,0,0,.18);
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.feedback-tab:hover { transform: translateY(-2px); border-color: rgba(242,198,109,.45); }
.feedback-tab.is-active { border-color: rgba(242,198,109,.85); box-shadow: 0 16px 42px rgba(0,0,0,.28), inset 0 0 0 1px rgba(242,198,109,.16); }
.feedback-tab > span { grid-row: 1 / 3; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 13px; background: rgba(242,198,109,.1); font-size: 22px; }
.feedback-tab strong { align-self: end; font-size: 15px; }
.feedback-tab small { align-self: start; color: #999; font-size: 12px; }

.feedback-panel { display: none; }
.feedback-panel.is-active { display: block; }
.feedback-section-intro {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    gap: 24px;
    margin: 0 0 18px;
    padding: 18px 20px;
    border-left: 3px solid #f2c66d;
    background: rgba(255,255,255,.025);
    border-radius: 0 14px 14px 0;
}
.feedback-section-intro h2 { margin: 2px 0 0; color: #fff; font-size: clamp(22px, 3vw, 31px); }
.feedback-section-intro p { max-width: 620px; margin: 0; color: #a9a9a9; }

/* PANCER 1.5.23 — nagłówek Propozycji wyrównany do lewej jak Ankiety. */
.feedback-panel[data-feedback-panel="polls"] .feedback-section-intro,
.feedback-panel[data-feedback-panel="suggestions"] .feedback-section-intro {
    justify-content: flex-start;
    text-align: left;
}

/* PANCER 1.5.1 — uproszczony, wyśrodkowany nagłówek sekcji awarii */
.feedback-fault-heading {
    display: grid;
    justify-items: center;
    gap: 8px;
    margin: 4px 0 20px;
    padding: 4px 16px 0;
    text-align: center;
}
.feedback-fault-titleline {
    display: flex;
    align-items: baseline;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
}
.feedback-fault-titleline h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(25px, 3vw, 34px);
    line-height: 1.15;
}
.feedback-fault-separator {
    color: rgba(255,255,255,.35);
    font-size: 20px;
    font-weight: 800;
}
.feedback-fault-heading p {
    max-width: 820px;
    margin: 0;
    color: #a9a9a9;
    line-height: 1.55;
}
.feedback-kicker { color: #f2c66d; font-size: 11px; font-weight: 900; letter-spacing: .14em; }
.feedback-kicker-alert { color: #ff7676; }

.feedback-card {
    margin: 0 0 16px;
    padding: 22px;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 18px;
    background: linear-gradient(145deg, rgba(24,24,24,.98), rgba(12,12,12,.98));
    box-shadow: 0 18px 45px rgba(0,0,0,.16);
}
.feedback-card h3 { margin: 2px 0 0; color: #fff; font-size: 20px; }
.feedback-card p { color: #b8b8b8; }
.feedback-card-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 18px; }
.feedback-card-heading small { color: #777; }
.feedback-status { display: inline-flex; align-items: center; padding: 6px 10px; border: 1px solid rgba(255,255,255,.1); border-radius: 999px; color: #d0d0d0; background: rgba(255,255,255,.04); font-size: 11px; font-weight: 800; white-space: nowrap; }
.feedback-status.is-active, .feedback-status.status-done, .feedback-status.status-fault-resolved { color: #a8f1c5; border-color: rgba(63,190,117,.38); background: rgba(63,190,117,.1); }
.feedback-status.is-closed, .feedback-status.status-rejected, .feedback-status.status-fault-closed { color: #bbb; }
.feedback-status.status-in_progress, .feedback-status.status-fault-in_progress { color: #ffe29a; border-color: rgba(242,198,109,.38); background: rgba(242,198,109,.1); }
.feedback-status.status-new, .feedback-status.status-considering, .feedback-status.status-fault-new { color: #9fd0ff; border-color: rgba(80,155,225,.35); background: rgba(80,155,225,.09); }

.feedback-choice-list { display: grid; gap: 10px; margin: 0 0 18px; }
.feedback-choice { display: flex; align-items: center; gap: 12px; padding: 13px 15px; cursor: pointer; border: 1px solid rgba(255,255,255,.1); border-radius: 12px; background: rgba(255,255,255,.025); transition: border-color .15s ease, background .15s ease; }
.feedback-choice:hover { border-color: rgba(242,198,109,.45); background: rgba(242,198,109,.05); }
.feedback-choice input { width: 18px; height: 18px; accent-color: #f2c66d; }
.feedback-choice span { color: #efefef; }
.feedback-results { display: grid; gap: 14px; }
.feedback-result-row { display: grid; grid-template-columns: 1fr auto; gap: 5px 12px; }
.feedback-result-label { grid-column: 1 / 3; display: flex; justify-content: space-between; gap: 20px; color: #e8e8e8; }
.feedback-result-bar { height: 9px; overflow: hidden; border-radius: 999px; background: rgba(255,255,255,.08); }
.feedback-result-bar span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #c49339, #f2c66d); }
.feedback-result-row small { color: #8e8e8e; }
.feedback-total, .feedback-voted { margin-bottom: 0 !important; color: #a8a8a8 !important; }
.feedback-poll-complete { display:inline-flex; align-items:center; gap:8px; padding:9px 12px; border:1px solid rgba(63,190,117,.32); border-radius:10px; background:rgba(63,190,117,.08); color:#a8f1c5; font-size:13px; }
.feedback-poll-complete span { font-size:16px; font-weight:900; }
.feedback-poll-closed-note { margin:0 !important; color:#8e8e8e !important; }

.feedback-two-columns { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(260px, .8fr); gap: 16px; margin-bottom: 20px; }
.feedback-form-card form { display: grid; gap: 14px; margin-top: 18px; }
.feedback-form-card label { display: grid; gap: 7px; color: #d7d7d7; font-size: 13px; font-weight: 800; }
.feedback-form-card input[type="text"], .feedback-form-card textarea, .feedback-form-card select, .feedback-form-card input[type="file"] { width: 100%; padding: 12px 13px; color: #fff; border: 1px solid rgba(255,255,255,.13); border-radius: 11px; background: #101010; font: inherit; }
.feedback-form-card select option { color: #111; }
.feedback-form-card textarea { resize: vertical; }
.feedback-form-card small { color: #888; font-weight: 400; }
.feedback-help-card { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; min-height: 260px; padding: 28px; border: 1px solid rgba(242,198,109,.19); border-radius: 18px; background: radial-gradient(circle at 80% 10%, rgba(242,198,109,.12), transparent 40%), #111; }
.feedback-help-card > span { font-size: 34px; }
.feedback-help-card h3 { margin: 14px 0 8px; color: #fff; }
.feedback-help-card p { margin: 0; color: #999; }
.feedback-help-alert { border-color: rgba(220,70,70,.22); background: radial-gradient(circle at 80% 10%, rgba(210,50,50,.12), transparent 40%), #111; }
.feedback-alert-button { background: linear-gradient(135deg, #b42f2f, #db5555) !important; color: #fff !important; }

.feedback-suggestions-list { display: grid; gap: 12px; }
.feedback-suggestion-card { margin-bottom: 0; }
.feedback-suggestion-card > p { margin-bottom: 18px; }
.feedback-suggestion-footer { display: flex; align-items: center; gap: 12px; padding-top: 14px; border-top: 1px solid rgba(255,255,255,.07); }
.feedback-suggestion-footer form { margin-left: auto; }
.feedback-vote-button { padding: 7px 12px; cursor: pointer; border: 1px solid rgba(242,198,109,.4); border-radius: 9px; color: #f2c66d; background: rgba(242,198,109,.06); font-weight: 800; }
.feedback-supported { margin-left: auto; color: #86d8a7; font-size: 12px; font-weight: 800; }

.feedback-own-faults { margin-top: 22px; padding: 20px; border: 1px solid rgba(255,255,255,.08); border-radius: 16px; background: rgba(255,255,255,.025); }
.feedback-own-faults h3 { margin-top: 0; }
.feedback-own-fault { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 13px 0; border-top: 1px solid rgba(255,255,255,.07); }
.feedback-own-fault:first-of-type { border-top: 0; }
.feedback-own-fault div { display: grid; }
.feedback-own-fault small, .feedback-muted { color: #888; }
.feedback-empty { padding: 45px 24px; text-align: center; border: 1px dashed rgba(255,255,255,.13); border-radius: 16px; background: rgba(255,255,255,.02); }
.feedback-empty > span { font-size: 36px; }
.feedback-empty h3 { margin: 10px 0 4px; }
.feedback-empty p { margin: 0; color: #888; }

@media (max-width: 980px) {
    .feedback-tabs { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .feedback-two-columns { grid-template-columns: 1fr; }
    .feedback-help-card { min-height: auto; }
}
@media (max-width: 640px) {
    .feedback-tabs { gap: 8px; }
    .feedback-tab { grid-template-columns: 36px 1fr; min-height: 68px; padding: 10px; border-radius: 13px; }
    .feedback-tab > span { width: 36px; height: 36px; font-size: 18px; border-radius: 10px; }
    .feedback-tab strong { font-size: 13px; }
    .feedback-tab small { font-size: 10px; }
    .feedback-section-intro { align-items: flex-start; flex-direction: column; gap: 8px; }
    .feedback-card { padding: 17px; }
    .feedback-card-heading { align-items: flex-start; flex-direction: column; gap: 10px; }
    .feedback-own-fault { align-items: flex-start; flex-direction: column; }
}

.feedback-captcha{display:grid;gap:9px;padding:12px;border:1px solid rgba(242,198,109,.32);border-radius:12px;background:rgba(242,198,109,.035)}.feedback-captcha-copy{display:grid;gap:2px}.feedback-captcha-copy strong{color:#fff;font-size:12px}.feedback-captcha-copy small{color:#8f8f8f;font-weight:400}.feedback-captcha-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.feedback-captcha-row img{width:190px;height:64px;border-radius:10px;background:#111;user-select:none}.feedback-captcha-row input[type="text"]{width:105px!important;min-height:42px;text-align:center;font-size:17px!important;font-weight:900!important;letter-spacing:.12em;text-transform:uppercase}@media(max-width:640px){.feedback-captcha-row img{width:160px;height:auto}.feedback-captcha-row input[type="text"]{flex:1;min-width:100px}}


/* Licznik ankiet oczekujących na głos użytkownika. */
.feedback-tab small { display: flex; align-items: center; gap: 7px; min-width: 0; }
.feedback-tab-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 21px;
    height: 21px;
    padding: 0 6px;
    border: 1px solid rgba(255,255,255,.22);
    border-radius: 999px;
    background: #c83c3c;
    color: #fff;
    box-shadow: 0 4px 14px rgba(200,60,60,.34);
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
}


.feedback-global-alerts { display: grid; gap: 10px; margin: 0 0 16px; }
.feedback-global-alert { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 14px 17px; border-radius: 14px; font-size: 13px; }
.feedback-global-alert.is-possible { border: 1px solid rgba(242,198,109,.42); background: rgba(242,198,109,.08); color: #ffe7ad; }
.feedback-global-alert.is-confirmed { border: 1px solid rgba(224,66,66,.5); background: rgba(224,66,66,.11); color: #ffd0d0; }
.feedback-admin-reply { margin-top: 6px; color: #cfcfcf !important; max-width: 720px; }
[hidden][data-fault-app-wrap] { display: none !important; }
@media (max-width:640px) { .feedback-global-alert { align-items:flex-start; flex-direction:column; } }

/* PANCER Chat Awarie — osobny od PANCER Public Chat */
.fault-chat-shell {
    margin-top: 24px;
    padding: 20px;
    border: 1px solid rgba(179, 42, 42, .34);
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(179,42,42,.055), rgba(255,255,255,.018));
    box-shadow: 0 18px 55px rgba(0,0,0,.18);
}
.fault-chat-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 18px;
    margin-bottom: 12px;
}
.fault-chat-head h3 { margin: 5px 0 6px; font-size: 22px; }
.fault-chat-head p { margin: 0; color: #9d9d9d; max-width: 780px; }
.fault-chat-connection {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
    padding: 7px 10px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
    color: #b8b8b8;
    background: rgba(255,255,255,.035);
}
.fault-chat-connection.is-online { color: #a8f1c5; border-color: rgba(63,190,117,.35); background: rgba(63,190,117,.08); }
.fault-chat-connection.is-error { color: #ffaaa5; border-color: rgba(211,66,58,.4); background: rgba(211,66,58,.09); }
.fault-chat-connection.is-connecting { color: #ffe29a; border-color: rgba(242,198,109,.3); background: rgba(242,198,109,.06); }
.fault-chat-warning {
    margin: 12px 0 14px;
    padding: 10px 12px;
    border-left: 3px solid #b32a2a;
    border-radius: 9px;
    color: #bbb;
    background: rgba(179,42,42,.07);
    font-size: 13px;
}
.fault-chat-messages {
    height: min(470px, 58vh);
    min-height: 300px;
    overflow-y: auto;
    padding: 14px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 14px;
    background: rgba(5,5,5,.56);
    scroll-behavior: smooth;
}
.fault-chat-empty { color: #858585; text-align: center; padding: 46px 15px; }
.fault-chat-message {
    max-width: 78%;
    margin: 8px auto 8px 0;
    padding: 11px 13px;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 6px 15px 15px 15px;
    background: rgba(255,255,255,.045);
}
.fault-chat-message.is-mine {
    margin-left: auto;
    margin-right: 0;
    border-color: rgba(242,198,109,.23);
    border-radius: 15px 6px 15px 15px;
    background: rgba(242,198,109,.07);
}
.fault-chat-message.is-admin {
    border-color: rgba(179,42,42,.32);
    background: rgba(179,42,42,.09);
}
.fault-chat-message-meta {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 5px;
    color: #cfcfcf;
    font-size: 11px;
}
.fault-chat-message.is-admin .fault-chat-message-meta strong { color: #ffb1ab; }
.fault-chat-message-meta time { color: #727272; white-space: nowrap; }
.fault-chat-message-text { color: #f4f4f4; line-height: 1.48; overflow-wrap: anywhere; }
.fault-chat-message-context {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 0 0 8px;
}
.fault-chat-message-context span {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 4px 8px;
    border: 1px solid rgba(242,198,109,.18);
    border-radius: 999px;
    color: #e8d7a9;
    background: rgba(242,198,109,.055);
    font-size: 11px;
    font-weight: 800;
}
.fault-chat-form { display: grid; gap: 12px; margin-top: 13px; }
.fault-chat-form-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 12px; align-items: start; }
.fault-chat-field { display: grid; gap: 7px; min-width: 0; align-content: start; color: #c8c8c8; font-size: 12px; font-weight: 800; }
.fault-chat-field > span b { color: #ff8e87; }
.fault-chat-field small { color: #777; font-weight: 500; line-height: 1.35; }
.fault-chat-field select,
.fault-chat-field input[type="text"] {
    display: block;
    width: 100%;
    height: 46px;
    min-height: 46px;
    box-sizing: border-box;
    margin: 0;
    padding: 0 12px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 12px;
    color: #fff;
    background: #111;
    outline: none;
}
.fault-chat-field select:focus,
.fault-chat-field input[type="text"]:focus { border-color: rgba(242,198,109,.5); box-shadow: 0 0 0 2px rgba(242,198,109,.08); }
.fault-chat-form textarea {
    width: 100%;
    resize: vertical;
    min-height: 78px;
    padding: 12px 13px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 12px;
    color: #fff;
    background: #111;
    outline: none;
}
.fault-chat-form textarea:focus { border-color: rgba(242,198,109,.5); box-shadow: 0 0 0 2px rgba(242,198,109,.08); }
.fault-chat-captcha {
    display: grid;
    gap: 9px;
    padding: 12px;
    border: 1px solid rgba(242,198,109,.32);
    border-radius: 12px;
    background: rgba(242,198,109,.035);
}
.fault-chat-form-bottom {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
}
.fault-chat-form-bottom small { color: #777; }
.fault-chat-form-message {
    padding: 9px 11px;
    border-radius: 10px;
    color: #a8f1c5;
    border: 1px solid rgba(63,190,117,.25);
    background: rgba(63,190,117,.06);
    font-size: 13px;
}
.fault-chat-form-message.is-error { color: #ffaaa5; border-color: rgba(211,66,58,.32); background: rgba(211,66,58,.08); }
.feedback-small-button {
    min-height: 40px;
    padding: 0 12px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 9px;
    color: #ddd;
    background: #191919;
    cursor: pointer;
    font-weight: 700;
}
.feedback-small-button:hover { border-color: rgba(242,198,109,.4); color: #fff; }

@media (max-width: 720px) {
    .fault-chat-shell { padding: 14px; }
    .fault-chat-head { flex-direction: column; }
    .fault-chat-messages { min-height: 360px; height: 52vh; }
    .fault-chat-message { max-width: 92%; }
    .fault-chat-form-grid { grid-template-columns: 1fr; }
    .fault-chat-form-bottom { align-items: stretch; flex-direction: column; }
    .fault-chat-form-bottom .dashboard-button { width: 100%; justify-content: center; }
}

/* PANCER 1.5.0 — status wybranej usługi w prywatnym Chat Awarie */
.fault-chat-service-notice {
    display: grid;
    gap: 3px;
    padding: 11px 13px;
    border-radius: 11px;
    border: 1px solid rgba(255,255,255,.12);
    font-size: 12px;
    line-height: 1.45;
}
.fault-chat-service-notice[hidden] { display: none !important; }
.fault-chat-service-notice.is-outage {
    border-color: rgba(224,66,66,.42);
    background: rgba(179,42,42,.10);
    color: #ffd0cd;
}
.fault-chat-service-notice.is-resolved {
    border-color: rgba(63,190,117,.36);
    background: rgba(63,190,117,.08);
    color: #bceecf;
}
.fault-chat-service-notice strong { color: inherit; }
.fault-chat-service-notice small { display: block; margin-top: 2px; color: rgba(255,255,255,.56); }
.fault-chat-service-notice-item { display: grid; gap: 2px; }
.fault-chat-service-notice-item + .fault-chat-service-notice-item {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid rgba(224,66,66,.22);
}
.feedback-global-alert.is-resolved { border:2px solid #3fbe75; background:rgba(63,190,117,.14); color:#d8f9e5; box-shadow:0 0 0 1px rgba(63,190,117,.08); }

@media (max-width: 640px) {
    .feedback-fault-heading { padding-inline: 4px; }
    .feedback-fault-titleline { gap: 7px; }
    .feedback-fault-separator { font-size: 17px; }
}


/* PANCER 1.5.4 — połączony Status usług + Chat Awarie */
.feedback-service-status { margin: 0 0 24px; }
.feedback-service-status .service-status-grid { margin-bottom: 0; }
.feedback-service-status .service-status-card { min-height: 185px; padding: 22px; }
.feedback-service-status .service-status-card h2 { margin-top: 28px; }
.feedback-fault-chat-divider {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    align-items: end;
    margin: 26px 0 14px;
    padding: 0 4px;
}
.feedback-fault-chat-divider h3,
.feedback-fault-chat-divider p { margin: 0; }
.feedback-fault-chat-divider p { max-width: 680px; color: #8f8f8f; font-size: 13px; }
@media (max-width: 760px) {
    .feedback-fault-chat-divider { align-items: flex-start; flex-direction: column; gap: 6px; }
}

/* PANCER 1.5.14 — komunikat administratora może zawierać kilka wierszy. */
.fault-chat-service-notice-item > span {
    white-space: pre-line;
    overflow-wrap: anywhere;
}

/* PANCER 1.5.16 — Chat Rozmów w stylistyce Chat BOT Awarie, z zielonym akcentem. */
.feedback-panel[data-feedback-panel="chat"] .feedback-section-intro {
    border-left-color: #3fbe75;
    background: linear-gradient(90deg, rgba(63,190,117,.065), rgba(255,255,255,.018));
}
.feedback-panel[data-feedback-panel="chat"] .feedback-kicker { color: #8cf0b5; }

.pancer-premium .feedback-panel[data-feedback-panel="chat"] .pancer-public-chat-host .ppc-chat {
    --ppc-accent: #3fbe75;
    --ppc-bg: transparent;
    --ppc-panel: transparent;
    --ppc-text: #f5f7fa;
    --ppc-muted: #98a2b3;
    --ppc-border: rgba(63,190,117,.34);
    max-width: none;
    margin: 0;
    border: 1px solid rgba(63,190,117,.34) !important;
    border-radius: 18px;
    overflow: hidden;
    background: linear-gradient(180deg, rgba(63,190,117,.055), rgba(255,255,255,.018)) !important;
    box-shadow: 0 18px 55px rgba(0,0,0,.18) !important;
}
.pancer-premium .feedback-panel[data-feedback-panel="chat"] .ppc-header {
    padding: 16px 18px;
    border-bottom: 1px solid rgba(63,190,117,.16) !important;
    background: rgba(255,255,255,.018) !important;
}
.pancer-premium .feedback-panel[data-feedback-panel="chat"] .ppc-messages {
    height: min(470px,58vh);
    min-height: 300px;
    margin: 14px;
    padding: 14px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 14px;
    background: rgba(5,5,5,.56);
}
.pancer-premium .feedback-panel[data-feedback-panel="chat"] .ppc-bubble {
    border-color: rgba(255,255,255,.09);
    background: rgba(255,255,255,.045);
}
.pancer-premium .feedback-panel[data-feedback-panel="chat"] .ppc-message.is-mine .ppc-bubble {
    border-color: rgba(63,190,117,.25);
    background: rgba(63,190,117,.07);
}
.pancer-premium .feedback-panel[data-feedback-panel="chat"] .ppc-message.is-admin .ppc-bubble {
    border-color: rgba(63,190,117,.34);
    background: rgba(63,190,117,.10);
}
.pancer-premium .feedback-panel[data-feedback-panel="chat"] .ppc-message.is-admin .ppc-avatar,
.pancer-premium .feedback-panel[data-feedback-panel="chat"] .ppc-admin-badge,
.pancer-premium .feedback-panel[data-feedback-panel="chat"] .ppc-send {
    background: #3fbe75 !important;
    color: #08110c !important;
}
.pancer-premium .feedback-panel[data-feedback-panel="chat"] .ppc-reply-preview {
    border-left-color: #3fbe75;
    background: rgba(63,190,117,.055);
}
.pancer-premium .feedback-panel[data-feedback-panel="chat"] .ppc-replybar,
.pancer-premium .feedback-panel[data-feedback-panel="chat"] .ppc-composer,
.pancer-premium .feedback-panel[data-feedback-panel="chat"] .ppc-status {
    border-color: rgba(63,190,117,.14);
    background: rgba(255,255,255,.018);
}
.pancer-premium .feedback-panel[data-feedback-panel="chat"] .ppc-upload,
.pancer-premium .feedback-panel[data-feedback-panel="chat"] .ppc-captcha-refresh {
    border-color: rgba(63,190,117,.22);
    background: rgba(63,190,117,.07);
}
.pancer-premium .feedback-panel[data-feedback-panel="chat"] .ppc-composer textarea {
    border-color: rgba(255,255,255,.12) !important;
    background: #111 !important;
}
.pancer-premium .feedback-panel[data-feedback-panel="chat"] .ppc-composer textarea:focus,
.pancer-premium .feedback-panel[data-feedback-panel="chat"] .ppc-captcha-row input:focus {
    border-color: rgba(63,190,117,.58) !important;
    box-shadow: 0 0 0 2px rgba(63,190,117,.09) !important;
}
.pancer-premium .feedback-panel[data-feedback-panel="chat"] .ppc-captcha {
    border-color: rgba(63,190,117,.30);
    background: rgba(63,190,117,.035);
}
.pancer-premium .feedback-panel[data-feedback-panel="chat"] .ppc-captcha-row input {
    border-color: rgba(63,190,117,.24);
    background: #111;
}

@media (max-width: 640px) {
    .pancer-premium .feedback-panel[data-feedback-panel="chat"] .pancer-public-chat-host .ppc-chat {
        border-left: 1px solid rgba(63,190,117,.34) !important;
        border-right: 1px solid rgba(63,190,117,.34) !important;
        border-radius: 16px;
    }
    .pancer-premium .feedback-panel[data-feedback-panel="chat"] .ppc-messages {
        min-height: 360px;
        height: 52vh;
        margin: 10px;
        padding: 12px;
    }
}