/*
    ow-buttons.css
    Camada OW centralizada para botoes e acoes visuais sem depender do Bootstrap.
    Mantem compatibilidade temporaria com markup legado que ainda usa btn-* junto de ow-toolbar-btn.
*/

.ow-view-header-actions .ow-toolbar-btn {
    margin-left: 0 !important;
}

.ow-toolbar-btn,
a.ow-toolbar-btn,
div.ow-toolbar-btn {
    --ow-btn-bg: #f8fbfe;
    --ow-btn-bg-hover: #eef5fc;
    --ow-btn-bg-active: #e3eef9;
    --ow-btn-border: #dbe6ef;
    --ow-btn-border-hover: #c9d9ea;
    --ow-btn-border-active: #b9cee2;
    --ow-btn-color: #29445f;
    --ow-btn-shadow: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 44px;
    min-height: 38px;
    padding: 10px 14px;
    border: 1px solid var(--ow-btn-border);
    border-radius: 12px;
    background: var(--ow-btn-bg);
    color: var(--ow-btn-color);
    box-shadow: var(--ow-btn-shadow);
    margin-left: 0 !important;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.35;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    outline: 0;
    transition: transform 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
    -webkit-appearance: none;
    appearance: none;
    -webkit-tap-highlight-color: transparent;
}

.ow-toolbar-btn img,
.ow-toolbar-btn .lucide,
.ow-toolbar-btn [data-lucide] {
    flex: 0 0 auto;
}

.ow-toolbar-btn img,
.ow-toolbar-btn .lucide,
.ow-toolbar-btn [data-lucide] {
    width: 16px;
    height: 16px;
    stroke-width: 1;
}

.ow-toolbar-btn .fa,
.ow-toolbar-btn .glyphicon {
    width: 16px;
    height: 16px;
    font-size: 16px;
    line-height: 1;
    text-align: center;
}

.ow-toolbar-btn span:last-child {
    line-height: 1;
}

.ow-toolbar-btn:hover,
.ow-toolbar-btn:focus-visible {
    background: var(--ow-btn-bg-hover);
    border-color: var(--ow-btn-border-hover);
    color: var(--ow-btn-color);
    transform: translateY(-1px);
    box-shadow: 0 10px 18px rgba(15, 33, 58, 0.08);
    text-decoration: none;
}

.ow-toolbar-btn:focus {
    outline: 0;
}

.ow-toolbar-btn:active,
.ow-toolbar-btn.active,
.open .dropdown-toggle.ow-toolbar-btn,
.ow-toolbar-btn:active:hover,
.ow-toolbar-btn:active:focus,
.ow-toolbar-btn:active:focus-visible,
.ow-toolbar-btn.active:hover,
.ow-toolbar-btn.active:focus,
.ow-toolbar-btn.active:focus-visible,
.open .dropdown-toggle.ow-toolbar-btn:hover,
.open .dropdown-toggle.ow-toolbar-btn:focus {
    background: var(--ow-btn-bg-active);
    border-color: var(--ow-btn-border-active);
    color: var(--ow-btn-color);
    transform: translateY(0);
    box-shadow: none !important;
    background-image: none;
}

.ow-toolbar-btn:disabled,
.ow-toolbar-btn[disabled],
fieldset[disabled] .ow-toolbar-btn {
    opacity: 0.58;
    transform: none;
    box-shadow: none;
    cursor: not-allowed;
    pointer-events: none;
}

.ow-toolbar-btn:disabled:hover,
.ow-toolbar-btn[disabled]:hover,
fieldset[disabled] .ow-toolbar-btn:hover {
    transform: none;
    box-shadow: none;
}

.ow-toolbar-btn-xs,
.ow-toolbar-btn.btn-xs {
    min-height: 28px;
    padding: 4px 8px;
    border-radius: 9px;
    font-size: 12px;
}

.ow-toolbar-btn-sm,
.ow-toolbar-btn.btn-sm {
    min-height: 34px;
    padding: 7px 11px;
    border-radius: 10px;
    font-size: 13px;
}

.ow-toolbar-btn-md,
.ow-toolbar-btn.btn-md {
    min-height: 38px;
    padding: 10px 14px;
}

.ow-toolbar-btn-lg,
.ow-toolbar-btn.btn-lg {
    min-height: 44px;
    padding: 12px 18px;
    border-radius: 13px;
    font-size: 15px;
}

.ow-toolbar-btn-block,
.ow-toolbar-btn.btn-block {
    display: flex;
    width: 100%;
}

.ow-toolbar-btn-default,
.ow-toolbar-btn.btn-default {
    --ow-btn-bg: #f8fbfe;
    --ow-btn-bg-hover: #eef5fc;
    --ow-btn-bg-active: #e3eef9;
    --ow-btn-border: #dbe6ef;
    --ow-btn-border-hover: #c9d9ea;
    --ow-btn-border-active: #b9cee2;
    --ow-btn-color: #29445f;
}

.ow-toolbar-btn-raised,
.ow-toolbar-btn.ow-toolbar-btn-raised {
    --ow-btn-shadow: 0 2px 4px rgba(15, 23, 42, 0.30);
}

.ow-toolbar-btn-plan-picker,
.ow-toolbar-btn.ow-toolbar-btn-plan-picker {
    --ow-btn-bg: #1473E6;
    --ow-btn-bg-hover: #1473E6;
    --ow-btn-bg-active: #1473E6;
    --ow-btn-border: #1473E6;
    --ow-btn-border-hover: #1473E6;
    --ow-btn-border-active: #1473E6;
    --ow-btn-color: #ffffff;
    --ow-btn-shadow: 0 2px 4px rgba(15, 23, 42, 0.30);
    gap: 10px;
    justify-content: space-between;
    max-width: 100%;
    min-width: 132px;
    padding-left: 12px;
    padding-right: 10px;
}

.ow-toolbar-btn-plan-picker .ow-toolbar-btn-plan-picker-caret {
    margin-left: 2px;
}

.ow-toolbar-btn-primary,
.ow-toolbar-btn.btn-primary {
    --ow-btn-bg: #337ab7;
    --ow-btn-bg-hover: #286090;
    --ow-btn-bg-active: #204d74;
    --ow-btn-border: #2e6da4;
    --ow-btn-border-hover: #204d74;
    --ow-btn-border-active: #122b40;
    --ow-btn-color: #ffffff;
    --ow-btn-shadow: 0 2px 4px rgba(15, 23, 42, 0.30);
}

.ow-toolbar-btn-success,
.ow-toolbar-btn.btn-success {
    --ow-btn-bg: #5cb85c;
    --ow-btn-bg-hover: #449d44;
    --ow-btn-bg-active: #398439;
    --ow-btn-border: #4cae4c;
    --ow-btn-border-hover: #398439;
    --ow-btn-border-active: #255625;
    --ow-btn-color: #ffffff;
    --ow-btn-shadow: 0 12px 24px rgba(15, 23, 42, 0.14);
}

.ow-toolbar-btn-info,
.ow-toolbar-btn.btn-info {
    --ow-btn-bg: #5bc0de;
    --ow-btn-bg-hover: #31b0d5;
    --ow-btn-bg-active: #269abc;
    --ow-btn-border: #46b8da;
    --ow-btn-border-hover: #269abc;
    --ow-btn-border-active: #1b6d85;
    --ow-btn-color: #ffffff;
    --ow-btn-shadow: 0 2px 4px rgba(15, 23, 42, 0.30);
}

.ow-toolbar-btn-warning,
.ow-toolbar-btn.btn-warning {
    --ow-btn-bg: #f0ad4e;
    --ow-btn-bg-hover: #ec971f;
    --ow-btn-bg-active: #d58512;
    --ow-btn-border: #eea236;
    --ow-btn-border-hover: #d58512;
    --ow-btn-border-active: #985f0d;
    --ow-btn-color: #ffffff;
    --ow-btn-shadow: 0 2px 4px rgba(15, 23, 42, 0.30);
}

.ow-toolbar-btn-danger,
.ow-toolbar-btn.btn-danger {
    --ow-btn-bg: #d9534f;
    --ow-btn-bg-hover: #c9302c;
    --ow-btn-bg-active: #ac2925;
    --ow-btn-border: #d43f3a;
    --ow-btn-border-hover: #ac2925;
    --ow-btn-border-active: #761c19;
    --ow-btn-color: #ffffff;
    --ow-btn-shadow: 0 2px 4px rgba(15, 23, 42, 0.30);
}

.ow-toolbar-btn-link,
.ow-toolbar-btn.btn-link {
    --ow-btn-bg: transparent;
    --ow-btn-bg-hover: rgba(49, 111, 167, 0.08);
    --ow-btn-bg-active: rgba(49, 111, 167, 0.12);
    --ow-btn-border: transparent;
    --ow-btn-border-hover: transparent;
    --ow-btn-border-active: transparent;
    --ow-btn-color: #2f6fa7;
    padding-left: 0;
    padding-right: 0;
    box-shadow: none;
}

.ow-toolbar-btn-excel,
.ow-toolbar-btn.btn-excel {
    --ow-btn-bg: #217345;
    --ow-btn-bg-hover: #1b6139;
    --ow-btn-bg-active: #154f2f;
    --ow-btn-border: #217345;
    --ow-btn-border-hover: #1b6139;
    --ow-btn-border-active: #154f2f;
    --ow-btn-color: #ffffff;
    --ow-btn-shadow: 0 2px 4px rgba(15, 23, 42, 0.30);
}

.ow-toolbar-btn-copy,
.ow-toolbar-btn.btn-copy {
    --ow-btn-bg: #2ea44f;
    --ow-btn-bg-hover: #278d43;
    --ow-btn-bg-active: #1f7436;
    --ow-btn-border: #2ea44f;
    --ow-btn-border-hover: #278d43;
    --ow-btn-border-active: #1f7436;
    --ow-btn-color: #ffffff;
    --ow-btn-shadow: 0 2px 4px rgba(15, 23, 42, 0.30);
}

.ow-toolbar-btn-liquidar,
.ow-toolbar-btn.btn-liquidar {
    --ow-btn-bg: #dff7df;
    --ow-btn-bg-hover: #cdefcd;
    --ow-btn-bg-active: #bce7bc;
    --ow-btn-border: #35af35;
    --ow-btn-border-hover: #2e9a2e;
    --ow-btn-border-active: #247824;
    --ow-btn-color: #267e26;
}

.ow-toolbar-btn-print,
.ow-toolbar-btn.btn-print,
.ow-toolbar-btn-filtrar,
.ow-toolbar-btn.btn-filtrar {
    --ow-btn-bg: #ffcb00;
    --ow-btn-bg-hover: #f0bf00;
    --ow-btn-bg-active: #e1b300;
    --ow-btn-border: #ffcb00;
    --ow-btn-border-hover: #e1b300;
    --ow-btn-border-active: #c49600;
    --ow-btn-color: #482828;
    --ow-btn-shadow: 0 2px 4px rgba(15, 23, 42, 0.30);
}

.ow-toolbar-btn-sign,
.ow-toolbar-btn.btn-sign {
    --ow-btn-bg: #141414;
    --ow-btn-bg-hover: #0a0a0a;
    --ow-btn-bg-active: #000000;
    --ow-btn-border: #f47501;
    --ow-btn-border-hover: #d86300;
    --ow-btn-border-active: #b75200;
    --ow-btn-color: #ffffff;
}

.ow-toolbar-btn-microsoft,
.ow-toolbar-btn.btn-microsoft {
    --ow-btn-bg: #2563eb;
    --ow-btn-bg-hover: #1d4ed8;
    --ow-btn-bg-active: #1e40af;
    --ow-btn-border: #1d4ed8;
    --ow-btn-border-hover: #1e40af;
    --ow-btn-border-active: #1e3a8a;
    --ow-btn-color: #ffffff;
}

.ow-toolbar-btn-google,
.ow-toolbar-btn.btn-google {
    --ow-btn-bg: #db4437;
    --ow-btn-bg-hover: #c53929;
    --ow-btn-bg-active: #a92f22;
    --ow-btn-border: #c53929;
    --ow-btn-border-hover: #a92f22;
    --ow-btn-border-active: #8d271c;
    --ow-btn-color: #ffffff;
}

.ow-toolbar-btn-mail,
.ow-toolbar-btn.btn-mail {
    --ow-btn-bg: #0f9bd7;
    --ow-btn-bg-hover: #0b84b7;
    --ow-btn-bg-active: #086792;
    --ow-btn-border: #0b84b7;
    --ow-btn-border-hover: #086792;
    --ow-btn-border-active: #074f70;
    --ow-btn-color: #ffffff;
}

.ow-toolbar-btn-phone,
.ow-toolbar-btn.btn-phone {
    --ow-btn-bg: #16a34a;
    --ow-btn-bg-hover: #15803d;
    --ow-btn-bg-active: #166534;
    --ow-btn-border: #15803d;
    --ow-btn-border-hover: #166534;
    --ow-btn-border-active: #14532d;
    --ow-btn-color: #ffffff;
}

.ow-toolbar-btn-whatsapp,
.ow-toolbar-btn.btn-whatsapp {
    --ow-btn-bg: linear-gradient(180deg, #11d271 0%, #09b862 100%);
    --ow-btn-bg-hover: linear-gradient(180deg, #0fc86c 0%, #08ab5a 100%);
    --ow-btn-bg-active: linear-gradient(180deg, #0db961 0%, #079d53 100%);
    --ow-btn-border: #08b05d;
    --ow-btn-border-hover: #079d53;
    --ow-btn-border-active: #067f44;
    --ow-btn-color: #ffffff;
    --ow-btn-shadow: 0 12px 24px rgba(17, 210, 113, 0.20);
}

.ow-toolbar-btn-whatsapp img,
.ow-toolbar-btn.btn-whatsapp img {
    width: 26px;
    height: 26px;
}

img.ow-whatsapp-icon {
    display: block;
    width: 26px;
    height: 26px;
}

img.ow-whatsapp-icon.ow-whatsapp-icon-inline {
    display: inline-block;
    flex: 0 0 auto;
    margin-right: 6px;
    vertical-align: middle;
}

.ow-toolbar-btn-success-soft,
.ow-toolbar-btn.btn-success-soft {
    --ow-btn-bg: #edf9f2;
    --ow-btn-bg-hover: #e6f5ec;
    --ow-btn-bg-active: #d6ecde;
    --ow-btn-border: #cfe7da;
    --ow-btn-border-hover: #bddcc9;
    --ow-btn-border-active: #a8cfb7;
    --ow-btn-color: #177554;
}

.ow-toolbar-btn-info-soft,
.ow-toolbar-btn.btn-info-soft {
    --ow-btn-bg: #eef4ff;
    --ow-btn-bg-hover: #e7effd;
    --ow-btn-bg-active: #dbe7fb;
    --ow-btn-border: #d6e3fb;
    --ow-btn-border-hover: #c4d5f5;
    --ow-btn-border-active: #adc5ef;
    --ow-btn-color: #355fa5;
}

.ow-toolbar-btn-danger-soft,
.ow-toolbar-btn.btn-danger-soft {
    --ow-btn-bg: #fff1f3;
    --ow-btn-bg-hover: #feeaed;
    --ow-btn-bg-active: #fce0e5;
    --ow-btn-border: #f2d6dc;
    --ow-btn-border-hover: #ebc6cf;
    --ow-btn-border-active: #e0acb8;
    --ow-btn-color: #c4475f;
}

.ow-toolbar-actions-card .ow-toolbar-soft-action {
    --ow-btn-bg: #f4f7fb;
    --ow-btn-bg-hover: #edf3f9;
    --ow-btn-bg-active: #e5edf6;
    --ow-btn-border: #d8e1ec;
    --ow-btn-border-hover: #c8d6e5;
    --ow-btn-border-active: #b7c8da;
    --ow-btn-color: #254b70;
}

.ow-toolbar-selected-action {
    --ow-btn-bg: #e7eef6;
    --ow-btn-bg-hover: #dfe8f2;
    --ow-btn-bg-active: #d5e1ed;
    --ow-btn-border: #c6d2e1;
    --ow-btn-border-hover: #b7c8da;
    --ow-btn-border-active: #a8bcce;
    --ow-btn-color: #254b70;
}

.ow-view-action-refresh {
    color: #2e6c53 !important;
}

.ow-view-action-help {
    color: #315d8a !important;
}

.ow-view-action-help span:last-child {
    padding-left: 10px;
}

.ow-toolbar-btn.ow-toolbar-icon-only,
a.ow-toolbar-btn.ow-toolbar-icon-only,
div.ow-toolbar-btn.ow-toolbar-icon-only {
    width: 48px;
    min-width: 48px;
    padding-left: 0;
    padding-right: 0;
    justify-content: center;
    flex: 0 0 48px;
}

.ow-toolbar-icon-button img {
    width: 18px;
    height: 18px;
}

#contentPanel .ow-toolbar-btn,
.dx-overlay-content .ow-toolbar-btn {
    min-width: 46px;
    min-height: 36px;
    padding: 0 14px;
    border-radius: 14px;
    margin: 0 !important;
}

#contentPanel .ow-toolbar-btn .fa,
#contentPanel .ow-toolbar-btn .lucide,
#contentPanel .ow-toolbar-btn .glyphicon,
#contentPanel .ow-toolbar-btn [data-lucide],
.dx-overlay-content .ow-toolbar-btn .fa,
.dx-overlay-content .ow-toolbar-btn .lucide,
.dx-overlay-content .ow-toolbar-btn .glyphicon,
.dx-overlay-content .ow-toolbar-btn [data-lucide] {
    width: 18px;
    height: 18px;
    font-size: 18px;
    stroke-width: 1;
}

#agendaV2Page .ow-agenda-v2-toolbar .ow-toolbar-btn-success .lucide,
#agendaV2Page .ow-agenda-v2-toolbar .ow-toolbar-btn.btn-success .lucide {
    color: inherit;
}

#agendaV2Page .ow-agenda-v2-toolbar .ow-toolbar-btn {
    min-width: 48px;
    min-height: 48px;
    padding: 0 14px;
    border-radius: 14px;
}

#agendaV2Page .ow-agenda-v2-toolbar .ow-toolbar-btn .lucide,
#agendaV2Page .ow-agenda-v2-toolbar .ow-toolbar-btn .fa,
#agendaV2Page .ow-agenda-v2-toolbar .ow-toolbar-btn [data-lucide] {
    width: 18px;
    height: 18px;
    font-size: 18px;
    stroke-width: 1;
}

@media (max-width: 991px) {
    #contentPanel .ow-toolbar-btn,
    .dx-overlay-content .ow-toolbar-btn {
        min-height: 44px;
        min-width: 44px;
        padding: 0 12px;
        border-radius: 12px;
    }

    .ow-toolbar-btn.ow-toolbar-icon-only,
    a.ow-toolbar-btn.ow-toolbar-icon-only,
    div.ow-toolbar-btn.ow-toolbar-icon-only {
        width: 44px;
        min-width: 44px;
        padding-left: 0;
        padding-right: 0;
        flex-basis: 44px;
    }

    #agendaV2Page .ow-agenda-v2-toolbar .ow-toolbar-btn {
        min-height: 44px;
        min-width: 44px;
        border-radius: 12px;
    }
}