.bot-dashboard {
    --bot-navy: #173f5f;
    --bot-blue: #2d6f9f;
    --bot-sky: #eaf5fc;
    --bot-text: #263746;
    --bot-muted: #718096;
    max-width: 1380px;
    margin: 0 auto;
    padding: 28px;
    color: var(--bot-text);
}

.bot-dashboard-hero {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    min-height: 190px;
    padding: 36px 42px;
    overflow: hidden;
    color: #fff;
    background:
        radial-gradient(circle at 12% 15%, rgba(255,255,255,.22), transparent 27%),
        linear-gradient(135deg, #173f5f 0%, #2d6f9f 60%, #3498a9 100%);
    border-radius: 24px;
    box-shadow: 0 18px 45px rgba(23, 63, 95, .2);
}

.bot-dashboard-hero:after {
    content: '';
    position: absolute;
    left: -75px;
    bottom: -105px;
    width: 260px;
    height: 260px;
    border: 45px solid rgba(255,255,255,.08);
    border-radius: 50%;
}

.bot-hero-copy,
.bot-connection { position: relative; z-index: 1; }
.bot-eyebrow {
    display: inline-block;
    margin-bottom: 9px;
    padding: 5px 11px;
    color: #dff7ff;
    background: rgba(255,255,255,.13);
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 999px;
    font-size: 12px;
    letter-spacing: 1px;
}
.bot-hero-copy h2 { margin: 0 0 10px; font-size: 34px; font-weight: 800; }
.bot-hero-copy p { margin: 0; color: rgba(255,255,255,.82); font-size: 16px; }

.bot-connection {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 230px;
    padding: 16px 18px;
    background: rgba(255,255,255,.13);
    border: 1px solid rgba(255,255,255,.19);
    border-radius: 14px;
    backdrop-filter: blur(10px);
}
.bot-connection-dot {
    width: 13px;
    height: 13px;
    border: 3px solid rgba(255,255,255,.45);
    border-radius: 50%;
}
.bot-connection.is-online .bot-connection-dot { background: #48e6a0; box-shadow: 0 0 0 5px rgba(72,230,160,.14); }
.bot-connection.is-offline .bot-connection-dot { background: #fc8181; box-shadow: 0 0 0 5px rgba(252,129,129,.14); }
.bot-connection small { display: block; margin-bottom: 3px; color: rgba(255,255,255,.7); }
.bot-connection strong { display: block; }

.bot-stat-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin: 22px 0;
}
.bot-stat-card {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 20px;
    background: #fff;
    border: 1px solid #e7edf3;
    border-radius: 16px;
    box-shadow: 0 7px 24px rgba(33, 56, 77, .06);
}
.bot-stat-icon {
    display: grid;
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    place-items: center;
    border-radius: 13px;
    font-size: 18px;
}
.bot-stat-icon.is-blue { color: #2878b5; background: #eaf5fc; }
.bot-stat-icon.is-orange { color: #c46b17; background: #fff3df; }
.bot-stat-icon.is-green { color: #21835e; background: #e5f8f0; }
.bot-stat-icon.is-purple { color: #7652a7; background: #f1ebfa; }
.bot-stat-card strong { display: block; color: var(--bot-navy); font-size: 25px; line-height: 1.1; }
.bot-stat-card span:last-child { display: block; margin-top: 5px; color: var(--bot-muted); font-size: 12px; }

.bot-dashboard-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 350px;
    gap: 22px;
    align-items: start;
}
.bot-section-heading { margin: 8px 3px 14px; }
.bot-section-heading h3,
.bot-panel-heading h3,
.bot-link-help h3 { margin: 0; color: var(--bot-navy); font-size: 18px; font-weight: 800; }
.bot-section-heading p,
.bot-panel-heading p { margin: 5px 0 0; color: var(--bot-muted); font-size: 13px; }

.bot-action-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
}
.bot-action-card {
    display: flex;
    align-items: center;
    gap: 15px;
    min-height: 122px;
    padding: 20px;
    color: var(--bot-text);
    background: #fff;
    border: 1px solid #e3eaf1;
    border-radius: 16px;
    box-shadow: 0 7px 24px rgba(33, 56, 77, .055);
    transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}
.bot-action-card:hover,
.bot-action-card:focus {
    color: var(--bot-text);
    text-decoration: none;
    transform: translateY(-2px);
    border-color: #96bdd8;
    box-shadow: 0 12px 30px rgba(33, 91, 126, .12);
}
.bot-action-card.is-featured {
    color: #fff;
    background: linear-gradient(135deg, #245f8a, #367fa6);
    border-color: transparent;
}
.bot-action-card.is-featured:hover,
.bot-action-card.is-featured:focus { color: #fff; }
.bot-action-icon {
    display: grid;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    place-items: center;
    color: #276b99;
    background: #eaf5fc;
    border-radius: 13px;
    font-size: 20px;
}
.bot-action-card.is-featured .bot-action-icon { color: #fff; background: rgba(255,255,255,.16); }
.bot-action-card > div { flex: 1; }
.bot-action-card strong { display: block; margin-bottom: 6px; font-size: 15px; }
.bot-action-card p { margin: 0; color: var(--bot-muted); font-size: 12px; line-height: 1.7; }
.bot-action-card.is-featured p { color: rgba(255,255,255,.75); }
.bot-action-arrow { color: #a4b4c1; font-size: 18px; }
.bot-action-card.is-featured .bot-action-arrow { color: rgba(255,255,255,.7); }
.bot-action-card.is-claim { border-color: #bfe5d5; background: #f1fbf7; }
.bot-action-card.is-claim .bot-action-icon { color: #1f7a57; background: #dcf5e9; }
.bot-action-card.is-followup { border-color: #ead8ad; background: #fffaf0; }
.bot-action-card.is-followup .bot-action-icon { color: #986400; background: #fff0c9; }
.bot-action-card.is-settings { border-color: #c9dceb; background: #f5fafe; }
.bot-action-card.is-settings .bot-action-icon { color: #255f87; background: #dfeff9; }
.bot-action-card.is-health { border-color: #bce3d2; background: linear-gradient(135deg, #f2fcf8, #f7fbfd); }
.bot-action-card.is-health .bot-action-icon { color: #167153; background: #dff5eb; }
.bot-action-card.is-health .bot-action-count { color: #16684f; background: #d8f3e7; font-size: 8px; letter-spacing: .7px; }
.bot-action-card.is-summary { border-color: #cfc7e8; background: linear-gradient(135deg, #faf8ff, #f3f8fc); }
.bot-action-card.is-summary .bot-action-icon { color: #64509b; background: #ece7fa; }
.bot-action-card.is-summary .bot-action-count { color: #5c478e; background: #e8e1f8; font-size: 8px; letter-spacing: .7px; }
.bot-action-card.is-message-alert { border-color: #eed6d6; background: #fff8f8; }
.bot-action-card.is-message-alert .bot-action-icon { color: #b04f4f; background: #fde8e8; }
.bot-action-card.is-mention-alert { border-color: #c8dfeb; background: linear-gradient(135deg, #f5fbfe, #f4fbf8); }
.bot-action-card.is-mention-alert .bot-action-icon { color: #167b78; background: #ddf4f1; }
.bot-action-card.is-group-category { border-color: #bfe5d5; background: #f4fbf8; }
.bot-action-card.is-group-category .bot-action-icon { color: #197657; background: #dff5eb; }
.bot-action-card.is-broadcast { border-color: #c7ddeb; background: #f4f9fc; }
.bot-action-card.is-broadcast .bot-action-icon { color: #236f8b; background: #e0eff6; }
.bot-action-card.is-employee-sync { border-color: #c8e7d8; background: #f5fcf8; }
.bot-action-card.is-employee-sync .bot-action-icon { color: #11745a; background: #ddf5e8; }
.bot-action-card.is-unanswered { border-color: #efd6ae; background: #fffaf2; }
.bot-action-card.is-unanswered .bot-action-icon { color: #a5690d; background: #ffedcc; }
.bot-action-count {
    min-width: 28px;
    padding: 4px 7px;
    text-align: center;
    color: #fff;
    background: #d28c16;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 800;
}

.bot-panel {
    margin-top: 18px;
    padding: 22px;
    background: #fff;
    border: 1px solid #e3eaf1;
    border-radius: 16px;
    box-shadow: 0 7px 24px rgba(33, 56, 77, .055);
}
.bot-panel-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 18px;
}

.bot-command-list { display: grid; gap: 9px; }
.bot-command {
    display: grid;
    grid-template-columns: 180px minmax(0, 1fr) 28px;
    align-items: center;
    gap: 14px;
    width: 100%;
    padding: 13px 15px;
    text-align: right;
    color: var(--bot-text);
    background: #f8fafc;
    border: 1px solid #e7edf3;
    border-radius: 10px;
    cursor: pointer;
}
.bot-command:hover { background: #f0f7fb; border-color: #a9cadf; }
.bot-command code { direction: rtl; color: #205d87; background: transparent; font-weight: 700; }
.bot-command span { color: var(--bot-muted); font-size: 12px; }
.bot-command i { color: #7992a5; }
.bot-copy-toast {
    display: none;
    margin-top: 10px;
    padding: 9px;
    text-align: center;
    color: #1f6d50;
    background: #e7f8f1;
    border-radius: 9px;
}

.bot-side-column .bot-panel:first-child { margin-top: 0; }
.bot-status-pill,
.bot-run-result {
    display: inline-block;
    padding: 5px 9px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
}
.bot-status-pill.is-active,
.bot-run-result.is-success { color: #1f7a57; background: #e6f8f0; }
.bot-status-pill.is-paused { color: #6f7d89; background: #edf1f4; }
.bot-run-result.is-warning { color: #9a5c13; background: #fff2da; }

.bot-summary-list { margin: 0 0 17px; }
.bot-summary-list > div {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    padding: 11px 0;
    border-bottom: 1px dashed #e4eaf0;
}
.bot-summary-list dt { color: var(--bot-muted); font-weight: 500; }
.bot-summary-list dd { margin: 0; text-align: left; color: var(--bot-navy); font-weight: 700; }
.bot-inline-warning { margin-bottom: 15px; padding: 10px; color: #945a16; background: #fff3df; border-radius: 8px; }

.bot-run-numbers {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    margin: 14px 0;
}
.bot-run-numbers div { padding: 11px 6px; text-align: center; background: #f7fafc; border-radius: 9px; }
.bot-run-numbers strong { display: block; color: var(--bot-navy); font-size: 20px; }
.bot-run-numbers span,
.bot-run-date { color: var(--bot-muted); font-size: 11px; }
.bot-empty-state { margin: 0; color: var(--bot-muted); }
.bot-claim-last { display: flex; justify-content: space-between; gap: 10px; margin: 4px 0 14px; color: var(--bot-muted); font-size: 11px; }
.bot-claim-last strong { color: var(--bot-navy); }
.bot-claim-buttons { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }

.bot-link-help { color: #31556e; background: #eef7fc; border-color: #d1e7f3; }
.bot-link-help p { margin: 12px 0; line-height: 1.7; }
.bot-link-help code { display: block; padding: 10px; text-align: center; color: #205d87; background: #fff; border-radius: 8px; }

@media (max-width: 1050px) {
    .bot-stat-grid { grid-template-columns: repeat(2, 1fr); }
    .bot-dashboard-layout { grid-template-columns: 1fr; }
    .bot-side-column { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
    .bot-side-column .bot-panel { margin-top: 0; }
}

@media (max-width: 700px) {
    .bot-dashboard { padding: 12px; }
    .bot-dashboard-hero { align-items: flex-start; flex-direction: column; padding: 26px 22px; }
    .bot-connection { width: 100%; }
    .bot-stat-grid,
    .bot-action-grid,
    .bot-side-column { grid-template-columns: 1fr; }
    .bot-command { grid-template-columns: 1fr 28px; }
    .bot-command span { grid-column: 1 / -1; grid-row: 2; }
}