/* AxessInsiteERP HTML5 Webclient Branding */

/* Page background */
body, #root {
    background-color: #f4f6fa !important;
}

/* Login dialog header */
[class*="ms-Dialog-title"] {
    background-color: #1a2340 !important;
    border-bottom: 3px solid #2e7dff !important;
    display: flex !important;
    align-items: center !important;
    padding: 12px 20px !important;
    gap: 12px !important;
    color: #ffffff !important;
}

/* Logo inside login dialog header */
[class*="ms-Dialog-title"]::before {
    content: "" !important;
    display: inline-block !important;
    width: 120px !important;
    height: 36px !important;
    background-image: url("/RDWeb/brand/logo.png") !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: center !important;
    background-color: #ffffff !important;
    border-radius: 999px !important;
    padding: 6px 16px !important;
    box-sizing: content-box !important;
    flex-shrink: 0 !important;
}

/* Warning banner - left aligned above privacy policy */
[class*="ms-Dialog-actionsRight"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 8px !important;
}

[class*="ms-Dialog-actionsRight"]::before {
    content: "Authorized users only. All activity on this system is monitored and logged." !important;
    display: block !important;
    width: 100% !important;
    font-size: 11px !important;
    color: #3d5a9a !important;
    font-family: "Segoe UI", Arial, sans-serif !important;
    background: rgba(46,125,255,0.08) !important;
    border-left: 3px solid #2e7dff !important;
    padding: 6px 10px !important;
    border-radius: 0 4px 4px 0 !important;
    box-sizing: border-box !important;
    text-align: left !important;
}

/* Sign in button */
button[class*="primary"],
[class*="signInButton"] {
    background-color: #2e7dff !important;
    border-color: #2e7dff !important;
    color: #ffffff !important;
}

button[class*="primary"]:hover {
    background-color: #1a65e0 !important;
}

/* App tile hover */
[class*="appTile"]:hover {
    border-color: #2e7dff !important;
    box-shadow: 0 2px 12px rgba(46,125,255,0.14) !important;
}