/* PK SMM Panel – update27 layout fixes */

/* ---- My Orders: responsive cards, never wider than the page ---- */
.og{grid-template-columns:repeat(auto-fill,minmax(min(100%,360px),1fr));min-width:0;max-width:100%}
.og>.oc{min-width:0;max-width:100%;box-sizing:border-box;overflow:hidden}
.oc-h{min-width:0}
.oc-h>div{min-width:0;flex:1 1 auto}
.oc-h .badge{flex:0 0 auto}
.oc-h small{overflow-wrap:anywhere}
.oc-sv{min-width:0;overflow-wrap:anywhere;word-break:break-word}
.oc .lk{min-width:0;max-width:100%;box-sizing:border-box}
.oc .lk a{display:block;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.oc .lk .cp,.oc .lk i{flex:0 0 auto}
.oc .q4{min-width:0}
.oc .q4 div{min-width:0}
.oc .q4 b{display:block;overflow-wrap:anywhere}
.oc .pr{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 10px}
.oc .refill-st{overflow-wrap:anywhere}
.oc-acts{grid-template-columns:repeat(auto-fit,minmax(min(100%,100px),1fr))}
.oc-acts .btn{min-width:0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.filt{min-width:0;max-width:100%;box-sizing:border-box}
.filt .os{min-width:0;max-width:100%}
@media (max-width:900px){.og{grid-template-columns:minmax(0,1fr)}}
@media (max-width:420px){.oc{padding:14px}.oc .q4 small{font-size:10px;letter-spacing:0}.oc .q4 b{font-size:12.5px}}

/* ---- user email: one line, slow ping-pong scroll when too long (update27b) ---- */
.me .me-txt{min-width:0;flex:1 1 auto}
.me .em{font-size:11.5px;line-height:1.35}
.greet>div:has(>.u-em){min-width:0;max-width:100%;flex:1 1 auto}
.pk-mq{display:block;width:0;min-width:100%;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal;word-break:normal}
.pk-mq>.pk-mq-t{display:inline;white-space:nowrap}
.pk-mq.is-anim{text-overflow:clip}
.pk-mq.is-anim>.pk-mq-t{display:inline-block;vertical-align:top;will-change:transform}
@media (prefers-reduced-motion:reduce){.pk-mq{text-overflow:ellipsis}.pk-mq>.pk-mq-t{display:inline;transform:none!important}}