.namatic-dashboard{gap:20px;min-width:0;display:grid}.namatic-dashboard .dashboard-controls{justify-content:flex-end;align-items:flex-end;gap:10px;padding-block:6px 4px;display:flex}.namatic-dashboard .dashboard-period{gap:7px;font-size:10px;display:grid}.namatic-dashboard .dashboard-period .base-select{min-width:154px}.namatic-dashboard .dashboard-overview-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-block:3px -9px;display:flex}.dashboard-overview-heading>span{align-items:center;gap:9px;font-size:12px;font-weight:700;display:flex}.dashboard-overview-heading small{border:1px solid var(--control-border);color:var(--muted);border-radius:6px;padding:3px 8px;font-size:9px;font-weight:400}.namatic-dashboard .dashboard-updated{color:var(--muted);margin:0;font-size:9px}.namatic-dashboard .metric-card{min-height:180px}.namatic-dashboard .metric-value{font-variant-numeric:tabular-nums;letter-spacing:-.5px}.dashboard-metric-detail{color:var(--text-secondary);margin-block:4px 12px;font-size:10px}.dashboard-analytics-grid{grid-template-columns:minmax(0,1.9fr) minmax(290px,1fr);align-items:stretch;gap:20px;display:grid}.dashboard-operations-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:20px;display:grid}.dashboard-feed-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.namatic-dashboard .dashboard-single-column{grid-template-columns:minmax(0,1fr)}.namatic-dashboard .card-heading{align-items:flex-start;gap:14px;padding:22px 22px 16px}.namatic-dashboard .card-heading h2{font-size:14px;font-weight:800;line-height:1.8}.dashboard-card-note{color:var(--muted);margin-block-start:3px;font-size:10px;line-height:1.9}.dashboard-heading-icon{border:1px solid var(--border);background:var(--surface-soft);width:34px;height:34px;color:var(--muted);border-radius:11px;flex:none;place-items:center;display:grid}.dashboard-heading-icon .iconsax-icon{width:18px;height:18px}.namatic-dashboard .dashboard-trend-card{min-height:485px}.namatic-dashboard .dashboard-trend-card .select-wrap{min-width:140px;max-width:185px}.dashboard-chart-summary{justify-content:space-between;align-items:center;gap:16px;margin:3px 24px 8px;display:flex}.dashboard-chart-summary>div>span{color:var(--muted);font-size:10px;display:block}.dashboard-chart-summary strong{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin-block-start:4px;font-size:28px;font-weight:900;line-height:1.6;display:block}.dashboard-chart-summary small{color:var(--muted);margin-inline-start:7px;font-size:10px;font-weight:400}.dashboard-chart-peak{border-inline-start:1px solid var(--border);padding-inline-start:18px}.dashboard-chart-peak strong{color:var(--text-secondary);font-size:18px}.dashboard-echart{direction:ltr;width:100%;min-width:0}.dashboard-echart--trend{height:265px}.namatic-dashboard .dashboard-trend-card .empty-state{min-height:265px}.dashboard-donut-wrap{width:190px;height:190px;margin:0 auto 10px;position:relative}.dashboard-echart--donut{height:190px}.dashboard-donut-label{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.dashboard-donut-label strong{font-variant-numeric:tabular-nums;font-size:29px;font-weight:900}.dashboard-donut-label span{color:var(--muted);margin-block-start:3px;font-size:10px}.dashboard-dot{border-radius:50%;flex:none;width:7px;height:7px;display:inline-block}.dot-blue{background:var(--primary-bright)}.dot-cyan{background:var(--cyan)}.dot-amber{background:var(--amber)}.dot-green{background:var(--success)}.dot-danger{background:var(--danger)}.dashboard-content-legend{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 20px;margin:0;padding:0 16px 20px;list-style:none;display:flex}.dashboard-content-legend li{align-items:center;gap:7px;font-size:10px;display:flex}.dashboard-content-legend li>span{color:var(--text-secondary);align-items:center;gap:5px;display:inline-flex}.dashboard-content-legend strong{font-weight:700}.dashboard-content-statuses{border-block-start:1px solid var(--border);gap:14px;margin:0 22px 22px;padding-block-start:15px;display:grid}.dashboard-content-status{color:var(--text-secondary);grid-template-columns:1fr auto;gap:6px;font-size:10px;display:grid}.dashboard-content-status strong{color:var(--text);font-weight:600}.dashboard-progress{background:var(--surface-soft);border-radius:10px;height:4px;overflow:hidden}.dashboard-content-status .dashboard-progress{grid-column:1/-1}.dashboard-progress i{border-radius:inherit;background:var(--primary-bright);height:100%;display:block}.dashboard-content-status:nth-child(2) .dashboard-progress i{background:var(--amber)}.dashboard-content-status:nth-child(3) .dashboard-progress i{background:var(--cyan)}.dashboard-revenues{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:12px;padding:0 22px 22px;display:grid}.dashboard-revenue{border:1px solid color-mix(in srgb, var(--success) 13%, var(--border));background:linear-gradient(130deg, color-mix(in srgb, var(--success) 8%, var(--surface)), var(--surface));border-radius:16px;padding:18px;position:relative;overflow:hidden}.dashboard-revenue-label{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:8px;font-size:10px;display:flex}.dashboard-currency{border:1px solid color-mix(in srgb, var(--success) 15%, var(--border));background:var(--surface);color:var(--success);border-radius:6px;padding:3px 7px;font-size:10px;font-weight:700}.dashboard-revenue-value{color:var(--success);overflow-wrap:anywhere;margin-block:12px 8px;font-size:clamp(20px,2vw,28px);font-weight:900;display:block}.dashboard-revenue p{color:var(--muted);flex-wrap:wrap;gap:4px;font-size:10px;line-height:2;display:flex}.dashboard-payment-overview{border-block-start:1px solid var(--border);padding:18px 22px 22px}.dashboard-payment-heading{color:var(--text-secondary);flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:10px;display:flex}.dashboard-payment-heading strong{color:var(--text);font-weight:600}.dashboard-payment-bar{background:var(--surface-soft);border-radius:5px;gap:3px;height:7px;margin-block:14px 16px;display:flex;overflow:hidden}.dashboard-payment-bar i{border-radius:3px;display:block}.dashboard-payment-legend{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.dashboard-payment-legend dt{color:var(--muted);align-items:center;gap:5px;font-size:10px;display:flex}.dashboard-payment-legend dd{margin-block-start:6px;font-size:17px;font-weight:800}.dashboard-critical-badge{background:var(--danger-bg);color:var(--danger);border-radius:7px;flex:none;padding:5px 8px;font-size:9px}.dashboard-priority-list{overscroll-behavior:contain;scrollbar-gutter:stable;gap:8px;max-height:300px;margin:0;padding:0 22px 20px;list-style:none;display:grid;overflow-y:auto}.dashboard-priority-list li{--priority-color:var(--primary);border:1px solid var(--border);background:var(--surface-soft);border-radius:12px;align-items:center;gap:10px;min-height:61px;padding:10px 12px;display:flex}.dashboard-priority-list .severity-critical{--priority-color:var(--danger);background:color-mix(in srgb, var(--danger) 4%, var(--surface));border-color:color-mix(in srgb, var(--danger) 13%, var(--border))}.dashboard-priority-list .severity-warning{--priority-color:var(--amber)}.dashboard-priority-marker{background:var(--priority-color);border-radius:4px;flex:none;width:3px;height:26px}.dashboard-priority-list li>div{min-width:0}.dashboard-priority-list strong{overflow-wrap:anywhere;font-size:11px;font-weight:600;display:block}.dashboard-priority-list small{color:var(--muted);margin-block-start:3px;font-size:9px;display:block}.dashboard-priority-list b{color:var(--priority-color);margin-inline-start:auto;padding-inline-start:10px;font-size:18px;font-weight:800}.namatic-dashboard .dashboard-ranking-table{table-layout:fixed;white-space:normal;min-width:0;line-height:1.8}.dashboard-rank-column{width:48px}.dashboard-count-column{width:100px}.namatic-dashboard .dashboard-ranking-table thead th{background:var(--surface-soft);color:var(--muted);font-size:10px;font-weight:500}.namatic-dashboard .dashboard-ranking-table th,.namatic-dashboard .dashboard-ranking-table td{vertical-align:middle;overflow-wrap:anywhere;height:auto;padding:10px 16px}.namatic-dashboard .dashboard-ranking-table th:first-child,.namatic-dashboard .dashboard-ranking-table td:first-child{padding-inline-end:0}.namatic-dashboard .dashboard-ranking-table th[scope=row]{background:0 0;font-weight:500}.namatic-dashboard .dashboard-ranking-table tbody th,.namatic-dashboard .dashboard-ranking-table tbody td{border-block-end:1px solid var(--border)}.namatic-dashboard .dashboard-ranking-table tbody tr:last-child>*{border-block-end:0}.namatic-dashboard .dashboard-ranking-table th:last-child{text-align:end}.dashboard-rank{width:28px;height:28px;color:var(--muted);border-radius:9px;place-items:center;font-size:11px;display:grid}.dashboard-rank.is-leading{background:var(--primary-light);color:var(--primary);font-weight:800}.dashboard-post-title{min-width:0}.dashboard-post-title strong{color:var(--text);overflow-wrap:anywhere;font-size:11px;font-weight:600;display:block}.dashboard-post-title small{color:var(--muted);margin-block-start:5px;font-size:9px;display:block}.dashboard-post-count{text-align:end;font-variant-numeric:tabular-nums;font-size:12px}.dashboard-post-count .dashboard-progress{width:100%;max-width:64px;margin-block-start:6px;margin-inline-start:auto}.dashboard-activity-timeline{margin:0;padding:4px 22px 20px;list-style:none}.dashboard-priority-list:focus-visible{outline:2px solid var(--primary);outline-offset:-3px;border-radius:10px}.dashboard-activity-timeline li{align-items:flex-start;gap:10px;min-height:60px;padding-block-end:14px;display:flex;position:relative}.dashboard-activity-timeline li:last-child{min-height:0;padding-block-end:0}.dashboard-activity-timeline li:not(:last-child):before{content:"";background:var(--border);width:1px;position:absolute;inset-block:32px 0;inset-inline-start:14px}.dashboard-activity-icon{z-index:1;border:1px solid var(--border);background:var(--primary-light);width:30px;height:30px;color:var(--primary);border-radius:10px;flex:none;place-items:center;display:grid;position:relative}.dashboard-activity-icon.is-payment{background:var(--success-bg);color:var(--success)}.dashboard-activity-icon .iconsax-icon{width:16px;height:16px}.dashboard-activity-copy{flex:1;min-width:0}.dashboard-activity-meta{color:var(--text-secondary);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:3px 10px;font-size:10px;display:flex}.dashboard-activity-timeline strong{color:var(--text);overflow-wrap:anywhere;margin-block-start:4px;font-size:11px;font-weight:600;display:block}.dashboard-activity-timeline time{color:var(--muted);font-size:9px}.dashboard-media-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:2px 22px 22px;display:grid}.dashboard-media-grid>div{border:1px solid var(--border);background:var(--surface-soft);border-radius:14px;grid-template-columns:auto 1fr;gap:6px 12px;padding:14px;display:grid}.dashboard-media-icon{background:var(--primary-light);width:40px;height:40px;color:var(--primary);border-radius:12px;grid-row:span 2;place-items:center;display:grid}.dashboard-media-icon .iconsax-icon{width:21px;height:21px}.dashboard-media-icon.media-green{background:var(--success-bg);color:var(--success)}.dashboard-media-icon.media-cyan{background:color-mix(in srgb, var(--cyan) 10%, var(--surface));color:var(--cyan)}.dashboard-media-icon.media-amber{background:color-mix(in srgb, var(--amber) 10%, var(--surface));color:var(--amber)}.dashboard-media-grid dt{color:var(--muted);font-size:10px}.dashboard-media-grid dd{color:var(--text);overflow-wrap:anywhere;font-size:20px;font-weight:800;line-height:1.4}.dashboard-media-footer{border-block-start:1px solid var(--border);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:10px;padding:14px 22px;font-size:10px;display:flex}.dashboard-media-footer strong{color:var(--text-secondary);font-weight:600}.dashboard-footnote{color:var(--muted);text-align:center;justify-content:center;align-items:center;gap:6px;font-size:9px;line-height:2;display:flex}.dashboard-footnote .iconsax-icon{flex:none;width:13px;height:13px}@media (width<=1200px){.dashboard-analytics-grid{grid-template-columns:minmax(0,1.5fr) minmax(270px,1fr)}.namatic-dashboard .metrics-grid,.dashboard-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1000px){.dashboard-analytics-grid,.dashboard-feed-grid{grid-template-columns:minmax(0,1fr)}.dashboard-content-statuses{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=700px){.dashboard-operations-grid{grid-template-columns:minmax(0,1fr)}.namatic-dashboard{gap:16px}.namatic-dashboard .metric-card{min-height:178px;padding:16px}.namatic-dashboard .metric-card-head{grid-template-columns:minmax(0,1fr) auto;gap:9px;display:grid}.namatic-dashboard .metric-copy{display:contents}.namatic-dashboard .metric-card h2{grid-area:1/1;align-self:center;font-size:11px}.namatic-dashboard .metric-icon-wrap{border-radius:11px;grid-area:1/2;width:32px;height:32px}.namatic-dashboard .metric-icon{width:19px;height:19px}.namatic-dashboard .metric-value{grid-area:2/1/auto/-1;margin:0;font-size:24px}.namatic-dashboard .metric-bottom{font-size:9px;line-height:1.9}.namatic-dashboard .dashboard-controls{justify-content:space-between;width:100%}.namatic-dashboard .dashboard-period{flex:1;grid-template-columns:1fr auto;align-items:center}.namatic-dashboard .card-heading{padding:18px 16px 14px}.dashboard-chart-summary{margin-inline:17px}.dashboard-chart-summary strong{font-size:24px}.dashboard-chart-peak strong{font-size:16px}.dashboard-echart--trend{height:235px}.namatic-dashboard .dashboard-trend-card{min-height:445px}.dashboard-priority-list,.dashboard-activity-timeline{padding-inline:16px}.dashboard-rank-column{width:40px}.dashboard-count-column{width:80px}.namatic-dashboard .dashboard-ranking-table th,.namatic-dashboard .dashboard-ranking-table td{padding-inline:12px}.namatic-dashboard .dashboard-ranking-table th:first-child,.namatic-dashboard .dashboard-ranking-table td:first-child{padding-inline-end:0}.dashboard-media-grid{gap:10px;padding-inline:16px}.dashboard-media-grid>div{column-gap:9px;padding:12px}.dashboard-media-icon{width:32px;height:36px}.dashboard-content-statuses{margin-inline:16px}.dashboard-footnote{align-items:flex-start;padding-inline:8px}}@media (width<=380px){.namatic-dashboard .metrics-grid{grid-template-columns:minmax(0,1fr)}.namatic-dashboard .dashboard-period{grid-template-columns:1fr}.namatic-dashboard .dashboard-trend-card .card-heading{flex-wrap:wrap}.dashboard-content-statuses,.dashboard-media-grid{grid-template-columns:minmax(0,1fr)}}
