.ticket-portal-actions { display: flex; align-items: center; gap: 12px; }
.ticket-portal-link { color: #64d8ff; font: 12px "Roboto Mono", monospace; }
.ticket-portal-layout { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(330px, .65fr); gap: 24px; margin-top: 20px; align-items: start; }
.ticket-portal-preview-wrap > span { display: block; margin-bottom: 8px; color: #8f94a8; letter-spacing: .14em; font: 10px "Roboto Mono", monospace; }
.ticket-portal-preview { --portal-color: #ff9d2e; position: relative; overflow: hidden; border-left: 5px solid var(--portal-color); border-radius: 7px; padding: 20px; background: #2b2d31; box-shadow: 0 12px 30px #0008; }
.ticket-portal-preview h3 { margin: 0 70px 10px 0; color: #fff; font-size: 21px; }
.ticket-portal-preview p { min-height: 74px; color: #dbdee1; font: 13px/1.55 Arial, sans-serif; white-space: pre-wrap; }
.ticket-portal-preview > small { display: block; border-top: 1px solid #44464d; padding-top: 10px; color: #aeb1b7; }
.ticket-portal-preview > img { position: absolute; right: 15px; top: 15px; width: 58px; height: 58px; border-radius: 10px; object-fit: cover; }
.ticket-portal-preview-image { height: 150px; margin: 12px 0; border-radius: 6px; background-position: center; background-size: cover; }
.ticket-portal-preview-buttons { display: flex; gap: 8px; margin-top: 14px; flex-wrap: wrap; }
.ticket-portal-preview-buttons button { border: 0; border-radius: 4px; padding: 10px 14px; background: #5865f2; color: white; font-weight: 700; }
.ticket-portal-preview-buttons button + button { background: #4e5058; }
.ticket-portal-fields textarea#ticketCategories { min-height: 125px; }
@media (max-width: 1100px) { .ticket-portal-layout { grid-template-columns: 1fr; } }
@media (max-width: 760px) { .ticket-portal-actions { align-items: stretch; flex-direction: column; } .ticket-portal-layout { grid-template-columns: 1fr; } .ticket-portal-preview-wrap { min-width: 0; } }