/* Support (Gold): new request, My requests and the request conversation (application/views/Gold/support/*).
   The pages use the account panel's ticket surface; the root owns its fields (.dream-own-controls). */
.dream-theme .c-container>.content:has(.dream-sp){padding:0;background:none;border:0;box-shadow:none;backdrop-filter:none}
.dream-sp{--sp-box:#0c131a;--sp-box2:#131c26;--sp-line:var(--line);--sp-dash:rgba(255,255,255,.14);display:grid;gap:18px;margin-bottom:40px;color:#c0c7d5;font:400 14px/1.5 DreamText,Arial,sans-serif}

/* Tabs */
.dream-sp-tabs{display:flex;gap:6px;padding:5px;background:#0a1118;border:1px solid var(--sp-line);border-radius:14px;justify-self:start;max-width:100%}
.dream-theme .dream-sp-tabs a{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 18px;border-radius:10px;color:#aeb6c4;font-weight:700;text-decoration:none;white-space:nowrap;transition:color .15s,background .15s}
.dream-theme .dream-sp-tabs a:hover{color:#fff;background:#ffffff0a}
.dream-theme .dream-sp-tabs a[aria-current=page]{background:#ff95331f;box-shadow:inset 0 0 0 1px #ff953359;color:#fff}
.dream-sp-badge{display:inline-flex;align-items:center;min-width:20px;height:20px;padding:0 7px;border-radius:10px;background:var(--bb-orange);color:#1a0d00;font-size:11px;font-weight:800;line-height:1;justify-content:center;white-space:nowrap}

/* Cards */
.dream-sp-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}
.dream-sp-aside{display:grid;gap:18px}
.dream-sp-card{min-width:0;padding:22px 24px 24px;background:radial-gradient(120% 80% at 0 0,#ff953312,transparent 55%),linear-gradient(165deg,#111a23,var(--sp-box) 60%);border:1px solid var(--sp-line);border-radius:18px}
.dream-sp-head{margin:-2px 0 18px;padding-bottom:16px;border-bottom:1px dashed var(--sp-dash)}
.dream-theme .dream-sp-kicker{display:flex;align-items:center;gap:10px;margin:0;color:var(--bb-orange);font-size:11px;font-weight:800;line-height:1.2;letter-spacing:.16em;text-transform:uppercase}
.dream-sp-kicker::after{content:'';flex:1 1 auto;max-width:160px;height:1px;background:linear-gradient(90deg,#ff953380,transparent)}
.dream-theme .dream-sp-card h2{margin:6px 0 0;color:#fff;font:900 24px/1.15 DreamDisplay,Arial,sans-serif;text-align:left;text-transform:uppercase;overflow-wrap:anywhere}
.dream-theme .dream-sp-aside h2{margin:0 0 12px;font:600 17px DreamText,Arial,sans-serif;text-transform:none}
.dream-sp .e_note,.dream-sp .s_note{margin:0 0 16px}
.dream-theme .dream-sp-link{color:var(--bb-orange);font-weight:700;text-decoration:none}
.dream-theme .dream-sp-link:hover{text-decoration:underline}
.dream-sp-empty{display:grid;justify-items:center;gap:14px;margin:0;padding:28px 16px;border:1px dashed var(--sp-dash);border-radius:14px;color:#89879a;text-align:center}
.dream-sp-empty p{margin:0}

/* Form */
.dream-sp-form{display:grid;gap:16px}
.dream-sp-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.dream-sp-field{display:grid;gap:6px;min-width:0;margin:0;padding:0;border:0}
.dream-sp-field>span,.dream-sp-field>legend{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:0;color:#fff;font-size:13px;font-weight:700}
.dream-sp-field small{color:#89879a;font-size:12px;font-weight:400}
.dream-sp-field small.is-full{color:var(--bb-orange)}
.dream-sp :is(input[type=text],select,textarea){box-sizing:border-box;width:100%;min-height:44px;padding:0 14px;border:1px solid #ffffff2a;border-radius:12px;background:#18222d;box-shadow:inset 0 2px 6px #0006;color:#fff;font:400 15px DreamText,Arial,sans-serif;transition:border-color .15s,box-shadow .15s}
.dream-sp textarea{min-height:150px;padding:12px 14px;line-height:1.5;resize:vertical}
.dream-sp select option{background:var(--sp-box2);color:#fff}
.dream-sp :is(input[type=text],select,textarea)::placeholder{color:#6f7a8c}
.dream-sp :is(input[type=text],select,textarea):focus{border-color:var(--bb-orange);outline:0;box-shadow:inset 0 2px 6px #0006,0 0 0 3px #ff953333}
.dream-sp-priority>div{display:flex;flex-wrap:wrap;gap:8px}
.dream-sp-priority label{position:relative;cursor:pointer}
.dream-sp-priority input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.dream-sp-priority span{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 16px;border:1px solid #ffffff1f;border-radius:19px;color:#aeb6c4;font-weight:700;transition:border-color .15s,color .15s,background .15s}
.dream-sp-priority span::before{content:'';width:8px;height:8px;border-radius:50%;background:currentColor}
.dream-sp-priority label:hover span{border-color:#ffffff40;color:#fff}
.dream-sp-priority input:checked+span{border-color:currentColor;background:#ffffff0a;color:#fff}
.dream-sp-priority input:focus-visible+span{outline:2px solid var(--bb-orange);outline-offset:2px}
.dream-sp .is-p1 span::before,.dream-sp-priority-text.is-p1{color:#7fb3ff}
.dream-sp .is-p2 span::before,.dream-sp-priority-text.is-p2{color:#ffc94a}
.dream-sp .is-p3 span::before,.dream-sp-priority-text.is-p3{color:var(--bb-orange)}
.dream-sp .is-p4 span::before,.dream-sp-priority-text.is-p4{color:#ff5a4a}
.dream-sp-drop{position:relative;display:grid;gap:2px;padding:16px;border:1px dashed #ffffff33;border-radius:12px;background:#ffffff05;cursor:pointer;transition:border-color .15s}
.dream-sp-drop:hover,.dream-sp-drop:focus-within{border-color:var(--bb-orange)}
.dream-sp-drop input{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer}
.dream-sp-drop b{color:var(--bb-orange)}
.dream-sp-drop:focus-within{outline:2px solid var(--bb-orange);outline-offset:2px}
.dream-sp-file-list{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.dream-sp-file-list:empty{display:none}
.dream-sp-file-list li{padding:4px 10px;border-radius:8px;background:#ffffff0d;color:#e7edf5;font-size:12px}
.dream-sp-file-list.is-error li{background:#3a121299;color:#ffb3aa}
.dream-sp-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
.dream-sp-actions .dream-action{min-height:44px;padding:0 26px}
.dream-sp-actions small{color:#89879a;font-size:12px}

/* Aside */
.dream-sp-summary ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 0 14px;padding:0;list-style:none;border-top:1px dashed var(--sp-dash);border-bottom:1px dashed var(--sp-dash)}
.dream-sp-summary li{display:flex;flex-direction:column;padding:10px 0}
.dream-sp-summary li+li{padding-left:14px;border-left:1px solid var(--sp-line)}
.dream-sp-summary b{color:#fff;font:900 24px/1.1 DreamDisplay,Arial,sans-serif}
.dream-sp-summary .is-new b{color:var(--bb-orange)}
.dream-sp-summary span{color:#89879a;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.dream-sp-tips ul{display:grid;gap:8px;margin:0 0 14px;padding:0;list-style:none}
.dream-sp-tips li{position:relative;padding-left:18px;font-size:13px}
.dream-sp-tips li::before{content:'';position:absolute;left:2px;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--bb-orange)}

/* My requests */
.dream-sp-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.dream-theme .dream-sp-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:12px 16px;background:var(--sp-box2);border:1px solid var(--sp-line);border-radius:12px;color:#c0c7d5;text-decoration:none;transition:border-color .15s,background .15s}
.dream-theme .dream-sp-row:hover{border-color:#ff953359;background:#16212c}
.dream-sp-row:focus-visible{outline:2px solid var(--bb-orange);outline-offset:2px}
.dream-sp-row.is-new{border-color:#ff953359}
.dream-sp-row-id{color:#89879a;font-weight:700}
.dream-sp-row-main{display:flex;flex-direction:column;min-width:0}
.dream-sp-row-main b{overflow:hidden;color:#fff;font-size:15px;text-overflow:ellipsis;white-space:nowrap}
.dream-sp-row-main small{overflow:hidden;color:#89879a;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.dream-sp-status{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border:1px solid currentColor;border-radius:13px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.dream-sp-status.is-open{color:#7fb3ff}
.dream-sp-status.is-working{color:var(--bb-orange)}
.dream-sp-status.is-hold{color:#ffc94a}
.dream-sp-status.is-resolved{color:#3fbf1f}
.dream-sp-status.is-closed,.dream-sp-status.is-spam{color:#89879a}

/* Request page */
.dream-sp-ticket-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.dream-sp-ticket-head>div{min-width:0}
.dream-sp-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:0 0 16px;overflow:hidden;border:1px solid var(--sp-line);border-radius:12px;background:var(--sp-line)}
.dream-sp-meta div{min-width:0;padding:10px 14px;background:var(--sp-box2)}
.dream-sp-meta dt{color:#89879a;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.dream-sp-meta dd{margin:2px 0 0;overflow:hidden;color:#fff;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.dream-sp-attachments{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 16px}
.dream-sp-attachments span{color:#89879a;font-size:12px;font-weight:700}
.dream-theme .dream-sp-attachments a{padding:4px 12px;border:1px solid #ff953359;border-radius:8px;color:var(--bb-orange);font-size:13px;font-weight:700;text-decoration:none}
.dream-theme .dream-sp-attachments a:hover{background:#ff95331a}
.dream-sp-thread{display:grid;gap:12px;margin:0 0 18px;padding:0;list-style:none}
.dream-sp-message{max-width:86%;padding:12px 16px;border:1px solid var(--sp-line);border-radius:14px;background:var(--sp-box2)}
.dream-sp-message.is-mine{justify-self:end;border-color:#ff953340;border-bottom-right-radius:4px;background:#1b1c1f}
.dream-sp-message.is-staff{justify-self:start;border-left:3px solid #2b8cff;border-bottom-left-radius:4px}
.dream-sp-message header{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-bottom:6px}
.dream-sp-message header b{color:#fff;font-size:14px}
.dream-sp-message.is-staff header b{color:#7fb3ff}
.dream-sp-message header time{color:#89879a;font-size:12px}
.dream-sp-message-body{color:#e7edf5;overflow-wrap:anywhere}
.dream-sp-message-body :is(p,ul,ol,blockquote,pre,h1,h2,h3,h4,h5,h6){margin:0 0 8px}
.dream-sp-message-body>:last-child{margin-bottom:0}
.dream-sp-message-body :is(h1,h2,h3,h4,h5,h6){color:#fff;font-size:15px}
.dream-theme .dream-sp-message-body a[href]{color:var(--bb-orange)}
.dream-theme .dream-sp-message-body a:not([href]){color:inherit}
.dream-sp-reply{padding-top:16px;border-top:1px dashed var(--sp-dash)}
.dream-sp-closed{margin:0;padding:12px 16px;border-left:3px solid #89879a;border-radius:8px;background:var(--sp-box2)}
.dream-sp-resolve{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:12px;margin-top:16px;padding-top:16px;border-top:1px dashed var(--sp-dash)}
.dream-sp-resolve span{color:#89879a}
.dream-sp-resolve .dream-action{min-height:40px;padding:0 20px;font-size:15px}
.dream-sp>p{margin:0}
.dream-sp-back::before{content:'← '}

/* Guest */
.dream-sp-guest{max-width:560px}
.dream-sp-guest p:not(.dream-sp-kicker){margin:12px 0 18px}

@media(max-width:1100px){
 .dream-sp-grid{grid-template-columns:minmax(0,1fr)}
 .dream-sp-aside{grid-template-columns:repeat(2,minmax(0,1fr))}
 .dream-sp-meta{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
 .dream-sp-card{padding:18px 16px 20px;border-radius:14px}
 .dream-theme .dream-sp-card h2{font-size:20px}
 .dream-sp-tabs{justify-self:stretch}
 .dream-sp-tabs a{flex:1 1 0;justify-content:center;padding:0 10px}
 .dream-sp-pair,.dream-sp-aside{grid-template-columns:minmax(0,1fr)}
 .dream-theme .dream-sp-row{grid-template-columns:minmax(0,1fr) auto;gap:6px 10px}
 .dream-sp-row-id{display:none}
 .dream-sp-row .dream-sp-badge{grid-row:2;justify-self:start}
 .dream-sp-row .dream-sp-status{grid-column:2;grid-row:1}
 .dream-sp-ticket-head{flex-direction:column;gap:10px}
 .dream-sp-message{max-width:100%}
 .dream-sp-resolve{justify-content:flex-start}
}