/* TrackerFORGE application brand layer. */
:root {
 --wp-blue: #ff5100; --wp-blue-mid: #b83a00; --wp-blue-deep: #953000;
 --wp-blue-rgb: 184, 58, 0; --cui-primary-rgb: 184, 58, 0;
 --wp-accent-gradient: linear-gradient(90deg, #b83a00, #ff5100);
 --wp-grid-header: #f5f6f8; --wp-grid-stripe: rgba(23,37,54,.025); --wp-grid-hover: rgba(255,81,0,.045);
}
.sidebar { background-image: none !important; background-color: #172536 !important; }
.sidebar .sidebar-header { background: white; min-height: 76px; padding: 14px 18px; }
.forge-home { display: flex; align-items: center; gap: 10px; text-decoration: none; color: #172536; white-space: nowrap; }
.forge-home:hover { color: #172536; }
.forge-home img { flex-shrink: 0; }
.forge-home span { font-size: 19px; font-weight: 650; letter-spacing: -.7px; }
.forge-home strong { color: #ff5100; }
.sidebar-header .btn-close { filter: none; }
.sidebar-unfoldable:not(:hover) .forge-home .sidebar-brand-full { display: none; }
.btn-primary { --cui-btn-bg: #b83a00; --cui-btn-border-color: #b83a00; --cui-btn-hover-bg: #953000; --cui-btn-hover-border-color: #953000; --cui-btn-active-bg: #953000; background: #b83a00; color: #fff; }
.footer { font-size: 12px; }

/* Explicit fills override the legacy theme's background shorthand in every state. */
.btn-primary:hover, .btn-primary:focus, .btn-primary:active,
.btn-primary.active, .show > .btn-primary.dropdown-toggle {
 background: #953000;
 color: #fff;
}
.btn-primary:focus-visible {
 outline: 3px solid #172536;
 outline-offset: 3px;
}
.btn-primary:disabled, .btn-primary.disabled {
 background: #b83a00;
 color: #fff;
 opacity: .65;
}
/* Client details adapt to the panel width, not only the viewport. */
.client-form { max-width: 44rem; }
.client-fields { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr)); gap: 1rem 1.5rem; }
.client-fields > div { min-width: 0; }
.client-field-wide { grid-column: 1 / -1; }
.client-description { height: 8rem; min-height: 8rem; overflow-y: auto; resize: vertical; }
.modal-dialog:has(.client-form) { max-width: 48rem; }
.client-form .select2-container { width: 100% !important; }
.client-form .select2-selection--multiple {
    height: 5.25rem;
    min-height: 5.25rem;
    max-height: 5.25rem;
    overflow-y: auto;
    overflow-x: hidden;
    padding: .3rem .35rem;
    border: 1px solid #cbd1d9;
    border-radius: .5rem;
}
.client-form .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    gap: .3rem;
    padding: 0;
}
.client-form .select2-container--default .select2-selection--multiple .select2-selection__choice {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    max-width: 100%;
    height: 1.85rem;
    margin: 0;
    padding: .1rem .65rem;
    border: 1px solid #d5dce5;
    border-radius: 999px;
    background: #edf1f6;
    color: #203149;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.client-form .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #5b687a;
    margin-right: .4rem;
    flex-shrink: 0;
}
.client-form .select2-search--inline { flex: 1 0 9rem; min-width: 0; max-width: 100%; height: 1.85rem; }
.client-form .select2-container .select2-search--inline .select2-search__field { margin-top: .2rem; max-width: 100%; }
.tag-editor { display: flex; align-items: end; flex-wrap: wrap; gap: .75rem 1rem; }
.tag-editor > div { flex: 0 1 24rem; min-width: 0; max-width: 100%; }
.tag-list { height: 24rem; overflow-y: auto; border: 1px solid var(--bs-border-color, #d8dbe0); border-radius: .5rem; }
.tag-row { padding: .75rem; border-bottom: 1px solid var(--bs-border-color, #d8dbe0); align-items: center; }
@media (max-width: 575px) { .tag-row > div { flex-basis: 100%; } }
.jconfirm .jconfirm-box-container:has(.client-form) { width: min(48rem, calc(100vw - 2rem)) !important; max-width: calc(100vw - 2rem); margin-inline: auto; float: none; }
.offcanvas:has(.client-form) { width: min(48rem, 100vw) !important; }

/* Compact client/project tag pills; two visible rows with internal scrolling. */
:is(.client-form, .workspace-grid) .select2-container--default .select2-selection--multiple {
    height: 44px;
    min-height: 44px;
    max-height: 44px;
    padding: 2px 3px;
    overflow-y: auto;
    overflow-x: hidden;
}
:is(.client-form, .workspace-grid) .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    gap: 2px 3px;
    padding: 0;
}
:is(.client-form, .workspace-grid) .select2-container--default .select2-selection--multiple .select2-selection__choice {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    max-width: 100%;
    height: 18px;
    margin: 0 !important;
    padding: 0 5px !important;
    font-size: 8.5px;
    line-height: 16px;
    border-radius: 999px !important;
}
:is(.client-form, .workspace-grid) .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    font-size: 9px;
    line-height: 16px;
    margin-right: 2px;
}
:is(.client-form, .workspace-grid) .select2-search--inline {
    height: 18px;
    min-width: 0;
    max-width: 100%;
}
:is(.client-form, .workspace-grid) .select2-container .select2-search--inline .select2-search__field {
    margin-top: 0;
    font-size: 10px;
    line-height: 18px;
    height: 18px;
}
/* Project workspace: three compact tag rows without changing the grid layout. */
.workspace-grid #project-tags + .select2-container--default .select2-selection--multiple {
    height: 64px;
    min-height: 64px;
    max-height: 64px;
}

/* Read-only record details and accessible row navigation. */
.record-view-row{cursor:pointer}.record-view-row:hover>td{background:rgba(255,81,0,.045)}.record-view-row:focus-visible{outline:2px solid #b83a00;outline-offset:-2px}
.record-label{font-size:12px;font-weight:600;color:var(--cui-secondary-color,#64748b);margin-bottom:6px}.record-value{font-size:13px;min-height:28px;overflow-wrap:anywhere}.record-description{height:9rem;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.6;padding:10px 12px;border:1px solid var(--cui-border-color,#dbe1e8);border-radius:6px}.record-tags{height:64px;overflow:auto;display:flex;flex-wrap:wrap;align-content:flex-start;gap:2px 3px;padding:3px;border:1px solid var(--cui-border-color,#dbe1e8);border-radius:6px}.record-tag{display:inline-flex;align-items:center;height:18px;max-width:100%;padding:0 5px;font-size:8.5px;line-height:16px;border-radius:999px;background:#fff0e5;color:#823400;border:1px solid #f4cbaa;overflow-wrap:anywhere}.record-details .card-datatable .card-body{max-height:420px;overflow:auto}.record-details .card-datatable thead{position:sticky;top:0;background:var(--cui-body-bg,#fff)}