/*
Theme Name: Hatton Assist Theme
Theme URI: https://hattontraffic.co.uk
Author: Hatton Traffic Management Ltd
Description: Minimal application shell theme for Hatton Assist. Removes public website theme chrome and lets the Hatton Assist plugin control the interface.
Version: 1.2.0
Text Domain: hatton-assist-theme
*/

:root {
    --ha-page-bg: #f5f7fb;
    --ha-text: #0f2a4a;
    --ha-muted: #667085;
    --ha-blue: #086dff;
    --ha-border: #d9e2f0;
}

html,
body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    min-height: 100%;
    background: var(--ha-page-bg);
}

body.hatton-assist-body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: var(--ha-text);
    background: var(--ha-page-bg);
    overflow: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body.hatton-assist-body * {
    box-sizing: border-box;
}

body.hatton-assist-body h1,
body.hatton-assist-body h2,
body.hatton-assist-body h3,
body.hatton-assist-body h4,
body.hatton-assist-body h5,
body.hatton-assist-body h6,
body.hatton-assist-body p {
    font-family: inherit;
}

body.hatton-assist-body input,
body.hatton-assist-body select,
body.hatton-assist-body textarea,
body.hatton-assist-body button {
    font-family: inherit;
}

body.hatton-assist-body a {
    color: inherit;
}

#hatton-assist-root {
    width: 100vw;
    height: 100vh;
    min-height: 100vh;
    overflow: hidden;
    margin: 0;
    padding: 0;
    background: var(--ha-page-bg);
}

body.hatton-assist-body :focus-visible {
    outline: 3px solid rgba(8, 109, 255, 0.22);
    outline-offset: 2px;
}

body.hatton-assist-body .tmjr-wrap,
body.hatton-assist-body .tmjr-wrap * {
    font-family: inherit;
}

@media (max-width: 980px) {
    body.hatton-assist-body,
    #hatton-assist-root {
        height: auto;
        overflow: auto;
    }
}