/* Practical hierarchy, readable controls, and progressive mobile filtering. */
.collection-attention{background:#fff9ed;border:1px solid #e6d1a8;border-left:4px solid #b48032;border-radius:12px;padding:22px 24px;margin:0 0 24px;color:#574725;scroll-margin-top:24px}
.attention-heading{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.attention-heading .tag{margin-left:auto;background:#f5e8ce;color:#765621}
.attention-heading h2{font-size:19px;margin:3px 0;letter-spacing:-.3px;color:#574725}.attention-heading .eyebrow{font-size:10px;color:#7e693f}
.attention-symbol{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#f3e2bf;color:#805b20;font-weight:700}
.collection-attention p,.collection-attention li{font-size:14px;line-height:1.65}.collection-attention h3{font-size:14px;margin:18px 0 8px}.collection-attention ol{padding-left:22px;margin:0 0 18px}.collection-attention li+li{margin-top:8px}
.attention-details{display:flex;gap:12px;align-items:center;flex-wrap:wrap;border-top:1px solid #e8d9bd;padding-top:16px}.attention-details details{flex-basis:100%}.attention-details summary{font-size:13px;cursor:pointer;min-height:28px}.attention-details pre{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;color:#5e553f;line-height:1.7}.attention-details .button{min-height:44px}.attention-compact .attention-heading h2{font-size:16px}.attention-compact p{margin:10px 0}.attention-compact .text-link{font-size:13px;display:inline-flex;align-items:center;min-height:36px}
@media(max-width:780px){.collection-attention{padding:18px 16px}.attention-heading .tag{margin-left:41px}.attention-heading h2{font-size:17px}.attention-heading>div{flex:1;min-width:170px}}
.atlas-surface{min-height:100vh}
.dashboard-heading{margin-bottom:22px}
.dashboard-heading h1{font-size:clamp(28px,2.5vw,36px);letter-spacing:-1.2px}
.dashboard-heading p{font-size:14px;line-height:1.6;color:#5c7065}
.heading-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.atlas-button{min-height:44px;font-size:13px;padding:11px 15px}
.atlas-button-primary{color:#fff;background:#245c49;border-color:#245c49}
.atlas-button-primary:hover{background:#194735;color:#fff}
.live-strip{gap:16px;margin-bottom:22px;flex-wrap:wrap}
.run-summary{display:inline-flex;align-items:center;gap:9px;color:#294f3e;font-size:14px;min-height:36px}
.run-summary .icon{width:15px;height:15px;color:#6b7c71}
.run-dot{width:8px;height:8px;background:#ba8e42;border-radius:50%}
.run-dot[data-running="true"]{background:#279875;box-shadow:0 0 0 4px #27987514}
.live-connection{font-size:12px;color:#637569}
.metric-top{font-size:13px;color:#50665a}
.metric-number{font-size:36px;margin:10px 0}
.metric-foot{flex-wrap:wrap;gap:8px}
.metric-caption,.metric-foot a{font-size:12px}
.metric-foot a{min-height:32px;display:inline-flex;align-items:center;gap:4px;color:#285943}
.card-heading h2{font-size:16px}.card-heading p{font-size:12px}
.segmented button{min-height:40px;min-width:54px;font-size:12px;padding:7px 10px}
.chart-summary>div,.chart-foot,.recent-growth{font-size:11px}
.collector-state{font-size:11px;max-width:124px}
.collection-card .overline{font-size:9px}.collection-manage{font-size:12px;min-height:36px}
.collection-card .pipeline-item>div,.collection-card .pipeline-item strong,.collection-card .pipeline-item small{font-size:12px}
.availability-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.availability-filters a{display:inline-flex;align-items:center;min-height:42px;padding:8px 14px;border:1px solid #d9e1d8;border-radius:24px;background:#fff;color:#486254;font-size:13px}
.availability-filters a.is-selected{background:#e5efdf;border-color:#bcd0ae;color:#234e36;font-weight:600}
.availability-filters a:hover{border-color:#65856a}
.filter-toggle{display:none}.filter-toggle span{font-size:12px;color:#677a6d;font-weight:400;margin-left:8px}
.profile-pending,.storage-note{padding:14px 18px;border-radius:10px;background:#eef4e9;border:1px solid #dce7d5;color:#496342;font-size:13px;line-height:1.6;margin:0 0 20px}
.profile-contact-actions{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 20px}
.profile-contact-actions .button{min-height:44px;display:inline-flex;align-items:center}
.atlas-nav>a,.metric-foot a,.text-link,.country-row{touch-action:manipulation}
:where(a,button,input,select,summary,textarea):focus-visible{outline:3px solid #408c69;outline-offset:3px}
@media(max-width:780px){
  .dashboard-heading h1{font-size:29px}.dashboard-heading p{font-size:13px;max-width:none}
  .heading-actions{margin-top:18px}.live-strip{gap:6px 18px}.live-connection{font-size:11px}
  .metric-card{padding:17px 15px}.metric-top{font-size:12px}.metric-number{font-size:31px}
  .metric-caption,.metric-foot a{font-size:11px}.metric-foot{gap:0 7px}
  .atlas-nav>a{font-size:10px;padding:7px 3px;min-height:52px}
  .atlas-shell .workspace{grid-template-columns:1fr}
  .filter-toggle{display:list-item;margin:0;font-size:15px;font-weight:600;padding:3px 0;min-height:32px}
  [data-filter-panel][open] .filter-toggle{margin-bottom:22px}
  .filters.panel{padding:16px 20px}.filters .filter-title{margin-bottom:14px}
  .availability-filters{gap:6px}.availability-filters a{padding:8px 11px;font-size:12px;min-height:44px}
  .page-heading h1{font-size:28px}.page-heading p{font-size:13px}
  .collection-card .pipeline-item>div,.collection-card .pipeline-item strong,.collection-card .pipeline-item small{font-size:11px}
  .segmented button{min-width:47px;padding:7px 8px;font-size:11px}
}
@media(max-width:450px){
  .card-heading{gap:12px;flex-wrap:wrap}.chart-summary{flex-wrap:wrap;gap:10px}
  .chart-summary .recent-growth{margin-left:0}.metric-card{padding:15px 13px}
  .metric-icon{display:none}.metric-top{font-size:12px}.metric-number{font-size:30px}
  .live-connection .status-dot{display:none}.collection-card .card-heading{flex-wrap:nowrap}
}