.dashboard-shell { max-width: 1220px; }
.dashboard-nav { border-bottom: 1px solid var(--line); }
.nav-actions { display: flex; align-items: center; gap: 18px; }
.workspace-label { display: inline-flex; align-items: center; gap: 7px; font-size: 12px; font-weight: 700; color: var(--muted); }
.workspace-label i { width: 7px; height: 7px; border-radius: 999px; background: #61c78f; box-shadow: 0 0 0 4px #dff5e8; }
.dashboard-intro { position: relative; overflow: hidden; margin-top: 30px; padding: 64px 58px; border: 0; border-radius: 18px; background: #153c34; color: #f7fbf8; }
.dashboard-intro::after { content: ''; position: absolute; right: -120px; bottom: -170px; width: 440px; height: 440px; border: 1px solid rgba(199, 239, 219, .18); border-radius: 50%; box-shadow: 0 0 0 52px rgba(199, 239, 219, .055), 0 0 0 104px rgba(199, 239, 219, .035); }
.dashboard-intro > * { position: relative; z-index: 1; }
.intro-eyebrow { color: #a7d7bc; }
.intro-eyebrow span { color: #69d69b; margin-right: 5px; }
.dashboard-intro h1 { max-width: 680px; margin-bottom: 21px; }
.dashboard-intro h1 em { color: #9ee4bc; font-style: normal; }
.dashboard-intro p:not(.eyebrow) { max-width: 550px; color: #c4d9cf; }
.primary-action { background: #e2f8e9; color: #153c34; border-radius: 8px; box-shadow: 0 12px 28px rgba(0, 0, 0, .14); }
.primary-action:hover { background: #fff; }
.unlock-card { border-radius: 16px; box-shadow: 0 18px 45px rgba(18, 50, 40, .06); }
.dashboard-heading { margin-top: 50px; }
.refresh-button { display: inline-flex; align-items: center; gap: 7px; padding: 9px 12px; border: 1px solid var(--line); border-radius: 7px; color: var(--ink); font-weight: 700; }
.refresh-button:hover { background: #fff; text-decoration: none; }
.stat-grid { gap: 12px; }
.stat-card { display: flex; gap: 14px; min-height: 144px; padding: 21px 18px; border-radius: 13px; box-shadow: 0 7px 20px rgba(24, 52, 43, .025); }
.stat-card > div { display: flex; flex-direction: column; align-items: flex-start; }
.stat-card .stat-icon { display: grid; place-items: center; flex: 0 0 31px; width: 31px; height: 31px; border-radius: 9px; background: #e6f2ec; color: var(--accent); font-size: 14px; font-weight: 800; }
.stat-card small { font-weight: 700; color: var(--muted); }
.stat-card strong { margin: 10px 0 8px; font-size: 39px; }
.stat-card em { color: var(--muted); font-size: 12px; font-style: normal; line-height: 1.35; }
.stat-card-highlight { border-color: #baddc7; background: #f7fcf8; }
.stat-card-highlight .stat-icon { background: var(--accent); color: #fff; }
.system-check { display: flex; justify-content: space-between; align-items: center; gap: 28px; margin-top: 16px; padding: 20px 22px; border: 1px solid #c9ded1; border-radius: 13px; background: #f8fcf9; }
.system-check .eyebrow { margin-bottom: 7px; }
.system-check h2 { margin: 0; font-size: 20px; letter-spacing: -.035em; }
.system-check p:not(.eyebrow) { max-width: 570px; margin: 5px 0 0; color: var(--muted); font-size: 13px; }
.system-health-list { display: grid; grid-template-columns: repeat(2, minmax(150px, 1fr)); gap: 8px; min-width: 390px; margin: 0; padding: 0; list-style: none; }
.system-health-list li { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 11px; border: 1px solid var(--line); border-radius: 8px; background: #fff; font-size: 12px; }
.system-health-list li::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: #60bb83; box-shadow: 0 0 0 3px #e0f3e6; }
.system-health-list li.health-needs-attention::before { background: #d27d39; box-shadow: 0 0 0 3px #f8e8d9; }
.system-health-list strong { margin-right: auto; }
.system-health-list span { color: var(--muted); white-space: nowrap; }
.console-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 38px; }
.console-grid .client-panel { margin-top: 0; }
.client-panel { border-radius: 14px; box-shadow: 0 9px 28px rgba(25, 54, 45, .035); }
.send-onboarding-panel { border: 1px solid #a8d9bb; background: linear-gradient(145deg, #fbfffc, #f1faf4); }
.setup-panel { scroll-margin-top: 20px; }
.step-number { display: inline-grid; place-items: center; width: 22px; height: 22px; margin-right: 7px; border-radius: 99px; background: var(--accent); color: #fff; font-size: 10px; letter-spacing: 0; }
.panel-heading { align-items: flex-start; }
.panel-heading h2 { font-size: 29px; }
.dashboard-note { max-width: 300px; padding-left: 14px; border-left: 2px solid #b9d9c5; line-height: 1.45; }
.setup-panel form, .send-onboarding-panel form { gap: 15px; }
.tools-panel { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(200px, .7fr) minmax(0, 1.3fr); align-items: center; gap: 36px; padding-block: 24px; background: #f7faf8; }
.tools-panel h2 { font-size: 27px; letter-spacing: -.045em; margin: 0 0 7px; }
.tools-intro > p:not(.eyebrow) { color: var(--muted); margin: 0; font-size: 13px; }
.tool-links { display: grid; grid-template-columns: repeat(4, 1fr); gap: 9px; }
.tool-links a { display: flex; align-items: center; gap: 10px; min-height: 64px; padding: 10px; border: 1px solid var(--line); border-radius: 9px; background: #fff; color: var(--ink); text-decoration: none; transition: border-color .15s ease, transform .15s ease; }
.tool-links a:hover { border-color: #83b89a; transform: translateY(-2px); }
.tool-links b { display: grid; place-items: center; flex: 0 0 29px; width: 29px; height: 29px; border-radius: 7px; background: #e2eee7; color: var(--accent); font-size: 10px; }
.tool-links span { display: grid; gap: 0; font-size: 12px; font-weight: 750; line-height: 1.25; }
.tool-links i { color: var(--accent); font-style: normal; font-size: 13px; }
.activity-panel, .applications-panel { margin-top: 18px; }
.support-panel { margin-top: 18px; }
.support-queue { display: grid; gap: 10px; }
.owner-ticket-item { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 15px 0; border-top: 1px solid var(--line); }
.owner-ticket-item > div:first-child { min-width: 0; }
.owner-ticket-item strong { display: block; font-size: 14px; }
.owner-ticket-item p { max-width: 700px; margin: 5px 0; color: var(--muted); font-size: 13px; white-space: pre-line; }
.owner-ticket-item span { color: var(--muted); font-size: 12px; }
.ticket-controls { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 7px; }
.ticket-controls button { border: 1px solid #a8d9bb; border-radius: 7px; padding: 8px 10px; background: #f5fcf7; color: var(--accent); font: 700 12px inherit; cursor: pointer; }
.ticket-controls button:disabled { border-color: var(--line); background: #f4f6f5; color: var(--muted); cursor: default; }
.applications-panel { margin-bottom: 20px; }
.applications-panel .link-button { padding: 8px 11px; border-radius: 7px; border: 1px solid var(--line); color: var(--ink); font-weight: 700; }
.applications-panel .link-button:hover { background: #f7faf8; text-decoration: none; }
.detail-cell { white-space: pre-line; }
.queue-explainer { max-width: 720px; margin: -7px 0 22px; color: var(--muted); font-size: 14px; }
.application-list { display: grid; gap: 10px; }
.application-item { display: grid; grid-template-columns: minmax(220px, 1.3fr) minmax(160px, .8fr) auto; align-items: center; gap: 18px; padding: 16px 0; border-top: 1px solid var(--line); }
.application-identity, .application-details { display: grid; gap: 3px; }
.application-identity strong { font-size: 15px; }
.application-identity span, .application-details { color: var(--muted); font-size: 13px; }
.application-details { grid-template-columns: 1fr; }
.queue-button { justify-self: end; border: 1px solid #a8d9bb; border-radius: 7px; padding: 9px 12px; background: #f5fcf7; color: var(--accent); font: 700 13px inherit; cursor: pointer; }
.queue-button:hover { background: #e5f7eb; }
@media (max-width: 760px) { .application-item { grid-template-columns: 1fr; gap: 9px; } .queue-button { justify-self: start; } }
@media (max-width: 850px) { .console-grid { grid-template-columns: 1fr; } .tools-panel { grid-column: auto; grid-template-columns: 1fr; } .tool-links { grid-template-columns: repeat(2, 1fr); } .system-check { align-items: flex-start; flex-direction: column; } .system-health-list { min-width: 0; width: 100%; } }
@media (max-width: 760px) { .dashboard-nav { padding-bottom: 13px; } .nav-actions { gap: 11px; } .workspace-label { display: none; } .dashboard-intro { margin-top: 20px; padding: 45px 27px; border-radius: 14px; } .dashboard-intro h1 { font-size: clamp(45px, 13vw, 64px); } .dashboard-intro::after { right: -235px; bottom: -185px; } .stat-card { min-height: 125px; padding: 16px 13px; gap: 9px; } .stat-card .stat-icon { display: none; } .stat-card strong { font-size: 34px; } .tools-panel { gap: 22px; } .tool-links { grid-template-columns: 1fr; } .system-health-list { grid-template-columns: 1fr; } .owner-ticket-item { align-items: flex-start; flex-direction: column; gap: 11px; } .ticket-controls { justify-content: flex-start; } }