/* Loaded straight after material-main.css (AgentLive's default theme). Keeps Material's colours and look but brings
   control sizes back to what AgentLive's screens were laid out for (Ocean Blue): Material's own buttons/inputs are
   40px high with 24px side padding and use Roboto, which isn't loaded, so text fell back to a smaller system font.
   Selectors repeat the class pair Material itself uses (e.g. .k-button.k-button-md) so these win. */

:root {
    --kendo-font-family: inherit;
}

/* buttons: md 30px, sm 26px, lg 34px high (Ocean Blue sizes) */
.k-button, .k-button.k-button-md { padding-block: 4px; padding-inline: 8px; font-weight: 400; }
.k-button.k-button-sm { padding-block: 2px; padding-inline: 8px; }
.k-button.k-button-lg { padding-block: 6px; padding-inline: 12px; }
.k-button.k-icon-button, .k-button.k-button-md.k-icon-button { padding: 4px; }
.k-button.k-button-sm.k-icon-button { padding: 2px; }
.k-button.k-button-lg.k-icon-button { padding: 6px; }

/* text boxes, pickers, dropdowns: 30px high, 14px text */
.k-input, .k-input.k-input-md, .k-picker, .k-picker.k-picker-md { font-size: 14px; line-height: 20px; }
.k-input .k-input-inner, .k-input.k-input-md .k-input-inner,
.k-picker .k-input-inner, .k-picker.k-picker-md .k-input-inner { padding-block: 4px; padding-inline: 8px; }
.k-input.k-input-sm .k-input-inner, .k-picker.k-picker-sm .k-input-inner { padding-block: 2px; padding-inline: 8px; }
.k-input .k-input-button, .k-input.k-input-md .k-input-button,
.k-picker .k-input-button, .k-picker.k-picker-md .k-input-button { padding-block: 4px; padding-inline: 4px; }

/* grids, lists, tabs, menus, toolbars: Ocean Blue row heights */
.k-grid .k-table-th, .k-grid.k-grid-md .k-table-th,
.k-grid .k-table-td, .k-grid.k-grid-md .k-table-td { padding-block: 8px; padding-inline: 12px; }
.k-grid { font-size: 14px; }
/* column headings: 13px semi-bold */
.k-grid .k-table-th, .k-grid.k-grid-md .k-table-th,
.k-grid .k-table-th .k-link, .k-grid .k-table-th .k-column-title { font-size: 13px; font-weight: 600; }
.k-list .k-list-item, .k-list.k-list-md .k-list-item,
.k-list .k-list-optionlabel, .k-list.k-list-md .k-list-optionlabel { padding-block: 4px; padding-inline: 8px; }
.k-tabstrip .k-tabstrip-items .k-link, .k-tabstrip.k-tabstrip-md .k-tabstrip-items .k-link { padding-block: 6px; padding-inline: 12px; }
.k-menu .k-menu-link, .k-menu.k-menu-md .k-menu-link { padding-block: 4px; padding-inline: 8px; }
.k-toolbar, .k-toolbar.k-toolbar-md { padding-block: 4px; padding-inline: 8px; }