.support-wrap{max-width:1050px;margin:40px auto;padding:0 20px;color:#342d43}#supportPanel h1{font-family:"Playfair Display",serif;font-size:2.6rem}.support-intro{color:#71677c}.support-layout{display:grid;grid-template-columns:minmax(230px,1fr) minmax(0,2fr);gap:24px}.support-box{background:white;border:1px solid #e7dfee;border-radius:18px;padding:22px}.support-wrap label{display:grid;gap:6px;margin:14px 0}.support-wrap input,.support-wrap select,.support-wrap textarea{width:100%;box-sizing:border-box;padding:12px;border:1px solid #d8cce4;border-radius:9px;font:inherit;background:white;color:inherit}.support-wrap textarea{min-height:120px}.support-wrap button,.support-wrap .button{cursor:pointer;margin:4px 4px 4px 0}.support-item{display:block;width:100%;padding:14px;text-align:left;background:#faf7fc;border:1px solid #e7dfee;border-radius:10px;color:inherit}.support-item small{display:block;margin-top:6px}.support-message{padding:16px;margin:12px 0;background:#f6f0fa;border-radius:12px;overflow-wrap:anywhere}.support-message.staff{background:#edf5ef}.support-message p{white-space:pre-wrap}.support-message small{color:#6c6377}.support-message a{display:block}.support-state{font-size:.85rem;color:#72558c}.support-wrap [hidden]{display:none!important}.support-error{color:#9b263d}.support-order{padding:12px;border:1px solid #ddd;border-radius:10px}.support-wrap form button:disabled{opacity:.5}@media(max-width:700px){.support-layout{grid-template-columns:1fr}.support-wrap{margin:24px auto;padding:0 12px}.support-box{padding:16px}}

/* Public support inherits catalogue heading, spacing and action styles. */
body.saumea-brand-match #supportRoot{max-width:none;margin:0;padding:clamp(3.5rem,7vw,6.5rem) clamp(1.25rem,8vw,9rem);color:var(--ink)}
#supportRoot .page-title h1{font:700 clamp(2.8rem,5vw,4.7rem)/1.03 "Playfair Display",serif;letter-spacing:-.055em;margin:0}
#supportRoot .page-title{margin-bottom:3rem}
#supportRoot .support-intro{font-size:1.1rem;color:var(--muted);max-width:570px}
#supportRoot .support-box{border-color:var(--line);border-radius:14px}
#supportRoot input,#supportRoot select,#supportRoot textarea{font-family:"DM Sans",sans-serif;font-size:16px;border-color:var(--line);color:var(--ink)}
#supportRoot :is(input,select,textarea):focus-visible{outline:2px solid var(--lilac-deep);outline-offset:2px}
#supportRoot h2{font-family:"Playfair Display",serif;line-height:1.15}
@media(max-width:580px){
body.saumea-brand-match #supportRoot{padding:2.5rem 1rem 3rem}
#supportRoot .page-title{margin-bottom:2rem}
#supportRoot .page-title h1{font-size:2.5rem;line-height:1.1}
}

.support-actions{display:flex;justify-content:flex-end;margin:0 0 1.5rem}.support-actions .button{margin:0}.support-box>label:first-child{margin-top:0}

/* Support uses the administration canvas and shared form treatment. */
.admin-body #supportPanel{max-width:none;min-width:0;margin:0;padding:0;color:var(--ink);font:inherit}
#supportPanel>.page-title{display:none}
#supportPanel>#supportStatus:empty{display:none}
#supportPanel .support-layout{grid-template-columns:minmax(240px,1fr) minmax(0,2fr);gap:24px;align-items:start}
#supportPanel .support-box{min-width:0;border:1px solid var(--line);border-radius:18px;background:#fff;padding:24px}
#supportPanel h2{font:600 1.08rem/1.4 "DM Sans",sans-serif;letter-spacing:-.015em;margin:0 0 20px}
#supportPanel label{display:grid;gap:7px;min-width:0;font:500 .82rem/1.45 "DM Sans",sans-serif;color:var(--muted)}
#supportPanel :is(input,textarea,select){width:100%;max-width:100%;min-width:0;box-sizing:border-box;border:1px solid #e7e0ed;border-radius:9px;padding:11px 12px;background:#fcfbfe;color:var(--ink);font:400 16px/1.4 "DM Sans",sans-serif;min-height:46px}
#supportPanel :is(input,textarea)::placeholder{color:#9a91a6;opacity:1}
#supportPanel :is(input,textarea,select):focus-visible{outline:2px solid #bba1d5;outline-offset:2px}
#supportPanel textarea{resize:vertical;min-height:100px}
#supportPanel form{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin:20px 0 0;padding:20px 0 0;border:0;border-top:1px solid var(--line);background:transparent}
#supportPanel form .button{justify-self:start;margin:8px 0 0;min-height:44px;border-radius:10px;font:600 .8rem/1.4 "DM Sans",sans-serif;padding:11px 16px;max-width:100%;white-space:normal}
#supportPanel form .button.primary{background:#8763a7;color:#fff;border:1px solid #8763a7}
#supportPanel form .button.secondary{background:#fff;color:#755c8e;border:1px solid #e2d7ec}
#supportPanel .support-item{margin:0 0 12px;padding:18px;border:1px solid #e7def1;border-radius:14px;background:#fff;font:inherit;color:var(--ink)}
#supportPanel .support-item:hover{background:#faf7ff;border-color:#cdb9e4}
#supportPanel .support-item strong{font-size:.9rem;font-weight:600}
#supportPanel .support-item small,#supportPanel form>small{color:var(--muted);font-size:.78rem;line-height:1.6}
#supportPanel .support-message{background:#faf7ff;border:1px solid var(--line);border-radius:12px;font-size:.88rem}
#supportPanel .support-message.staff{background:#f1ebf7;border-color:#e2d7ec}
#supportPanel .support-message a{color:#806099;text-underline-offset:3px}
#supportPanel .support-order{border-color:var(--line);border-radius:12px;font-size:.85rem}
#supportPanel .support-state{color:#755c8e}
@media(max-width:900px){#supportPanel .support-layout{grid-template-columns:minmax(0,1fr)}}
@media(max-width:760px){#supportPanel .support-box{padding:16px}#supportPanel form .button{width:100%;justify-self:stretch}#supportPanel .support-item{padding:16px}}

/* Compact support workspace: one page scroll, no nested scroll areas. */
body.saumea-brand-match #supportRoot{padding:24px clamp(16px,3vw,48px) 32px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px 24px}
#supportRoot>.page-title{grid-column:1;max-width:none;margin:0}
#supportRoot .page-title h1{font-size:2rem;line-height:1.15;letter-spacing:-.035em;margin:0}
#supportRoot .page-title .eyebrow{margin:0 0 6px}
#supportRoot .support-intro{font-size:.95rem;line-height:1.5;margin:8px 0 0;max-width:none}
#supportRoot>.support-actions{grid-column:2;grid-row:1;align-self:center;margin:0}
#supportRoot>#supportStatus{grid-column:1/-1;margin:0}
#supportRoot>#supportStatus:empty{display:none}
#supportRoot>.support-layout{grid-column:1/-1;grid-template-columns:minmax(240px,300px) minmax(0,1fr);align-items:start;gap:20px}
#supportRoot .support-box{padding:18px;min-width:0}
#supportRoot #supportDetail h2{font-size:1.35rem;margin:0 0 8px}
#supportRoot .support-state{margin:0 0 12px}
#supportRoot .support-message{padding:12px 14px;margin:8px 0;font-size:.9rem}
#supportRoot .support-message p{margin:8px 0 0;line-height:1.5}
#supportRoot #supportReply label{margin:12px 0 6px}
#supportRoot #supportReply textarea{min-height:80px;height:80px;resize:vertical}
#supportRoot #supportReply>p:last-child{margin:12px 0 0}
.support-attachments{margin:12px 0;font-size:.85rem}
.support-attachments summary{cursor:pointer;color:var(--muted);padding:4px 0}
.support-attachments input[type=file]{font-size:.85rem}
@media(max-width:700px){
 body.saumea-brand-match #supportRoot{padding:18px 16px 28px;gap:16px}
 #supportRoot>.page-title{grid-column:1/-1}
 #supportRoot .page-title h1{font-size:1.75rem}
 #supportRoot>.support-actions{grid-row:auto;grid-column:1/-1;justify-content:flex-start}
 #supportRoot>.support-layout{grid-template-columns:minmax(0,1fr);gap:16px}
}