/*
 * TAYSIS silver theme overrides.
 *
 * This file is intentionally loaded after the base application stylesheet so
 * the visual identity can evolve independently from shared layout rules.
 */

.taysis-sidebar {
    color: var(--ts-text);
    border-right: 1px solid var(--ts-line);
    background: #f7f9fa;
    box-shadow: 8px 0 28px rgba(46, 57, 65, 0.055);
}

.taysis-brand {
    color: var(--ts-navy-900);
    border-bottom-color: var(--ts-line);
    background: rgba(255, 255, 255, 0.76);
}

.taysis-brand:hover,
.taysis-brand-copy strong {
    color: var(--ts-navy-900);
}

.taysis-brand-mark {
    color: #fff;
    border-color: rgba(21, 154, 145, 0.25);
    background: var(--ts-teal-600);
    box-shadow: 0 7px 16px rgba(21, 154, 145, 0.2);
}

.taysis-brand-copy small {
    color: #70818a;
}

.taysis-nav-label {
    color: #89969d;
}

.taysis-nav-item {
    color: #4f5e66;
}

.taysis-nav-item:hover {
    color: var(--ts-navy-900);
    background: #edf2f3;
}

.taysis-nav-item.is-active {
    color: var(--ts-navy-900);
    border-color: #c6e6e1;
    background: var(--ts-teal-50);
    box-shadow: inset 3px 0 0 var(--ts-teal-600);
}

.taysis-nav-icon {
    color: #687982;
    background: #e9eef0;
}

.taysis-nav-item:hover .taysis-nav-icon,
.taysis-nav-item.is-active .taysis-nav-icon {
    color: var(--ts-teal-700);
    background: #d6eeea;
}

.taysis-nav-badge {
    color: var(--ts-teal-700);
    background: #d6eeea;
}

.taysis-sidebar-status {
    border-color: var(--ts-line);
    background: #fff;
}

.taysis-sidebar-status-icon {
    color: var(--ts-teal-700);
    background: var(--ts-teal-50);
}

.taysis-sidebar-status strong {
    color: var(--ts-ink);
}

.taysis-sidebar-status small {
    color: #7c8a91;
}

.taysis-live-dot {
    border-color: rgba(21, 154, 145, 0.18);
    background: var(--ts-teal-600);
    box-shadow: 0 0 0 4px rgba(21, 154, 145, 0.1);
}

.taysis-workspace {
    background: var(--ts-page);
}

.taysis-topbar {
    border-bottom-color: var(--ts-line);
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 3px 14px rgba(46, 57, 65, 0.035);
}

.taysis-search {
    color: #74838b;
    border-color: var(--ts-line);
    background: #f4f7f8;
}

.taysis-search-submit {
    color: #6c7b83;
    border-color: #d7e0e3;
    background: #fff;
}

.taysis-date-chip {
    color: #53636c;
    border-color: var(--ts-line);
    background: #f8fafb;
}

.taysis-date-chip .taysis-icon {
    color: var(--ts-teal-600);
}

.taysis-user-avatar {
    background: var(--ts-teal-600);
    box-shadow: 0 7px 16px rgba(21, 154, 145, 0.18);
}

.taysis-main {
    max-width: none;
}

.taysis-footer {
    color: #77858d;
    border-top-color: var(--ts-line);
    background: #f8fafb;
}

/* Balanced color edition */
:root {
    --ts-navy-950: #18394b;
    --ts-navy-900: #224f63;
    --ts-navy-800: #2b6575;
    --ts-shell-bottom: #193c50;
    --ts-teal-700: #087e77;
    --ts-teal-600: #0f9f92;
    --ts-teal-50: #dff4f0;
    --ts-ink: #263943;
    --ts-text: #425761;
    --ts-muted: #485b66;
    --ts-section-heading: #263f4c;
    --ts-section-heading-weight: 650;
    --ts-line: #b8c7d1;
    --ts-card-border: #b5bcc4;
    --ts-page: #c6d2db;
    --ts-surface: #ffffff;
    --ts-surface-muted: #f5f8fa;
    --ts-divider: #cbd6dd;
    --ts-shadow-sm: 0 1px 2px rgba(24, 57, 75, 0.08), 0 4px 10px rgba(24, 57, 75, 0.06);
}

.taysis-app-body {
    background: var(--ts-page);
}

.taysis-sidebar {
    color: #dbe7eb;
    border-right-color: rgba(255, 255, 255, 0.08);
    background:
        radial-gradient(circle at 12% 0, rgba(31, 197, 176, 0.22), transparent 26%),
        linear-gradient(180deg, #285c6c 0%, #214b5e 48%, var(--ts-shell-bottom) 100%);
    box-shadow: 9px 0 30px rgba(24, 57, 75, 0.16);
}

.taysis-brand {
    color: #fff;
    border-bottom-color: rgba(255, 255, 255, 0.1);
    background: rgba(15, 43, 57, 0.12);
}

.taysis-brand:hover,
.taysis-brand-copy strong {
    color: #fff;
}

.taysis-brand-mark {
    border-color: rgba(255, 255, 255, 0.26);
    background: linear-gradient(145deg, #18b5a5, #0a887f);
    box-shadow: 0 8px 19px rgba(6, 42, 48, 0.28);
}

.taysis-brand-copy small {
    color: #a9c7d1;
}

.taysis-nav-label {
    color: #8fb1bd;
}

.taysis-nav-item {
    color: #d0e0e5;
}

.taysis-nav-item:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.09);
}

.taysis-nav-item.is-active {
    color: #fff;
    border-color: rgba(138, 242, 226, 0.2);
    background: linear-gradient(100deg, rgba(16, 172, 157, 0.34), rgba(255, 255, 255, 0.1));
    box-shadow: inset 3px 0 0 #5ce2d2, 0 7px 18px rgba(11, 50, 61, 0.13);
}

.taysis-nav-icon {
    color: #b5ccd3;
    background: rgba(255, 255, 255, 0.08);
}

.taysis-nav-item:hover .taysis-nav-icon,
.taysis-nav-item.is-active .taysis-nav-icon {
    color: #c9fff7;
    background: rgba(26, 204, 183, 0.2);
}

.taysis-nav-badge {
    color: #d0fff8;
    background: rgba(17, 185, 165, 0.25);
}

.taysis-sidebar-status {
    border-color: rgba(255, 255, 255, 0.12);
    background: rgba(8, 34, 46, 0.2);
}

.taysis-sidebar-status-icon {
    color: #bff9ef;
    background: rgba(22, 191, 170, 0.18);
}

.taysis-sidebar-status strong {
    color: #f1f8fa;
}

.taysis-sidebar-status small {
    color: #9bb8c2;
}

.taysis-live-dot {
    border-color: rgba(131, 241, 220, 0.24);
    background: #53dbc8;
    box-shadow: 0 0 0 4px rgba(83, 219, 200, 0.12);
}

.taysis-workspace {
    background: var(--ts-page);
}

.taysis-topbar {
    border-bottom-color: #c7d4da;
    background: rgba(250, 252, 252, 0.94);
    box-shadow: 0 4px 17px rgba(34, 79, 99, 0.06);
}

.taysis-search {
    border-color: #c7d5da;
    background: #fff;
    box-shadow: inset 3px 0 0 rgba(15, 159, 146, 0.7);
}

.taysis-date-chip {
    color: var(--ts-navy-900);
    border-color: #c9d8dc;
    background: #edf5f5;
}

.taysis-user-avatar {
    background: linear-gradient(145deg, #16b5a4, #24798a);
    box-shadow: 0 7px 17px rgba(15, 128, 127, 0.24);
}

.taysis-page-welcome {
    position: relative;
    min-height: 174px;
    padding: 28px 31px 57px;
    overflow: hidden;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 19px;
    background:
        linear-gradient(112deg, rgba(36, 83, 104, 0.98) 0%, rgba(37, 118, 132, 0.97) 55%, rgba(15, 159, 146, 0.94) 100%);
    box-shadow: 0 15px 32px rgba(30, 76, 94, 0.17);
}

.taysis-page-welcome::before,
.taysis-page-welcome::after {
    position: absolute;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 50%;
    content: '';
    pointer-events: none;
}

.taysis-page-welcome::before {
    top: -118px;
    right: 7%;
    width: 275px;
    height: 275px;
    box-shadow: 0 0 0 34px rgba(255, 255, 255, 0.025);
}

.taysis-page-welcome::after {
    right: -48px;
    bottom: -115px;
    width: 235px;
    height: 235px;
    background: rgba(2, 92, 89, 0.1);
}

.taysis-page-welcome > * {
    position: relative;
    z-index: 1;
}

.taysis-page-welcome .taysis-kicker {
    color: #aef9ed;
}

.taysis-page-welcome h1 {
    color: #fff;
    text-shadow: 0 2px 9px rgba(16, 57, 70, 0.16);
}

.taysis-page-welcome p {
    color: #daedf0;
}

.taysis-preview-badge {
    color: #edfffc;
    border-color: rgba(210, 255, 248, 0.34);
    background: rgba(10, 69, 78, 0.23);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(8px);
}

.taysis-plate-search-panel {
    z-index: 2;
    margin: -46px 21px 0;
    border: 1px solid var(--ts-card-border);
    border-left: 4px solid #20b8a7;
    background: var(--ts-surface);
    box-shadow: var(--ts-shadow-sm);
}

.taysis-search-symbol {
    color: #fff;
    border-color: transparent;
    background: linear-gradient(145deg, #24bba9, #11887f);
    box-shadow: 0 8px 18px rgba(15, 159, 146, 0.22);
}

.taysis-plate-search-form {
    border-color: #bfcfd4;
    box-shadow: 0 5px 16px rgba(34, 79, 99, 0.08);
}

.taysis-plate-search-form:focus-within {
    border-color: #3bb6aa;
    box-shadow: 0 0 0 3px rgba(15, 159, 146, 0.12);
}

.taysis-plate-search-form button {
    background: linear-gradient(135deg, #14aa9b, #24798a);
    opacity: 0.82;
}

.taysis-section-bar {
    padding: 2px 3px 0;
}

.taysis-summary-card {
    transition: transform 160ms ease, box-shadow 160ms ease;
}

.taysis-summary-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 2px 4px rgba(24, 57, 75, 0.1), 0 7px 16px rgba(24, 57, 75, 0.1);
}

.taysis-summary-card:nth-child(4) {
    --summary-color: #bd7830;
    --summary-soft: #fff0db;
}

.taysis-summary-card strong {
    color: #1f3f4c;
}

/* Shared surfaces across dashboards, lists, record details and forms. */
.taysis-light-panel,
.taysis-data-card,
.taysis-detail-panel,
.taysis-panel,
.taysis-data-toolbar,
.taysis-permit-check-card,
.taysis-stat-card,
.taysis-summary-card,
.taysis-detail-summary article,
.taysis-detail-summary .is-period-summary,
.taysis-detail-summary .is-holder-summary,
.taysis-detail-summary .is-vehicle-summary,
.taysis-permit-summary-grid article,
.taysis-transfer-source,
.taysis-form-panel:where(:not(.taysis-form-panel-active-entry, .taysis-permit-source-panel)) {
    border-color: var(--ts-card-border);
    background: var(--ts-surface);
    box-shadow: var(--ts-shadow-sm);
}

.taysis-light-panel-heading,
.taysis-card-heading,
.taysis-detail-panel > header,
.taysis-panel-heading,
.taysis-permit-check-card > header,
.taysis-form-panel:where(:not(.taysis-form-panel-active-entry, .taysis-permit-source-panel)) > header {
    border-bottom-color: var(--ts-divider);
    background: var(--ts-surface-muted);
}

.taysis-panel-heading {
    border-radius: 13px 13px 0 0;
}

.taysis-light-panel-heading h2,
.taysis-panel-heading h2,
.taysis-permit-check-card h2 {
    color: var(--ts-section-heading);
    font-weight: var(--ts-section-heading-weight);
}

.taysis-light-panel-heading {
    position: relative;
}

.taysis-light-panel-heading::before {
    position: absolute;
    top: 21px;
    bottom: 21px;
    left: 0;
    width: 3px;
    border-radius: 99px;
    background: linear-gradient(180deg, #16ae9f, #286b7c);
    content: '';
}

.taysis-workspace-list {
    background: var(--ts-surface);
}

.taysis-workspace-row {
    border-bottom-color: #dbe4e7;
}

.taysis-workspace-icon {
    box-shadow: inset 0 0 0 1px rgba(24, 116, 111, 0.07);
}

.taysis-attention-panel .taysis-light-panel-heading::before {
    background: linear-gradient(180deg, #d69a4e, #b86b32);
}

.taysis-empty-work > span {
    color: #a7672f;
    border-color: #ead8c0;
    background: #fff2df;
}

.taysis-quick-grid {
    background: var(--ts-surface);
}

.taysis-quick-grid > span {
    border-color: #cfe0e2;
    background: linear-gradient(145deg, #eef9f7, #dff2ef);
}

.taysis-quick-grid > span:nth-child(2) {
    color: #276b82;
    border-color: #ccdae2;
    background: linear-gradient(145deg, #f0f6f9, #dfebf1);
}

.taysis-quick-grid > span:nth-child(3) {
    color: #746c92;
    border-color: #d9d3e5;
    background: linear-gradient(145deg, #f7f4fa, #ebe5f1);
}

.taysis-quick-grid > span:nth-child(4) {
    color: #b27231;
    border-color: #ead9c4;
    background: linear-gradient(145deg, #fff9ef, #f5ead9);
}

.taysis-progress-copy {
    background: var(--ts-surface);
}

.taysis-progress-track {
    background: #d5e0e3;
}

.taysis-progress-track span {
    background: linear-gradient(90deg, #286b7c, #14aa9b);
}

.taysis-footer {
    color: #dbe7eb;
    border-top-color: rgba(255, 255, 255, 0.12);
    background: linear-gradient(100deg, var(--ts-shell-bottom) 0%, #214b5e 48%, #24666b 100%);
}

.taysis-footer > span:first-child {
    color: #f1f8fa;
    font-weight: 600;
}

.taysis-data-table th {
    color: var(--ts-text);
    border-bottom-color: var(--ts-divider);
    background: var(--ts-surface-muted);
}

.taysis-data-footer,
.taysis-route-readiness {
    border-color: var(--ts-divider);
    background: var(--ts-surface);
}

/* Neutral secondary text; status colors and text on dark surfaces keep their roles. */
.taysis-section-bar > span,
.taysis-planned-note,
.taysis-summary-card div > span,
.taysis-summary-card small,
.taysis-stat-card small,
.taysis-workspace-row small,
.taysis-workspace-row > span:last-child,
.taysis-empty-work p,
.taysis-quick-grid small,
.taysis-progress-copy p,
.taysis-progress-copy small,
.taysis-user-copy small,
.taysis-roadmap small,
.taysis-roadmap em,
.taysis-foundation-list small,
.taysis-question-copy small,
.taysis-permit-check-list small,
.taysis-route-readiness-summary small,
.taysis-filter-select > span,
.taysis-filter-date > span,
.taysis-result-count,
.taysis-data-table td small,
.taysis-data-table td::before,
.taysis-data-footer,
.taysis-data-empty p,
.taysis-breadcrumb,
.taysis-detail-summary small,
.taysis-detail-summary div > span,
.taysis-timeline-item small,
.taysis-history-record-copy > small,
.taysis-history-record-group.is-ended .taysis-history-record-copy > span,
.taysis-history-record-group.is-ended .taysis-history-record-copy > small,
.taysis-history-record-details > summary small,
.taysis-history-movement > small,
.taysis-dossier-file-copy > small,
.taysis-dossier-holders-heading span,
.taysis-dossier-holder small,
.taysis-dossier-holder-empty,
.taysis-holder-row small,
.taysis-inline-empty,
.taysis-form-panel > header p,
.taysis-document-overview-item small,
.taysis-form-field .form-text,
.taysis-permit-summary-grid small,
.taysis-dashboard-alert p,
.taysis-definition-list dt,
.taysis-login-help {
    color: var(--ts-muted);
}

.taysis-search input::placeholder,
.taysis-plate-search-form input::placeholder {
    color: var(--ts-muted);
    opacity: 1;
}

.taysis-login-page {
    background: var(--ts-page);
}

.taysis-login-shell {
    border-color: var(--ts-card-border);
}

@media (max-width: 820px) {
    .taysis-page-welcome {
        min-height: 205px;
        padding: 25px 25px 63px;
    }

    .taysis-plate-search-panel {
        margin-right: 12px;
        margin-left: 12px;
    }
}

@media (max-width: 620px) {
    .taysis-page-welcome {
        min-height: 250px;
        padding: 24px 21px 65px;
    }

    .taysis-plate-search-panel {
        margin-top: -51px;
        margin-right: 8px;
        margin-left: 8px;
    }
}

/* Numbered document cards in the application's silver and teal palette. */
.taysis-document-card {
    color: var(--ts-ink);
    border-color: var(--ts-card-border);
    background: #eef2f4;
    box-shadow: 0 8px 22px rgba(38, 57, 67, 0.12);
}
.taysis-document-number { color: #92a5b0; }
.taysis-document-icon {
    color: var(--ts-teal-700);
    border-color: #c1e1dc;
    background: var(--ts-teal-50);
}
.taysis-document-eyebrow { color: var(--ts-teal-700); }
.taysis-document-card-heading h2,
.taysis-document-card-heading h2 a { color: var(--ts-section-heading); }
.taysis-document-card-heading h2 a:hover { color: var(--ts-teal-700); }
.taysis-document-card a:focus-visible { outline-color: var(--ts-teal-700); }
.taysis-document-state { color: var(--ts-muted); border-color: var(--ts-divider); background: #edf2f5; }
.taysis-document-state.is-aktif { color: #066b5c; border-color: #b3ddd4; background: var(--ts-teal-50); }
.taysis-document-state.is-expired,
.taysis-document-state.is-iptal { color: #a92d3c; border-color: #ecc6cc; background: #fcecef; }
.taysis-document-state.is-warning { color: #805416; border-color: #ead5af; background: #fff4df; }
.taysis-document-card-body {
    border-color: var(--ts-divider);
    background: var(--ts-surface);
}
.taysis-document-record a { color: var(--ts-teal-700); }
.taysis-document-record a:hover { color: #05655f; text-decoration: underline; }
.taysis-document-facts dt,
.taysis-document-empty p { color: var(--ts-muted); }
.taysis-document-facts dd { color: var(--ts-ink); }
.taysis-document-note { color: #805416; }
.taysis-document-empty > .taysis-icon { color: #7e9caa; }
.taysis-document-readiness { color: var(--ts-text); border-color: var(--ts-divider); }
.taysis-document-readiness p { color: #066b5c; }
.taysis-document-button { color: var(--ts-section-heading); border-color: var(--ts-line); background: var(--ts-surface); }
.taysis-document-button:hover { color: var(--ts-teal-700); border-color: #8abdb7; background: #edf7f5; }
.taysis-document-button.is-primary { color: #066b5c; border-color: #b3ddd4; background: var(--ts-teal-50); }
.taysis-document-button.is-primary:hover { color: #055b4e; border-color: #8abdb7; background: #cdebe4; }
.taysis-document-button.is-print { color: #fff; border-color: #dc2638; background: #dc2638; }
.taysis-document-button.is-print:hover { color: #fff; border-color: #bd1c2c; background: #bd1c2c; }