/* Faktorya-panel Styling rules */

/* Hide chat input controls when waiting for acceptance */
.Faktorya-panel.W div.chat-controls,
.Faktorya-panel.R div.chat-controls,
.Faktorya-panel.I div.chat-controls {
    display: none;
}

/* Accept Panel structure and layout */
.Faktorya-panel .accept-panel {
    position: relative;
    width: 100%;
    height: max-content;
    align-items: center;
    display: flex;
}

.Faktorya-panel.R .accept-panel,
.Faktorya-panel.W .accept-panel,
.Faktorya-panel.I .accept-panel {
    height: max-content;
    margin: 20px 0;
}

.Faktorya-panel .accept-panel>div {
    width: 100%;
    padding: 0;
    justify-content: center;
    flex-wrap: nowrap;
    flex-direction: column;
    display: flex;
}

/* Button styles matching Whatsapp style inputs */
.Faktorya-panel button.btn-default>img {
    width: max-content;
    padding: 3px 5px;
    height: 25px;
    margin-bottom: 0;
    margin-right: 5px;
}

/* Button visibility depending on the state of the panel */
.W.Faktorya-panel .accept-panel .accept-button,
.W.Faktorya-panel .accept-panel .reject-button {
    display: flex;
}

.W.Faktorya-panel .accept-panel .close-button {
    display: none;
}

.A.Faktorya-panel .accept-panel .accept-button,
.A.Faktorya-panel .accept-panel .reject-button {
    display: none;
}

.A.Faktorya-panel .accept-panel .close-button {
    display: flex;
}

/* Template text visibility depending on state */
.W.Faktorya-panel .accept-panel .template-text {
    display: flex !important;
}

.A.Faktorya-panel .accept-panel .template-text {
    display: none !important;
}