/* T21 Contact us (owner 2026-10-08: "it is too ugly … style the form fully … tabs like 4 or 5 forms").
   Calm v2 look: ivory page, one white card with a soft crimson-gold edge, a segmented tab bar, floating labels.
   Uses the site-v2 tokens (--o-crim, --o-rose, --o-gold, --o-dark, --o-gray, --o-font, --o-e). Logical properties for Arabic. */
.ct-page{--ct-line:#0e12101f;--ct-field:#fbf9f5;--ct-soft:#f4eee6;--ct-err:#b4233a}
.v2 .ct2-sec{padding-top:56px}
.v2 .ct2{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.8fr);gap:28px;align-items:start}
.v2 .ct2-main{min-width:0}

/* The form card */
.v2 .ct2-card{position:relative;overflow:hidden;background:#fff;border-radius:30px;padding:34px 36px 36px;
 /* Owner 2026-11-04: the hairline is a ring (box-shadow), so the top colour bar runs flush into the rounded corners. */
 box-shadow:0 0 0 1px #0e12100d,0 1px 0 #fff inset,0 2px 6px -2px #0e121014,0 40px 80px -56px #0e1210b3}
.v2 .ct2-card::before{content:"";position:absolute;inset:0 0 auto;height:4px;border-radius:30px 30px 0 0;
 background:linear-gradient(90deg,var(--o-crim),var(--o-rose) 45%,var(--o-gold) 100%)}
.v2 .ct2-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}
.v2 .ct2-head h2{font:800 clamp(22px,2.2vw,28px)/1.2 var(--o-font);letter-spacing:-.02em;margin:0;color:var(--o-dark)}

/* Tabs: a soft segmented bar; the chosen tab lifts out in white */
.v2 .ct2-tabs{display:flex;gap:4px;padding:6px;border-radius:20px;background:var(--ct-soft);border:1px solid #0e12100a}
.v2 .ct2-tabs a{flex:1 1 auto;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 12px;
 border-radius:15px;font:700 14.5px/1.2 var(--o-font);color:#4d5550;text-decoration:none;text-align:center;white-space:nowrap;
 transition:background .35s var(--o-e),color .35s var(--o-e),box-shadow .35s var(--o-e)}
.v2 .ct2-tabs a svg{flex:0 0 18px;width:18px;height:18px;color:#8d857c;transition:color .35s}
.v2 .ct2-tabs a:hover{color:var(--o-dark);background:#ffffff8c}
.v2 .ct2-tabs a[aria-selected=true]{background:#fff;color:var(--o-dark);box-shadow:0 1px 2px #0e12101a,0 10px 22px -14px #0e121066}
.v2 .ct2-tabs a[aria-selected=true] svg{color:var(--o-crim)}
.v2 .ct2-tabs a:focus-visible{outline:3px solid #e0566b66;outline-offset:2px}

.v2 .ct2-alert{margin-top:18px;padding:14px 16px;border-radius:14px;background:#fdeef0;color:#7e0f22;font-weight:700;border:1px solid #e0566b40}
.v2 .ct2-form{margin-top:22px}
.v2 .ct2-form[hidden]{display:none}
.v2 .ct2-lead{display:flex;align-items:center;gap:12px;margin:0 0 20px;color:var(--o-gray);font-size:15.5px;line-height:1.5}
.v2 .ct2-lead svg{flex:0 0 40px;width:40px;height:40px;padding:10px;border-radius:13px;color:var(--o-crim);background:linear-gradient(160deg,#fdeef0,#f8e7d6)}
.v2 .ct2-hp{position:absolute;inset-inline-start:-10000px;width:1px;height:1px;overflow:hidden}

/* Fields: floating labels (the label sits in the box, then moves up when typing or filled) */
.v2 .ct2-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.v2 .ct2-grid .wide{grid-column:1/-1}
.v2 .fl{position:relative;min-width:0}
.v2 .fl input,.v2 .fl select,.v2 .fl textarea{display:block;width:100%;box-sizing:border-box;min-height:60px;margin:0;padding:24px 16px 8px;
 border:1px solid var(--ct-line);border-radius:15px;background:var(--ct-field);font:500 16px/1.4 var(--o-font);color:var(--o-dark);
 transition:border-color .25s,box-shadow .25s,background .25s;-webkit-appearance:none;appearance:none}
.v2 .fl textarea{min-height:168px;resize:vertical;padding-top:28px;padding-bottom:26px}
.v2 .fl select{padding-inline-end:44px;cursor:pointer;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23727a74' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
 background-repeat:no-repeat;background-position:right 16px center}
[dir=rtl] .v2 .fl select{background-position:left 16px center}
.v2 .fl label{position:absolute;inset-inline-start:17px;inset-inline-end:17px;top:19px;margin:0;font:600 15.5px/1.2 var(--o-font);color:#6b736d;
 pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transform-origin:0 0;transition:top .22s var(--o-e),font-size .22s var(--o-e),color .22s}
.v2 .fl input:focus+label,.v2 .fl input:not(:placeholder-shown)+label,.v2 .fl textarea:focus+label,.v2 .fl textarea:not(:placeholder-shown)+label,.v2 .fl select+label{top:9px;font-size:12px;letter-spacing:.02em;color:#7a6f64}
.v2 .fl input:hover,.v2 .fl select:hover,.v2 .fl textarea:hover{border-color:#0e121038}
.v2 .fl input:focus,.v2 .fl select:focus,.v2 .fl textarea:focus{outline:0;background:#fff;border-color:var(--o-rose);box-shadow:0 0 0 4px #e0566b24}
.v2 .fl input:focus+label,.v2 .fl textarea:focus+label,.v2 .fl select:focus+label{color:var(--o-crim)}
.v2 .fl input::placeholder,.v2 .fl textarea::placeholder{color:transparent}
.v2 .fl .cnt{display:block;margin-top:5px;text-align:end;font:600 12px var(--o-font);color:#8d857c}.v2 .fl .cnt:empty{display:none}
.v2 .fl.bad input,.v2 .fl.bad select,.v2 .fl.bad textarea{border-color:var(--ct-err);background:#fff8f8}
.v2 .fl.bad label{color:var(--ct-err)}
.v2 .ct2-form .fe{margin:7px 2px 0;color:var(--ct-err);font:700 13.5px/1.4 var(--o-font);display:flex;gap:6px;align-items:flex-start}
.v2 .ct2-form .fe::before{content:"!";flex:0 0 18px;height:18px;border-radius:50%;background:var(--ct-err);color:#fff;font-size:12px;display:inline-grid;place-items:center;margin-top:1px}

/* Screenshot drop area (technical support) */
.v2 .ct2-file{position:relative}
.v2 .ct2-file label{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:15px;border:1.5px dashed #0e121033;background:var(--ct-field);cursor:pointer;transition:border-color .25s,background .25s}
.v2 .ct2-file label:hover,.v2 .ct2-file:focus-within label{border-color:var(--o-rose);background:#fff}
.v2 .ct2-file label svg{flex:0 0 44px;width:44px;height:44px;padding:11px;border-radius:13px;background:#fff;color:var(--o-crim);box-shadow:0 6px 16px -10px #0e121080}
.v2 .ct2-file b{display:block;font:700 15px var(--o-font);color:var(--o-dark)}
.v2 .ct2-file small{display:block;margin-top:3px;color:var(--o-gray);font-size:13.5px;line-height:1.45;overflow-wrap:anywhere}
.v2 .ct2-file input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.v2 .ct2-file.has small{color:var(--o-crim);font-weight:700}

/* Consent */
.v2 .ct2-consent{position:relative;display:flex;align-items:flex-start;gap:12px;margin:20px 0 0;padding:14px 16px;border-radius:15px;background:var(--ct-soft);cursor:pointer;font:500 14.5px/1.5 var(--o-font);color:#3a423d}
.v2 .ct2-consent input{position:absolute;opacity:0;width:22px;height:22px;margin:0}
.v2 .ct2-consent .box{flex:0 0 22px;height:22px;border-radius:7px;border:1.5px solid #0e121055;background:#fff;display:grid;place-items:center;margin-top:1px;transition:background .2s,border-color .2s}
.v2 .ct2-consent .box svg{width:14px;height:14px;color:#fff;opacity:0;transform:scale(.6);transition:opacity .2s,transform .25s var(--o-e)}
.v2 .ct2-consent input:checked+.box{background:var(--o-crim);border-color:var(--o-crim)}
.v2 .ct2-consent input:checked+.box svg{opacity:1;transform:none}
.v2 .ct2-consent input:focus-visible+.box{outline:3px solid #e0566b66;outline-offset:2px}
.v2 .ct2-consent a{color:var(--o-crim);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.v2 .ct2-consent.bad{background:#fdeef0}.v2 .ct2-consent.bad .box{border-color:var(--ct-err)}

/* Send */
.v2 .ct2-send{display:flex;align-items:center;gap:18px;margin-top:22px}
.v2 .ct2-send p{margin:0;color:#7a827c;font-size:13px;line-height:1.5}
.v2 .ct2-btn{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 28px;border:0;border-radius:16px;cursor:pointer;
 color:#fff;font:800 16px var(--o-font);background:linear-gradient(135deg,#ef6c80,var(--o-crim) 55%,#5a0a19);box-shadow:0 20px 40px -20px #e0566bcc;transition:transform .3s var(--o-e),box-shadow .3s,filter .3s}
.v2 .ct2-btn svg{width:18px;height:18px}
[dir=rtl] .v2 .ct2-btn svg{transform:scaleX(-1)}
.v2 .ct2-btn:hover{transform:translateY(-2px);box-shadow:0 26px 46px -20px #e0566bdd}
.v2 .ct2-btn:focus-visible{outline:3px solid #e0566b66;outline-offset:3px}
.v2 .ct2-btn[disabled]{filter:saturate(.6);opacity:.8;cursor:progress;transform:none}
.v2 .ct2-btn.ghost{min-height:50px;width:100%;color:var(--o-dark);background:#fff;border:1px solid var(--ct-line);box-shadow:none}

/* Side column */
.v2 .ct2-aside{display:grid;gap:16px;position:sticky;top:96px}
.v2 .ct2-aside .ct-card.wa{padding:24px;flex-wrap:wrap}
.v2 .ct2-aside .ct-card.wa .val{font-size:22px}
.v2 .ct2-aside .ct-card.wa .go{margin-inline-start:0;width:100%;justify-content:center}
.v2 .ct2-direct,.v2 .ct2-side{background:#fff;border-radius:24px;padding:22px;border:1px solid #0e12100d;box-shadow:0 30px 60px -50px #0e1210aa}
.v2 .ct2-direct h3,.v2 .ct2-side h3{margin:0 0 12px;font:800 16px var(--o-font);color:var(--o-dark)}
.v2 .ct2-direct a{display:flex;align-items:center;gap:14px;padding:12px;border-radius:16px;text-decoration:none;color:inherit;transition:background .25s}
.v2 .ct2-direct a+a{margin-top:4px}
.v2 .ct2-direct a:hover{background:var(--ct-soft)}
.v2 .ct2-direct .ci{flex:0 0 44px;height:44px;border-radius:14px;display:grid;place-items:center;color:var(--o-crim);background:linear-gradient(160deg,#fdeef0,#f8e7d6)}
.v2 .ct2-direct .ci svg{width:20px;height:20px}
.v2 .ct2-direct b{display:block;font:700 14px var(--o-font);color:var(--o-gray)}
.v2 .ct2-direct .val{display:block;font:800 16px var(--o-font);color:var(--o-dark);direction:ltr;unicode-bidi:isolate;text-align:start;overflow-wrap:anywhere}
.v2 .ct2-case{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:14px;background:var(--ct-soft);text-decoration:none;color:var(--o-dark);font-size:14px}
.v2 .ct2-case+.ct2-case{margin-top:8px}
.v2 .st{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:999px;font:700 12.5px var(--o-font);background:#e9f3ec;color:#1f6b3a}
.v2 .st.st-open{background:#fdeef0;color:#8f1427}.v2 .st.st-in_progress{background:#fff4dc;color:#7a5200}
.v2 .ct2-recover summary{display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none;font:800 16px var(--o-font);color:var(--o-dark)}
.v2 .ct2-recover summary::-webkit-details-marker{display:none}
.v2 .ct2-recover summary svg{width:20px;height:20px;color:var(--o-crim)}
.v2 .ct2-recover summary::after{content:"+";margin-inline-start:auto;font-size:22px;color:#8d857c;line-height:1}
.v2 .ct2-recover[open] summary::after{content:"–"}
.v2 .ct2-recover form{display:grid;gap:12px;margin-top:16px}
.v2 .ct2-recover p{margin:12px 0 0;color:var(--o-gray);font-size:13px;line-height:1.5}

/* After sending: the green tick and the reference */
.v2 .ct2-done{display:flex;align-items:center;gap:20px;padding:26px 28px;margin-bottom:22px;border-radius:24px;background:linear-gradient(160deg,#effaf2,#fff);border:1px solid #1f8a4a2e;box-shadow:0 30px 60px -50px #1f6b3a99}
.v2 .ct2-done .tick{flex:0 0 64px;height:64px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 25%,#5fd88a,#1f9a4f 60%,#147a3b);box-shadow:0 16px 30px -14px #1f9a4f}
.v2 .ct2-done .tick svg{width:32px;height:32px;color:#fff;stroke-width:3;stroke-dasharray:30;stroke-dashoffset:30;animation:ct2-tick .6s .15s var(--o-e) forwards}
.v2 .ct2-done h2{margin:0;font:800 22px var(--o-font);color:#14301f}
.v2 .ct2-done p{margin:4px 0 0;color:#38503f;font-size:15px}
.v2 .ct2-done b{direction:ltr;unicode-bidi:isolate}
@keyframes ct2-tick{to{stroke-dashoffset:0}}
@media (prefers-reduced-motion:reduce){.v2 .ct2-done .tick svg{animation:none;stroke-dashoffset:0}.v2 .ct2-tabs a,.v2 .fl label{transition:none}}

/* The case page a visitor sees after sending */
.v2 .ct2-thread{max-width:860px;margin:0 auto}
.v2 .ct2-thread .ct2-card+.ct2-card{margin-top:18px}
.v2 .ct2-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0 0;color:var(--o-gray)}
.v2 .ct2-entry{padding:16px 18px;border-radius:16px;background:var(--ct-soft)}
.v2 .ct2-entry+.ct2-entry{margin-top:10px}
.v2 .ct2-entry.team{background:#fff;border:1px solid var(--ct-line)}
.v2 .ct2-entry strong{font:700 14px var(--o-font)}
.v2 .ct2-entry p{margin:6px 0;white-space:pre-wrap;overflow-wrap:anywhere}
.v2 .ct2-entry small{color:#8d857c}
.v2 .ct2-code{width:100%;box-sizing:border-box;padding:14px;border-radius:14px;border:1px solid var(--ct-line);background:var(--ct-field);font:600 14px/1.5 ui-monospace,Consolas,monospace;resize:none}
.v2 .ct2-answers{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:14px 0 0;padding:0}
.v2 .ct2-answers div{padding:12px 14px;border-radius:14px;background:var(--ct-soft)}
.v2 .ct2-answers dt{font:700 12px var(--o-font);color:#7a6f64;text-transform:none}
.v2 .ct2-answers dd{margin:3px 0 0;font:700 15px var(--o-font);color:var(--o-dark);overflow-wrap:anywhere}

.v2 .ct2-back{display:inline-flex;gap:8px;align-items:center;margin-bottom:18px;font-weight:700;color:var(--o-gray);text-decoration:none}
.v2 .ct2-ref{margin:0;font:800 clamp(24px,3vw,32px)/1.15 var(--o-font);letter-spacing:-.01em;color:var(--o-dark)}
.v2 .ct2-subject{margin:4px 0 0;font:700 19px/1.35 var(--o-font);color:#2d3530}
.v2 .ct2-h{margin:0 0 12px;font:800 19px var(--o-font);color:var(--o-dark)}
.v2 .ct2-small{margin:10px 0 0;color:var(--o-gray);font-size:13.5px;line-height:1.55}
.v2 .ct2-small:first-child{margin:0 0 14px}
.v2 .ct2-reply{display:grid;gap:12px;margin-top:20px}
.v2 .ct2-reply .ct2-btn{justify-self:start}

@media (max-width:1100px){
 .v2 .ct2{grid-template-columns:minmax(0,1fr)}
 .v2 .ct2-aside{position:static;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
}
@media (max-width:760px){
 .v2 .ct2-sec{padding-top:28px}
 .v2 .ct2-card{padding:24px 18px 24px;border-radius:24px}
 .v2 .ct2-card::before{border-radius:24px 24px 0 0}
 .v2 .ct2-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-radius:18px}
 .v2 .ct2-tabs a{justify-content:flex-start;padding:10px 12px;font-size:14px;white-space:normal;text-align:start}
 .v2 .ct2-tabs a:first-child{grid-column:1/-1;justify-content:center}
 .v2 .ct2-grid{grid-template-columns:minmax(0,1fr)}
 .v2 .ct2-send{flex-direction:column;align-items:stretch}
 .v2 .ct2-btn{width:100%}
 .v2 .ct2-done{flex-direction:column;text-align:center;padding:24px 18px}
 .v2 .ct2-aside{grid-template-columns:minmax(0,1fr)}
}
@media (min-width:761px) and (max-width:1000px){.v2 .ct2-tabs a span{font-size:13.5px}.v2 .ct2-tabs a svg{display:none}}

/* Website enquiries in the dashboard (T21): status and form chips, rows, and the case page. */
.ws .wi-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--sp-4,16px)}
.ws .wi-chips a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 16px;border-radius:999px;border:1.5px solid var(--sand-line,var(--ts-e7dfd2,#e7dfd2));background:linear-gradient(180deg,#fff,var(--ts-faf7f2,#faf7f2));color:var(--ink,var(--ts-202722,#202722));font-weight:700;font-size:14.5px;text-decoration:none}
.ws .wi-chips a b{min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--ts-f1ebe2,#f1ebe2);font-size:12.5px;display:inline-grid;place-items:center}
.ws .wi-chips a.active{background:linear-gradient(135deg,var(--ts-2a3530,#2a3530),var(--night,var(--ts-141c17,#141c17)));border-color:var(--night,var(--ts-141c17,#141c17));color:#fff}
.ws .wi-chips a.active b{background:#ffffff26;color:#fff}
.ws .wi-topics a{min-height:38px;font-size:13.5px;padding:6px 14px}
.ws .wi-list{display:grid;gap:10px;margin-top:var(--panel-gap,22px)}
.ws .wi-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;padding:16px 18px;border-radius:18px;background:#fff;border:1px solid rgb(var(--ts-0e1210-rgb,14 18 16) / 0.059);box-shadow:0 18px 40px -36px rgb(var(--ts-0e1210-rgb,14 18 16) / 0.667);text-decoration:none;color:inherit;transition:transform .25s,box-shadow .25s}
.ws .wi-row:hover{transform:translateY(-1px);box-shadow:0 24px 46px -34px rgb(var(--ts-0e1210-rgb,14 18 16) / 0.733)}
.ws .wi-main{min-width:0}.ws .wi-main strong{display:block;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ws .wi-main small,.ws .wi-side small{display:block;margin-top:3px;color:var(--ts-5d655f,#5d655f);font-size:13px}
.ws .wi-side{text-align:end}
.ws .wi-topic{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:10px;font-weight:800;font-size:12.5px;background:var(--ts-f1ebe2,#f1ebe2);color:var(--ts-4d4339,#4d4339)}
.ws .wi-topic.t-business{background:#e9eefc;color:#28407a}.ws .wi-topic.t-support{background:var(--tb-fdeef0,#fdeef0);color:var(--tb-8f1427,#8f1427)}
.ws .wi-topic.t-partnership{background:#eaf5ee;color:#1f5a35}.ws .wi-topic.t-billing{background:#fff4dc;color:#6d4a00}
.ws .wi-st{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:999px;font-weight:800;font-size:12.5px;background:var(--ts-e9f3ec,#e9f3ec);color:#1f6b3a}
.ws .wi-st.st-open{background:#fdeef0;color:#8f1427}.ws .wi-st.st-in_progress{background:#fff4dc;color:#6d4a00}
.ws .wi-st.st-mail-failed{background:#fdeef0;color:#8f1427}.ws .wi-st.st-mail-no_sender{background:#f1ebe2;color:#4d4339}
.ws .wi-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.9fr);gap:var(--panel-gap,22px);align-items:start}
.ws .wi-grid .panel:first-child{margin-top:var(--panel-gap,22px)}
.ws .wi-answers{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:12px 0 0}
.ws .wi-answers div{padding:12px 14px;border-radius:14px;background:var(--ts-f8f4ee,#f8f4ee)}
.ws .wi-answers dt{font-size:12.5px;font-weight:700;color:var(--ts-5d655f,#5d655f)}.ws .wi-answers dd{margin:3px 0 0;font-weight:700;overflow-wrap:anywhere}
.ws .wi-note{color:var(--ts-5d655f,#5d655f);font-size:13.5px;margin:12px 0 0}.ws .wi-note.warn{padding:12px 14px;border-radius:12px;background:#fff4dc;color:#5c3f00;margin:0 0 12px}
.ws .wi-photo{margin:16px 0 0}.ws .wi-photo img{display:block;max-width:100%;max-height:360px;border-radius:14px;border:1px solid rgb(var(--ts-0e1210-rgb,14 18 16) / 0.102)}
.ws .wi-photo figcaption{margin-top:6px;font-size:13px;color:var(--ts-5d655f,#5d655f)}
.ws .wi-entry{padding:14px 16px;border-radius:14px;background:var(--ts-f8f4ee,#f8f4ee);margin-top:10px}
.ws .wi-entry.k-note{background:var(--ts-fff8e6,#fff8e6);border:1px dashed var(--ta-d9b45a,#d9b45a)}
.ws .wi-entry.k-assigned,.ws .wi-entry.k-progress{background:transparent;border:1px solid rgb(var(--ts-0e1210-rgb,14 18 16) / 0.078);padding:10px 14px}
.ws .wi-entry p{margin:6px 0;white-space:pre-wrap}.ws .wi-entry small{color:var(--ts-5d655f,#5d655f)}
.ws .wi-tools{display:grid;gap:14px}.ws .wi-tools .btn{width:100%}
.ws .wi-mail{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:8px 0 0;overflow-wrap:anywhere}
@media (max-width:900px){.ws .wi-grid{grid-template-columns:minmax(0,1fr)}.ws .wi-row{grid-template-columns:minmax(0,1fr)}.ws .wi-side{text-align:start}}
/* Owner -> Website: contact form emails */
.ws .ce-rows{display:grid;gap:12px}
.ws .ce-row{display:grid;grid-template-columns:200px minmax(0,1fr);gap:14px;align-items:center}
.ws .ce-row span{font-weight:800}
.ws .ce-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.ws .ce-state{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:12px;margin:0 0 14px;font-weight:600}
.ws .ce-state.on{background:var(--ts-e9f3ec,#e9f3ec);color:#1f5a35}.ws .ce-state.off{background:var(--ts-fff4dc,#fff4dc);color:var(--ta-5c3f00,#5c3f00)}
@media (max-width:700px){.ws .ce-row{grid-template-columns:minmax(0,1fr);gap:6px}}

/* U162: real form controls with a styled option picker where supported. */
@supports (appearance:base-select){
 .v2 .ct2-form .fl select,.v2 .ct2-form .fl select::picker(select){appearance:base-select}
 .v2 .ct2-form .fl select{background-image:none;padding-inline-end:17px;display:flex;align-items:center;justify-content:space-between;gap:12px}
 .v2 .ct2-form .fl select::picker-icon{color:#8e2437;transition:rotate .2s}
 .v2 .ct2-form .fl select:open::picker-icon{rotate:180deg}
 .v2 .ct2-form .fl select::picker(select){margin-block:8px;border:1px solid #e3d9ce;border-radius:16px;padding:6px;background:#fffdf9;color:#18201c;box-shadow:0 16px 40px -12px #18201c40;max-height:320px;overflow:auto;font:500 16px/1.4 var(--o-font)}
 .v2 .ct2-form option{padding:12px 14px;border-radius:10px;min-height:44px;white-space:normal;overflow-wrap:anywhere;cursor:pointer;transition:background .16s,color .16s}
 .v2 .ct2-form option:hover,.v2 .ct2-form option:focus{background:#f5e9e6;color:#7e1427;outline:none}
 .v2 .ct2-form option:checked{background:#f5e9e6;color:#7e1427;font-weight:700}
 .v2 .ct2-form option::checkmark{color:#a6192e}
}
@media(prefers-reduced-motion:reduce){.v2 .ct2-form option,.v2 .ct2-form .fl select::picker-icon{transition:none}}
/* U184: readable case rows; full subject remains visible. */
.ws .wi-row{grid-template-columns:auto minmax(0,1fr) minmax(150px,230px) auto}.ws .wi-main strong{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}.ws .wi-main small,.ws .wi-side small{overflow-wrap:anywhere}.ws .wi-open{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--tb-aa1735,#aa1735);min-height:44px}.ws .wi-reference{font-size:12px}@media(max-width:900px){.ws .wi-row{grid-template-columns:minmax(0,1fr) auto}.ws .wi-topic,.ws .wi-main{grid-column:1/-1}.ws .wi-side{text-align:start;min-width:0}.ws .wi-open{justify-self:end}}

/* U185: restrained enquiry cards with a clear reading order. */
.ws .wi-list{gap:12px}
.ws .wi-row{grid-template-columns:minmax(0,1fr) minmax(190px,260px) auto;gap:28px;padding:24px 26px;border:1px solid var(--ts-e8e3dd,#e8e3dd);border-radius:16px;box-shadow:0 3px 10px rgb(var(--ts-18221b-rgb,24 34 27) / 0.016);position:relative;transition:border-color .2s,box-shadow .2s,background .2s}
.ws .wi-row:hover{transform:none;border-color:var(--tb-cbb8b7,#cbb8b7);background:#fffdfb;box-shadow:0 6px 22px rgb(var(--ts-18221b-rgb,24 34 27) / 0.039)}
.ws .wi-row:focus-visible{outline:3px solid var(--tb-a6192e,#a6192e);outline-offset:3px}
.ws .wi-eyebrow{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:10px}
.ws .wi-eyebrow .wi-topic{padding:0;border:0;background:transparent;color:var(--tb-8b2335,#8b2335);font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.ws .wi-eyebrow .wi-reference{color:var(--ts-626a65,#626a65);font-size:11px;font-weight:500;letter-spacing:.035em}
.ws .wi-main strong{font-size:18px;line-height:1.4;margin-bottom:6px}
.ws .wi-main small{font-size:13px;line-height:1.6;margin-top:0}
.ws .wi-side{border-inline-start:1px solid var(--ts-eee8e2,#eee8e2);padding-inline-start:24px;display:flex;flex-direction:column;align-items:flex-start;text-align:start;gap:5px}
.ws .wi-side small{margin:0;font-size:12px;line-height:1.6}
.ws .wi-open{padding:0 16px;min-height:46px;border:1px solid var(--tb-e9d7d9,#e9d7d9);border-radius:12px;background:var(--ts-fcf6f6,#fcf6f6);font-size:13px;white-space:nowrap}
@media(max-width:900px){.ws .wi-row{grid-template-columns:minmax(0,1fr) auto;padding:20px;gap:18px 12px}.ws .wi-main{grid-column:1/-1}.ws .wi-side{border:0;padding:0}.ws .wi-open{padding:0 12px;align-self:end}.ws .wi-main strong{font-size:17px}}
@media(prefers-reduced-motion:reduce){.ws .wi-row{transition:none}}

/* U186: conversation first, compact supporting case information. */
.ws .wi-case .dashboard-title h1{overflow-wrap:anywhere;line-height:1.25}
.ws .wi-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:20px 24px;margin:24px 0;border:1px solid var(--ts-e8e3dd,#e8e3dd);border-radius:16px;background:#fff}
.ws .wi-summary dt{font-size:12px;color:var(--ts-626a65,#626a65)}.ws .wi-summary dd{margin:5px 0 0;font-size:14px;font-weight:700;overflow-wrap:anywhere}
.ws .wi-case .panel{border-radius:16px;border-color:var(--ts-e8e3dd,#e8e3dd);box-shadow:0 3px 10px rgb(var(--ts-18221b-rgb,24 34 27) / 0.016)}
.ws .wi-case .wi-grid .panel:first-child{margin-top:0}.ws .wi-case .panel-body{padding:24px}.ws .wi-case h2{font-size:19px}
.ws .wi-case .wi-entry{border:1px solid var(--ts-eee8e2,#eee8e2);background:var(--ts-fcfaf7,#fcfaf7);padding:18px;margin-top:16px}.ws .wi-case .wi-entry.k-reply,.ws .wi-case .wi-entry.k-resolve{background:var(--ts-faf5f5,#faf5f5);border-color:var(--tb-efdee1,#efdee1)}
.ws .wi-case .wi-entry.k-note{background:var(--ts-fff8e6,#fff8e6);border-style:dashed;border-color:var(--ta-d9b45a,#d9b45a)}.ws .wi-case .wi-entry strong{font-size:13px;overflow-wrap:anywhere}.ws .wi-case .wi-entry p{font-size:15px;line-height:1.75;overflow-wrap:anywhere}.ws .wi-case .wi-entry small{font-size:12px}
.ws .wi-case .wi-reply{margin-top:24px;padding-top:20px;border-top:1px solid var(--ts-eee8e2,#eee8e2)}.ws .wi-reply-hint{font-size:13px;color:var(--ts-626a65,#626a65);line-height:1.6;margin:0 0 14px}.ws .wi-case .wi-answers{grid-template-columns:minmax(0,1fr)}.ws .wi-case .wi-answers div{padding:12px 0;background:transparent;border-bottom:1px solid var(--ts-eee8e2,#eee8e2);border-radius:0}.ws .wi-case .wi-answers dd{font-size:14px;font-weight:600}.ws .wi-mail-details>summary{font-weight:700;cursor:pointer;min-height:44px;display:flex;align-items:center}.ws .wi-case .wi-mail{flex-wrap:wrap}
@media(max-width:900px){.ws .wi-summary{grid-template-columns:minmax(0,1fr);gap:14px;padding:20px}.ws .wi-case .panel-body{padding:20px}}

.ws .wi-case .wi-entry.by-visitor{background:var(--ts-fcfaf7,#fcfaf7);border-color:var(--ts-eee8e2,#eee8e2)}.ws .wi-mail-details>summary{justify-content:space-between;gap:12px}.ws .wi-mail-details>summary::after{content:"⌄";font-size:20px;color:var(--ts-626a65,#626a65)}.ws .wi-mail-details[open]>summary::after{content:"⌃"}

/* Owner 2026-11-04: the side picture keeps the column gap only (no extra 20 px hole above it). */
.v2 .ct2-aside .pband.side{margin-top:0}