@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-VariableFont_opsz,wght.ttf') format('truetype');
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-VariableFont_wght.ttf') format('truetype');
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
}

:root {
    --h2-surface: #f8f9fa;
    --h2-on-surface: #191c1d;
    --h2-primary: #006971;
    --h2-outline: #e9ecef;
}

* { box-sizing: border-box; }

body {
    margin: 0;
    background: var(--h2-surface);
    color: var(--h2-on-surface);
    font-family: 'Inter', sans-serif;
}

.technical-status {
    width: min(100% - 32px, 640px);
    margin: 80px auto;
    padding: 32px;
    background: #fff;
    border: 1px solid var(--h2-outline);
    border-radius: 8px;
    box-shadow: 0 4px 12px rgb(34 5 85 / 5%);
}

.technical-status h1 { font: 700 24px/1.3 'Montserrat', sans-serif; }
.technical-status p { font-size: 16px; line-height: 1.6; }
.eyebrow { color: var(--h2-primary); font-size: 12px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; }
.error-body { min-height: 100vh; }
.error-page { display: grid; min-height: 100vh; padding: 24px 16px; place-items: center; }
.error-card { width: min(100%, 580px); padding: 32px; border: 1px solid var(--h2-outline); border-radius: 8px; background: #fff; box-shadow: 0 4px 12px rgb(34 5 85 / 5%); }
.error-brand { display: inline-block; margin-bottom: 22px; }.error-brand img { width: 112px; height: auto; }
.error-card .eyebrow { margin: 0 0 12px; }.error-mark { display: inline-flex; width: 46px; height: 46px; align-items: center; justify-content: center; border-radius: 50%; background: #fff1ed; color: #ba1a1a; font: 700 24px/1 'Montserrat', sans-serif; }.error-card h1 { margin: 16px 0 10px; color: #220555; font: 700 28px/1.2 'Montserrat', sans-serif; }.error-message { margin: 0; color: #3d494a; line-height: 1.55; }.error-reference { display: grid; gap: 4px; margin: 20px 0 0; padding: 12px; border: 1px solid #d8dfe0; border-radius: 8px; background: #f8f9fa; color: #59636d; font-size: 13px; }.error-reference span { font-weight: 700; }.error-reference code { color: #191c1d; font: 600 13px 'Inter', monospace; overflow-wrap: anywhere; }.error-action { margin-top: 20px; }

.auth-page { display: grid; min-height: 100vh; padding: 24px 16px; place-items: center; }
.auth-card { width: min(100%, 460px); padding: 32px; background: #fff; border: 1px solid var(--h2-outline); border-radius: 8px; box-shadow: 0 4px 12px rgb(34 5 85 / 5%); }
.auth-brand { display: inline-block; margin-bottom: 16px; }.auth-brand img { width: 100px; height: auto; }
.auth-card h1 { margin: 0 0 12px; font: 700 24px/1.3 'Montserrat', sans-serif; color: #220555; }.auth-intro { line-height: 1.5; }
.auth-card form { display: grid; gap: 16px; margin-top: 20px; }.auth-card label { display: grid; gap: 6px; font-size: 14px; font-weight: 600; }
.auth-card input { width: 100%; min-height: 44px; padding: 10px 12px; border: 1px solid var(--h2-outline); border-radius: 8px; font: inherit; }.auth-card input:focus { outline: 0; border-color: #01abb8; box-shadow: 0 0 0 3px rgb(1 171 184 / 18%); }
.auth-card button { min-height: 44px; padding: 10px 16px; border: 0; border-radius: 8px; background: #006971; color: #fff; cursor: pointer; font: 600 14px 'Inter', sans-serif; }.auth-card button:hover { background: #005e65; }.auth-card .button-secondary { border: 1px solid #220555; background: transparent; color: #220555; }
.auth-alert, .auth-success { margin: 16px 0; padding: 12px; border-radius: 6px; font-size: 14px; }.auth-alert { border: 1px solid #e6350f; background: #fff1ed; color: #8a250d; }.auth-alert ul { margin: 0; padding-left: 18px; }.auth-success { border: 1px solid #198754; background: #effaf3; color: #146c43; }
.input-help, .auth-security-note { color: #59636d; font-size: 12px; line-height: 1.5; }.auth-links { margin-top: 20px; font-size: 14px; }.auth-links a { color: #006971; }.auth-security-note { margin: 28px 0 0; }.session-list { padding: 0; list-style: none; }.session-list li { margin: 10px 0; padding: 12px; border: 1px solid var(--h2-outline); border-radius: 6px; }.session-current { color: #146c43; font-size: 12px; font-weight: 700; }

.auth-page-login { padding:48px 16px; align-content:center; }.auth-login-layout { display:grid; width:min(100%,460px); gap:28px; }.auth-login-brand { display:grid; justify-items:center; gap:8px; }.auth-login-brand a { display:block; }.auth-login-brand img { display:block; width:112px; height:auto; }.auth-login-brand p { margin:0; color:#59636d; font:600 12px/1.2 'Inter',sans-serif; letter-spacing:.08em; text-transform:uppercase; }.auth-page-login .auth-card { width:100%; padding:32px; }.auth-login-intro { margin:0; color:#3d494a; }.auth-login-form { gap:20px !important; }.auth-field { display:grid; gap:7px; }.auth-field-label,.auth-field-heading { color:#3d494a; font:700 12px/1.2 'Inter',sans-serif; letter-spacing:.05em; text-transform:uppercase; }.auth-field-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; }.auth-field-heading a { color:#006971; font:600 13px 'Inter',sans-serif; letter-spacing:0; text-decoration:none; text-transform:none; }.auth-field-heading a:hover { text-decoration:underline; }.auth-input { position:relative; display:flex; align-items:center; }.auth-input > svg { position:absolute; left:13px; width:18px; height:18px; color:#59636d; fill:none; pointer-events:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.8; }.auth-input input { padding-left:42px !important; }.auth-password-input input { padding-right:44px !important; }.auth-password-toggle { position:absolute; right:5px; display:grid; width:36px; min-height:36px !important; padding:0 !important; place-items:center; border:0 !important; background:transparent !important; color:#59636d !important; }.auth-password-toggle:hover { color:#006971 !important; }.auth-password-toggle svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.8; }.auth-password-rules { padding:14px; border-radius:6px; background:#f3f4f5; }.auth-password-rules p { margin:0 0 10px; color:#59636d; font:700 11px/1.2 'Inter',sans-serif; letter-spacing:.08em; text-transform:uppercase; }.auth-password-rules .password-checklist { display:grid; gap:7px; margin:0; padding:0; list-style:none; }.auth-password-rules .password-checklist li { display:flex; align-items:center; gap:8px; color:#59636d; font-size:13px; }.auth-password-rules .password-checklist li::before { content:''; width:11px; height:11px; border:1px solid #6c797b; border-radius:50%; }.auth-password-rules .password-checklist li.is-valid { color:#146c43; font-weight:700; }.auth-password-rules .password-checklist li.is-valid::before { content:'✓'; display:grid; place-items:center; border-color:#146c43; background:#146c43; color:#fff; font:700 9px/1 'Inter',sans-serif; }.auth-login-footer { color:#6c797b; font-size:12px; text-align:center; }.auth-page-login .auth-success { margin:0; }
@media (max-width:480px) { .auth-page-login { padding:28px 16px; }.auth-login-layout { gap:24px; }.auth-page-login .auth-card { padding:24px; }.auth-field-heading { align-items:flex-start; flex-direction:column; gap:6px; } }

.admin-body { display: flex; min-height: 100vh; }.sidebar { position: fixed; inset: 0 auto 0 0; display: flex; flex-direction: column; width: 260px; padding: 24px 16px; background: #220555; color: #fff; }.sidebar-brand { display: block; margin: 0 8px 28px; }.sidebar-brand img { width: 90px; height: auto; }.sidebar nav { display: grid; gap: 4px; }.sidebar a, .sidebar button { color: #e9ddff; font: 600 14px/1.2 'Inter', sans-serif; text-decoration: none; }.sidebar nav a { padding: 12px; border-radius: 6px; }.sidebar nav a:hover { background: #4f3983; color: #fff; }.sidebar-footer { display: grid; gap: 10px; margin-top: auto; padding: 12px 8px 0; border-top: 1px solid rgb(233 221 255 / 30%); font-size: 13px; }.sidebar-footer form { margin: 0; }.sidebar-footer button { padding: 0; border: 0; background: none; cursor: pointer; }.admin-main { width: calc(100% - 260px); margin-left: 260px; padding: 32px 24px 48px; }.page-header { margin-bottom: 24px; }.page-header h1 { margin: 4px 0 0; font: 700 28px/1.2 'Montserrat', sans-serif; color: #220555; }.toolbar { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; justify-content: space-between; margin-bottom: 20px; }.filters { display: flex; flex-wrap: wrap; gap: 8px; }.button, .button-secondary, .button-danger, .admin-form button, .compact-form button { display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 9px 14px; border: 1px solid #006971; border-radius: 8px; background: #006971; color: #fff; cursor: pointer; font: 600 14px 'Inter', sans-serif; text-decoration: none; }.button:hover, .admin-form button:hover, .compact-form button:hover { background: #005e65; }.button-secondary { border-color: #220555; background: transparent; color: #220555; }.button-secondary:hover { background: #220555; color: #fff; }.button-danger { border-color: #ba1a1a; background: #ba1a1a; }.table-card, .card, .admin-form section { overflow-x: auto; padding: 20px; border: 1px solid #e9ecef; border-radius: 8px; background: #fff; box-shadow: 0 4px 12px rgb(34 5 85 / 5%); }.table-card { padding: 0; }.table-card table { width: 100%; border-collapse: collapse; font-size: 14px; }.table-card th { padding: 14px 12px; background: #f8f9fa; color: #3d494a; font-size: 12px; letter-spacing: .05em; text-align: left; text-transform: uppercase; }.table-card td { height: 48px; padding: 10px 12px; border-top: 1px solid #e9ecef; vertical-align: middle; }.table-card tbody tr:hover { background: #f1f3f5; }.actions { display: flex; flex-wrap: wrap; gap: 8px; }.actions a, .link-button { color: #006971; font: 600 13px 'Inter', sans-serif; text-decoration: none; }.link-button { padding: 0; border: 0; background: none; cursor: pointer; }.danger-text { color: #ba1a1a; }.badge { display: inline-block; margin-left: 6px; padding: 3px 6px; border-radius: 4px; background: #e1e3e4; font-size: 11px; }.empty { padding: 28px !important; color: #59636d; text-align: center; }.notice { margin: 0 0 16px; padding: 12px 14px; border-radius: 6px; font-size: 14px; }.notice ul { margin: 0; padding-left: 18px; }.notice.success { border: 1px solid #198754; background: #effaf3; color: #146c43; }.notice.error { border: 1px solid #e6350f; background: #fff1ed; color: #8a250d; }.admin-form { display: grid; gap: 20px; max-width: 1050px; }.admin-form.narrow { max-width: 720px; }.admin-form section h2, .card h2 { margin: 0 0 16px; font: 600 20px 'Montserrat', sans-serif; color: #220555; }.form-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }.form-grid label, .compact-form label { display: grid; gap: 6px; color: #3d494a; font-size: 13px; font-weight: 700; }.form-grid .full { grid-column: 1 / -1; }.admin-form input, .admin-form select, .admin-form textarea, .filters input, .filters select, .compact-form input, .compact-form select, .compact-form textarea { width: 100%; min-height: 40px; padding: 9px 12px; border: 1px solid #bcc9cb; border-radius: 8px; background: #fff; color: #191c1d; font: 400 14px 'Inter', sans-serif; }.admin-form textarea, .compact-form textarea { min-height: 100px; resize: vertical; }.admin-form input:focus, .admin-form select:focus, .admin-form textarea:focus, .filters input:focus, .filters select, .compact-form input:focus, .compact-form select:focus, .compact-form textarea:focus { outline: 0; border-color: #01abb8; box-shadow: 0 0 0 3px rgb(1 171 184 / 18%); }.checks { display: flex; flex-wrap: wrap; gap: 12px; border: 0; padding: 0; }.checks label, .checkbox { display: flex !important; align-items: center; gap: 6px; }.checks input, .checkbox input { width: auto !important; min-height: 0 !important; }.field-help, small { color: #59636d; font-size: 12px; font-weight: 400; line-height: 1.5; }.form-actions { display: flex; gap: 10px; }.detail-grid, .two-columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }.detail-grid dl { display: grid; grid-template-columns: 130px 1fr; gap: 10px; margin: 0; }.detail-grid dt { color: #59636d; font-size: 13px; }.detail-grid dd { margin: 0; }.history, .card ul { margin: 0; padding-left: 18px; }.history li { margin: 10px 0; }.compact-form { display: grid; gap: 12px; }.inline-fields { grid-template-columns: 1fr 2fr auto; align-items: end; margin-bottom: 10px; }
.detail-stack { display: grid; gap: 20px; }
.auth-login-submit { display:inline-flex; align-items:center; justify-content:center; gap:8px; }.auth-login-submit svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:2; }
.password-checklist { margin: 0; padding-left: 18px; color: #59636d; font-size: 13px; }.password-checklist .is-valid { color: #146c43; font-weight: 700; }
.note-timeline { display: grid; gap: 0; }.note-timeline article { padding: 16px 0 16px 18px; border-left: 3px solid #01abb8; border-bottom: 1px solid #e9ecef; }.note-timeline article:last-of-type { border-bottom: 0; }.note-timeline h3 { margin: 4px 0; color: #220555; font: 600 16px 'Montserrat', sans-serif; }.note-timeline p { margin: 0 0 6px; line-height: 1.5; }
.card + .card, .card + .two-columns, .two-columns + .card, .detail-grid + .card { margin-top: 20px; }
.task-detail-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.task-detail-grid .definition-list { display: grid; grid-template-columns: 130px 1fr; gap: 10px; margin: 0; }
.task-detail-grid dt { color: #59636d; font-size: 13px; }
.task-detail-grid dd { margin: 0; }
.filter-reset { align-self: center; color: #220555; font: 600 13px 'Inter', sans-serif; text-decoration: underline; text-underline-offset: 3px; }
.filter-reset:hover { color: #006971; }
.button-edit { min-width: 128px; }
.actions .button { color: #fff; }
.compact-form .button-secondary { border-color: #220555; background: transparent; color: #220555; }
.compact-form .button-secondary:hover { background: #220555; color: #fff; }
.task-secondary-actions { margin-top: 16px; padding-top: 12px; border-top: 1px solid #e9ecef; }
.work-grid, .dashboard-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin-bottom:20px; }.work-group { padding:18px; }.work-group h2 { margin-bottom:12px !important; font-size:17px !important; }.work-group ul,.simple-list { display:grid; gap:9px; margin:0; padding:0; list-style:none; }.work-group li { padding-top:9px; border-top:1px solid #e9ecef; }.work-group li:first-child { padding-top:0; border-top:0; }.work-group a { display:grid; gap:3px; color:#191c1d; text-decoration:none; }.work-group a:hover strong { color:#006971; }.work-group span { color:#59636d; font-size:12px; line-height:1.4; }.dashboard-metrics > div { display:grid; gap:8px; padding:18px; border:1px solid #e1e3e4; border-radius:8px; background:#fff; box-shadow:0 4px 12px rgb(34 5 85 / 5%); }.dashboard-metrics span { color:#3d494a; font-size:12px; font-weight:700; }.dashboard-metrics strong,.dashboard-number { color:#220555; font:700 30px/1 'Montserrat',sans-serif; }.simple-list li { display:flex; justify-content:space-between; gap:12px; padding:8px 0; border-top:1px solid #e9ecef; }.simple-list li:first-child { border-top:0; }
.dashboard-toolbar { align-items:flex-start; }.dashboard-period-form { display:flex; align-items:end; gap:10px; }.dashboard-period-dates { display:flex; flex-wrap:wrap; align-items:end; gap:10px; }.dashboard-period-dates label,.assigned-filters label { display:grid; gap:5px; color:#3d494a; font-size:12px; font-weight:700; }.dashboard-period-dates input,.assigned-filters input,.assigned-filters select { min-height:40px; padding:9px 12px; border:1px solid #bcc9cb; border-radius:8px; background:#fff; color:#191c1d; font:400 14px 'Inter',sans-serif; }.period-picker { position:relative; }.period-picker summary { display:grid; width:40px; height:40px; place-items:center; border:1px solid #220555; border-radius:8px; cursor:pointer; list-style:none; }.period-picker summary::-webkit-details-marker { display:none; }.period-picker summary span { width:17px; height:15px; border:2px solid #220555; border-radius:3px; position:relative; }.period-picker summary span::before { content:''; position:absolute; top:3px; left:0; width:100%; border-top:2px solid #220555; }.period-picker summary span::after { content:''; position:absolute; top:-5px; left:3px; width:7px; height:4px; border-left:2px solid #220555; border-right:2px solid #220555; }.period-picker > div { position:absolute; z-index:3; top:48px; left:0; display:grid; min-width:170px; padding:8px; border:1px solid #e1e3e4; border-radius:8px; background:#fff; box-shadow:0 8px 20px rgb(34 5 85 / 14%); }.period-picker button { padding:9px 10px; border:0; border-radius:5px; background:transparent; color:#191c1d; font:600 13px 'Inter',sans-serif; text-align:left; cursor:pointer; }.period-picker button:hover,.period-picker button:focus-visible { background:#e7f8f9; color:#00393e; }.dashboard-recent { margin-top:32px; }.assigned-actions,.assigned-filter-actions { display:flex; flex-wrap:wrap; gap:10px; }.assigned-actions { margin-bottom:18px; }.assigned-filters { display:grid; gap:12px; max-width:620px; margin-bottom:20px; }.assigned-period { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }.assigned-filter-actions { padding-top:2px; }
.dashboard-statuses { margin:0 0 20px; }
.sidebar nav { flex:1 1 auto; gap:18px; min-height:0; overflow-y:auto; padding-right:2px; }.sidebar-navigation-group { display:grid; gap:4px; }.sidebar-navigation-group-title { display:flex; align-items:center; gap:8px; margin:0 8px 2px; color:#a5a6d8; font:700 11px/1.2 'Inter',sans-serif; letter-spacing:.06em; text-transform:uppercase; }.sidebar-navigation-group.is-current .sidebar-navigation-group-title { color:#fff; }.sidebar-icon { flex:0 0 20px; width:20px; height:20px; }.sidebar nav a { display:flex; align-items:center; gap:10px; min-height:44px; padding:10px 12px; }.sidebar-footer { margin-top:16px; }.sidebar nav a.is-active { border-left:3px solid #01abb8; background:#006971; color:#fff; }
.sidebar nav { gap:0; padding-right:8px; scrollbar-width:none; }.sidebar nav:hover { scrollbar-color:#01abb8 transparent; scrollbar-width:thin; }.sidebar nav::-webkit-scrollbar { width:0; }.sidebar nav:hover::-webkit-scrollbar { width:5px; }.sidebar nav::-webkit-scrollbar-track { background:transparent; }.sidebar nav::-webkit-scrollbar-thumb { border:1px solid #220555; border-radius:999px; background:#01abb8; }.sidebar nav::-webkit-scrollbar-thumb:hover { background:#56d8e5; }.sidebar-navigation-group { gap:1px; margin-bottom:20px; }.sidebar-navigation-group + .sidebar-navigation-group { margin-top:0; }.sidebar-navigation-group-title,.sidebar-navigation-group.is-current .sidebar-navigation-group-title { display:block; margin:0 8px 2px; color:#b7b4df; }.sidebar nav a { min-height:38px; padding:7px 12px; }.sidebar nav a:hover { background:#2e0b61; color:#fff; }.sidebar-footer { border-top-width:2px; }
.task-secondary-actions summary, .comment-action summary { color: #006971; cursor: pointer; font-size: 13px; font-weight: 700; }
.task-participants-field { display:grid; gap:6px; }.task-participants-actions { display:flex; justify-content:flex-start; }.task-participants-actions .button-secondary { min-height:36px; padding:7px 12px; }.task-participants-actions button:disabled { cursor:not-allowed; opacity:.55; }
.task-secondary-actions .compact-form, .comment-action .compact-form { margin-top: 12px; }
.button-danger-outline { border-color: #ba1a1a !important; background: transparent !important; color: #ba1a1a !important; }
.button-danger-outline:hover { background: #ba1a1a !important; color: #fff !important; }
.comment-item-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 10px; }
.comment-action[open] { width: 100%; }
.info-tooltip { display: inline-flex; width: 18px; height: 18px; align-items: center; justify-content: center; border-radius: 50%; background: #006971; color: #fff; cursor: help; font: 700 12px/1 'Inter', sans-serif; vertical-align: 2px; }
.info-tooltip:focus { outline: 3px solid rgb(1 171 184 / 30%); outline-offset: 2px; }
.dynamic-collection { display: grid; gap: 16px; }
.onboarding-editor-stage { overflow: visible; }
.collection-header { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 16px; }
.collection-header h2 { margin-bottom: 0 !important; }
.collection-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.collection-add { width: fit-content; }
.collection-move { min-height: 36px; padding: 7px 10px; font-size: 13px; }
.collection-remove { min-height: 36px; padding: 7px 10px; font-size: 13px; }
.dynamic-checklist-items { display: grid; gap: 10px; margin-bottom: 10px; }
.collection-item { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: end; gap: 12px; padding: 12px; border: 1px solid #e9ecef; border-radius: 8px; background: #f8f9fa; }
.collection-item label:first-of-type { min-width: min(100%, 320px); }.company-channel-item { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) auto auto; }
.onboarding-stage { padding: 18px 0; border-top: 1px solid #e9ecef; }
.onboarding-stage:first-of-type { padding-top: 0; border-top: 0; }
.onboarding-stage:last-child { padding-bottom: 0; }
.stage-summary-grid { display: grid; grid-template-columns: minmax(260px, 2fr) repeat(3, minmax(130px, 1fr)); align-items: end; gap: 16px; }
.stage-summary-grid h3 { margin: 0 0 6px; font: 600 17px/1.3 'Montserrat', sans-serif; color: #220555; }
.stage-summary-grid p { margin: 0; color: #3d494a; line-height: 1.5; }
.stage-summary-grid > div:not(.stage-description) { display: grid; gap: 5px; }
.stage-summary-grid span { color: #59636d; font-size: 12px; font-weight: 700; }
.stage-summary-grid strong { font-size: 14px; line-height: 1.4; }
.stage-client-note { margin: 14px 0 0; color: #3d494a; font-size: 13px; }
.stage-status-form { display: flex; flex-wrap: wrap; align-items: end; gap: 10px 12px; margin-top: 16px; padding-top: 14px; border-top: 1px solid #e9ecef; }
.stage-status-form label { display: grid; flex: 1 1 250px; gap: 6px; color: #3d494a; font-size: 13px; font-weight: 700; }
.stage-status-form select { width: 100%; min-height: 40px; padding: 9px 12px; border: 1px solid #bcc9cb; border-radius: 8px; background: #fff; color: #191c1d; font: 400 14px 'Inter', sans-serif; }
.stage-status-form button { flex: 0 0 auto; min-height: 40px; padding: 9px 14px; border: 1px solid #006971; border-radius: 8px; background: #006971; color: #fff; cursor: pointer; font: 600 14px 'Inter', sans-serif; }
.stage-status-form .field-help { flex: 1 0 100%; }
.onboarding-stage-locked { opacity: .72; }
.stage-locked-message { margin: 16px 0 0; padding: 10px 12px; border-left: 3px solid #67519d; background: #f3f0fb; color: #3d494a; font-size: 13px; line-height: 1.5; }
.onboarding-link-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; padding: 14px; border: 1px solid #d8d2e8; border-radius: 8px; background: #faf8ff; }
.onboarding-link-fields > label { display: grid; gap: 6px; color: #3d494a; font-size: 13px; font-weight: 700; }
.onboarding-link-fields > small { grid-column: 1 / -1; }

.filters { flex: 1 1 720px; }
.filters > input, .filters > select { flex: 1 1 160px; width: auto; }
.filters .filter-date { display: grid; flex: 0 1 140px; gap: 4px; color: #3d494a; font-size: 12px; font-weight: 700; }
.filters .filter-date input { width: 100%; }
.filters > button, .filters > .filter-reset { align-self: end; flex: 0 0 auto; }
.onboarding-toolbar { display: block; }
.onboarding-filters { display: grid; gap: 12px; }
.onboarding-filter-row { display: grid; gap: 8px; }
.onboarding-filter-primary { grid-template-columns: minmax(220px, 1.4fr) repeat(4, minmax(160px, 1fr)); }
.onboarding-filter-primary > input, .onboarding-filter-primary > select { width: 100%; }
.onboarding-filter-period { grid-template-columns: repeat(2, minmax(180px, 220px)); }
.onboarding-filter-period .filter-date { display: grid; gap: 4px; color: #3d494a; font-size: 12px; font-weight: 700; }
.onboarding-filter-actions { display: flex; align-items: center; gap: 12px; }
.onboarding-create-section { margin-top: 20px; padding-top: 16px; border-top: 1px solid #e9ecef; }
.onboarding-section-divider { margin: 0 0 12px; color: #59636d; font: 700 12px 'Inter', sans-serif; letter-spacing: .05em; text-transform: uppercase; }
.onboarding-create-actions { margin-top: 0; }
.briefing-toolbar { display: block; }.briefing-filters { display: grid; gap: 12px; }.briefing-filter-row { display: grid; gap: 8px; }.briefing-filter-primary { grid-template-columns: minmax(220px, 1.4fr) repeat(5, minmax(160px, 1fr)); }.briefing-filter-primary > input, .briefing-filter-primary > select { width: 100%; }.briefing-filter-period { grid-template-columns: repeat(2, minmax(180px, 220px)); }.briefing-filter-period .filter-date { display: grid; gap: 4px; color: #3d494a; font-size: 12px; font-weight: 700; }.briefing-filter-actions { display: flex; align-items: center; gap: 12px; }.briefing-create-section { margin-top: 20px; padding-top: 16px; border-top: 1px solid #e9ecef; }.briefing-section-divider { margin: 0 0 12px; color: #59636d; font: 700 12px 'Inter', sans-serif; letter-spacing: .05em; text-transform: uppercase; }.briefing-create-actions { margin-top: 0; }
.crm-kanban-region { position:relative; }.crm-kanban-scroll { position:sticky; top:12px; z-index:3; display:flex; align-items:center; gap:12px; min-height:40px; margin:0 0 8px; padding:8px 12px; border:1px solid #b9e4e7; border-radius:8px; background:#f5fbfb; box-shadow:0 4px 12px rgb(34 5 85 / 8%); }.crm-kanban-scroll[hidden] { display:none; }.crm-kanban-scroll > span { flex:0 0 auto; color:#00393e; font:700 12px 'Inter',sans-serif; }.crm-kanban-scrollbar { flex:1 1 auto; height:18px; overflow-x:auto; overflow-y:hidden; border-radius:999px; scrollbar-gutter:stable; }.crm-kanban-scrollbar > div { height:1px; }.crm-kanban { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(250px, 1fr); gap: 16px; overflow-x: auto; padding-bottom: 8px; }
.crm-column { min-height: 220px; padding: 14px; border: 1px solid #e9ecef; border-radius: 8px; background: #f3f4f5; }
.crm-column-more { display: grid; justify-items: stretch; margin-top: 12px; }.crm-column-more .button-secondary { width: 100%; }.crm-column-more .field-help { margin: 8px 0 0; text-align: center; }
.crm-column-more [hidden] { display: none !important; }
.crm-column h2 { margin: 0 0 12px; color: #220555; font: 600 16px 'Montserrat', sans-serif; }
.crm-lead-card { display: grid; gap: 7px; margin: 10px 0; padding: 12px; border: 1px solid #e9ecef; border-left: 4px solid #01abb8; border-radius: 8px; background: #fff; box-shadow: 0 4px 12px rgb(34 5 85 / 5%); cursor: pointer; font-size: 13px; }
.crm-lead-card a { color: #220555; font-size: 15px; text-decoration: none; }.crm-lead-card span { color: #3d494a; }.crm-lead-card small { color: #59636d; }.crm-lead-card-heading { display: flex; align-items: start; justify-content: space-between; gap: 8px; }.crm-card-quick-edit { display: inline-grid; flex: 0 0 auto; width: 30px; min-height: 30px; padding: 6px; place-items: center; border: 1px solid #67519d; border-radius: 6px; background: #fff; color: #513c85; cursor: pointer; }.crm-card-quick-edit:hover { background: #f4efff; }.crm-card-quick-edit:focus-visible { outline: 2px solid #01abb8; outline-offset: 2px; }.crm-card-quick-edit svg { width: 16px; height: 16px; fill: currentColor; }.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.environment-selector { display: flex; align-items: end; gap: 8px; }.environment-selector label { display: grid; gap: 5px; color: #3d494a; font-size: 12px; font-weight: 700; }.environment-selector select { min-height: 40px; padding: 9px 12px; border: 1px solid #bcc9cb; border-radius: 8px; background: #fff; color: #191c1d; font: 400 14px 'Inter', sans-serif; }.crm-filters { display: grid; gap: 12px; margin-bottom: 20px; }.crm-filter-row { display: grid; gap: 8px; }.crm-filter-primary { grid-template-columns: minmax(240px, 1.4fr) repeat(3, minmax(160px, 1fr)); }.crm-filter-secondary { grid-template-columns: repeat(2, minmax(160px, 220px)) repeat(2, minmax(180px, 220px)); }.crm-filter-row > input, .crm-filter-row > select, .crm-filter-row > label { width: 100%; }.crm-filter-actions { display: flex; align-items: center; gap: 12px; }.crm-column.is-drop-target { border-color: #006971; background: #e7f8f9; box-shadow: inset 0 0 0 2px rgb(1 171 184 / 25%); }.crm-lead-card[draggable="true"] { cursor: grab; }.crm-lead-card[draggable="true"]:active, .crm-lead-card.is-dragging { cursor: grabbing; opacity: .55; }.crm-lead-card-static { border-left-color: #8a8f94; }.crm-card-move { margin-top: 2px; }.crm-card-move summary { color: #006971; cursor: pointer; font-weight: 700; }.crm-card-move .compact-form { margin-top: 10px; }.crm-dialog { width: min(100% - 32px, 520px); padding: 0; border: 0; border-radius: 12px; box-shadow: 0 20px 48px rgb(34 5 85 / 25%); }.crm-dialog::backdrop { background: rgb(25 28 29 / 52%); }.crm-dialog form { padding: 26px; }.crm-dialog h2 { margin: 0; color: #220555; font: 600 21px 'Montserrat', sans-serif; }.crm-dialog p { margin: 0; color: #3d494a; }.crm-next-action-fields { display: grid; gap: 12px; padding: 14px; border: 1px solid #d8d2e8; border-radius: 8px; background: #faf8ff; }
.crm-tag-list { display: flex; flex-wrap: wrap; gap: 6px; }.crm-tag { display: inline-flex; align-items: center; width: fit-content; padding: 4px 8px; border-radius: 999px; background: var(--tag-color, #006971); color: #fff; font: 700 11px/1.2 'Inter', sans-serif; }.crm-lead-card .crm-tag { color: #fff; }.crm-quick-edit-dialog { width: min(100% - 32px, 620px); }.crm-quick-edit-dialog form { display: grid; gap: 16px; }.crm-quick-edit-dialog .form-grid { gap: 12px; }.crm-quick-edit-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }.crm-quick-edit-fields .full { grid-column: 1 / -1; }.crm-quick-activity { border-top: 1px solid #e1e3e4; padding-top: 14px; }.crm-quick-activity summary { color: #006971; cursor: pointer; font: 700 14px 'Inter', sans-serif; }.crm-quick-activity-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 14px; }.crm-quick-activity-fields label { display: grid; gap: 6px; color: #3d494a; font-size: 13px; font-weight: 700; }.crm-quick-activity-fields .checkbox { display: flex; align-items: center; gap: 8px; }.crm-quick-activity-fields .crm-next-action-fields { grid-column: 1 / -1; }.tag-color-input { width: 56px !important; min-height: 40px !important; padding: 3px !important; cursor: pointer; }.field-help-error { color: #ba1a1a; font-weight: 700; }.crm-tag-management-list { display: grid; gap: 10px; }.crm-tag-management-item { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 10px 0; border-top: 1px solid #e9ecef; }.crm-tag-management-item:first-child { padding-top: 0; border-top: 0; }.crm-tag-code { color: #3d494a; overflow-wrap: anywhere; font: 600 12px/1.4 'Inter', sans-serif; }.crm-tag-status { color: #59636d; font-size: 13px; }.crm-tag-edit { margin-left: auto; min-height: 36px; padding: 7px 12px; }.crm-primary-actions { display: grid; align-content: start; gap: 16px; }.crm-primary-actions > h2 { margin-bottom: 0; }.crm-action-group { padding-top: 16px; border-top: 1px solid #e9ecef; }.crm-action-group:first-of-type { padding-top: 0; border-top: 0; }.crm-action-group h3 { margin: 0 0 8px; color: #3d494a; font: 700 14px 'Inter', sans-serif; }.crm-action-group p { margin: 0 0 10px; }.crm-stage-form { grid-template-columns: minmax(0, 1fr) auto; align-items: end; }.crm-stage-form .field-help { grid-column: 1 / -1; }
.crm-tag-checkboxes { margin: 0; padding: 0; border: 0; }.crm-tag-checkboxes legend { margin-bottom: 8px; color: #3d494a; font-size: 13px; font-weight: 700; }.crm-tag-checkboxes > div { display: flex; flex-wrap: wrap; gap: 8px; }.crm-tag-checkboxes label { display: flex !important; align-items: center; gap: 6px; padding: 7px 9px; border: 1px solid #d8dfe0; border-radius: 6px; background: #f8f9fa; color: #3d494a; font-size: 13px; font-weight: 600; }.crm-tag-checkboxes label.is-inactive { opacity: .65; }.crm-tag-checkboxes input { width: auto !important; min-height: 0 !important; }
.crm-attribution-card { display: grid; gap: 14px; }.crm-attribution-card > h2, .crm-attribution-card > p { margin: 0; }.crm-attribution-list { display: grid; gap: 12px; }.crm-attribution { display: grid; gap: 12px; padding: 14px; border: 1px solid #d8dfe0; border-left: 4px solid #01abb8; border-radius: 8px; background: #f8f9fa; }.crm-attribution-heading { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 8px; color: #220555; }.crm-attribution-heading strong { font: 600 16px 'Montserrat', sans-serif; }.crm-attribution-heading small { color: #59636d; }.crm-attribution-details { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 6px 12px; margin: 0; }.crm-attribution-details dt { color: #59636d; font-size: 13px; }.crm-attribution-details dd { margin: 0; overflow-wrap: anywhere; }.crm-attribution-tags { display: flex; flex-wrap: wrap; gap: 8px; }.crm-attribution-tag { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 4px; max-width: 100%; padding: 6px 8px; border: 1px solid #a7d8dc; border-radius: 4px; background: #e7f8f9; color: #00393e; font: 500 12px/1.35 'Inter', sans-serif; overflow-wrap: anywhere; }.crm-attribution-tag strong { font-weight: 700; }.crm-attribution-click-id { margin: 0; color: #3d494a; font-size: 12px; overflow-wrap: anywhere; }
.crm-import-details { margin-bottom: 18px; }.crm-import-status { color: #006971; font-weight: 700; }.crm-import-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }.crm-import-summary > div { display: grid; gap: 5px; padding: 14px; border: 1px solid #d8dfe0; border-radius: 8px; background: #f8f9fa; }.crm-import-summary span, .crm-import-result { color: #59636d; font-size: 13px; }.crm-import-summary strong { color: #220555; font: 700 22px/1.1 'Montserrat', sans-serif; }.crm-import-result { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 14px; }.crm-import-result strong { color: #191c1d; }.crm-import-confirm { margin-top: 20px; }.crm-import-process-action { display: grid; gap: 12px; margin-top: 20px; }.crm-import-process-action h2, .crm-import-process-action p { margin: 0; }.crm-import-process-action p { color: #3d494a; }.crm-pagination { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 10px; margin-top: 16px; color: #59636d; font-size: 13px; }.crm-pagination span:first-child { margin-right: auto; }

.webhook-page { display: grid; gap: 24px; max-width: 1240px; }.webhook-page h2 { margin: 3px 0 8px; color: #220555; font: 600 21px/1.25 'Montserrat', sans-serif; }.webhook-page p { margin: 0; color: #3d494a; line-height: 1.55; }.webhook-hero { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 24px; padding: 28px; border-left: 4px solid #01abb8; background: linear-gradient(112deg, #fff 0%, #f3fbfb 100%); }.webhook-hero > div { max-width: 660px; }.webhook-hero form { display: grid; gap: 8px; min-width: 230px; }.webhook-hero small { text-align: center; }.webhook-secret { display: grid; grid-template-columns: minmax(0, 1fr) minmax(340px, 1.3fr); gap: 24px; border-color: #01abb8; background: #e7f8f9; }.webhook-secret dl { display: grid; gap: 12px; margin: 0; }.webhook-secret dl div { display: grid; gap: 5px; }.webhook-secret dt, .webhook-url > span { color: #3d494a; font: 700 12px 'Inter', sans-serif; letter-spacing: .04em; text-transform: uppercase; }.webhook-secret dd { margin: 0; }.webhook-page code { overflow-wrap: anywhere; color: #220555; font: 600 12px/1.5 'Inter', monospace; }.webhook-connection { display: grid; gap: 18px; }.webhook-section-heading { display: flex; align-items: start; justify-content: space-between; gap: 16px; margin-bottom: 12px; }.webhook-section-heading h2 { margin-bottom: 5px; }.webhook-url { display: grid; gap: 7px; padding: 14px; border: 1px solid #d8dfe0; border-radius: 8px; background: #f8f9fa; }.webhook-url code { color: #006971; }.webhook-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin: 0; padding: 0; list-style: none; counter-reset: webhook-steps; }.webhook-steps li { display: grid; gap: 5px; padding: 14px; border: 1px solid #e1e3e4; border-radius: 8px; background: #fff; counter-increment: webhook-steps; }.webhook-steps strong::before { content: counter(webhook-steps); display: inline-grid; width: 22px; height: 22px; margin-right: 8px; place-items: center; border-radius: 50%; background: #220555; color: #fff; font-size: 12px; }.webhook-steps span { color: #59636d; font-size: 13px; line-height: 1.45; }.webhook-contract { border-top: 1px solid #e1e3e4; padding-top: 14px; }.webhook-contract summary { color: #006971; cursor: pointer; font-weight: 700; }.webhook-contract div { display: grid; gap: 10px; margin-top: 12px; }.webhook-section { display: grid; gap: 4px; }.webhook-conflict-form { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }.webhook-conflict-form select { min-height: 36px; padding: 6px 8px; border: 1px solid #bcc9cb; border-radius: 6px; background: #fff; font: 400 13px 'Inter', sans-serif; }.webhook-conflict-form .button-secondary { min-height: 36px; padding: 7px 10px; }

@media (max-width: 767px) { .sidebar { position: static; width: 100%; min-height: auto; }.sidebar nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }.sidebar-footer { display: none; }.admin-body { display: block; }.admin-main { width: 100%; margin: 0; padding: 24px 16px; }.form-grid, .detail-grid, .task-detail-grid, .two-columns, .stage-summary-grid, .onboarding-link-fields, .crm-stage-form, .crm-import-summary, .work-grid, .dashboard-metrics { grid-template-columns: 1fr; }.inline-fields, .collection-item { grid-template-columns: 1fr; }.toolbar { align-items: stretch; }.filters { width: 100%; }.filters > * { flex: 1 1 140px; }.onboarding-filter-primary, .briefing-filter-primary { grid-template-columns: repeat(2, minmax(0, 1fr)); }.onboarding-filter-primary > input, .briefing-filter-primary > input { grid-column: 1 / -1; }.onboarding-filter-period, .briefing-filter-period { grid-template-columns: repeat(2, minmax(0, 1fr)); }.stage-status-form button { width: 100%; }.environment-selector { align-items: stretch; }.environment-selector label, .environment-selector button { flex: 1 1 180px; }.webhook-secret, .webhook-steps { grid-template-columns: 1fr; }.webhook-hero { align-items: stretch; }.webhook-hero form { width: 100%; }.webhook-section-heading { display: block; }.webhook-section-heading .badge { display: inline-block; margin: 8px 0 0; } }

@media (max-width: 767px) { .crm-filter-primary, .crm-filter-secondary, .crm-quick-activity-fields { grid-template-columns: 1fr; }.crm-filter-actions { align-items: stretch; flex-direction: column; }.crm-filter-actions > * { width: 100%; } }
@media (max-width:767px) { .dashboard-period-form,.dashboard-period-dates { width:100%; align-items:stretch; }.dashboard-period-dates label { flex:1 1 140px; }.period-picker { align-self:flex-end; }.assigned-period { grid-template-columns:1fr; }.assigned-actions > *,.assigned-filter-actions > * { flex:1 1 180px; text-align:center; justify-content:center; } }
.technical-log-details { min-width: 260px; }.technical-log-details summary { color: #006971; cursor: pointer; font-weight: 700; }.technical-log-details dl { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 6px 10px; margin: 10px 0 0; }.technical-log-details dt { color: #59636d; font-size: 12px; }.technical-log-details dd { margin: 0; overflow-wrap: anywhere; }
.briefing-fields { display:grid; gap:12px; }.briefing-field { grid-template-columns:repeat(3,minmax(0,1fr)); align-items:end; }.briefing-field label { display:grid; gap:6px; font-size:13px; font-weight:700; }.briefing-answer { display:grid; gap:8px; margin:18px 0; }.briefing-answer > label { display:grid; gap:7px; color:#3d494a; font-size:14px; font-weight:700; }.briefing-answer textarea,.briefing-answer input:not([type=checkbox]):not([type=radio]) { width:100%; min-height:40px; padding:9px 12px; border:1px solid #bcc9cb; border-radius:8px; font:400 14px 'Inter',sans-serif; }.briefing-answer textarea { min-height:110px; }.briefing-public-card { margin-top:20px; }.public-briefing { min-height:100vh; margin:0; padding:32px 16px; background:#f8f9fa; color:#191c1d; font-family:'Inter',sans-serif; }.public-briefing main { width:min(100%,820px); margin:auto; }.public-briefing main>img { width:86px; height:auto; }.public-briefing h1 { color:#220555; font:700 28px 'Montserrat',sans-serif; }.privacy-notice { margin-top:24px; padding:16px; border:1px solid #d8dfe0; border-radius:8px; background:#f8f9fa; }.privacy-notice h2 { margin:0 0 8px; color:#220555; font:600 18px 'Montserrat',sans-serif; }.privacy-notice p { line-height:1.55; }.public-briefing .admin-form { max-width:none; }
@media (max-width:767px) { .briefing-field { grid-template-columns:1fr; } }
.crm-card-move { cursor: default; }
.filters button { min-height:40px; padding:9px 14px; border:1px solid #006971; border-radius:8px; background:#006971; color:#fff; cursor:pointer; font:600 14px 'Inter',sans-serif; }.filters button:hover { background:#005e65; }.briefing-field [hidden] { display:none !important; }
.briefing-public-card { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:20px; }.briefing-public-card h2 { margin-bottom:8px; }.briefing-public-card p { margin:0; }.briefing-public-card > div { max-width:720px; }.briefing-public-card form { margin:0; }
.briefing-public-url { display:grid; gap:6px; margin:14px 0 8px; color:#3d494a; font-size:12px; font-weight:700; }.briefing-public-url input { width:min(100%,680px); min-height:40px; padding:9px 12px; border:1px solid #bcc9cb; border-radius:8px; background:#f8f9fa; color:#191c1d; font:400 13px 'Inter',sans-serif; }
.review-public-card { display:grid; gap:14px; }.review-public-card h2 { margin-bottom:8px; }.review-public-card .field-help { margin:0; }.review-public-url { display:grid; gap:6px; margin-top:14px; color:#3d494a; font-size:12px; font-weight:700; }.review-link-input { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; align-items:center; }.review-link-input input { width:100%; min-width:0; min-height:40px; padding:9px 12px; border:1px solid #bcc9cb; border-radius:8px; background:#f8f9fa; color:#191c1d; font:400 13px 'Inter',sans-serif; }.review-token-actions { display:flex; flex-wrap:wrap; gap:10px; }.review-token-actions form { margin:0; }.review-copy-feedback { min-height:18px; color:#006971; font-weight:700; }
@media (max-width:767px) { .review-link-input { grid-template-columns:1fr; }.review-link-input .button-secondary { width:100%; } .review-token-actions form, .review-token-actions button { width:100%; } }
.review-public-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:18px; }.review-public-actions form { margin:0; }.review-comments { flex:0 0 auto; }.review-comments[open] { flex-basis:100%; }.review-comments summary { list-style:none; }.review-comments summary::-webkit-details-marker { display:none; }.review-comments > section { margin-top:10px; }.review-comments .compact-form { margin-top:16px; }
@media (max-width:767px) { .review-public-actions, .review-public-actions form, .review-public-actions summary { width:100%; }.review-public-actions .button, .review-public-actions .button-secondary { width:100%; } }
.admin-form select[multiple] { min-height:136px; padding:8px; }
.library-featured-badge { display:inline-block; margin-left:6px; padding:3px 7px; border-radius:999px; background:#d7f3f5; color:#00393e; font:700 11px 'Inter',sans-serif; vertical-align:middle; }
.form-grid label[hidden] { display:none !important; }

.mind-map-editor { display:grid; gap:12px; }.mind-map-header { display:flex; flex-wrap:wrap; align-items:center; gap:12px; padding:12px; border:1px solid #e1e3e4; border-radius:8px; background:#fff; }.mind-map-header strong,.mind-map-header small { display:block; }.mind-map-header small,.mind-map-save { color:#59636d; font-size:12px; }.mind-map-save { margin-left:auto; font-weight:700; }.mind-map-header-actions { display:flex; flex-wrap:wrap; gap:8px; }.mind-map-header-actions form { margin:0; }.mind-map-toolbar { display:flex; flex-wrap:wrap; gap:8px; padding:10px; border:1px solid #e1e3e4; border-radius:8px; background:#fff; }.mind-map-toolbar button { min-height:36px; padding:7px 10px; border:1px solid #006971; border-radius:6px; background:#fff; color:#006971; font:700 12px 'Inter',sans-serif; cursor:pointer; }.mind-map-workspace { display:grid; grid-template-columns:minmax(0,1fr) 280px; min-height:620px; border:1px solid #d8dfe0; border-radius:8px; overflow:hidden; background:#fff; }.mind-map-canvas { position:relative; min-height:620px; overflow:hidden; background-color:#f8f9fa; background-image:radial-gradient(#bcc9cb 1px,transparent 1px); background-size:20px 20px; cursor:grab; }.mind-map-stage { position:absolute; inset:50% auto auto 50%; width:1px; height:1px; transform-origin:0 0; }.mind-map-node { position:absolute; z-index:2; min-width:130px; max-width:220px; padding:10px 14px; border:1px solid #006971; border-radius:8px; background:#fff; color:#191c1d; box-shadow:0 4px 12px rgb(34 5 85 / 5%); font:600 13px 'Inter',sans-serif; cursor:pointer; }.mind-map-node.root { border-color:#220555; background:#220555; color:#fff; font-family:'Montserrat',sans-serif; }.mind-map-node.selected { outline:3px solid rgb(1 171 184 / 35%); outline-offset:2px; }.mind-map-line { position:absolute; z-index:1; height:2px; transform-origin:0 0; background:#6c797b; }.mind-map-note { position:absolute; z-index:3; overflow:auto; padding:12px; border:1px solid #b99d34; background:#fff6bc; color:#191c1d; box-shadow:0 4px 12px rgb(34 5 85 / 10%); font-size:13px; }.mind-map-note.teal { background:#d7f3f5; }.mind-map-note.purple { background:#e9ddff; }.mind-map-note.blue { background:#e1e0ff; }.mind-map-note.green { background:#d8f3dc; }.mind-map-note.amber { background:#fff0c2; }.mind-map-properties { padding:18px; border-left:1px solid #e1e3e4; background:#fff; }.mind-map-properties h2 { margin:0 0 12px; color:#220555; font:600 17px 'Montserrat',sans-serif; }.mind-map-empty,.mind-map-properties p { color:#59636d; font-size:13px; line-height:1.5; }.mind-map-fields { display:grid; gap:12px; }.mind-map-fields label { display:grid; gap:6px; color:#3d494a; font-size:12px; font-weight:700; }.mind-map-fields input,.mind-map-fields select,.mind-map-fields textarea { width:100%; min-height:38px; padding:8px; border:1px solid #bcc9cb; border-radius:6px; font:400 13px 'Inter',sans-serif; }.mind-map-fields textarea { min-height:120px; resize:vertical; }.mind-map-help { max-width:520px; border:0; border-radius:10px; box-shadow:0 20px 48px rgb(34 5 85 / 25%); }.mind-map-help::backdrop { background:rgb(25 28 29 / 52%); }.mind-map-help button { min-height:40px; padding:9px 14px; border:0; border-radius:8px; background:#006971; color:#fff; font-weight:700; }
@media (max-width:767px) { .mind-map-workspace { grid-template-columns:1fr; min-height:500px; }.mind-map-canvas { min-height:500px; }.mind-map-properties { border-left:0; border-top:1px solid #e1e3e4; }.mind-map-header-actions,.mind-map-header-actions form,.mind-map-header-actions button { width:100%; }.mind-map-save { margin-left:0; width:100%; }.mind-map-toolbar { overflow-x:auto; flex-wrap:nowrap; }.mind-map-toolbar button { white-space:nowrap; } }

.sidebar-admin { margin-top:8px; }.sidebar-admin summary { display:flex; align-items:center; justify-content:space-between; padding:12px; border-radius:6px; color:#e9ddff; cursor:pointer; font:600 14px/1.2 'Inter',sans-serif; list-style:none; }.sidebar-admin summary::-webkit-details-marker { display:none; }.sidebar-admin summary::after { content:'›'; font-size:18px; transition:transform .15s ease; }.sidebar-admin[open] summary::after { transform:rotate(90deg); }.sidebar-admin summary:hover,.sidebar-admin summary.is-active { background:#4f3983; color:#fff; }.sidebar-admin > div { display:grid; gap:2px; margin:4px 0 4px 12px; padding-left:10px; border-left:1px solid rgb(233 221 255 / 35%); }.sidebar-admin > div a { padding:9px 10px; font-size:13px; }.audit-page { display:grid; gap:20px; max-width:1320px; }.audit-intro { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px; }.audit-intro h2,.audit-table-card header h2 { margin:0; color:#220555; font:600 20px/1.3 'Montserrat',sans-serif; }.audit-intro p,.audit-table-card header p { margin:5px 0 0; color:#3d494a; line-height:1.5; }.admin-filter-grid { display:grid; grid-template-columns:repeat(5,minmax(140px,1fr)) auto; align-items:end; gap:14px; }.admin-filter-grid label { display:grid; gap:6px; color:#3d494a; font-size:12px; font-weight:700; }.admin-filter-grid input,.admin-filter-grid select { width:100%; min-height:40px; padding:9px 12px; border:1px solid #bcc9cb; border-radius:8px; background:#fff; color:#191c1d; font:400 14px 'Inter',sans-serif; }.admin-filter-grid input:focus,.admin-filter-grid select:focus { outline:0; border-color:#01abb8; box-shadow:0 0 0 3px rgb(1 171 184 / 18%); }.admin-filter-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; min-height:40px; }.audit-table-card { overflow:hidden; }.audit-table-card header { padding:20px 20px 0; }.audit-table-card table { min-width:940px; }.audit-table-card th { padding:14px 12px; background:#f8f9fa; color:#3d494a; font-size:12px; letter-spacing:.05em; text-align:left; text-transform:uppercase; }.audit-table-card td { height:48px; padding:10px 12px; border-top:1px solid #e9ecef; vertical-align:middle; }.audit-table-card tbody tr:hover { background:#f1f3f5; }.audit-table-card code { color:#3d494a; font:600 12px 'Inter',monospace; overflow-wrap:anywhere; }.admin-pagination { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:10px; color:#59636d; font-size:13px; }.admin-pagination span { margin-right:auto; }.admin-pagination strong { color:#3d494a; font-weight:700; }.admin-pagination .button-secondary { min-height:36px; padding:7px 12px; }

.integrations-page { display:grid; gap:20px; max-width:1180px; }.integration-card { display:grid; gap:22px; padding:28px; }.integration-heading,.integration-section-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }.integration-heading h2,.integration-section-heading h2,.integration-section-heading h3 { margin:0; color:#220555; font:600 20px/1.3 'Montserrat',sans-serif; }.integration-section-heading h3 { font-size:16px; }.integration-heading p,.integration-section-heading p,.integration-empty-selection { margin:5px 0 0; color:#3d494a; line-height:1.5; }.integration-empty-selection { padding:16px; border:1px dashed #bcc9cb; border-radius:8px; background:#f8f9fa; }.integration-form { width:min(100%,760px); max-width:none; gap:16px; }.integration-company-form { display:grid; grid-template-columns:minmax(0,360px) auto; align-items:end; }.integration-company-form .form-actions { align-items:end; }.integration-fields { grid-template-columns:repeat(2,minmax(0,360px)); align-items:start; gap:18px; }.integration-fields label { align-content:start; }.integration-fields select,.integration-fields input { min-height:40px; max-height:40px; }.integration-expected-help { grid-column:2; margin:-10px 0 0; }.integration-workspace { display:grid; gap:26px; padding-top:22px; border-top:1px solid #e1e3e4; }.integration-list-section { display:grid; gap:14px; }.integration-list-section .table-card { width:100%; }.integration-credential-card { display:grid; gap:12px; border-color:#01abb8; background:#e7f8f9; }.integration-credential-card h2 { margin:0; color:#220555; font:600 20px/1.3 'Montserrat',sans-serif; }.integration-credential-card p { margin:0; color:#3d494a; line-height:1.5; }.integration-credential-card dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:4px 0 0; }.integration-credential-card dl div { display:grid; gap:5px; padding:12px; border:1px solid #b9e4e7; border-radius:8px; background:#fff; }.integration-credential-card dt { color:#3d494a; font:700 12px 'Inter',sans-serif; letter-spacing:.04em; text-transform:uppercase; }.integration-credential-card dd { margin:0; }.integration-credential-card code,.integration-list-section code { overflow-wrap:anywhere; color:#220555; font:600 12px/1.5 'Inter',monospace; }.integration-events-card { gap:16px; }.integration-events-card .integration-section-heading { margin-bottom:2px; }
.uazapi-card { border-color:#b9e4e7; }.uazapi-card h3 { margin:0; color:#220555; font:600 16px/1.3 'Montserrat',sans-serif; }.uazapi-card h3 + p,.integration-consent-form p { margin:5px 0 0; color:#3d494a; line-height:1.5; }.uazapi-status { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:12px; margin:0; }.uazapi-status div { padding:12px; border:1px solid #e1e3e4; border-radius:8px; background:#f8f9fa; }.uazapi-status dt { color:#3d494a; font:700 12px 'Inter',sans-serif; letter-spacing:.04em; text-transform:uppercase; }.uazapi-status dd { margin:6px 0 0; color:#191c1d; font:500 14px/1.4 'Inter',sans-serif; }.integration-inline-form { width:auto; }.integration-reconfigure { border-top:1px solid #e1e3e4; padding-top:16px; }.integration-reconfigure summary { cursor:pointer; color:#006971; font:700 14px 'Inter',sans-serif; }.integration-reconfigure form { margin-top:16px; }.integration-consent-form { display:grid; grid-template-columns:minmax(0,1fr) minmax(160px,240px) auto; align-items:end; width:100%; padding:18px; border:1px solid #d5e7e8; border-radius:8px; background:#f5fbfb; }.uazapi-qr { display:flex; align-items:center; gap:24px; padding:20px; border:1px solid #01abb8; border-radius:8px; background:#fff; }.uazapi-qr p { margin:6px 0 0; color:#3d494a; line-height:1.5; }.uazapi-qr img { width:220px; height:220px; padding:8px; border:1px solid #e1e3e4; background:#fff; image-rendering:pixelated; }.integration-credential-card[hidden] { display:none !important; }.uazapi-pairing-actions { margin-top:2px; }.integration-event-pagination { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:10px; color:#59636d; font-size:13px; }.integration-event-pagination[hidden] { display:none !important; }.integration-event-pagination > span { margin-right:auto; }.integration-event-pagination .button-secondary { min-height:36px; padding:7px 12px; }.integration-event-pagination button:disabled { cursor:not-allowed; opacity:.55; }
.uazapi-pairing-dialog { width:min(100% - 32px,560px); max-height:calc(100vh - 32px); padding:0; border:0; border-radius:12px; color:#191c1d; box-shadow:0 18px 48px rgba(34,5,85,.22); overflow:auto; }.uazapi-pairing-dialog::backdrop { background:rgba(25,28,29,.52); }.uazapi-pairing-dialog-content { display:grid; gap:14px; padding:32px; }.uazapi-pairing-dialog h2 { margin:3px 0 0; color:#220555; font:700 24px/1.3 'Montserrat',sans-serif; }.uazapi-pairing-dialog-content > p:not(.notice) { margin:0; color:#3d494a; line-height:1.5; }.uazapi-pairing-close { position:absolute; top:12px; right:12px; margin:0; }.uazapi-pairing-close button { width:34px; height:34px; border:0; border-radius:50%; color:#220555; background:#f3f4f5; font-size:26px; line-height:1; cursor:pointer; }.uazapi-pairing-tabs { display:flex; gap:8px; margin:8px 0 0; border-bottom:1px solid #e1e3e4; }.uazapi-pairing-tabs button { margin:0 0 -1px; padding:10px 12px; border:0; border-bottom:3px solid transparent; border-radius:6px 6px 0 0; background:transparent; color:#3d494a; font:700 14px 'Inter',sans-serif; cursor:pointer; }.uazapi-pairing-tabs button.active,.uazapi-pairing-tabs button[aria-selected=true] { border-bottom-color:#01abb8; color:#006971; }.uazapi-pairing-dialog [data-uazapi-pairing-qr],.uazapi-pairing-dialog [data-uazapi-pairing-code-form] { display:grid; gap:14px; }.uazapi-pairing-dialog [data-uazapi-pairing-qr][hidden],.uazapi-pairing-dialog [data-uazapi-pairing-code-form][hidden] { display:none !important; }.uazapi-pairing-dialog label,.uazapi-pairing-panel label { display:grid; gap:7px; color:#3d494a; font:700 13px 'Inter',sans-serif; }.uazapi-pairing-dialog input,.uazapi-pairing-panel input { width:100%; min-height:40px; padding:9px 12px; border:1px solid #bcc9cb; border-radius:8px; background:#fff; color:#191c1d; font:400 14px 'Inter',sans-serif; }.uazapi-pairing-dialog input:focus,.uazapi-pairing-panel input:focus { outline:0; border-color:#01abb8; box-shadow:0 0 0 3px rgb(1 171 184 / 18%); }.uazapi-pairing-qr { display:grid; place-items:center; width:min(100%,260px); margin:2px auto; padding:10px; border:1px solid #e1e3e4; border-radius:8px; background:#fff; }.uazapi-pairing-qr img { display:block; width:100%; aspect-ratio:1; image-rendering:pixelated; }.uazapi-pairing-countdown,.uazapi-pairing-status { min-height:22px; margin:0; color:#3d494a; font:500 14px/1.5 'Inter',sans-serif; }.uazapi-pairing-instruction { margin:0; color:#3d494a; line-height:1.5; }.uazapi-pairing-code-card { display:grid; gap:7px; padding:16px; border:1px solid #b9e4e7; border-radius:8px; background:#f5fbfb; text-align:center; }.uazapi-pairing-code-card > span { color:#006971; font:700 12px 'Inter',sans-serif; letter-spacing:.04em; text-transform:uppercase; }.uazapi-pairing-code { display:block; margin:0; color:#220555; font:700 26px/1.2 'Montserrat',sans-serif; letter-spacing:.14em; overflow-wrap:anywhere; }.uazapi-public-page { width:min(100%,680px); max-width:680px; }.uazapi-public-page > img { width:122px; height:auto; }.uazapi-public-intro { color:#3d494a; line-height:1.55; }.uazapi-pairing-panel { margin-top:24px; padding:24px; border:1px solid #e1e3e4; border-radius:12px; background:#fff; text-align:left; }.uazapi-pairing-panel form { display:grid; gap:14px; }.uazapi-pairing-panel [hidden],.uazapi-public-page [hidden] { display:none !important; }.uazapi-pairing-connected { display:grid; gap:8px; margin-top:24px; padding:24px; border:1px solid #7fcbd0; border-radius:12px; background:#f5fbfb; }.uazapi-pairing-connected h1,.uazapi-pairing-connected p { margin:0; }.uazapi-pairing-connected h1 { color:#220555; font:700 28px/1.3 'Montserrat',sans-serif; }.uazapi-pairing-connected p { color:#3d494a; line-height:1.55; }
.automation-table-form { margin:0; }.automation-table-action { min-height:36px; padding:7px 11px; font-size:13px; white-space:nowrap; }
@media (max-width:767px) { .integration-card { padding:20px; }.integration-company-form,.integration-fields,.integration-credential-card dl,.uazapi-status,.integration-consent-form { grid-template-columns:1fr; }.integration-expected-help { grid-column:auto; margin:-8px 0 0; }.integration-form { width:100%; }.integration-form .form-actions,.integration-form .form-actions button { width:100%; }.integration-heading,.integration-section-heading { display:block; }.integration-section-heading p { margin-top:6px; }.uazapi-qr { align-items:flex-start; flex-direction:column; }.uazapi-qr img { width:min(100%,260px); height:auto; aspect-ratio:1; } }
@media (max-width:767px) { .sidebar-admin > div { margin-left:8px; }.admin-filter-grid { grid-template-columns:1fr; }.admin-filter-actions { align-items:stretch; flex-direction:column; }.admin-filter-actions > * { width:100%; text-align:center; }.audit-intro { align-items:stretch; }.audit-intro .button-secondary { width:100%; }.audit-table-card { overflow-x:auto; }.admin-pagination { justify-content:stretch; }.admin-pagination span { width:100%; margin-right:0; }.admin-pagination > *:not(span) { flex:1 1 auto; text-align:center; } }

.settings-page { display:grid; gap:20px; max-width:1120px; }.settings-intro { display:flex; flex-wrap:wrap; align-items:start; justify-content:space-between; gap:20px; border-left:4px solid #01abb8; background:linear-gradient(112deg,#fff 0%,#f3fbfb 100%); }.settings-intro h2,.settings-section h2 { margin:0; color:#220555; font:600 20px/1.3 'Montserrat',sans-serif; }.settings-intro p,.settings-section header p { margin:6px 0 0; color:#3d494a; line-height:1.5; }.settings-security-note { max-width:410px; padding:12px; border:1px solid #d8dfe0; border-radius:8px; background:#fff; font-size:13px; }.settings-security-note code { color:#220555; font:600 12px 'Inter',monospace; }.settings-section { display:grid; gap:18px; }.settings-section header { display:grid; gap:2px; }.settings-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }.settings-grid label,.settings-webhook label,.settings-privacy-label { display:grid; gap:6px; color:#3d494a; font-size:13px; font-weight:700; }.settings-grid input,.settings-webhook select,.settings-privacy-label textarea { width:100%; min-height:40px; padding:9px 12px; border:1px solid #bcc9cb; border-radius:8px; background:#fff; color:#191c1d; font:400 14px 'Inter',sans-serif; }.settings-grid input:focus,.settings-webhook select:focus,.settings-privacy-label textarea:focus { outline:0; border-color:#01abb8; box-shadow:0 0 0 3px rgb(1 171 184 / 18%); }.settings-webhook { display:flex; flex-wrap:wrap; align-items:end; gap:16px; }.settings-webhook label { width:min(100%,260px); }.settings-webhook .field-help { max-width:520px; margin:0; }.settings-privacy-label textarea { min-height:220px; resize:vertical; line-height:1.55; }.settings-actions { display:flex; justify-content:flex-end; padding-top:4px; }.settings-actions .button { min-width:190px; }
@media (max-width:767px) { .settings-intro { align-items:stretch; }.settings-security-note { max-width:none; }.settings-grid { grid-template-columns:1fr; }.settings-webhook { align-items:stretch; flex-direction:column; }.settings-webhook label { width:100%; }.settings-actions,.settings-actions .button { width:100%; } }

.sidebar-menu-toggle { display:none; }.sidebar a:focus-visible,.sidebar button:focus-visible,.admin-main a:focus-visible,.admin-main button:focus-visible,.admin-main summary:focus-visible,.admin-main input:focus-visible,.admin-main select:focus-visible,.admin-main textarea:focus-visible { outline:3px solid rgb(1 171 184 / 75%); outline-offset:3px; }

/* Grades administrativas reutilizáveis: evitam cartões esticados por conteúdo vizinho. */
.content-grid,.two-columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; align-items:stretch; margin-top:20px; }.content-grid > :only-child,.two-columns > :only-child { grid-column:1 / -1; }dl.detail-grid { display:grid; grid-template-columns:minmax(120px,32%) minmax(0,1fr); gap:10px 20px; align-items:start; margin:0; }dl.detail-grid dd { min-width:0; overflow-wrap:anywhere; }.sidebar nav a { min-height:34px; }
.content-grid { margin-top:0; }.content-grid > .card + .card,.two-columns > .card + .card { margin-top:0; }
.review-detail-summary { margin-bottom:20px; }.library-detail-toolbar { justify-content:flex-end; }.user-company-help { margin:16px 0 0; padding-top:14px; border-top:1px solid #e1e3e4; }
.filters select { border-color:#bcc9cb; box-shadow:none; }.filters select:focus { outline:0; border-color:#01abb8; box-shadow:0 0 0 3px rgb(1 171 184 / 18%); }.crm-filter-primary { grid-template-columns:minmax(220px,1.6fr) repeat(3,minmax(150px,1fr)) minmax(130px,.75fr) minmax(120px,.65fr); }.crm-filter-period { grid-template-columns:repeat(2,minmax(180px,220px)) auto; align-items:end; }.crm-filter-period .crm-filter-actions { align-items:end; }
.sidebar nav,.sidebar-navigation-group { align-content:start; }
.work-grid > .card + .card { margin-top:0; }
.dashboard-company-overview .dashboard-statuses,.dashboard-company-overview .dashboard-recent { margin:0; }
@media (min-width:768px) and (max-width:1200px) { .crm-filter-primary { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:767px) { .content-grid { grid-template-columns:1fr; } }
@media (max-width:767px) { .sidebar { position:relative; padding:16px; }.sidebar-brand { margin:0; }.sidebar-menu-toggle { position:absolute; top:36px; right:16px; display:inline-flex; min-height:40px; align-items:center; justify-content:center; padding:8px 12px; border:1px solid #e9ddff; border-radius:6px; background:transparent; color:#fff; cursor:pointer; font:700 13px 'Inter',sans-serif; }.sidebar nav { grid-template-columns:1fr; flex:none; min-height:auto; margin-top:16px; overflow:visible; }.sidebar nav[hidden],.sidebar-footer[hidden] { display:none; }.sidebar-footer { margin-top:16px; }.sidebar-footer form button { min-height:40px; } }
.automation-tabs { display:flex; gap:4px; margin:0 0 20px; border-bottom:1px solid #dce4e5; }.automation-tabs button { min-height:42px; padding:10px 16px; border:0; border-bottom:3px solid transparent; background:transparent; color:#3d494a; cursor:pointer; font:700 14px 'Inter',sans-serif; }.automation-tabs button.is-active { border-bottom-color:#006971; color:#006971; }.automation-tabs button:not(.is-active) { color:#59636d; }.automation-tabs button:focus-visible { outline:3px solid rgb(1 171 184 / 30%); outline-offset:-3px; }.automation-panel { display:grid; gap:20px; }.automation-panel[hidden] { display:none !important; }.automation-panel-heading h3,.automation-panel-heading h4 { margin:0 0 6px; color:#220555; font:600 20px 'Montserrat',sans-serif; }.automation-panel-heading p { margin:0; color:#59636d; }.automation-panel .integration-list-section { margin:0; }
.automation-row-actions { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }.automation-row-actions .automation-table-form { margin:0; }.integration-fields > .message-composer { grid-column:1 / -1; }.message-composer { display:grid; gap:6px; }.message-composer-heading { display:flex; align-items:center; justify-content:space-between; gap:8px; }.message-composer-heading label { color:#3d494a; font-size:12px; font-weight:700; }.message-composer-actions .message-variable-button,.message-composer-tools .message-format-help-button { min-height:24px; height:24px; padding:2px 6px; font:700 10px/1 'Inter',sans-serif; }.automation-message-dialog { width:min(100% - 32px,680px); }.automation-message-dialog.is-readonly .message-composer-actions,.automation-message-dialog.is-readonly #automation-message-save { display:none !important; }.automation-message-dialog textarea { min-height:180px; resize:vertical; }.automation-dispatch-log-dialog { width:min(100% - 32px,1080px); }.automation-dispatch-log-dialog form { display:grid; gap:18px; }.automation-dispatch-log-table { max-height:min(56vh,560px); overflow:auto; }.automation-dispatch-log-table table { min-width:900px; }.automation-dispatch-log-table th,.automation-dispatch-log-table td { white-space:nowrap; }.automation-dispatch-log-table td:last-child { max-width:260px; white-space:normal; }
.message-composer-actions,.message-composer-tools { display:flex; align-items:center; gap:5px; }.message-composer-actions { flex-wrap:wrap; justify-content:flex-end; gap:8px; }.message-variable-button[hidden] { display:none !important; }.message-format-help-button { display:inline-flex; width:24px; align-items:center; justify-content:center; padding:2px; border-radius:50%; }.message-format-help-dialog { width:min(100% - 32px,620px); }.message-format-help-dialog form { display:grid; gap:16px; }.message-format-help-dialog section { display:grid; gap:8px; }.message-format-help-dialog h3 { margin:0; color:#220555; font:600 16px 'Montserrat',sans-serif; }.message-format-help-dialog ul { display:grid; gap:7px; margin:0; padding-left:20px; color:#3d494a; }.message-format-help-dialog code { padding:1px 4px; border-radius:3px; background:#eef2f3; color:#191c1d; }
.integration-conflict-dialog { width:min(100% - 32px,680px); padding:0; border:0; border-radius:12px; box-shadow:0 20px 48px rgb(34 5 85 / 25%); }.integration-conflict-dialog::backdrop { background:rgb(25 28 29 / 52%); }.integration-conflict-dialog-content { display:grid; gap:16px; padding:26px; }.integration-conflict-dialog header { display:flex; align-items:start; justify-content:space-between; gap:16px; }.integration-conflict-dialog h2 { margin:0 0 5px; color:#220555; font:600 21px 'Montserrat',sans-serif; }.integration-conflict-dialog p { margin:0; }.icon-button { display:inline-flex; align-items:center; justify-content:center; width:30px; min-height:30px; padding:0; border:1px solid #220555; border-radius:50%; background:#fff; color:#220555; cursor:pointer; font:700 20px/1 'Inter',sans-serif; }.integration-conflict-candidates { max-width:none; gap:8px; }.integration-conflict-candidate { display:flex; align-items:start; gap:10px; padding:12px; border:1px solid #d8dfe0; border-radius:8px; cursor:pointer; }.integration-conflict-candidate:has(input:checked) { border-color:#01abb8; background:#e7f8f9; }.integration-conflict-candidate input { width:auto; min-height:0; margin-top:3px; }.integration-conflict-candidate span { display:grid; gap:3px; }.integration-conflict-candidate strong { color:#220555; font:700 14px 'Inter',sans-serif; }.integration-conflict-ignore { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; padding-top:16px; border-top:1px solid #d8dfe0; }.integration-conflict-ignore .button-secondary { border-color:#ba1a1a; }

/* Camada móvel final: declarada por último para não ser anulada pelas grades reutilizáveis acima. */
@media (max-width:767px) {
    .admin-main,
    .admin-main > *,
    .content-grid,
    .two-columns,
    .detail-grid,
    .task-detail-grid,
    .form-grid,
    .work-grid,
    .dashboard-metrics,
    .stage-summary-grid,
    .onboarding-link-fields,
    .webhook-secret,
    .webhook-steps,
    .settings-grid,
    .integration-fields,
    .crm-kanban-region,
    .crm-kanban,
    .crm-column,
    .crm-lead-card,
    .crm-attribution,
    .crm-attribution-details {
        min-width:0;
        max-width:100%;
    }

    .content-grid,
    .two-columns,
    .detail-grid,
    .task-detail-grid,
    .form-grid,
    .work-grid,
    .dashboard-metrics,
    .stage-summary-grid,
    .onboarding-link-fields,
    .webhook-secret,
    .webhook-steps,
    .settings-grid,
    .integration-fields,
    .inline-fields,
    .collection-item,
    .company-channel-item,
    .briefing-field,
    .crm-quick-edit-fields,
    .crm-quick-activity-fields,
    .crm-stage-form,
    .crm-import-summary,
    .crm-attribution-details {
        grid-template-columns:minmax(0,1fr);
    }

    dl.detail-grid,
    .task-detail-grid .definition-list {
        grid-template-columns:minmax(0,1fr);
        gap:4px;
    }

    dl.detail-grid dt:not(:first-child),
    .task-detail-grid .definition-list dt:not(:first-child) {
        margin-top:10px;
    }

    .toolbar {
        display:grid;
        grid-template-columns:minmax(0,1fr);
        align-items:stretch;
    }

    .toolbar > .actions,
    .toolbar > .filters,
    .toolbar > .environment-selector,
    .toolbar > .dashboard-period-form {
        width:100%;
        min-width:0;
    }

    .toolbar > .actions,
    .form-actions {
        display:grid;
        grid-template-columns:minmax(0,1fr);
    }

    .toolbar > .actions > *,
    .form-actions > * {
        width:100%;
    }

    .crm-filter-primary,
    .crm-filter-secondary {
        grid-template-columns:minmax(0,1fr);
    }

    /* Datas permanecem lado a lado; o comando de filtro ocupa a linha seguinte. */
    .crm-filter-period,
    .onboarding-filter-period,
    .briefing-filter-period,
    .assigned-period {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .crm-filter-period .crm-filter-actions {
        grid-column:1 / -1;
        display:flex;
        flex-direction:row;
        flex-wrap:wrap;
        align-items:stretch;
    }

    .crm-filter-period .crm-filter-actions > * {
        flex:1 1 auto;
        width:auto;
    }

    .crm-kanban-scroll {
        display:none !important;
    }

    .crm-kanban {
        grid-auto-flow:row;
        grid-auto-columns:auto;
        grid-template-columns:minmax(0,1fr);
        overflow-x:visible;
    }

    .crm-dialog,
    .crm-quick-edit-dialog,
    .integration-conflict-dialog,
    .automation-message-dialog,
    .automation-dispatch-log-dialog,
    .message-format-help-dialog {
        width:calc(100vw - 24px);
        max-width:calc(100vw - 24px);
        max-height:calc(100vh - 24px);
        max-height:calc(100dvh - 24px);
        overflow:auto;
    }

    .crm-dialog form,
    .integration-conflict-dialog-content {
        min-width:0;
        padding:20px 16px;
    }

    .crm-dialog .form-actions {
        width:100%;
    }

    .crm-dialog .form-actions > * {
        width:100%;
    }

    .sidebar-footer {
        display:grid;
    }
}