/* ============================================================
   DevExpress Blazor — override stilovi za Hospitality
   ============================================================ */

/* ===== PrintViewer (report popup) ===== */

/* Modal content puni zadanu visinu (calc(100vh - 3.5rem)) i slaže header+body u kolonu */
.dxbl-popup .dxbl-modal-content {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

/* Popup body bez paddinga + flex da report viewer ispuni cijelu visinu */
.dxbl-popup .dxbl-modal-body {
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
}

/* Report viewer puni cijelu visinu popup body-ja */
.MyRepViewer,
.MyRepViewer > div,
.dxbrv,
.dxbrv-wrapper,
.dxbrv-surface-wrapper {
    height: 100% !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
}

/* ===== Input komponenta — box button ikone (CustomBox) =====
   Koristi VC.Raz Input.razor (DxEditorButton IconCssClass).
   Ikone su inline SVG mask (currentColor), bez vanjskih slika. */
.CustomBoxbtnIconPic {
    background-color: gray !important;
    background-image: none !important;
    height: 16px !important;
    width: 16px !important;
    display: block;
    --dxbl-image-margin-y: 0 !important;
    background-repeat: no-repeat !important;
    -webkit-mask-repeat: no-repeat !important;
}

.CustomBoxbtnIcon-dots {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='%23000000' class='bi bi-three-dots-vertical'%3E%3Cpath d='M9.5 13a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z'/%3E%3C/svg%3E") !important;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='%23000000' class='bi bi-three-dots-vertical'%3E%3Cpath d='M9.5 13a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z'/%3E%3C/svg%3E") !important;
}

.CustomBoxbtnIcon-person {
    mask-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16' height='16' viewBox='0 0 512 512' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M256,0c-70.4,0-128,71.7-128,160s57.6,160,128,160s128-71.7,128-160S326.4,0,256,0z M122.3,320C54.4,323.2,0,378.9,0,448 v64h512v-64c0-69.1-53.8-124.8-122.3-128c-34.6,39-81.9,64-133.8,64S156.8,359,122.3,320z'/%3E%3C/g%3E%3C/svg%3E%0A") !important;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16' height='16' viewBox='0 0 512 512' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M256,0c-70.4,0-128,71.7-128,160s57.6,160,128,160s128-71.7,128-160S326.4,0,256,0z M122.3,320C54.4,323.2,0,378.9,0,448 v64h512v-64c0-69.1-53.8-124.8-122.3-128c-34.6,39-81.9,64-133.8,64S156.8,359,122.3,320z'/%3E%3C/g%3E%3C/svg%3E%0A") !important;
}

.CustomBoxbtnIcon-find {
    mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='16' height='16' viewBox='0 0 122.879 119.799'%3E%3Cg%3E%3Cpath d='M49.988,0h0.016v0.007C63.803,0.011,76.298,5.608,85.34,14.652c9.027,9.031,14.619,21.515,14.628,35.303h0.007v0.073h-0.007c-0.005,5.557-0.917,10.905-2.594,15.892c-0.281,0.837-0.575,1.641-0.877,2.409v0.007c-1.446,3.66-3.315,7.12-5.547,10.307l29.082,26.139l0.018,0.016l0.157,0.146l0.011,0.011c1.642,1.563,2.536,3.656,2.649,5.78c0.11,2.1-0.543,4.248-1.979,5.971l-0.011,0.016l-0.39,0.426l-0.016,0.021c-1.565,1.642-3.654,2.534-5.78,2.646c-2.097,0.111-4.247-0.54-5.971-1.978l-0.015-0.011l-0.233-0.199L78.761,90.865c-0.88,0.62-1.778,1.209-2.687,1.765c-1.233,0.755-2.51,1.466-3.813,2.115c-6.699,3.342-14.269,5.222-22.272,5.222v0.007h-0.016v-0.007c-13.799-0.004-26.296-5.601-35.338-14.645C5.605,76.291,0.016,63.805,0.007,50.021H0v-0.049h0.007c0.004-13.799,5.601-26.296,14.645-35.338C23.683,5.608,36.167,0.016,49.955,0.007V0H49.988L49.988,0z M50.004,11.21v0.007h-0.049V11.21c-10.686,0.007-20.372,4.35-27.384,11.359C15.56,29.578,11.213,39.274,11.21,49.973h0.007v0.049H11.21c0.007,10.686,4.347,20.367,11.359,27.381c7.009,7.012,16.705,11.359,27.403,11.361v-0.007h0.049v0.007c10.686-0.007,20.368-4.348,27.382-11.359c7.011-7.009,11.358-16.702,11.36-27.4h-0.006v-0.049h0.006c-0.006-10.686-4.35-20.372-11.358-27.384C70.396,15.56,60.703,11.213,50.004,11.21L50.004,11.21z'/%3E%3C/g%3E%3C/svg%3E") !important;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='16' height='16' viewBox='0 0 122.879 119.799'%3E%3Cg%3E%3Cpath d='M49.988,0h0.016v0.007C63.803,0.011,76.298,5.608,85.34,14.652c9.027,9.031,14.619,21.515,14.628,35.303h0.007v0.073h-0.007c-0.005,5.557-0.917,10.905-2.594,15.892c-0.281,0.837-0.575,1.641-0.877,2.409v0.007c-1.446,3.66-3.315,7.12-5.547,10.307l29.082,26.139l0.018,0.016l0.157,0.146l0.011,0.011c1.642,1.563,2.536,3.656,2.649,5.78c0.11,2.1-0.543,4.248-1.979,5.971l-0.011,0.016l-0.39,0.426l-0.016,0.021c-1.565,1.642-3.654,2.534-5.78,2.646c-2.097,0.111-4.247-0.54-5.971-1.978l-0.015-0.011l-0.233-0.199L78.761,90.865c-0.88,0.62-1.778,1.209-2.687,1.765c-1.233,0.755-2.51,1.466-3.813,2.115c-6.699,3.342-14.269,5.222-22.272,5.222v0.007h-0.016v-0.007c-13.799-0.004-26.296-5.601-35.338-14.645C5.605,76.291,0.016,63.805,0.007,50.021H0v-0.049h0.007c0.004-13.799,5.601-26.296,14.645-35.338C23.683,5.608,36.167,0.016,49.955,0.007V0H49.988L49.988,0z M50.004,11.21v0.007h-0.049V11.21c-10.686,0.007-20.372,4.35-27.384,11.359C15.56,29.578,11.213,39.274,11.21,49.973h0.007v0.049H11.21c0.007,10.686,4.347,20.367,11.359,27.381c7.009,7.012,16.705,11.359,27.403,11.361v-0.007h0.049v0.007c10.686-0.007,20.368-4.348,27.382-11.359c7.011-7.009,11.358-16.702,11.36-27.4h-0.006v-0.049h0.006c-0.006-10.686-4.35-20.372-11.358-27.384C70.396,15.56,60.703,11.213,50.004,11.21L50.004,11.21z'/%3E%3C/g%3E%3C/svg%3E") !important;
}

.CustomBoxbtnIcon-del {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 8 8'%3E%3Cpath fill='currentColor' d='M4 0C1.79 0 0 1.79 0 4s1.79 4 4 4s4-1.79 4-4s-1.79-4-4-4M2.5 1.78L4 3.28l1.5-1.5l.72.72L4.72 4l1.5 1.5l-.72.72L4 4.72l-1.5 1.5l-.72-.72L3.28 4l-1.5-1.5z'/%3E%3C/svg%3E") !important;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 8 8'%3E%3Cpath fill='currentColor' d='M4 0C1.79 0 0 1.79 0 4s1.79 4 4 4s4-1.79 4-4s-1.79-4-4-4M2.5 1.78L4 3.28l1.5-1.5l.72.72L4.72 4l1.5 1.5l-.72.72L4 4.72l-1.5 1.5l-.72-.72L3.28 4l-1.5-1.5z'/%3E%3C/svg%3E") !important;
}

.CustomBoxbtnIcon-download {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 8 8'%3E%3Cpath fill='currentColor' d='M4.5 0C3.29 0 2.23.86 2 2C.9 2 0 2.9 0 4c0 .37.11.71.28 1H3v-.5C3 3.67 3.67 3 4.5 3S6 3.67 6 4.5V5h1.91c.06-.16.09-.32.09-.5c0-.65-.42-1.29-1-1.5v-.5A2.5 2.5 0 0 0 4.5 0m-.16 4a.5.5 0 0 0-.34.5V6H2.5l2 2l2-2H5V4.5a.5.5 0 0 0-.59-.5h-.06z'/%3E%3C/svg%3E") !important;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 8 8'%3E%3Cpath fill='currentColor' d='M4.5 0C3.29 0 2.23.86 2 2C.9 2 0 2.9 0 4c0 .37.11.71.28 1H3v-.5C3 3.67 3.67 3 4.5 3S6 3.67 6 4.5V5h1.91c.06-.16.09-.32.09-.5c0-.65-.42-1.29-1-1.5v-.5A2.5 2.5 0 0 0 4.5 0m-.16 4a.5.5 0 0 0-.34.5V6H2.5l2 2l2-2H5V4.5a.5.5 0 0 0-.59-.5h-.06z'/%3E%3C/svg%3E") !important;
}

.CustomBoxbtnIcon-attach {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 8 8'%3E%3Cpath fill='currentColor' d='M5 0c-.51 0-1.02.21-1.41.59L.81 3.31a2.746 2.746 0 0 0 0 3.88a2.746 2.746 0 0 0 3.88 0l1.25-1.25l-.69-.69l-1.16 1.13l-.09.13c-.69.69-1.81.69-2.5 0c-.68-.68-.66-1.78 0-2.47l2.78-2.75c.39-.39 1.04-.39 1.44 0c.39.39.37 1.01 0 1.41l-2.5 2.47c-.1.1-.27.1-.38 0c-.1-.1-.1-.27 0-.38l.06-.03l.91-.94l-.69-.69l-.97.97c-.48.48-.48 1.27 0 1.75s1.27.49 1.75 0l2.5-2.44c.78-.78.78-2.04 0-2.81C6.01.21 5.51.01 4.99.01z'/%3E%3C/svg%3E") !important;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 8 8'%3E%3Cpath fill='currentColor' d='M5 0c-.51 0-1.02.21-1.41.59L.81 3.31a2.746 2.746 0 0 0 0 3.88a2.746 2.746 0 0 0 3.88 0l1.25-1.25l-.69-.69l-1.16 1.13l-.09.13c-.69.69-1.81.69-2.5 0c-.68-.68-.66-1.78 0-2.47l2.78-2.75c.39-.39 1.04-.39 1.44 0c.39.39.37 1.01 0 1.41l-2.5 2.47c-.1.1-.27.1-.38 0c-.1-.1-.1-.27 0-.38l.06-.03l.91-.94l-.69-.69l-.97.97c-.48.48-.48 1.27 0 1.75s1.27.49 1.75 0l2.5-2.44c.78-.78.78-2.04 0-2.81C6.01.21 5.51.01 4.99.01z'/%3E%3C/svg%3E") !important;
}

.CustomBoxbtnIcon-mailbook {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 8 8'%3E%3Cpath fill='currentColor' d='M1 0C.93 0 .87.01.81.03C.42.11.11.42.03.81C0 .87 0 .93 0 1v5.5C0 7.33.67 8 1.5 8H7V7H1.5c-.28 0-.5-.22-.5-.5s.22-.5.5-.5H7V.5c0-.28-.22-.5-.5-.5H6v3L5 2L4 3V0z'/%3E%3C/svg%3E") !important;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 8 8'%3E%3Cpath fill='currentColor' d='M1 0C.93 0 .87.01.81.03C.42.11.11.42.03.81C0 .87 0 .93 0 1v5.5C0 7.33.67 8 1.5 8H7V7H1.5c-.28 0-.5-.22-.5-.5s.22-.5.5-.5H7V.5c0-.28-.22-.5-.5-.5H6v3L5 2L4 3V0z'/%3E%3C/svg%3E") !important;
}