:root {
:root {
    --siac-color-bg-app: #d9eef4;
    --siac-color-bg-form: lightcyan;
    --siac-color-bg-toolbar: #e0ffff;
    --siac-color-bg-title: lightblue;
    --siac-color-text: #000;

    --siac-color-border-soft: #a0a0a0;
    --siac-color-border-strong: #000;
    --siac-color-focus: aqua;

    --siac-toolbar-btn-size: 16px;
    --siac-toolbar-icon-size: 12px;
    --siac-input-height: 20px;
    --siac-input-font-size: 11px;
    --siac-input-radius: 0;

    --siac-spacing-xs: 4px;
    --siac-spacing-sm: 6px;
    --siac-spacing-md: 10px;

    --siac-form-height: calc(100vh - 145px);
}

.siac-form-base {
    background: var(--siac-color-bg-form);
    border: 1px solid #cfecec;
    color: var(--siac-color-text);
    display: flex;
    flex-direction: column;
    height: var(--siac-form-height);
    min-height: 0;
    overflow: hidden;
}

.siac-title-bar,
.siac-modal-header {
    background: var(--siac-color-bg-title);
    color: var(--siac-color-text);
    border: 1px solid var(--siac-color-border-soft);
    padding: var(--siac-spacing-xs) var(--siac-spacing-sm);
    font-weight: 700;
}

.siac-toolbar,
.siac-modal-toolbar {
    background: var(--siac-color-bg-toolbar);
    border: 1px solid var(--siac-color-border-soft);
    padding: var(--siac-spacing-xs);
    display: flex;
    align-items: center;
    gap: var(--siac-spacing-xs);
    position: relative;
}

.siac-form-content,
.siac-modal-body {
    background: var(--siac-color-bg-form);
}

.siac-title-bar,
.siac-toolbar,
.siac-tabs-host {
    flex: 0 0 auto;
}

.siac-form-content {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
}

.siac-modal-base {
    background: var(--siac-color-bg-form);
    border: 1px solid var(--siac-color-border-soft);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);
}

.siac-modal-toolbar {
    justify-content: flex-start;
}

.siac-modal-toolbar .status-indicator {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background-color: #f0f0f0;
    border: 1px solid #0078d7;
    color: #000;
    padding: 2px 20px;
    font-size: 12px;
    font-weight: 700;
    user-select: none;
    pointer-events: none;
}

.siac-modal-icon {
    width: 16px;
    height: 16px;
    object-fit: contain;
}

.company-title-icon {
    width: 16px;
    height: 16px;
    border: 1px solid #7f9db9;
    background-color: #f0f0f0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.siac-modal-actions {
    border-top: 1px solid var(--siac-color-border-soft);
    padding: var(--siac-spacing-sm);
    display: flex;
    justify-content: flex-end;
    gap: var(--siac-spacing-xs);
    background: var(--siac-color-bg-form);
}

.siac-modal-content-wrap {
    background: var(--siac-color-bg-form);
}

.siac-modal-base .siac-modal-body {
    min-width: 0;
}

.btn-classic {
    background-color: #f0f0f0;
    border: 1px solid #a0a0a0;
    color: #000;
    height: 25px;
    width: 100%;
    margin-bottom: 5px;
    font-size: 11px;
    cursor: pointer;
}

.btn-classic:hover:not(:disabled) {
    background-color: #e0ffff;
    border-color: #00e5ff;
}

.btn-classic:disabled {
    color: #999;
    cursor: not-allowed;
}

.c-label {
    text-align: right;
    padding-right: 5px;
    padding-top: 3px;
}

.classic-legend {
    font-weight: bold;
    font-size: 11px;
    width: auto;
    padding: 0 3px;
    margin-bottom: 0;
    float: none;
}

.btn-tool {
    width: var(--siac-toolbar-btn-size);
    height: var(--siac-toolbar-btn-size);
    border: 1px solid transparent;
    background: transparent;
    padding: 0;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.btn-tool i {
    font-size: var(--siac-toolbar-icon-size) !important;
    line-height: 1;
}

.form-control.nav-input,
.form-select.nav-input {
    height: var(--siac-input-height) !important;
    min-height: var(--siac-input-height) !important;
    padding: 1px 4px !important;
    font-size: var(--siac-input-font-size) !important;
    border-radius: var(--siac-input-radius) !important;
    border: 1px solid var(--siac-color-border-strong) !important;
    background-color: var(--siac-color-bg-form);
}

.form-control.nav-input:focus:not(:disabled),
.form-select.nav-input:focus:not(:disabled) {
    border-color: var(--siac-color-focus) !important;
    box-shadow: none !important;
}