/* FariDocs 1.20.5 — theme-aware brand and customer workflow history */
.theme-logo-dark { display: none !important; }
html[data-theme="dark"] .theme-logo-light { display: none !important; }
html[data-theme="dark"] .theme-logo-dark { display: block !important; }

.workspace-image-brand .theme-logo {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: left center;
}

.customer-directory-card { flex-wrap: wrap; }

.customer-workflow-history {
    width: 100%;
    padding-top: 16px;
    border-top: 1px solid #dce8ed;
}

.customer-workflow-history > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 10px;
}

.customer-workflow-history > header div { display: grid; gap: 3px; }
.customer-workflow-history > header span {
    color: #557184;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .09em;
    text-transform: uppercase;
}
.customer-workflow-history > header strong { color: #103b59; font-size: 13px; }
.customer-workflow-history > header a { color: #0b766f; font-size: 12px; font-weight: 800; }
.customer-workflow-list { display: grid; gap: 8px; }

.customer-workflow-row {
    display: grid;
    grid-template-columns: minmax(190px, 1.25fr) minmax(180px, .8fr) auto;
    align-items: center;
    gap: 16px;
    min-width: 0;
    padding: 12px 14px;
    border: 1px solid #dce8ed;
    border-radius: 12px;
    background: #f8fbfc;
    color: inherit;
    text-decoration: none;
    transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.customer-workflow-row:hover {
    border-color: #76c9c0;
    box-shadow: 0 8px 20px rgba(15, 64, 88, .08);
    transform: translateY(-1px);
}
.customer-workflow-copy { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 4px 8px; min-width: 0; }
.customer-workflow-copy .workflow-kind-badge { grid-row: 1 / span 2; }
.customer-workflow-copy strong { overflow: hidden; color: #123b5d; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.customer-workflow-copy small { overflow: hidden; color: #698192; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.customer-workflow-stage { display: grid; gap: 4px; min-width: 0; }
.customer-workflow-stage > span { color: #6a8190; font-size: 9px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.customer-workflow-stage > strong { display: flex; justify-content: space-between; gap: 10px; color: #123b5d; font-size: 11px; }
.customer-workflow-stage > strong small { color: #5d7687; font-weight: 700; white-space: nowrap; }
.customer-workflow-stage > i { height: 5px; overflow: hidden; border-radius: 999px; background: #dbe8ec; }
.customer-workflow-stage > i b { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #159b8f, #1c7ca1); }
.customer-workflow-status { min-width: 72px; padding: 6px 9px; border-radius: 999px; background: #e3f5f1; color: #087469; font-size: 9px; font-weight: 900; text-align: center; text-transform: uppercase; }
.customer-workflow-status.completed { background: #e8f0fd; color: #315e9b; }
.customer-workflow-status.rejected, .customer-workflow-status.expired { background: #fff0ed; color: #ac4c3a; }
.customer-workflow-empty { margin: 0; padding: 12px 14px; border-radius: 10px; background: #f6f9fa; color: #6b8291; font-size: 12px; }

html[data-theme="dark"] .customer-workflow-history { border-color: #294957; }
html[data-theme="dark"] .customer-workflow-history > header strong,
html[data-theme="dark"] .customer-workflow-copy strong,
html[data-theme="dark"] .customer-workflow-stage > strong { color: #eef8fb; }
html[data-theme="dark"] .customer-workflow-history > header span,
html[data-theme="dark"] .customer-workflow-copy small,
html[data-theme="dark"] .customer-workflow-stage > span,
html[data-theme="dark"] .customer-workflow-stage > strong small { color: #9ab3bf; }
html[data-theme="dark"] .customer-workflow-history > header a { color: #55d2c4; }
html[data-theme="dark"] .customer-workflow-row { border-color: #294957; background: #102b39; }
html[data-theme="dark"] .customer-workflow-row:hover { border-color: #3e8d91; box-shadow: 0 8px 20px rgba(0, 0, 0, .18); }
html[data-theme="dark"] .customer-workflow-stage > i { background: #274754; }
html[data-theme="dark"] .customer-workflow-empty { background: #102b39; color: #a9bec7; }

@media (max-width: 760px) {
    .customer-workflow-history > header { align-items: flex-start; }
    .customer-workflow-row { grid-template-columns: minmax(0, 1fr) auto; gap: 10px; }
    .customer-workflow-stage { grid-column: 1 / -1; grid-row: 2; }
    .customer-workflow-status { grid-column: 2; grid-row: 1; }
}

@media (max-width: 480px) {
    .customer-workflow-history > header { display: grid; }
    .customer-workflow-row { grid-template-columns: minmax(0, 1fr); }
    .customer-workflow-status { grid-column: 1; grid-row: auto; justify-self: start; }
    .customer-workflow-stage { grid-column: 1; grid-row: auto; }
}