/* CI4 helper styles layered on top of legacy layout_data/css/style.css. */

.section-space {
    margin-bottom: 10px;
}

.alert-success,
.alert-error,
.ch-alert {
    padding: 6px 8px;
    border: 1px solid #a6a6a6;
    margin: 0 0 10px 0;
    font-size: 13px;
}

.alert-success,
.ch-alert.ok {
    background: #eef5d2;
    color: #2f4a0f;
}

.alert-error,
.ch-alert.error {
    background: #f9e4e4;
    color: #7a1e1e;
}

.ch-alert-hidden {
    display: none;
}

.panel {
    border: 1px solid #a6a6a6;
    background: #f9fbd7;
    padding: 8px;
    margin-bottom: 10px;
    font-size: 13px;
}

.panel-title {
    margin: 0 0 8px 0;
    font-size: 13px;
    font-weight: bold;
}

.quick-links ul,
.myprofile-nav,
.legacy-side-list {
    margin: 0;
    padding-left: 18px;
}

.quick-links li,
.myprofile-nav li,
.legacy-side-list li {
    margin: 3px 0;
}

.chip {
    display: inline-block;
    padding: 1px 5px;
    border: 1px solid #a6a6a6;
    background: #eef2cd;
    font-size: 12px;
}

.chip.ok {
    background: #eef5d2;
}

.legacy-filter-panel {
    border: 1px solid #a6a6a6;
    background: #f9fbd7;
    padding: 8px;
    margin-bottom: 10px;
}

.legacy-list-title,
.legacy-side-heading,
.legacy-side-subheading,
.legacy-form-title {
    margin: 0 0 8px 0;
    font-size: 13px;
}

.legacy-filter-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(140px, 1fr));
    gap: 6px 8px;
}

.legacy-filter-grid label {
    display: block;
    margin-bottom: 2px;
    font-size: 12px;
}

.legacy-filter-grid input,
.legacy-filter-grid select {
    width: 100%;
    box-sizing: border-box;
}

.legacy-filter-actions,
.filter-actions,
.pager-row,
.resume-add-submit-wrap {
    margin-top: 8px;
}

.legacy-ann-head,
.legacy-ann-meta,
.legacy-ann-summary,
.legacy-muted {
    font-size: 12px;
}

.legacy-ann-row {
    border-bottom: 1px solid #d6d6b5;
    padding: 8px 0;
}

.legacy-ann-title {
    color: #0000cc;
    text-decoration: underline;
    font-size: 13px;
}

.legacy-ann-title:visited {
    color: #0000cc;
}

.legacy-detail-layout {
    display: grid;
    grid-template-columns: 1fr 280px;
    gap: 10px;
}

.legacy-detail-pre {
    white-space: pre-wrap;
    font-family: Verdana, Geneva, Arial, sans-serif;
    font-size: 12px;
    margin: 0;
}

.legacy-detail-meta {
    font-size: 12px;
    margin: 0 0 6px 0;
}

.legacy-form-block {
    max-width: 860px;
}

.legacy-form-row {
    display: grid;
    grid-template-columns: 220px 1fr;
    gap: 8px;
    align-items: center;
    margin: 5px 0;
}

.legacy-form-row > label {
    font-size: 12px;
}

.legacy-form-row > input,
.legacy-form-row > select,
.legacy-form-row > textarea {
    width: 100%;
    box-sizing: border-box;
}

.legacy-form-note {
    font-size: 12px;
    margin: 0 0 8px 0;
}

.legacy-input-full {
    width: 100%;
}

.legacy-kv-table {
    width: 100%;
    border-collapse: collapse;
}

.legacy-kv-table th,
.legacy-kv-table td {
    padding: 4px 6px;
    border: 1px solid #c8c8a8;
    font-size: 12px;
    text-align: left;
}

.legacy-salary-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}

.legacy-ann-toolbar {
    text-align: right !important;
    margin: 4px 0 6px;
}

.legacy-ann-main-title {
    margin: 0 0 2px 0;
    font-size: 36px;
    font-weight: 700;
}

.legacy-ann-form-table th {
    width: 240px;
    font-weight: bold;
    text-transform: uppercase;
}

.legacy-ann-form-table td textarea {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box;
    min-height: 42px;
}

.legacy-ann-form-table td input {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box;
}

.legacy-ann-form-table td select[multiple] {
    min-width: 220px;
}

.legacy-ann-form-table {
    table-layout: fixed;
}

.legacy-ann-form-table .legacy-salary-row input:first-child {
    width: 220px !important;
}

.legacy-ann-form-table .legacy-salary-row input:last-child {
    width: 140px !important;
}

.resume-search-grid {
    grid-template-columns: repeat(3, minmax(180px, 1fr));
}

.myprofile-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.table-wrap {
    overflow-x: auto;
}

.table-wrap table,
.table {
    width: 100%;
    border-collapse: collapse;
}

.table th,
.table td,
.table thead td,
.table tbody td {
    border: 1px solid #c8c8a8;
    padding: 4px 6px;
    font-size: 12px;
}

.text-center {
    text-align: center;
}

/* Keep legacy shell defaults unmodified; production layout_data/css/style.css
   already controls pane heights/footer/announcement typography. */