/* Periscope design language v5, shared by every page (public, B2B, panel, admin, SEO pages).
   Rules: 16px gutters, darker card borders, 14px radius, uniform 34px round icon buttons, pill chips. */
:root{--ds-line:#C4CFDA;--ds-radius:14px;--ds-gutter:16px}
html body .panel,html body .card,html body .meta div,html body .kpi,html body .stat-card{border-color:var(--ds-line)}
html body .panel,html body .card{border-radius:var(--ds-radius);border:1px solid var(--ds-line)}
html body .chip,html body .pill-btn{border-color:var(--ds-line)}
.ic-btn{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1.5px solid #0B7653;background:#fff;color:#0B7653;cursor:pointer}
.ic-btn.on{background:#0B7653;color:#fff}
.ic-btn svg{width:19px;height:19px}
@media(max-width:600px){
  html body .wrap,html body .container,html body .shell{padding-inline:var(--ds-gutter)}
  html body header .hrow,html body header>div{padding-inline:var(--ds-gutter)}
}
@media(min-width:900px){
  html body .panel,html body .card{border-radius:16px}
}