/* DakaFood Bootstrap Icon System v1. Visual-only: keep routes, handlers, and workflows unchanged. */
:root {
    --daka-icon-size: 18px;
    --daka-icon-fg: var(--df-text-secondary, #475467);
    --daka-icon-fg-strong: var(--df-text-primary, #101828);
    --daka-icon-border: var(--df-border-default, #cfdad5);
    --daka-icon-surface: var(--df-surface-panel, #ffffff);
    --daka-icon-surface-hover: var(--df-surface-hover, #eef7f2);
    --daka-icon-active: var(--df-brand-primary, #0b7a4b);
    --daka-icon-disabled: var(--df-disabled-text, #98a2b3);
    --daka-icon-focus: var(--df-ring, rgba(11, 122, 75, 0.22));
}

.daka-icon {
    display: inline-block;
    width: var(--daka-icon-size);
    height: var(--daka-icon-size);
    flex: 0 0 auto;
    color: currentColor;
    fill: currentColor;
    stroke: none;
    vertical-align: -0.18em;
    pointer-events: none;
}

.daka-icon use,
.daka-icon path {
    fill: currentColor;
}

.daka-action-icon,
.daka-search-icon,
.misa-caret {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.misa-icon-button,
.daka-icon-button,
.misa-form-icons button,
.misa-form-back,
.misa-command-bar .misa-command-caret,
.misa-grid-filter-button,
.misa-row-actions .misa-row-action-toggle,
.misa-row-action-toggle,
.misa-toolbar-icon-strip button,
.misa-list-detail-splitter button,
.app-nav-toggle,
.app-sidebar-toggle,
.app-assist-rail button,
.misa-table-settings-header button,
.opening-toolbar-icon,
.misa-list-toolbar button.icon-only,
.misa-list-toolbar button.misa-split-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-width: 32px;
    min-height: 32px;
    border: 1px solid var(--daka-icon-border);
    border-radius: 8px;
    background: var(--daka-icon-surface);
    color: var(--daka-icon-fg);
    line-height: 1;
    box-shadow: none;
    transition: background-color 120ms ease, border-color 120ms ease, color 120ms ease, box-shadow 120ms ease;
}

.misa-icon-button:hover:not(:disabled),
.daka-icon-button:hover:not(:disabled),
.misa-form-icons button:hover:not(:disabled),
.misa-form-back:hover:not(:disabled),
.misa-command-bar .misa-command-caret:hover:not(:disabled),
.misa-grid-filter-button:hover:not(:disabled),
.misa-row-actions .misa-row-action-toggle:hover:not(:disabled),
.misa-row-action-toggle:hover:not(:disabled),
.misa-toolbar-icon-strip button:hover:not(:disabled),
.misa-list-detail-splitter button:hover:not(:disabled),
.app-nav-toggle:hover:not(:disabled),
.app-sidebar-toggle:hover:not(:disabled),
.app-assist-rail button:hover:not(:disabled),
.misa-table-settings-header button:hover:not(:disabled),
.opening-toolbar-icon:hover:not(:disabled),
.misa-list-toolbar button.icon-only:hover:not(:disabled),
.misa-list-toolbar button.misa-split-toggle:hover:not(:disabled) {
    border-color: #86efac;
    background: var(--daka-icon-surface-hover);
    color: var(--daka-icon-active);
}

.misa-icon-button:focus-visible,
.daka-icon-button:focus-visible,
.misa-form-icons button:focus-visible,
.misa-form-back:focus-visible,
.misa-command-bar .misa-command-caret:focus-visible,
.misa-grid-filter-button:focus-visible,
.misa-row-actions .misa-row-action-toggle:focus-visible,
.misa-row-action-toggle:focus-visible,
.misa-toolbar-icon-strip button:focus-visible,
.misa-list-detail-splitter button:focus-visible,
.app-nav-toggle:focus-visible,
.app-sidebar-toggle:focus-visible,
.app-assist-rail button:focus-visible,
.misa-table-settings-header button:focus-visible,
.opening-toolbar-icon:focus-visible,
.misa-list-toolbar button.icon-only:focus-visible,
.misa-list-toolbar button.misa-split-toggle:focus-visible {
    outline: 0;
    border-color: var(--daka-icon-active);
    box-shadow: 0 0 0 3px var(--daka-icon-focus);
}

.misa-icon-button:disabled,
.daka-icon-button:disabled,
.misa-form-icons button:disabled,
.misa-form-back:disabled,
.misa-command-bar .misa-command-caret:disabled,
.misa-grid-filter-button:disabled,
.misa-row-actions .misa-row-action-toggle:disabled,
.misa-row-action-toggle:disabled,
.misa-toolbar-icon-strip button:disabled,
.misa-list-detail-splitter button:disabled,
.app-nav-toggle:disabled,
.app-sidebar-toggle:disabled,
.app-assist-rail button:disabled,
.misa-table-settings-header button:disabled,
.opening-toolbar-icon:disabled,
.misa-list-toolbar button.icon-only:disabled,
.misa-list-toolbar button.misa-split-toggle:disabled {
    cursor: not-allowed;
    opacity: 0.52;
    color: var(--daka-icon-disabled);
}

.misa-list-toolbar .primary .daka-icon,
.misa-header-actions .primary .daka-icon,
.misa-selection-toolbar .primary .daka-icon,
.daka-button.primary .daka-icon {
    color: currentColor;
}

.misa-toolbar-icon-strip button,
.misa-header-actions > button,
.misa-header-actions .misa-split-action > button {
    align-items: center;
}

.misa-global-search,
.misa-table-settings-search,
.daka-search-wrap {
    position: relative;
}

.misa-global-search .daka-search-icon,
.misa-table-settings-search .daka-search-icon,
.daka-search-wrap .daka-search-icon {
    color: #64748b;
}

.misa-grid-head-cell small {
    display: inline-flex;
    align-items: center;
    margin-left: 4px;
    color: var(--daka-icon-active);
}

.misa-grid-filter-button.active {
    border-color: #86efac;
    background: #dcfce7;
    color: var(--daka-icon-active);
}

.misa-row-actions .misa-row-action-toggle {
    min-width: 28px;
    min-height: 28px;
    border-radius: 7px;
}

.misa-list-detail-splitter button {
    min-width: 42px;
    min-height: 24px;
    border-radius: 999px;
}

.app-assist-rail button,
.app-nav-toggle {
    border-radius: 999px;
}

/* Brand kit + dense ERP icon refinements, 2026-06-26.
   Visual-only: keep Blazor routes, handlers and accounting behavior unchanged. */
.app-brand-logo {
    background: #ffffff !important;
    border: 1px solid #d7e0dc !important;
    border-radius: 10px !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08) !important;
    object-fit: contain !important;
    padding: 2px;
}

.misa-grid-filter-button,
.daka-grid-filter-button {
    min-width: 22px;
    min-height: 22px;
    width: 22px;
    height: 22px;
    border-color: #cfd8e3;
    border-radius: 6px;
    color: #5f6f80;
    padding: 0;
}

.misa-grid-filter-button .daka-icon,
.daka-grid-filter-button .daka-icon {
    width: 12px;
    height: 12px;
}

.misa-grid-filter-button.active,
.daka-grid-filter-button.active {
    background: #e8f7ef;
    border-color: #7fd4a9;
    color: #075f3c;
}

.misa-list-toolbar button.icon-only,
.misa-list-toolbar button.misa-split-toggle,
.misa-icon-button,
.daka-icon-button {
    border-radius: 7px;
}

.misa-list-toolbar button.icon-only .daka-icon,
.misa-icon-button .daka-icon,
.daka-icon-button .daka-icon {
    width: 17px;
    height: 17px;
}

/* Dense grid header controls: quiet by default, visible on intent. */
.misa-data-grid,
.daka-grid {
    table-layout: fixed;
}

.misa-data-grid-shell.is-column-resizing,
.daka-grid-shell.is-column-resizing {
    cursor: col-resize;
    user-select: none;
}

.misa-resizable-column,
.daka-grid-resizable-column {
    position: relative;
}

.misa-grid-head-cell,
.daka-grid-head-cell {
    padding-right: 14px;
}

.misa-grid-filter-button,
.daka-grid-filter-button {
    opacity: 0;
    transform: scale(0.92);
    transition: opacity 120ms ease, transform 120ms ease, background-color 120ms ease, border-color 120ms ease;
}

.misa-resizable-column:hover .misa-grid-filter-button,
.misa-resizable-column:focus-within .misa-grid-filter-button,
.misa-grid-filter-button.active,
.misa-grid-filter-button:focus-visible,
.daka-grid-resizable-column:hover .daka-grid-filter-button,
.daka-grid-resizable-column:focus-within .daka-grid-filter-button,
.daka-grid-filter-button.active,
.daka-grid-filter-button:focus-visible {
    opacity: 1;
    transform: scale(1);
}

.misa-grid-column-resizer,
.daka-grid-column-resizer {
    background: transparent;
    border: 0;
    border-radius: 0;
    bottom: 0;
    cursor: col-resize;
    display: block;
    min-width: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    right: -4px;
    top: 0;
    width: 8px;
    z-index: 14;
}

.misa-grid-column-resizer::after,
.daka-grid-column-resizer::after {
    background: #16a064;
    border-radius: 999px;
    bottom: 6px;
    content: "";
    left: 3px;
    opacity: 0;
    position: absolute;
    top: 6px;
    transition: opacity 120ms ease;
    width: 2px;
}

.misa-grid-column-resizer:hover,
.misa-grid-column-resizer:focus-visible,
.misa-resizable-column.is-resizing .misa-grid-column-resizer,
.daka-grid-column-resizer:hover,
.daka-grid-column-resizer:focus-visible,
.daka-grid-resizable-column.is-resizing .daka-grid-column-resizer {
    opacity: 1;
    outline: none;
}

.misa-grid-column-resizer:hover::after,
.misa-grid-column-resizer:focus-visible::after,
.misa-resizable-column.is-resizing .misa-grid-column-resizer::after,
.daka-grid-column-resizer:hover::after,
.daka-grid-column-resizer:focus-visible::after,
.daka-grid-resizable-column.is-resizing .daka-grid-column-resizer::after {
    opacity: 1;
}