.cn-web-capacity { padding-block: 1.25rem 1.75rem; border-top: 1px solid var(--line); margin-block: 1.5rem; }
.cn-web-capacity h2 { font-size: 1.25rem; margin-block: 0 .75rem; }
.cn-web-capacity p { line-height: 1.65; font-variant-numeric: tabular-nums; }
.cn-web-capacity button, .cn-web-actions button { font: inherit; padding: .7rem 1rem; border: 1px solid var(--teal); border-radius: 8px; background: var(--panel); color: var(--teal); cursor: pointer; }
.cn-web-capacity a { display: inline-block; margin-inline: 1rem; margin-block: .5rem; }
.cn-web-dialog { max-height: 90dvh; overflow: auto; }
.cn-web-dialog img { display: block; max-width: 100%; height: auto; margin-inline: auto; background: white; }
.cn-web-dialog img[hidden] { display: none; }
.cn-web-order-id { overflow-wrap: anywhere; font-size: .875rem; color: #425249; }
.cn-web-actions { display: flex; gap: .6rem; flex-wrap: wrap; }
.cn-web-actions button { margin: 0; }
.cn-web-actions button:first-child { background: var(--teal); color: var(--paper); }
.cn-web-actions button:disabled { opacity: .65; cursor: wait; }
@media (max-width: 600px) { .cn-web-capacity button { display: block; width: 100%; } .cn-web-capacity a { margin-inline: 0; margin-block: 1rem; } .cn-web-dialog { padding: 1.25rem; } }