/* Стили страницы status.dc.html. Токены и общие компоненты — в frito.css */
.st-main{flex:1;display:flex;justify-content:center;padding:clamp(16px,4vw,40px) clamp(12px,3vw,32px) 48px}
.st-col{display:flex;flex-direction:column;gap:16px;min-width:0}
.st-hero{background:#fff;border-radius:var(--r-xl);padding:clamp(20px,3vw,32px);display:flex;flex-direction:column;gap:20px}
.st-muted-13{font-size:13px;color:var(--ink-2)}
.st-stack-10{display:flex;flex-direction:column;gap:10px}
.st-routes__label{font-size:18px;font-weight:700;color:var(--ink)}
.st-routes{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}
.st-route{display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 14px 8px 8px;border-radius:var(--r-md-plus);background:var(--surface-1);color:var(--ink);transition:background-color .15s;min-width:0}
.st-route:hover{background:var(--primary-50);color:var(--ink)}
.st-route__logo{flex-shrink:0;width:40px;height:40px;border-radius:var(--r-md-);background:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center}
.st-route__body{display:flex;flex-direction:column;gap:1px;min-width:0}
.st-route__name{font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.st-route__hint{font-size:12px;color:var(--ink-2)}
.st-help{background:#fff;border-radius:var(--r-xl);padding:clamp(18px,3vw,24px);display:flex;flex-direction:column;gap:10px}
.st-help__title{margin:0 0 4px;font-size:18px;font-weight:700}
.st-help__row{display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 16px 8px 8px;border-radius:var(--r-md-plus);background:var(--surface-1);color:var(--ink)}
.st-help__row:hover{background:var(--primary-100);color:var(--ink)}
.st-help__body{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}
.st-strong-15{font-size:15px;font-weight:600}
.st-cancel-btn{height:var(--h-md);border:0;border-radius:var(--r-pill);background:transparent;color:var(--danger);font:inherit;font-size:15px;font-weight:600;cursor:pointer}
.st-cancel-btn:hover{background:var(--danger-50)}
.st-card-sm{background:#fff;border-radius:var(--r-xl);padding:clamp(18px,3vw,24px);display:flex;flex-direction:column;gap:14px}
.st-items__toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;border:0;background:transparent;padding:0;font:inherit;color:var(--ink);cursor:pointer;text-align:left}
.st-items__titles{display:flex;flex-direction:column;gap:2px}
.st-items__title{font-size:18px;font-weight:700}
.st-items__chev{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:var(--surface-2);display:flex;align-items:center;justify-content:center}
.st-items__list{display:flex;flex-direction:column;gap:12px}
.st-item{display:flex;gap:12px;align-items:center}
.st-item__img{flex-shrink:0;width:56px;height:56px;border-radius:var(--r-md);object-fit:cover;background:var(--surface-2)}
.st-item__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.st-item__mods{font-size:13px;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.st-item__right{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.st-item__price{font-size:15px;font-weight:700;white-space:nowrap}
.st-item__qty{font-size:12px;color:var(--ink-3)}
.st-info{display:flex;gap:12px;align-items:flex-start}
.st-info__icon{flex-shrink:0;width:40px;height:40px;border-radius:var(--r-md-);background:var(--primary-100);display:flex;align-items:center;justify-content:center}
.st-icon-22{width:22px;height:22px}
.st-info__body{display:flex;flex-direction:column;gap:2px;min-width:0}
.st-bold-15{font-size:15px;font-weight:700}
.st-pay{display:flex;gap:12px;align-items:center;border-top:1px solid var(--divider);padding-top:14px}
.st-pay__icon{flex-shrink:0;width:40px;height:40px;border-radius:var(--r-md-);background:var(--kaspi);display:flex;align-items:center;justify-content:center}
.st-icon-26{width:26px;height:26px}
.st-pay__body{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.st-overlay{position:absolute;inset:0;background:var(--overlay)}
.st-confirm__text{display:flex;flex-direction:column;gap:8px}
.st-confirm__title{margin:0;font-size:24px;font-weight:700}
.st-confirm__p{margin:0;font-size:15px;color:var(--ink-2);line-height:1.5}