/*
 * Autoprop Signature application skin
 * -----------------------------------
 * A presentation-only layer for the approved operator workspace: a permanent
 * dark-forest navigation rail, warm light canvas and quiet operational cards.
 * Every rule is scoped so routes, controls, data hooks and page behaviour stay
 * untouched.
 */

html[data-presentation="signature"],
html[data-presentation="signature"] body {
    /* Fixed off-canvas surfaces must never widen the mobile document. */
    max-width: 100vw;
    overflow-x: clip;
}

body[data-presentation="signature"] {
    --signature-forest-950: #08291f;
    --signature-forest-900: #0a3124;
    --signature-forest-800: #123f2f;
    --signature-forest-700: #18563d;
    --signature-forest-600: #247150;
    --signature-mint: #73d59a;
    --signature-lime: #c8ff23;
    --signature-canvas: #f7f8f5;
    --signature-surface: #ffffff;
    --signature-surface-soft: #f0f5f1;
    --signature-line: #dce3de;
    --signature-line-strong: #cbd6cf;
    --signature-ink: #17231e;
    --signature-copy: #394940;
    --signature-muted: #6b7871;
    --signature-faint: #8c9891;
    --signature-blue: #4968b8;
    --signature-blue-soft: #eef2ff;
    --signature-amber: #9b6b17;
    --signature-amber-soft: #fff6e2;
    --signature-red: #a2463e;
    --signature-red-soft: #fff0ed;
    --signature-pink: #a13a72;
    --signature-pink-soft: #fff0f7;
    --signature-sidebar-width: 190px;
    --signature-assistant-width: 380px;

    /* Keep the older page-specific layout rules useful while replacing their
       former neon/dark palette with the Signature workspace palette. */
    --ll-bg: var(--signature-canvas);
    --ll-bg-deep: var(--signature-forest-950);
    --ll-surface: var(--signature-surface);
    --ll-surface-2: var(--signature-surface-soft);
    --ll-surface-3: #e7efea;
    --ll-text: var(--signature-ink);
    --ll-muted: var(--signature-muted);
    --ll-faint: var(--signature-faint);
    --ll-lemon: var(--signature-forest-600);
    --ll-lemon-deep: var(--signature-forest-800);
    --ll-pink: var(--signature-pink);
    --ll-blue: var(--signature-blue);
    --ll-violet: #7960a7;
    --ll-coral: var(--signature-red);
    --ll-success: #2c8a61;
    --ll-danger: var(--signature-red);
    --ll-warning: #c58b26;
    --ll-info: var(--signature-blue);
    --ll-line: var(--signature-line);
    --ll-line-strong: var(--signature-line-strong);
    --ll-shadow: rgba(17, 54, 40, .08);
    --ll-sidebar-width: var(--signature-sidebar-width);

    --primary-50: #edf7f0;
    --primary-100: #dcefe2;
    --primary-500: #18563d;
    --primary-600: #123f2f;
    --primary-700: #0d3326;
    --success-500: #2b8b61;
    --success-700: #1a6847;
    --warning-500: #c58b26;
    --error-500: #bd5148;
    --error-700: #973a34;
    --bg-body: var(--signature-canvas);
    --bg-surface: var(--signature-surface);
    --bg-sidebar: var(--signature-forest-900);
    --sidebar-bg: var(--signature-forest-900);
    --sidebar-fg: #d8e8df;
    --sidebar-border: rgba(230, 255, 242, 0.11);
    --sidebar-border-color: rgba(230, 255, 242, 0.11);
    --sidebar-text: #bed1c7;
    --sidebar-text-muted: #739384;
    --sidebar-hover-bg: rgba(255, 255, 255, 0.055);
    --sidebar-active-bg: #164938;
    --sidebar-active-text: #ffffff;
    --sidebar-section-title: #719181;
    --text-primary: var(--signature-ink);
    --text-secondary: var(--signature-muted);
    --text-tertiary: var(--signature-faint);
    --border-light: var(--signature-line);
    --border-medium: var(--signature-line-strong);
    --main-bg: var(--signature-canvas);
    --color-bg: var(--signature-canvas);
    --color-text-main: var(--signature-copy);
    --color-text-muted: var(--signature-muted);
    --radius-card: 13px;
    --shadow-sm: 0 1px 2px rgba(17, 54, 40, 0.045);
    --shadow-md: 0 10px 30px rgba(17, 54, 40, 0.075);

    margin: 0;
    color: var(--signature-copy) !important;
    background: var(--signature-canvas) !important;
    color-scheme: light;
}

body[data-presentation="signature"],
body[data-presentation="signature"] button,
body[data-presentation="signature"] input,
body[data-presentation="signature"] select,
body[data-presentation="signature"] textarea {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

body[data-presentation="signature"] h1,
body[data-presentation="signature"] h2,
body[data-presentation="signature"] h3,
body[data-presentation="signature"] h4,
body[data-presentation="signature"] h5,
body[data-presentation="signature"] h6,
body[data-presentation="signature"] .text-dark,
body[data-presentation="signature"] .text-body,
body[data-presentation="signature"] .text-gray-800 {
    color: var(--signature-ink) !important;
    letter-spacing: -0.025em;
}

body[data-presentation="signature"] .text-muted,
body[data-presentation="signature"] .text-secondary,
body[data-presentation="signature"] .breadcrumb,
body[data-presentation="signature"] .breadcrumb a {
    color: var(--signature-muted) !important;
}

body[data-presentation="signature"] a {
    color: var(--signature-forest-600);
}

body[data-presentation="signature"] a:hover {
    color: var(--signature-forest-800);
}

/* Application shell */
body[data-presentation="signature"] .app-container {
    min-height: 100vh;
    background: var(--signature-canvas);
}

body[data-presentation="signature"] .sidebar {
    width: var(--signature-sidebar-width) !important;
    min-width: var(--signature-sidebar-width) !important;
    height: 100vh;
    transform: none !important;
    border: 0 !important;
    border-right: 1px solid rgba(230, 255, 242, 0.1) !important;
    background: linear-gradient(180deg, var(--signature-forest-900), var(--signature-forest-950)) !important;
    box-shadow: none !important;
    color: #d8e8df !important;
}

body[data-presentation="signature"] .sidebar-header {
    min-height: 84px;
    padding: 22px 17px 18px !important;
    border-bottom: 1px solid rgba(230, 255, 242, 0.11) !important;
    background: transparent !important;
}

body[data-presentation="signature"] .sidebar-brand-stack {
    gap: 8px;
}

body[data-presentation="signature"] .sidebar .brand-logo .ap-wordmark {
    --ap-wordmark-main: #f8fff9;
    --ap-wordmark-accent: var(--signature-lime);
    font-size: 1.32rem !important;
}

body[data-presentation="signature"] .sidebar-agency-brand,
body[data-presentation="signature"] .sidebar-agency-meta,
body[data-presentation="signature"] .sidebar-agency-name {
    color: #89a797 !important;
    font-size: 0.7rem;
    font-weight: 500;
}

body[data-presentation="signature"] #sidebarToggleBtn,
body[data-presentation="signature"] #appNavigationToggle,
body[data-presentation="signature"] .desktop-sidebar-scrim {
    display: none !important;
}

body[data-presentation="signature"] .sidebar-nav {
    padding: 11px 8px 16px !important;
    scrollbar-color: rgba(255,255,255,.16) transparent;
}

/* Only the approved direct module list is visible to agency operators. The
   compatibility navigation remains mounted so legacy badge scripts can still
   find their hooks without presenting duplicate or obsolete destinations. */
body[data-presentation="signature"][data-app-role="agency"] .sidebar-nav > :not(.signature-nav-root) {
    display: none !important;
}

body[data-presentation="signature"][data-app-role="agency"] .sidebar-nav > .signature-nav-root {
    display: block !important;
}

body[data-presentation="signature"] .sidebar .nav-list,
body[data-presentation="signature"] .sidebar .nav-pinned {
    padding: 0;
    margin: 0;
}

body[data-presentation="signature"] .sidebar .nav-section-title,
body[data-presentation="signature"] .nav-group > summary {
    margin: 12px 9px 5px !important;
    padding: 0 !important;
    color: #719181 !important;
    font-size: 0.62rem !important;
    font-weight: 650 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase;
}

body[data-presentation="signature"] .sidebar .nav-link,
body[data-presentation="signature"] .nav-group.nav-group-main > summary.nav-link {
    min-height: 37px;
    margin: 2px 0 !important;
    padding: 7px 9px !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #bdd0c6 !important;
    font-size: 0.78rem !important;
    font-weight: 520 !important;
    gap: 8px;
}

body[data-presentation="signature"] .nav-group.nav-group-main > summary.nav-link {
    font-size: 0.78rem !important;
    letter-spacing: 0 !important;
    gap: 6px;
}

body[data-presentation="signature"] .signature-nav-section {
    margin-top: 13px;
}

body[data-presentation="signature"] .signature-nav-section:first-of-type {
    margin-top: 8px;
}

body[data-presentation="signature"] .signature-nav-section .nav-section-title {
    margin: 0 9px 5px !important;
}

body[data-presentation="signature"] .signature-nav-section-last {
    margin-top: 12px;
    padding-top: 10px;
    border-top: 1px solid rgba(255,255,255,.07);
}

body[data-presentation="signature"] .sidebar .nav-text {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body[data-presentation="signature"] .sidebar .nav-link:hover,
body[data-presentation="signature"] .nav-group.nav-group-main > summary.nav-link:hover,
body[data-presentation="signature"] .nav-group.nav-group-main[open] > summary.nav-link {
    background: rgba(255,255,255,.055) !important;
    color: #ffffff !important;
}

body[data-presentation="signature"] .sidebar .nav-link.active,
body[data-presentation="signature"] .nav-group.nav-group-main > summary.nav-link.active {
    background: #164938 !important;
    box-shadow: inset 2px 0 #8edbac !important;
    color: #ffffff !important;
    font-weight: 590 !important;
}

/* The older light Laser Lemon layer has a more specific active-link selector.
   Keep Signature's navigation legible even while that compatibility layer is
   still loaded underneath it. */
html[data-theme] body.laser-lemon-app[data-presentation="signature"] .sidebar .nav-link.active,
html[data-theme] body.laser-lemon-app[data-presentation="signature"] .nav-group.nav-group-main > summary.nav-link.active,
html[data-theme] body.laser-lemon-app[data-presentation="signature"] .sidebar .nav-link.active .nav-text,
html[data-theme] body.laser-lemon-app[data-presentation="signature"] .nav-group.nav-group-main > summary.nav-link.active .nav-text {
    color: #ffffff !important;
}

html[data-theme] body.laser-lemon-app[data-presentation="signature"] .sidebar .nav-link.active .nav-icon,
html[data-theme] body.laser-lemon-app[data-presentation="signature"] .nav-group.nav-group-main > summary.nav-link.active .nav-icon {
    color: #eafff2 !important;
}

body[data-presentation="signature"] .sidebar .nav-icon {
    width: 17px;
    height: 17px;
    min-width: 17px;
    color: #84a593 !important;
    font-size: 0.95rem;
}

body[data-presentation="signature"] .sidebar .nav-link.active .nav-icon,
body[data-presentation="signature"] .sidebar .nav-link:hover .nav-icon {
    color: #eafff2 !important;
}

body[data-presentation="signature"] .sidebar .badge,
body[data-presentation="signature"] .sidebar-count-badge,
body[data-presentation="signature"] .lead-count-badge,
body[data-presentation="signature"] .task-overdue-badge {
    min-width: 18px;
    min-height: 18px;
    display: inline-grid;
    place-items: center;
    border: 0 !important;
    border-radius: 99px !important;
    background: #d9ad43 !important;
    color: #15382b !important;
    font-size: 0.62rem !important;
    padding: 2px 5px !important;
}

body[data-presentation="signature"] .sidebar-footer {
    padding: 0 !important;
    border-top: 1px solid rgba(230,255,242,.11) !important;
    background: transparent !important;
}

body[data-presentation="signature"] .sidebar-footer > .nav-link {
    min-height: 38px;
    margin: 0 !important;
    padding: 8px 17px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #bdd0c6 !important;
    font-size: .76rem !important;
}

body[data-presentation="signature"] .sidebar-footer > .nav-link:hover,
body[data-presentation="signature"] .sidebar-footer > .nav-link.active {
    background: rgba(255,255,255,.055) !important;
    color: #fff !important;
}

body[data-presentation="signature"] .signature-sidebar-account {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr) 14px;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 14px 12px 15px;
    border: 0;
    background: transparent;
    color: #e4f0e9;
    text-align: left;
}

body[data-presentation="signature"] .signature-sidebar-account:hover,
body[data-presentation="signature"] .signature-sidebar-account[aria-expanded="true"] {
    background: rgba(255,255,255,.055);
}

body[data-presentation="signature"] .signature-sidebar-avatar {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #dff4e7;
    color: #174834;
    font-size: .62rem;
    font-weight: 680;
}

body[data-presentation="signature"] .signature-sidebar-user {
    min-width: 0;
}

body[data-presentation="signature"] .signature-sidebar-user strong,
body[data-presentation="signature"] .signature-sidebar-user small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body[data-presentation="signature"] .signature-sidebar-user strong {
    color: #edf7f1;
    font-size: .69rem;
    font-weight: 570;
    line-height: 1.15;
}

body[data-presentation="signature"] .signature-sidebar-user small {
    margin-top: 3px;
    color: #80a08f;
    font-size: .57rem;
    line-height: 1.15;
}

body[data-presentation="signature"] .signature-sidebar-account > i {
    color: #779584;
    font-size: .78rem;
}

body[data-presentation="signature"] .sidebar-footer .dropdown-menu {
    min-width: 164px;
    margin: 0 0 7px 8px !important;
    padding: 6px !important;
}

body[data-presentation="signature"] .sidebar-footer .dropdown-item {
    padding: 8px 9px;
    border-radius: 7px;
    color: var(--signature-copy) !important;
    font-size: .74rem;
}

body[data-presentation="signature"] .main-content,
body[data-presentation="signature"].sidebar-hidden .main-content,
body[data-presentation="signature"].sidebar-collapsed .main-content {
    min-height: 100vh;
    margin-left: var(--signature-sidebar-width) !important;
    padding-right: 0;
    background:
        radial-gradient(circle at 88% 0, rgba(151, 207, 171, .16), transparent 26rem),
        var(--signature-canvas) !important;
    transition: margin-right .2s ease;
}

@media (min-width: 992px) {
    body.laser-lemon-app[data-presentation="signature"]:not(.sidebar-hidden) .main-content,
    body.laser-lemon-app[data-presentation="signature"].sidebar-hidden .main-content,
    body.laser-lemon-app[data-presentation="signature"].sidebar-collapsed .main-content {
        margin-left: var(--signature-sidebar-width) !important;
    }
}

body[data-presentation="signature"] .content-header {
    min-height: 69px;
    padding: 12px clamp(18px, 2.4vw, 34px) !important;
    border-bottom: 1px solid var(--signature-line) !important;
    background: rgba(250, 252, 249, .88) !important;
    box-shadow: none !important;
    backdrop-filter: blur(18px) saturate(120%);
}

body[data-presentation="signature"] .content-header::after,
body[data-presentation="signature"] .content-area::before {
    display: none !important;
}

body[data-presentation="signature"] .header-top {
    min-height: 44px;
}

body[data-presentation="signature"] .page-title {
    margin: 0 0 2px !important;
    color: var(--signature-ink) !important;
    font-size: clamp(1.35rem, 2vw, 1.7rem) !important;
    font-weight: 560 !important;
    letter-spacing: -0.04em !important;
    line-height: 1.1;
}

body[data-presentation="signature"] .breadcrumb {
    margin: 0;
    font-size: 0.72rem;
}

body[data-presentation="signature"] .header-actions {
    gap: 8px !important;
}

body[data-presentation="signature"] .global-search {
    height: 38px !important;
    border: 1px solid var(--signature-line) !important;
    border-radius: 10px !important;
    background: rgba(255,255,255,.76) !important;
}

body[data-presentation="signature"] .content-header .btn-ghost,
body[data-presentation="signature"] .content-header .dropdown > button {
    border: 1px solid var(--signature-line) !important;
    border-radius: 10px !important;
    background: rgba(255,255,255,.78) !important;
    color: var(--signature-forest-700) !important;
}

body[data-presentation="signature"] #laserThemeToggle {
    display: none !important;
}

body[data-presentation="signature"] .content-area {
    width: 100%;
    max-width: 1500px !important;
    margin: 0 auto;
    padding: clamp(20px, 2.6vw, 38px) !important;
    isolation: auto !important;
    background: transparent !important;
    color: var(--signature-copy) !important;
}

/* Shared surfaces */
body[data-presentation="signature"] .card,
body[data-presentation="signature"] .dashboard-card,
body[data-presentation="signature"] .stats-card,
body[data-presentation="signature"] .chunk-card,
body[data-presentation="signature"] .glass-card,
body[data-presentation="signature"] .list-group-item,
body[data-presentation="signature"] .modal-content,
body[data-presentation="signature"] .offcanvas,
body[data-presentation="signature"] .dropdown-menu,
body[data-presentation="signature"] dialog {
    border: 1px solid var(--signature-line) !important;
    border-radius: 13px !important;
    background: rgba(255,255,255,.94) !important;
    color: var(--signature-copy) !important;
    box-shadow: var(--shadow-sm) !important;
}

body[data-presentation="signature"] .card:hover,
body[data-presentation="signature"] .dashboard-card:hover,
body[data-presentation="signature"] .stats-card:hover,
body[data-presentation="signature"] .card-hover:hover {
    transform: none !important;
    border-color: var(--signature-line-strong) !important;
    box-shadow: 0 8px 26px rgba(17,54,40,.06) !important;
}

body[data-presentation="signature"] .card-header,
body[data-presentation="signature"] .card-footer,
body[data-presentation="signature"] .modal-header,
body[data-presentation="signature"] .modal-footer,
body[data-presentation="signature"] .offcanvas-header {
    border-color: var(--signature-line) !important;
    background: transparent !important;
}

body[data-presentation="signature"] .bg-white,
body[data-presentation="signature"] .bg-light,
body[data-presentation="signature"] .bg-body,
body[data-presentation="signature"] .bg-secondary-subtle {
    background-color: var(--signature-surface) !important;
}

body[data-presentation="signature"] .btn {
    min-height: 36px;
    border-radius: 9px !important;
    font-weight: 600;
    letter-spacing: -.01em;
    box-shadow: none !important;
}

body[data-presentation="signature"] .btn-primary,
body[data-presentation="signature"] .bg-primary {
    border-color: var(--signature-forest-700) !important;
    background: var(--signature-forest-700) !important;
    color: #ffffff !important;
}

body[data-presentation="signature"] .btn-primary:hover,
body[data-presentation="signature"] .btn-primary:focus,
body[data-presentation="signature"] .btn-primary:active {
    border-color: var(--signature-forest-900) !important;
    background: var(--signature-forest-900) !important;
    color: #ffffff !important;
}

/* The retired light Laser Lemon layer has a more specific text-colour rule.
   Reassert accessible contrast for solid Signature actions at equal-or-higher
   specificity so primary controls never render dark-on-forest. */
html[data-theme="light"] body.laser-lemon-app[data-presentation="signature"] .btn-primary,
html[data-theme="light"] body.laser-lemon-app[data-presentation="signature"] .btn-success,
html[data-theme="light"] body.laser-lemon-app[data-presentation="signature"] .bg-primary,
html[data-theme="light"] body.laser-lemon-app[data-presentation="signature"] .bg-success {
    color: #ffffff !important;
}

body[data-presentation="signature"] .btn-outline-primary,
body[data-presentation="signature"] .btn-outline-success,
body[data-presentation="signature"] .btn-outline-info {
    border-color: #b8cbbf !important;
    background: rgba(255,255,255,.78) !important;
    color: var(--signature-forest-700) !important;
}

body[data-presentation="signature"] .btn-outline-primary:hover,
body[data-presentation="signature"] .btn-outline-success:hover,
body[data-presentation="signature"] .btn-outline-info:hover {
    border-color: var(--signature-forest-600) !important;
    background: #edf6f0 !important;
    color: var(--signature-forest-900) !important;
}

body[data-presentation="signature"] .btn-outline-secondary,
body[data-presentation="signature"] .btn-secondary,
body[data-presentation="signature"] .btn-ghost {
    border-color: var(--signature-line-strong) !important;
    background: rgba(255,255,255,.72) !important;
    color: var(--signature-copy) !important;
}

body[data-presentation="signature"] .form-control,
body[data-presentation="signature"] .form-select,
body[data-presentation="signature"] textarea,
body[data-presentation="signature"] input,
body[data-presentation="signature"] select,
body[data-presentation="signature"] .input-group-text {
    border-color: var(--signature-line-strong) !important;
    border-radius: 9px;
    background-color: rgba(255,255,255,.92) !important;
    color: var(--signature-ink) !important;
}

body[data-presentation="signature"] .form-control:focus,
body[data-presentation="signature"] .form-select:focus,
body[data-presentation="signature"] textarea:focus,
body[data-presentation="signature"] input:focus,
body[data-presentation="signature"] select:focus {
    border-color: #63a985 !important;
    box-shadow: 0 0 0 3px rgba(56,133,93,.12) !important;
}

body[data-presentation="signature"] .table {
    --bs-table-bg: transparent;
    --bs-table-color: var(--signature-copy);
    --bs-table-border-color: var(--signature-line);
    color: var(--signature-copy) !important;
}

body[data-presentation="signature"] .table > :not(caption) > * > * {
    border-color: var(--signature-line) !important;
    color: inherit;
}

body[data-presentation="signature"] thead th,
body[data-presentation="signature"] .table thead th {
    background: #f1f5f2 !important;
    color: #66746d !important;
    font-size: .71rem;
    font-weight: 650;
    letter-spacing: .04em;
    text-transform: uppercase;
}

body[data-presentation="signature"] .table-hover tbody tr:hover > * {
    --bs-table-accent-bg: #f5f9f6;
    background: #f5f9f6 !important;
}

body[data-presentation="signature"] .nav-tabs {
    gap: 4px;
    border-bottom: 1px solid var(--signature-line) !important;
}

body[data-presentation="signature"] .nav-tabs .nav-link {
    margin-bottom: -1px;
    border: 0 !important;
    border-bottom: 2px solid transparent !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--signature-muted) !important;
    font-weight: 560;
}

body[data-presentation="signature"] .nav-tabs .nav-link:hover,
body[data-presentation="signature"] .nav-tabs .nav-link.active {
    border-bottom-color: var(--signature-forest-600) !important;
    color: var(--signature-forest-800) !important;
}

body[data-presentation="signature"] .badge {
    border-radius: 999px !important;
    font-weight: 620;
    letter-spacing: 0;
}

body[data-presentation="signature"] .bg-success-subtle,
body[data-presentation="signature"] .badge-success,
body[data-presentation="signature"] .alert-success {
    background: #e9f7ef !important;
    color: #1f6f4b !important;
    border-color: #b9dfc9 !important;
}

body[data-presentation="signature"] .bg-warning-subtle,
body[data-presentation="signature"] .badge-warning,
body[data-presentation="signature"] .alert-warning {
    background: var(--signature-amber-soft) !important;
    color: #805910 !important;
    border-color: #ecd49d !important;
}

body[data-presentation="signature"] .bg-danger-subtle,
body[data-presentation="signature"] .badge-danger,
body[data-presentation="signature"] .alert-danger {
    background: var(--signature-red-soft) !important;
    color: #913b35 !important;
    border-color: #ecc1bd !important;
}

body[data-presentation="signature"] .bg-primary-subtle,
body[data-presentation="signature"] .bg-info-subtle,
body[data-presentation="signature"] .alert-info,
body[data-presentation="signature"] .alert-primary {
    background: #edf6f0 !important;
    color: #235f43 !important;
    border-color: #c5ddce !important;
}

body[data-presentation="signature"] hr,
body[data-presentation="signature"] .border,
body[data-presentation="signature"] .border-top,
body[data-presentation="signature"] .border-bottom,
body[data-presentation="signature"] .border-start,
body[data-presentation="signature"] .border-end,
body[data-presentation="signature"] .dropdown-divider {
    border-color: var(--signature-line) !important;
}

/* Dashboard: calm operator brief rather than a wall of independent tiles. */
body[data-presentation="signature"][data-app-route="/dashboard"] .signature-dashboard-intro {
    align-items: flex-start !important;
    margin: 2px 0 24px !important;
    padding: 0 0 19px;
    border-bottom: 1px solid var(--signature-line);
    background: transparent !important;
    color: var(--signature-copy) !important;
}

body[data-presentation="signature"][data-app-route="/dashboard"] #dashboard-content::before {
    display: none !important;
}

body[data-presentation="signature"][data-app-route="/dashboard"] .signature-dashboard-date,
body[data-presentation="signature"][data-app-route="/dashboard"] .signature-section-eyebrow {
    display: block;
    margin-bottom: 5px;
    color: var(--signature-forest-600);
    font-size: .68rem;
    font-weight: 650;
    letter-spacing: .1em;
    text-transform: uppercase;
}

body[data-presentation="signature"][data-app-route="/dashboard"] .signature-dashboard-greeting {
    margin: 0 0 6px !important;
    color: var(--signature-ink) !important;
    font-size: clamp(1.75rem, 3vw, 2.35rem) !important;
    font-weight: 540 !important;
    letter-spacing: -.045em !important;
    line-height: 1.05;
}

body[data-presentation="signature"][data-app-route="/dashboard"] #dashboard-content > .card:has(#handovers-content) {
    overflow: hidden;
    border: 0 !important;
    border-top: 2px solid var(--signature-forest-800) !important;
    border-radius: 0 !important;
    background: var(--signature-surface) !important;
    box-shadow: none !important;
}

body[data-presentation="signature"][data-app-route="/dashboard"] #dashboard-content > .card:has(#handovers-content) > .card-header {
    padding: 18px 18px 13px !important;
}

body[data-presentation="signature"][data-app-route="/dashboard"] #handovers-content {
    padding: 0 !important;
}

body[data-presentation="signature"][data-app-route="/dashboard"] #action-centre-filters,
body[data-presentation="signature"][data-app-route="/dashboard"] #action-centre-work-piles {
    padding: 0 18px 14px;
    margin-bottom: 0 !important;
}

body[data-presentation="signature"][data-app-route="/dashboard"] #handovers-list {
    margin: 0 !important;
}

body[data-presentation="signature"][data-app-route="/dashboard"] #handovers-list > [class*="col-"] {
    width: 100% !important;
    padding: 0 !important;
}

body[data-presentation="signature"][data-app-route="/dashboard"] .action-centre-card,
body[data-presentation="signature"][data-app-route="/dashboard"] .handover-card {
    min-height: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-top: 1px solid var(--signature-line) !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    box-shadow: none !important;
    padding: 16px 18px !important;
}

body[data-presentation="signature"][data-app-route="/dashboard"] .action-centre-card:hover,
body[data-presentation="signature"][data-app-route="/dashboard"] .handover-card:hover {
    background: #f8fbf8 !important;
    box-shadow: inset 3px 0 var(--signature-forest-600) !important;
}

body[data-presentation="signature"][data-app-route="/dashboard"] .action-work-pile-grid {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

body[data-presentation="signature"][data-app-route="/dashboard"] .action-work-pile {
    border-color: var(--signature-line) !important;
    background: #f7faf8 !important;
    box-shadow: none !important;
}

body[data-presentation="signature"][data-app-route="/dashboard"] .action-work-pile.is-active,
body[data-presentation="signature"][data-app-route="/dashboard"] .action-work-pile:hover {
    border-color: #94bda6 !important;
    background: #eef6f1 !important;
}

body[data-presentation="signature"][data-app-route="/dashboard"] .stat-card-link .card {
    min-height: 128px;
    border-top: 2px solid #cfd9d3 !important;
    border-radius: 0 0 12px 12px !important;
}

body[data-presentation="signature"][data-app-route="/dashboard"] .portfolio-health-ring {
    filter: saturate(.72);
}

/* Existing case workspaces retain their information architecture while using
   the same visual grammar as the shared shell. */
body[data-presentation="signature"] .case-workspace {
    --case-accent: var(--signature-forest-600);
    --case-border: var(--signature-line);
    --case-muted: var(--signature-muted);
    --case-ink: var(--signature-ink);
    max-width: 1380px;
    color: var(--signature-copy);
}

body[data-presentation="signature"] .case-workspace__card,
body[data-presentation="signature"] .case-workspace__editor,
body[data-presentation="signature"] .case-workspace__queue-pill,
body[data-presentation="signature"] .case-workspace__owner {
    border-color: var(--signature-line) !important;
    background: rgba(255,255,255,.94) !important;
    box-shadow: none !important;
}

body[data-presentation="signature"] .case-workspace__focus {
    border-left-width: 3px !important;
}

body[data-presentation="signature"] .case-workspace__evidence-item {
    border-color: var(--signature-line) !important;
    background: #f5f8f6 !important;
}

body[data-presentation="signature"] .case-workspace__recommendation {
    border-color: #bad8c5 !important;
    background: #edf7f0 !important;
}

body[data-presentation="signature"] .case-workspace__timeline-item {
    border-left-color: #d6e0da;
}

body[data-presentation="signature"] .case-workspace__case-row:hover,
body[data-presentation="signature"] .case-workspace__case-row.is-selected {
    background: #f3f8f5 !important;
}

/* Lettings workbench was originally authored against the previous skin. The
   structure remains useful; these token overrides bring it into Signature. */
body[data-presentation="signature"] .inbox-shell[data-page-mode="lettings_flow"] {
    --lw-bg: var(--signature-canvas) !important;
    --lw-surface: #ffffff !important;
    --lw-surface-2: #f3f7f4 !important;
    --lw-surface-3: #eaf2ed !important;
    --lw-line: var(--signature-line) !important;
    --lw-line-strong: var(--signature-line-strong) !important;
    --lw-text: var(--signature-ink) !important;
    --lw-muted: var(--signature-muted) !important;
    --lw-lemon: var(--signature-forest-600) !important;
    --lw-lemon-soft: var(--signature-forest-600) !important;
    --lw-pink: var(--signature-pink) !important;
    --lw-blue: var(--signature-blue) !important;
    --lw-violet: #7960a7 !important;
    --lw-green: #2c8a61 !important;
    --lw-red: var(--signature-red) !important;
    --lw-shadow: 0 12px 34px rgba(17,54,40,.07) !important;
    padding: clamp(12px, 1.8vw, 24px) !important;
    background: transparent !important;
    color: var(--signature-copy) !important;
}

body[data-presentation="signature"] .inbox-shell[data-page-mode="lettings_flow"] > .inbox-list-pane,
body[data-presentation="signature"] .inbox-shell[data-page-mode="lettings_flow"] > .inbox-thread-pane {
    border-color: var(--signature-line) !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,.96) !important;
    box-shadow: var(--shadow-sm) !important;
}

body[data-presentation="signature"] .lettings-page-head::after {
    height: 1px !important;
    background: var(--signature-line-strong) !important;
    opacity: 1 !important;
}

body[data-presentation="signature"] .lettings-page-head h2,
body[data-presentation="signature"] .lettings-record-title h3,
body[data-presentation="signature"] .lettings-eyebrow,
body[data-presentation="signature"] .lettings-record-title > span {
    color: var(--signature-ink) !important;
}

/* Persistent assistant surface. It opens on the right, keeps the page visible
   and becomes a full-screen panel only on small screens. */
body[data-presentation="signature"] .util-rail {
    right: 0;
    gap: 4px;
    padding: 7px 5px;
    border-color: var(--signature-line) !important;
    border-radius: 11px 0 0 11px;
    background: rgba(245,248,246,.96) !important;
    box-shadow: -3px 0 18px rgba(17,54,40,.06) !important;
}

body[data-presentation="signature"] .util-rail-btn {
    color: var(--signature-forest-700) !important;
}

body[data-presentation="signature"] .util-rail-btn:hover,
body[data-presentation="signature"] .util-rail-btn.active {
    background: var(--signature-forest-800) !important;
    color: #ffffff !important;
}

body[data-presentation="signature"] .util-panel {
    width: var(--utility-panel-width, var(--signature-assistant-width)) !important;
    border-color: var(--signature-line) !important;
    background: #f1f5f1 !important;
    box-shadow: -12px 0 32px rgba(17,54,40,.09) !important;
}

body[data-presentation="signature"] .util-panel-header {
    min-height: 69px;
    padding: 0 16px !important;
    border-color: var(--signature-line) !important;
    background: rgba(246,249,247,.92);
}

body[data-presentation="signature"] .util-panel-title {
    color: var(--signature-forest-800) !important;
    font-weight: 600;
}

body[data-presentation="signature"] .util-panel-close {
    color: var(--signature-muted) !important;
}

body[data-presentation="signature"] .chat-slot,
body[data-presentation="signature"] .chat-slot .chat-toolbar,
body[data-presentation="signature"] .chat-slot .chat-input-area {
    border-color: var(--signature-line) !important;
    background: #f5f8f6 !important;
    color: var(--signature-copy) !important;
}

body[data-presentation="signature"] .chat-slot .chat-messages {
    background: #f1f5f1 !important;
}

body[data-presentation="signature"] .chat-slot .chat-toolbar-title,
body[data-presentation="signature"] .chat-slot .chat-visual-title,
body[data-presentation="signature"] .chat-slot .chat-visual-item-title,
body[data-presentation="signature"] .chat-slot .chat-agent-field-value {
    color: var(--signature-ink) !important;
}

body[data-presentation="signature"] .chat-slot .chat-message.bot,
body[data-presentation="signature"] .chat-slot .chat-visual-card {
    border-color: var(--signature-line) !important;
    background: #ffffff !important;
    color: var(--signature-copy) !important;
    box-shadow: var(--shadow-sm) !important;
}

body[data-presentation="signature"] .chat-slot .chat-message.user {
    background: var(--signature-forest-700) !important;
    color: #ffffff !important;
}

body[data-presentation="signature"] .chat-slot .chat-send-btn,
body[data-presentation="signature"] .chat-slot .chat-agent-control.approve {
    border-color: var(--signature-forest-700) !important;
    background: var(--signature-forest-700) !important;
    color: #ffffff !important;
}

body[data-presentation="signature"].utility-panel-open .main-content {
    margin-right: var(--utility-panel-width, var(--signature-assistant-width)) !important;
    padding-right: 0 !important;
}

body[data-presentation="signature"].utility-panel-open .util-rail {
    right: var(--utility-panel-width, var(--signature-assistant-width));
}

/* The legacy interaction timeline still carries a dark Lemon skin. Signature
   is a light operator workspace, so own these surfaces explicitly and keep
   real emails, calls, notes and actions readable regardless of a stored dark
   theme preference. */
body[data-presentation="signature"][data-app-route="/interaction"] :is(
    .message-bubble,
    .timeline-action,
    .voice-call-container,
    .voice-transcript-summary,
    .related-context-card,
    .dispatch-card
) {
    border-color: var(--signature-line) !important;
    background: var(--signature-surface) !important;
    color: var(--signature-copy) !important;
}

body[data-presentation="signature"][data-app-route="/interaction"] :is(
    .message-bubble.incoming-applicant,
    .message-bubble.user,
    .message-bubble.voice-caller
) {
    border-left-color: var(--signature-blue) !important;
    background: var(--signature-blue-soft) !important;
}

body[data-presentation="signature"][data-app-route="/interaction"] :is(
    .message-bubble.sent-email,
    .message-bubble.voice-ai,
    .timeline-action
) {
    border-left-color: var(--signature-forest-600) !important;
    background: var(--signature-surface-soft) !important;
}

body[data-presentation="signature"][data-app-route="/interaction"] .message-bubble.system-prompt {
    border-left-color: var(--signature-line-strong) !important;
    background: #f4f6f4 !important;
}

body[data-presentation="signature"][data-app-route="/interaction"] .message-bubble.agent-note {
    border-left-color: #7960a7 !important;
    background: #f5f1fb !important;
}

body[data-presentation="signature"][data-app-route="/interaction"] :is(
    .message-content,
    .msg-content,
    .conversation-header,
    .public-conversation-title,
    .public-conversation-body,
    .timeline-action-label,
    .related-context-label
) {
    color: var(--signature-ink) !important;
}

body[data-presentation="signature"][data-app-route="/interaction"] :is(
    .email-meta,
    .message-role,
    .public-conversation-subtitle,
    .public-conversation-meta,
    .timeline-action-detail,
    .timeline-action-time,
    .related-context-meta,
    .related-context-preview
) {
    color: var(--signature-copy) !important;
}

/* Approved operator dashboard — this mirrors the most recent signed-off
   mockup while retaining the live cards, routes and review handlers. */
@media (min-width: 769px) {
    body[data-presentation="signature"][data-app-route="/dashboard"] .content-header {
        display: none !important;
    }

    body[data-presentation="signature"][data-app-route="/dashboard"] .content-area {
        max-width: none !important;
        padding: 25px 27px 30px !important;
    }

    body[data-presentation="signature"].utility-panel-open .util-rail {
        display: none !important;
    }
}

body[data-presentation="signature"][data-app-route="/dashboard"] .main-content {
    background:
        radial-gradient(circle at 82% 2%, rgba(166, 218, 184, .19), transparent 27rem),
        var(--signature-canvas) !important;
}

body[data-presentation="signature"][data-app-route="/dashboard"] .signature-dashboard-intro {
    margin: 0 0 21px !important;
    padding: 0 !important;
    border: 0 !important;
}

body[data-presentation="signature"][data-app-route="/dashboard"] .signature-dashboard-date {
    margin-bottom: 5px;
    color: #3a7158 !important;
    font-size: 10px !important;
    font-weight: 560 !important;
    letter-spacing: .1em !important;
}

body[data-presentation="signature"][data-app-route="/dashboard"] .signature-dashboard-greeting {
    margin: 0 !important;
    color: #17231e !important;
    font-size: 30px !important;
    font-weight: 520 !important;
    letter-spacing: -.045em !important;
    line-height: 1.04 !important;
}

body[data-presentation="signature"][data-app-route="/dashboard"] .signature-dashboard-intro p {
    margin-top: 7px !important;
    color: #68736d !important;
    font-size: .84rem;
}

body[data-presentation="signature"][data-app-route="/dashboard"] .signature-dashboard-live {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    flex: 0 0 auto;
    padding: 7px 10px;
    border: 1px solid #cbd9d0;
    border-radius: 999px;
    background: rgba(255,255,255,.72);
    color: #345c49 !important;
    font-size: 11px !important;
    line-height: 1;
}

body[data-presentation="signature"][data-app-route="/dashboard"] .signature-live-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #70d89a;
    box-shadow: 0 0 0 4px rgba(112,216,154,.14);
}

body[data-presentation="signature"][data-app-route="/dashboard"] .signature-dashboard-brief {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 27px;
    padding: 0 0 18px;
    border-bottom: 1px solid #dbe1dc;
}

body[data-presentation="signature"][data-app-route="/dashboard"] .signature-dashboard-brief-copy {
    display: flex;
    align-items: center;
    gap: 11px;
    min-width: 0;
}

body[data-presentation="signature"][data-app-route="/dashboard"] .signature-dashboard-brief-copy > i {
    flex: 0 0 auto;
    color: #26845c;
    font-size: 1.2rem;
}

body[data-presentation="signature"][data-app-route="/dashboard"] .signature-dashboard-brief-copy strong,
body[data-presentation="signature"][data-app-route="/dashboard"] .signature-dashboard-brief-copy small {
    display: block;
}

body[data-presentation="signature"][data-app-route="/dashboard"] .signature-dashboard-brief-copy strong {
    color: var(--signature-ink);
    font-size: .84rem;
    font-weight: 560;
}

body[data-presentation="signature"][data-app-route="/dashboard"] .signature-dashboard-brief-copy small {
    margin-top: 3px;
    color: #748079;
    font-size: .72rem;
}

body[data-presentation="signature"][data-app-route="/dashboard"] .signature-text-action {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    flex: 0 0 auto;
    padding: 4px;
    color: #2b674b !important;
    font-size: .78rem;
    font-weight: 580;
    text-decoration: none;
}

html body.laser-lemon-app[data-presentation="signature"][data-app-route="/dashboard"] #dashboard-content > .card:has(#handovers-content) {
    overflow: hidden;
    margin-bottom: 24px !important;
    border: 0 !important;
    border-top: 2px solid #173e2e !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

html body.laser-lemon-app[data-presentation="signature"][data-app-route="/dashboard"] #dashboard-content > .card:has(#handovers-content) > .card-header {
    min-height: 82px;
    padding: 18px 18px 14px !important;
    border: 0 !important;
    background: #ffffff !important;
}

body[data-presentation="signature"][data-app-route="/dashboard"] .signature-section-eyebrow {
    color: #3a7158 !important;
    font-size: 10px !important;
    font-weight: 560 !important;
}

body[data-presentation="signature"][data-app-route="/dashboard"] #dashboard-content > .card:has(#handovers-content) h2 {
    margin-top: 3px !important;
    color: #17231e !important;
    font-size: 20px !important;
    font-weight: 540 !important;
    letter-spacing: -.025em !important;
}

body[data-presentation="signature"][data-app-route="/dashboard"] #handover-summary {
    display: none !important;
}

body[data-presentation="signature"][data-app-route="/dashboard"] #handover-summary::after {
    display: none !important;
    content: none !important;
}

body[data-presentation="signature"][data-app-route="/dashboard"] #dashboard-content > .card:has(#handovers-content) > .card-header {
    flex-wrap: nowrap !important;
}

body[data-presentation="signature"][data-app-route="/dashboard"] #dashboard-content > .card:has(#handovers-content) > .card-header > div:first-child {
    min-width: 0;
}

body[data-presentation="signature"][data-app-route="/dashboard"] .signature-needs-controls {
    display: flex;
    align-items: center;
    gap: 8px;
}

body[data-presentation="signature"][data-app-route="/dashboard"] .signature-needs-count {
    display: grid;
    place-items: center;
    width: 29px;
    height: 29px;
    border-radius: 50%;
    background: #f3ead4;
    color: #79591c;
    font-size: .8rem;
    font-weight: 600;
}

body[data-presentation="signature"][data-app-route="/dashboard"] .signature-refresh-action {
    display: none !important;
    place-items: center;
    width: 29px;
    height: 29px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: #698077;
}

body[data-presentation="signature"][data-app-route="/dashboard"] .signature-refresh-action:hover {
    background: #edf4ef;
    color: #1f6447;
}

html body.laser-lemon-app[data-presentation="signature"][data-app-route="/dashboard"] #handovers-list {
    display: block !important;
    margin: 0 !important;
    background: #ffffff !important;
}

html body.laser-lemon-app[data-presentation="signature"][data-app-route="/dashboard"] #handovers-list > [class*="col-"] {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body.laser-lemon-app[data-presentation="signature"][data-app-route="/dashboard"] .dashboard-attention {
    overflow: hidden;
    border: 1px solid #dce4df !important;
    border-top: 2px solid #173e2e !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    box-shadow: 0 16px 38px rgba(24, 61, 45, .07) !important;
}

html body.laser-lemon-app[data-presentation="signature"][data-app-route="/dashboard"] .dashboard-attention-head {
    min-height: 78px;
    padding: 17px 20px !important;
    border-bottom: 1px solid #e5e9e6 !important;
    background: #ffffff !important;
}

html body.laser-lemon-app[data-presentation="signature"][data-app-route="/dashboard"] .dashboard-attention-head h2 {
    color: #17231e !important;
}

html body.laser-lemon-app[data-presentation="signature"][data-app-route="/dashboard"] .dashboard-attention-body,
html body.laser-lemon-app[data-presentation="signature"][data-app-route="/dashboard"] #handovers-content {
    background: #ffffff !important;
}

html body.laser-lemon-app[data-presentation="signature"][data-app-route="/dashboard"] .dashboard-refresh {
    border: 1px solid #cedbd3 !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    color: #245d43 !important;
    box-shadow: none !important;
}

html body.laser-lemon-app[data-presentation="signature"][data-app-route="/dashboard"] .dashboard-refresh:hover {
    border-color: #9dbbab !important;
    background: #f4f8f5 !important;
}

html[data-theme="light"] body.laser-lemon-app[data-presentation="signature"][data-app-route="/dashboard"] .ll-action-card,
html body.laser-lemon-app[data-presentation="signature"][data-app-route="/dashboard"] .ll-action-card {
    display: grid !important;
    grid-template-columns: 36px minmax(0, 1fr) minmax(120px, auto);
    align-items: center;
    gap: 12px;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 15px 18px !important;
    border: 0 !important;
    border-top: 1px solid #e5e9e6 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

html body.laser-lemon-app[data-presentation="signature"][data-app-route="/dashboard"] .ll-action-card:hover {
    background: #fafcf9 !important;
    box-shadow: inset 3px 0 #2f8760 !important;
}

body[data-presentation="signature"][data-app-route="/dashboard"] .signature-action-mark {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 11px;
    background: #eef2ff;
    color: #4963b2;
}

body[data-presentation="signature"][data-app-route="/dashboard"] .ll-action-card.is-maintenance .signature-action-mark,
body[data-presentation="signature"][data-app-route="/dashboard"] .ll-action-card.is-attention .signature-action-mark {
    background: #fff0ed;
    color: #a2463e;
}

body[data-presentation="signature"][data-app-route="/dashboard"] .ll-action-card.is-offer .signature-action-mark {
    background: #fff6e4;
    color: #966b18;
}

body[data-presentation="signature"][data-app-route="/dashboard"] .signature-action-copy {
    min-width: 0;
}

html body.laser-lemon-app[data-presentation="signature"][data-app-route="/dashboard"] .signature-action-copy .ll-action-card-head {
    justify-content: flex-start;
    gap: 7px;
}

html body.laser-lemon-app[data-presentation="signature"][data-app-route="/dashboard"] .ll-action-count {
    min-width: 20px;
    width: auto;
    height: 20px;
    padding: 0 6px;
    border-radius: 999px;
    background: #eaf1ec;
    color: #3e574b;
    font-size: 10px;
    font-weight: 650;
}

html body.laser-lemon-app[data-presentation="signature"][data-app-route="/dashboard"] .ll-action-kicker {
    display: block;
    margin-bottom: 4px;
    color: #63716a !important;
    font-size: 10px !important;
    font-weight: 560 !important;
    letter-spacing: .055em !important;
}

html body.laser-lemon-app[data-presentation="signature"][data-app-route="/dashboard"] .ll-action-card h3 {
    margin: 0 !important;
    color: #1c2923 !important;
    font-size: .88rem !important;
    font-weight: 580 !important;
    line-height: 1.25;
}

html body.laser-lemon-app[data-presentation="signature"][data-app-route="/dashboard"] .ll-action-card p {
    margin: 4px 0 0 !important;
    color: #65716b !important;
    font-size: .72rem !important;
    line-height: 1.35;
}

html body.laser-lemon-app[data-presentation="signature"][data-app-route="/dashboard"] .ll-action-card-foot {
    display: grid !important;
    justify-items: end;
    gap: 8px;
    margin: 0 !important;
    color: #7b8580 !important;
    font-size: 10px !important;
    text-align: right;
}

html body.laser-lemon-app[data-presentation="signature"][data-app-route="/dashboard"] .ll-action-clear {
    top: 7px;
    right: 7px;
    width: 25px;
    height: 25px;
}

html body.laser-lemon-app[data-presentation="signature"][data-app-route="/dashboard"] .ll-action-card-foot button,
html body.laser-lemon-app[data-presentation="signature"][data-app-route="/dashboard"] .ll-action-card-foot a {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 0;
    border: 0;
    background: transparent;
    color: #1f6447 !important;
    font-size: .78rem;
    font-weight: 580;
}

body[data-presentation="signature"] .util-panel {
    width: var(--utility-panel-width, var(--signature-assistant-width)) !important;
}

body[data-presentation="signature"] .util-panel-header {
    min-height: 62px;
    padding: 0 15px !important;
}

body[data-presentation="signature"] .util-panel-title {
    font-size: .82rem;
    font-weight: 560;
}

/* Authentication inherits the same brand, with a restrained editorial split. */
body.auth-body[data-presentation="signature"] {
    min-height: 100vh;
    background:
        radial-gradient(circle at 85% 12%, rgba(137,196,159,.23), transparent 28rem),
        linear-gradient(135deg, #0a3024 0 42%, #f4f7f4 42% 100%) !important;
}

body.auth-body[data-presentation="signature"] .auth-card {
    max-width: 440px;
    border: 1px solid rgba(220,227,222,.9) !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,.96) !important;
    box-shadow: 0 26px 74px rgba(8,41,31,.18) !important;
}

body.auth-body[data-presentation="signature"] .auth-logo-link .ap-wordmark {
    --ap-wordmark-main: var(--signature-forest-900);
    --ap-wordmark-accent: #85b719;
}

body.auth-body[data-presentation="signature"] .auth-card .btn-primary {
    border-color: var(--signature-forest-700) !important;
    background: var(--signature-forest-700) !important;
    color: #fff !important;
    box-shadow: none !important;
}

body.auth-body[data-presentation="signature"] .auth-subtitle,
body.auth-body[data-presentation="signature"] .form-label,
body.auth-body[data-presentation="signature"] .form-check-label,
body.auth-body[data-presentation="signature"] .auth-footer,
body.auth-body[data-presentation="signature"] .text-muted {
    color: var(--signature-muted) !important;
}

/* Responsive shell */
@media (max-width: 1180px) and (min-width: 992px) {
    body[data-presentation="signature"] {
        --signature-assistant-width: 300px;
    }

    body[data-presentation="signature"] .global-search input {
        width: 145px !important;
    }
}

@media (max-width: 991.98px) {
    body[data-presentation="signature"] .sidebar {
        width: min(84vw, 300px) !important;
        min-width: min(84vw, 300px) !important;
        transform: translateX(-100%) !important;
        box-shadow: 14px 0 42px rgba(5,30,21,.25) !important;
    }

    body[data-presentation="signature"] .sidebar.sidebar-open,
    body[data-presentation="signature"] .sidebar.show {
        transform: translateX(0) !important;
    }

    body[data-presentation="signature"] .main-content,
    body[data-presentation="signature"].sidebar-hidden .main-content,
    body[data-presentation="signature"].sidebar-collapsed .main-content {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    body[data-presentation="signature"] .content-header {
        min-height: 62px;
        padding: 10px 14px !important;
    }

    body[data-presentation="signature"] #appNavigationToggle {
        display: inline-flex !important;
    }

    body[data-presentation="signature"] .content-header [data-action="toggleSidebar"] {
        display: none !important;
    }

    body[data-presentation="signature"] .content-area {
        padding: 16px !important;
    }

    body[data-presentation="signature"] .case-workspace {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width: 768px) {
    body[data-presentation="signature"] .util-panel {
        width: 100vw !important;
        max-width: none !important;
        background: #f4f7f4 !important;
    }

    body[data-presentation="signature"] .util-rail,
    body[data-presentation="signature"].utility-panel-open .util-rail {
        right: 14px;
        bottom: 14px;
        border: 1px solid var(--signature-line) !important;
        border-radius: 999px;
    }

    body[data-presentation="signature"] .content-header .global-search {
        display: none !important;
    }

    body[data-presentation="signature"][data-app-route="/dashboard"] .action-work-pile-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 520px) {
    body[data-presentation="signature"] .content-area {
        padding: 13px !important;
    }

    body[data-presentation="signature"] .content-header .breadcrumb {
        display: none !important;
    }

    body[data-presentation="signature"] .page-title {
        font-size: 1.25rem !important;
    }

    body[data-presentation="signature"] .card-body,
    body[data-presentation="signature"] .card-header,
    body[data-presentation="signature"] .card-footer {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    body[data-presentation="signature"] .case-workspace__evidence {
        grid-template-columns: 1fr;
    }

    html body.laser-lemon-app[data-presentation="signature"][data-app-route="/dashboard"] .ll-action-card {
        grid-template-columns: 32px minmax(0, 1fr);
        gap: 10px 12px;
        padding: 14px !important;
    }

    html body.laser-lemon-app[data-presentation="signature"][data-app-route="/dashboard"] .ll-action-card-foot {
        grid-column: 2;
        justify-items: start;
        gap: 3px;
        text-align: left;
    }
}

@media (prefers-reduced-motion: reduce) {
    body[data-presentation="signature"] *,
    body[data-presentation="signature"] *::before,
    body[data-presentation="signature"] *::after {
        scroll-behavior: auto !important;
        animation-duration: .01ms !important;
        transition-duration: .01ms !important;
    }
}

/* Lettings workbench (/lettings): the laser-era operational-vision rules paint
   the journey tiles, toolbar, search and filters near-black with !important.
   Remap them to Signature surfaces; equal specificity, later in the cascade. */
body[data-presentation="signature"][data-app-route="/lettings"] .lf-journey-step {
    background: linear-gradient(145deg,
        color-mix(in srgb, var(--stage-color) 9%, #ffffff),
        #ffffff) !important;
    border-color: color-mix(in srgb, var(--stage-color) 30%, var(--signature-line)) !important;
    box-shadow: 0 1px 2px rgba(17, 54, 40, .06);
}
body[data-presentation="signature"][data-app-route="/lettings"] .lf-journey-step span {
    color: var(--signature-muted);
}
body[data-presentation="signature"][data-app-route="/lettings"] .lf-journey-step strong {
    color: var(--signature-ink);
}
body[data-presentation="signature"][data-app-route="/lettings"] .lf-journey-step.active {
    background: linear-gradient(145deg,
        color-mix(in srgb, var(--stage-color) 16%, #ffffff),
        #ffffff) !important;
    border-color: color-mix(in srgb, var(--stage-color) 55%, var(--signature-line)) !important;
}
body[data-presentation="signature"][data-app-route="/lettings"] :is(.lf-toolbar, .lf-convo-body) {
    background: var(--signature-surface-soft) !important;
    border-color: var(--signature-line) !important;
}
body[data-presentation="signature"][data-app-route="/lettings"] :is(.lf-search, .lf-composer textarea) {
    background: var(--signature-surface);
    border-color: var(--signature-line);
    color: var(--signature-ink);
}
body[data-presentation="signature"][data-app-route="/lettings"] .lf-search::placeholder {
    color: var(--signature-faint);
}
body[data-presentation="signature"][data-app-route="/lettings"] .lf-filter {
    background: var(--signature-surface);
    border-color: var(--signature-line);
    color: var(--signature-copy);
}
body[data-presentation="signature"][data-app-route="/lettings"] .lf-filter.active {
    background: #dcefe2;
    border-color: var(--signature-forest-600);
    color: var(--signature-forest-800);
}
body[data-presentation="signature"][data-app-route="/lettings"] :is(.lf-row:hover, .lf-row.active, .lf-mini:hover) {
    background: rgba(36, 113, 80, .07) !important;
}
body[data-presentation="signature"][data-app-route="/lettings"] .lf-row {
    border-color: var(--signature-line);
}
body[data-presentation="signature"][data-app-route="/lettings"] .lf-stage {
    background: var(--signature-surface);
    border-color: var(--signature-line);
}
body[data-presentation="signature"][data-app-route="/lettings"] .lf-stage strong {
    color: var(--signature-ink);
}

/* Switches: an enabled toggle rendered white-on-white in the Signature canvas,
   so an integration that IS connected read as switched off. Give checked
   controls the forest accent explicitly, and keep the knob white against it. */
body[data-presentation="signature"] .form-check-input:checked,
body[data-presentation="signature"] .form-check-input[type="checkbox"]:checked,
body[data-presentation="signature"] .form-switch .form-check-input:checked {
    background-color: var(--signature-forest-600) !important;
    border-color: var(--signature-forest-600) !important;
}
body[data-presentation="signature"] .form-check-input:not(:checked) {
    background-color: var(--signature-surface);
    border-color: var(--signature-line-strong);
}
body[data-presentation="signature"] .form-check-input:focus {
    border-color: var(--signature-forest-600);
    box-shadow: 0 0 0 .2rem rgba(36, 113, 80, .2);
}