.ticket-app{min-height:100vh;padding:110px 20px 40px;background:#0b0c10;color:#eef1f7}.ticket-shell{width:min(1180px,100%);margin:auto;display:grid;grid-template-columns:320px minmax(0,1fr);min-height:700px;border:1px solid rgba(255,255,255,.1);border-radius:24px;overflow:hidden;background:#10131a;box-shadow:0 30px 90px rgba(0,0,0,.35)}.ticket-sidebar{padding:20px;border-right:1px solid rgba(255,255,255,.08);background:#0d1016}.ticket-main{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-width:0}.ticket-head{padding:18px 22px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between}.ticket-list{display:grid;gap:10px;margin-top:18px}.ticket-item{width:100%;padding:13px;text-align:left;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#151922;color:#fff;cursor:pointer}.ticket-item.active{border-color:#7868ff;background:rgba(120,104,255,.12)}.ticket-item small{display:block;margin-top:5px;color:#8f98a8}.ticket-messages{padding:22px;overflow:auto}.ticket-message{max-width:78%;margin-bottom:13px}.ticket-message.customer{margin-left:auto}.ticket-bubble{padding:12px 14px;border-radius:16px;background:#1a1f29;line-height:1.5}.ticket-message.customer .ticket-bubble{background:linear-gradient(135deg,#7868ff,#5865f2)}.ticket-meta{margin-bottom:5px;color:#8f98a8;font-size:.72rem}.ticket-form{padding:16px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;border-top:1px solid rgba(255,255,255,.08)}.ticket-form textarea{min-height:48px;max-height:140px;resize:vertical;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:#151922;color:#fff;padding:13px}.ticket-form button,.discord-login,.create-ticket{border:0;border-radius:13px;background:linear-gradient(135deg,#7868ff,#5865f2);color:#fff;padding:0 18px;font-weight:800;cursor:pointer}.ticket-empty{display:grid;place-items:center;text-align:center;color:#929bac;padding:30px}.account-box{display:flex;align-items:center;gap:10px}.account-box img{width:38px;height:38px;border-radius:50%}.order-card{width:min(680px,calc(100% - 30px));margin:130px auto 50px;padding:28px;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:#10131a;color:#fff}.order-card select,.order-card input{width:100%;margin-top:8px;padding:13px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#151922;color:#fff}.order-card label{display:block;margin:18px 0}.order-card button,.order-card a{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:0 18px;border:0;border-radius:13px;background:linear-gradient(135deg,#7868ff,#5865f2);color:#fff;text-decoration:none;font-weight:800;cursor:pointer}@media(max-width:800px){.ticket-shell{grid-template-columns:1fr;min-height:calc(100vh - 130px)}.ticket-sidebar{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.ticket-message{max-width:92%}}
.offer-note{display:block;margin:-8px 0 16px;color:#8f98a8;font-size:.78rem}.order-card input[readonly]{cursor:not-allowed;background:#141822;color:#fff;border-color:rgba(120,104,255,.3)}.discord-login{display:inline-flex;padding:11px 16px;border-radius:10px;background:#5865f2;color:#fff;text-decoration:none;font-weight:800}

.website-order-embed{margin:0 0 22px;padding:18px;border:1px solid rgba(88,101,242,.45);border-left:4px solid #5865f2;border-radius:8px;background:#2b2d31;color:#f2f3f5;box-shadow:0 12px 30px rgba(0,0,0,.22)}.website-order-embed__brand{display:flex;align-items:center;gap:9px;color:#b5bac1;font-size:.82rem}.website-order-embed__logo{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#111318;color:#fff;font-size:.65rem;font-weight:900}.website-order-embed h2{margin:12px 0 10px;font-size:1.02rem}.website-order-embed p{margin:7px 0;color:#dbdee1;line-height:1.5;font-size:.88rem}.website-order-embed__fields{display:grid;grid-template-columns:1.5fr .7fr 1fr;gap:10px;margin-top:16px}.website-order-embed__fields>div{min-width:0}.website-order-embed small{display:block;color:#b5bac1;font-size:.7rem;margin-bottom:4px}.website-order-embed__fields strong{display:block;overflow-wrap:anywhere;font-size:.84rem}.website-order-embed__actions{display:grid;gap:4px;margin-top:16px;padding-top:13px;border-top:1px solid rgba(255,255,255,.08);font-size:.8rem;color:#dbdee1}.website-order-embed__actions small{font-weight:800;color:#f2f3f5}.status-pending strong{color:#57f287}.status-claimed strong{color:#fee75c}.status-closed strong{color:#ed4245}@media(max-width:700px){.website-order-embed__fields{grid-template-columns:1fr}.website-order-embed{padding:15px}}

/* Wiadomość bota na stronie — wygląd zbliżony do Discorda */
.ticket-message.bot {
  align-self: stretch;
  max-width: 92%;
}

.ticket-message.bot .ticket-bubble {
  border-left: 4px solid #5865f2;
  border-radius: 4px 14px 14px 4px;
  background: linear-gradient(180deg, rgba(88,101,242,.12), rgba(25,29,39,.96));
  white-space: pre-wrap;
  line-height: 1.6;
}

.ticket-message-avatar {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  object-fit: cover;
  vertical-align: middle;
  margin-right: 7px;
}

.ticket-message-avatar--fallback {
  display: inline-grid;
  place-items: center;
  background: #5865f2;
  color: #fff;
  font-size: 9px;
  font-weight: 900;
}

.ticket-bot-badge {
  margin-left: 6px;
  padding: 2px 5px;
  border-radius: 4px;
  background: #5865f2;
  color: #fff;
  font-size: 9px;
  font-weight: 900;
  line-height: 1;
}

.ticket-message .ticket-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 2px;
}