/* Tucanly light admin theme, adapted from the chats.html layout. */
.dashboard-body {
    --primary: #16a34a;
    --border: #e5f0ea;
    min-height: 100dvh;
    color: #414744;
    background: #f5fbf8;
    font-family: "DM Sans", "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;
}
.dashboard-body .workspace-main { background: #f5fbf8; }
.dashboard-body .sidebar,
.dashboard-body .topbar,
.dashboard-body .conversation-list,
.dashboard-body .conversation-panel,
.dashboard-body .contact-details,
.dashboard-body .team-chat-list,
.dashboard-body .team-chat-panel { color: #414744; background: #fff; }
.dashboard-body .sidebar,
.dashboard-body .topbar,
.dashboard-body .profile,
.dashboard-body .team-chat-header,
.dashboard-body .team-chat-composer,
.dashboard-body .chat-header,
.dashboard-body .chat-context,
.dashboard-body .assignee-row,
.dashboard-body .composer-area,
.dashboard-body .contact-details,
.dashboard-body .team-chat-list-heading { border-color: #e5f0ea; }
.dashboard-body .brand-logo { filter: none; }
.dashboard-body .workspace-select { background: #f9fefb; border-color: #e5f2ea; }
.dashboard-body .workspace-select .workspace-avatar { color: #16a34a; background: #f0fcf5; border-color: #e1faeb; }
.dashboard-body .workspace-select strong,
.dashboard-body .breadcrumb strong,
.dashboard-body .page-heading h1,
.dashboard-body .sidebar-help strong,
.dashboard-body .profile strong,
.dashboard-body .team-chat-header h2,
.dashboard-body .team-chat-author strong { color: #373c39; }
.dashboard-body .workspace-select small,
.dashboard-body .page-heading p,
.dashboard-body .today,
.dashboard-body .profile small,
.dashboard-body .sidebar-help p,
.dashboard-body .workspace-footer,
.dashboard-body .eyebrow,
.dashboard-body .breadcrumb-workspace,
.dashboard-body .nav-label { color: #909994; }
.dashboard-body .nav-item { color: #747d78; }
.dashboard-body .nav-item:hover,
.dashboard-body .icon-button:hover { color: #15803d; background: #f4fdf8; }
.dashboard-body .nav-item.active { color: #15803d; background: #f0fcf5; box-shadow: inset 2px 0 #16a34a; }
.dashboard-body .nav-item.active .icon { color: #16a34a; }
.dashboard-body a:hover { color: #15803d; }
.dashboard-body .sidebar-help { background: linear-gradient(135deg,#f4fdf8,#f9fefb); border-color: #e4f8ec; }
.dashboard-body .icon-button { color: #858e89; }
.dashboard-body .avatar,
.dashboard-body .user-avatar,
.dashboard-body .metric-icon,
.dashboard-body .channel-icon,
.dashboard-body .help-icon,
.dashboard-body .modal-icon { color: #16a34a; background: #f0fcf5; }

/* Shared page surfaces */
.dashboard-body .content-card,
.dashboard-body .metric-card,
.dashboard-body .bot-intro-card,
.dashboard-body .bot-scenarios-card,
.dashboard-body .bot-editor-card,
.dashboard-body .bot-preview-card,
.dashboard-body .reports-filter-card,
.dashboard-body .reports-card,
.dashboard-body .report-card,
.dashboard-body .report-metric,
.dashboard-body .reports-table-card,
.dashboard-body .tools-card,
.dashboard-body .attendance-card,
.dashboard-body .visitor-card,
.dashboard-body .visitors-metrics > div,
.dashboard-body .channel-card,
.dashboard-body .team-directory,
.dashboard-body .team-editor,
.dashboard-body .team-chat-list,
.dashboard-body .team-chat-panel,
.dashboard-body .new-dialog,
.dashboard-body .team-chat-dialog {
    color: #414744;
    background-color: #fff;
    border-color: #e5f0ea;
    box-shadow: 0 2px 8px #373c3908;
}
.dashboard-body .metric-card:hover,
.dashboard-body .attendance-card:hover { background: #fcfefd; border-color: #d8f4e4; box-shadow: 0 8px 22px #373c390c; }
.dashboard-body .overview-welcome { background-color: #f3fdf7; border-color: #e1faeb; }
.dashboard-body .overview-welcome h2,
.dashboard-body .content-card h3,
.dashboard-body .card-title h2,
.dashboard-body .metric-card > strong,
.dashboard-body .channel-card h2,
.dashboard-body .team-chat-start h3 { color: #4b524e; }
.dashboard-body .overview-symbol { background: #fff; border-color: #e5f2ea; }
.dashboard-body .metric-card > span:not(.metric-icon),
.dashboard-body .metric-card small,
.dashboard-body .content-card p,
.dashboard-body .settings-details dt,
.dashboard-body .settings-details dd,
.dashboard-body .channel-card p,
.dashboard-body .channel-status,
.dashboard-body .team-chat-start p { color: #818a85; }
.dashboard-body .metric-card small,
.dashboard-body .channel-status { border-color: #edf5f0; }
.dashboard-body .count-pill,
.dashboard-body .coming-soon,
.dashboard-body .bot-step-title > span,
.dashboard-body .bot-count { color: #828c86; background: #f1f8f4; }
.dashboard-body .channel-info { color: #7a847e; background: #f2fdf7; border-color: #e4f6ec; }

/* Common fields and controls */
.dashboard-body .conversation-search input,
.dashboard-body .bot-field input,
.dashboard-body .bot-field textarea,
.dashboard-body .bot-field select,
.dashboard-body .team-chat-composer textarea,
.dashboard-body .new-dialog input,
.dashboard-body .new-dialog textarea,
.dashboard-body .tools-card input,
.dashboard-body .tools-card textarea,
.dashboard-body .tools-card select,
.dashboard-body .reports-filter-card input,
.dashboard-body .reports-filter-card select,
.dashboard-body .widget-install input,
.dashboard-body .widget-install textarea,
.dashboard-body .visitor-filter input,
.dashboard-body .visitor-filter select,
.dashboard-body .team-form-field input,
.dashboard-body .team-form-field select,
.dashboard-body .team-search input,
.dashboard-body .team-chat-search input,
.dashboard-body .hours-day input[type="time"],
.dashboard-body .editor-field input,
.dashboard-body .editor-field textarea,
.dashboard-body .editor-field select {
    color: #414744;
    background-color: #fff;
    border-color: #d9eae0;
}
.dashboard-body input::placeholder,
.dashboard-body textarea::placeholder { color: #a2a9a5; }
.dashboard-body .conversation-search input { background: #f8fcfa; }
.dashboard-body .new-dialog h2 { color: #373c39; }
.dashboard-body .new-dialog > form > p,
.dashboard-body .new-dialog .label-row,
.dashboard-body .new-dialog .field > label { color: #747d78; }
.dashboard-body .modal-hint { color: #909994; }
.dashboard-body .secondary-button,
.dashboard-body .state-badge,
.dashboard-body .widget-install .embed-code { color: #727b76; background: #f7fcf9; border-color: #e1f0e7; }
.dashboard-body .state-badge.open { color: #39d47a; background: #f0fcf5; }
.dashboard-body .state-badge.resolved { color: #328663; background: #edf8f2; }
.dashboard-body .dashboard-notice { color: #347956; background: #eff9f3; border-color: #d4eddf; }
.dashboard-body .dashboard-error { color: #a94452; background: #fff3f4; border-color: #f2d9dd; }
.dashboard-body .new-dialog::backdrop { background: #15502e40; }

/* Conversations */
.dashboard-body .inbox-layout { background: #fff; border-color: #e4f0e9; box-shadow: 0 3px 10px #33373508; }
.dashboard-body .conversation-list,
.dashboard-body .conversation-panel,
.dashboard-body .contact-details { border-color: #e5f0ea; }
.dashboard-body .conversation-item { color: #414744; border-color: #edf5f0; }
.dashboard-body .conversation-item:hover,
.dashboard-body .conversation-item.is-selected { background: #f4fcf7; }
.dashboard-body .conversation-preview strong,
.dashboard-body .chat-contact h2,
.dashboard-body .contact-details h3,
.dashboard-body .contact-summary strong { color: #4b524e; }
.dashboard-body .conversation-preview p,
.dashboard-body .conversation-preview small,
.dashboard-body .conversation-preview time,
.dashboard-body .chat-contact p,
.dashboard-body .chat-context > span:first-child,
.dashboard-body .chat-context strong,
.dashboard-body .contact-summary small,
.dashboard-body .contact-details dt,
.dashboard-body .contact-details dd { color: #8f9792; }
.dashboard-body .chat-header,
.dashboard-body .chat-context,
.dashboard-body .assignee-row,
.dashboard-body .composer-area,
.dashboard-body .list-tabs,
.dashboard-body .list-footer,
.dashboard-body .pagination,
.dashboard-body .inbox-bottom { background: #fff; border-color: #e5f0ea; color: #8f9792; }
.dashboard-body .notes-area { background: #fbfefc; }
.dashboard-body .chat-message,
.dashboard-body .team-chat-message:not(.mine) p,
.dashboard-body .note-composer,
.dashboard-body .note-composer textarea,
.dashboard-body .team-chat-older,
.dashboard-body .team-chat-new-messages { color: #535a56; background: #fff; border-color: #e2f0e8; }
.dashboard-body .chat-message.from-agent,
.dashboard-body .team-chat-message.mine p { color: #29834e; background: #f0fcf5; border-color: #ddf9e9; }
.dashboard-body .chat-message p,
.dashboard-body .team-chat-message p { color: inherit; }
.dashboard-body .welcome-panel { background-image: linear-gradient(#ffffffdf,#ffffffdf),url('../images/auth-bg.svg'); }
.dashboard-body .welcome-panel h2 { color: #3e4441; }
.dashboard-body .welcome-panel > p,
.dashboard-body .welcome-hint { color: #939b96; }
.dashboard-body .art-card { background: #fff; border-color: #e9f8ef; }
.dashboard-body .note-composer footer { background: #fcfefd; border-color: #edf5f0; }
.dashboard-body .internal-note { background: #fffef5; border-color: #e7e9dc; }
.dashboard-body .internal-note p { color: #746f54; }

/* Chatbot builder: same light palette, with a clean contrasting visitor preview. */
.dashboard-body .bot-intro-card { background: linear-gradient(115deg,#fff 0%,#f5fdf8 100%); }
.dashboard-body .bot-intro-card h2,
.dashboard-body .bot-editor-heading h2,
.dashboard-body .bot-card-heading h2,
.dashboard-body .bot-preview-heading h2,
.dashboard-body .bot-step-title h3,
.dashboard-body .bot-option-summary-toggle { color: #373c39; }
.dashboard-body .bot-intro-card p,
.dashboard-body .bot-editor-heading p,
.dashboard-body .bot-step-title p,
.dashboard-body .bot-side-note p,
.dashboard-body .bot-preview-hint,
.dashboard-body .bot-scenario-copy small,
.dashboard-body .bot-field label { color: #818a85; }
.dashboard-body .bot-editor-heading,
.dashboard-body .bot-editor-fields,
.dashboard-body .bot-flow-step,
.dashboard-body .bot-option-fields { border-color: #edf5f0; }
.dashboard-body .bot-option-row { background: #f9fefb; border-color: #e8f4ed; box-shadow: none; }
.dashboard-body .bot-option-row:hover { background: #f4fcf7; border-color: #d9f1e3; }
.dashboard-body .bot-option-index { color: #47d080; background: #edfcf3; }
.dashboard-body .bot-option-summary-toggle small { color: #747d78; background: #f1fbf5; }
.dashboard-body .bot-option-edit-label { color: #818a85; }
.dashboard-body .bot-remove-option,
.dashboard-body .bot-option-add { color: #727b76; background: #fff; border-color: #dff0e6; }
.dashboard-body .bot-publish-toggle,
.dashboard-body .bot-side-note { color: #727b76; background: #f7fcf9; }
.dashboard-body .bot-preview-chat { color: #5f6762; background: linear-gradient(180deg,#f9fefb,#f5fbf8); border-color: #e8f4ed; }
.dashboard-body .bot-preview-brand strong { color: #434845; }

/* Reports, visitors, team tools and widget configuration */
.dashboard-body .reports-page,
.dashboard-body .reports-card h2,
.dashboard-body .report-metric > strong,
.dashboard-body .tools-card h2,
.dashboard-body .team-editor h2,
.dashboard-body .team-member-row strong,
.dashboard-body .reports-table-card th { color: #4b524e; }
.dashboard-body .reports-filter-form > label,
.dashboard-body .reports-scope,
.dashboard-body .reports-scope p,
.dashboard-body .reports-card header p,
.dashboard-body .report-metric > div,
.dashboard-body .report-metric > small,
.dashboard-body .tools-card p,
.dashboard-body .tools-field,
.dashboard-body .team-form-field,
.dashboard-body .team-member-row small,
.dashboard-body .reports-table-card td,
.dashboard-body .visitor-card p,
.dashboard-body .visitor-card small,
.dashboard-body .visitor-page small,
.dashboard-body .visitor-details dt,
.dashboard-body .visitor-details dd { color: #808984; }
.dashboard-body .attendance-card h2,
.dashboard-body .visitor-card h2,
.dashboard-body .visitors-metrics strong,
.dashboard-body .visitor-page strong { color: #4b524e; }
.dashboard-body .attendance-card-icon,
.dashboard-body .tools-icon,
.dashboard-body .report-guide-icon { color: #70c493; background: #f2fdf7; }
.dashboard-body .reports-tabs { background: #f0f8f3; border-color: #e3f0e8; }
.dashboard-body .reports-tabs a,
.dashboard-body .reports-presets a { color: #727b76; }
.dashboard-body .reports-tabs a.active,
.dashboard-body .reports-presets a.selected { color: #28ce6d; background: #fff; border-color: #dbf4e5; }
.dashboard-body .reports-presets a { border-color: #e0efe6; }
.dashboard-body .reports-export.button { color: #606763; background: #fff; border-color: #d8eee1; }
.dashboard-body .reports-chart text { fill: #838c87; }
.dashboard-body .reports-chart-legend,
.dashboard-body .reports-card header > span { color: #808984; }
.dashboard-body .reports-card,
.dashboard-body .reports-table-card,
.dashboard-body .tools-card,
.dashboard-body .team-directory,
.dashboard-body .team-editor,
.dashboard-body .team-member-row,
.dashboard-body .reports-table-card th,
.dashboard-body .reports-table-card tbody tr,
.dashboard-body .saved-replies-list article,
.dashboard-body .tools-card > header,
.dashboard-body .tools-card > footer,
.dashboard-body .team-directory-list > article,
.dashboard-body .team-editor-heading,
.dashboard-body .visitor-page,
.dashboard-body .visitor-details summary { border-color: #e5f0ea; }
.dashboard-body .hours-enable,
.dashboard-body .hours-day,
.dashboard-body .reports-satisfaction-guide,
.dashboard-body .reports-methodology,
.dashboard-body .team-member-row,
.dashboard-body .team-owner-note,
.dashboard-body .team-password-hint,
.dashboard-body .team-role-summary,
.dashboard-body .visitor-page,
.dashboard-body .visitor-details,
.dashboard-body .editor-tabs,
.dashboard-body .editor-controls,
.dashboard-body .editor-save-state { color: #727b76; background: #f8fcfa; border-color: #e5f0ea; }
.dashboard-body .tools-empty,
.dashboard-body .tools-empty p,
.dashboard-body .tools-hint,
.dashboard-body .hours-week-heading small,
.dashboard-body .team-form-note,
.dashboard-body .team-password-hint,
.dashboard-body .hours-explanation ul,
.dashboard-body .hours-explanation > small,
.dashboard-body .saved-replies-list article > p,
.dashboard-body .reports-methodology,
.dashboard-body .report-comment { color: #808984; }
.dashboard-body .hours-state,
.dashboard-body .local-widget-note,
.dashboard-body .editor-anonymous-note { color: #8d6325; background: #fffaf0; border-color: #f0e8d5; }
.dashboard-body .saved-replies-list h3,
.dashboard-body .reports-distribution dt,
.dashboard-body .reports-distribution dd { color: #4b524e; }
.dashboard-body .saved-replies-list code,
.dashboard-body .reply-shortcut-input { color: #2fbd6a; background: #f2fdf7; border-color: #dbf7e7; }
.dashboard-body .team-role,
.dashboard-body .team-account-state,
.dashboard-body .team-owner { color: #56b57e; background: #f2fdf7; }
.dashboard-body .team-new-link,
.dashboard-body .team-edit-link { color: #39d47a; }
.dashboard-body .team-search,
.dashboard-body .team-chat-search { color: #8a938e; background: #f8fcfa; border-color: #e0efe6; }
.dashboard-body .team-chat-group,
.dashboard-body .team-chat-group:hover,
.dashboard-body .team-chat-group.is-selected { color: #656d68; background: #f8fcfa; border-color: #e5f0ea; }
.dashboard-body .editor-preview-canvas,
.dashboard-body .widget-preview-window { color: #5f6762; background: #fff; border-color: #e1f0e7; }
.dashboard-body .editor-preview-canvas input,
.dashboard-body .editor-preview-canvas textarea { color: #5f6762; background: #fff; border-color: #e3f4ea; }
.dashboard-body .editor-live-preview { background: #f7fcf9; border-color: #e5f0ea; }
.dashboard-body .editor-tabs button.active { color: #28ce6d; background: #f0fcf5; }
.dashboard-body .editor-save-bar { background: #fff; border-color: #e5f0ea; }
.dashboard-body .select-trigger,
.dashboard-body .select-menu,
.dashboard-body .dropdown-menu { color: #414744; background: #fff; border-color: #dfeee5; }

/* Authentication and access-restricted screens use the same light system. */
.auth-layout { color: #414744; background-color: #f5fbf8; background-image: radial-gradient(ellipse at 50% 0%,#edfcf3 0%,#f5fbf8 58%); font-family: "DM Sans", "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif; }
.auth-layout .brand { color: #373c39; }
.auth-layout .brand-logo { filter: none; }
.auth-layout .auth-card { color: #414744; background: #fff; border: 1px solid #e5f0ea; box-shadow: 0 16px 45px #373c3910; }
.auth-layout .auth-card h1 { color: #373c39; }
.auth-layout .auth-card input:not([type="checkbox"]) { color: #414744; background: #fff; border-color: #d9eae0; }
.auth-layout .auth-footer,
.auth-layout .auth-message,
.auth-layout .auth-card .description,
.auth-layout .auth-card .hint { color: #808984; }
.auth-layout .google { color: #414744; background: #fff; border-color: #dfeee5; }
.access-card { color: #414744; background: #fff; border-color: #e5f0ea; box-shadow: 0 16px 45px #373c3910; }
.access-card h1 { color: #373c39; }
.access-card p { color: #808984; }