/* UI7: support and special mentoring. All assets are local. */
:root{--chat-ink:#172d3e;--chat-muted:#74818b;--chat-line:#e4eae9;--chat-teal:#145b57;--chat-mint:#e5f3ee}
.support-index{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}.support-filters{display:flex;gap:10px;margin-bottom:24px}.support-filters input{flex:1;min-width:0}.support-filters select{width:190px}.support-thread{display:flex;align-items:center;gap:16px;padding:22px 4px;border-bottom:1px solid var(--chat-line);text-decoration:none;color:var(--chat-ink)}.support-thread:hover{background:#f8fbfa}.support-thread-body{flex:1;min-width:0;display:grid;gap:7px}.support-thread-body strong{font-size:16px}.support-thread-body small,.support-thread-meta{color:var(--chat-muted);font-size:12px}.support-thread-meta{display:grid;gap:12px;text-align:left}.support-thread .chat-status{justify-self:start}.support-create h2{margin:10px 0 24px}
.chat-page{display:grid;grid-template-columns:285px minmax(0,1fr);background:white;border:1px solid var(--chat-line);border-radius:24px;overflow:hidden;min-height:650px;height:calc(100dvh - 160px);max-height:1100px;box-shadow:0 12px 40px #183f3b07;color:var(--chat-ink)}.chat-rail{background:#fbfcfc;border-left:1px solid var(--chat-line);overflow:auto}.chat-rail-heading{display:flex;align-items:center;justify-content:space-between;padding:24px 20px;font-size:19px;font-weight:800}.chat-rail-heading>a:first-child{display:flex;align-items:center;gap:10px}.chat-rail svg,.chat-search svg,.chat-file svg,.chat-attach svg{width:21px;height:21px}.chat-new{display:grid;place-items:center;background:var(--chat-teal);color:white;border-radius:13px;width:34px;height:34px}.chat-search{display:flex;background:white;border:1px solid var(--chat-line);border-radius:12px;margin:0 16px 16px;overflow:hidden}.chat-search input{border:0;background:transparent;min-width:0;width:100%;padding:12px}.chat-search button{border:0;background:transparent;color:var(--chat-muted);padding:10px}.chat-thread{display:flex;align-items:center;gap:10px;padding:17px 16px;position:relative;color:inherit;border-bottom:1px solid #f0f3f3}.chat-thread.is-selected{background:#e8f2ef;border-right:3px solid var(--chat-teal);padding-right:13px}.chat-thread>span:nth-child(2){min-width:0;flex:1;display:grid;gap:5px}.chat-thread strong{font-size:13px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.chat-thread small,.chat-thread time{font-size:10px;color:var(--chat-muted)}.chat-avatar{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:15px;background:#e8eeed;color:#42605c;font-size:18px;font-weight:800}.chat-avatar.is-gold{background:#f8efd9;color:#8e6e2a}.chat-panel{display:flex;flex-direction:column;min-width:0;min-height:0}.chat-header{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--chat-line)}.chat-heading{display:flex;align-items:center;gap:12px;min-width:0}.chat-heading>div{min-width:0}.chat-header h1{font-size:18px;margin:0 0 5px;overflow-wrap:anywhere}.chat-header p{font-size:12px;color:var(--chat-muted);margin:0}.chat-status{font-size:11px;padding:5px 10px;background:var(--chat-mint);color:var(--chat-teal);border-radius:20px;white-space:nowrap;display:inline-block}.chat-back{display:none}.chat-options{font-size:12px;border-bottom:1px solid var(--chat-line);background:#fff}.chat-options>summary{cursor:pointer;padding:9px 24px;color:#586e6b}.chat-options-body{display:flex;flex-wrap:wrap;gap:15px;padding:5px 24px 16px;max-height:220px;overflow:auto}.chat-options-body form{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.chat-options-body input,.chat-options-body select{width:180px;padding:8px}.chat-stream{background:#f3f6f4;background-image:radial-gradient(#dce5e1 0.6px,transparent 0.6px);background-size:15px 15px;flex:1;min-height:100px;overflow-y:auto;padding:20px 30px;overscroll-behavior:contain;scrollbar-width:thin}.chat-day{display:flex;justify-content:center;margin:8px 0 22px}.chat-day span{background:#e3eae7aa;color:#718079;border-radius:30px;padding:5px 14px;font-size:10px}.chat-message{display:flex;align-items:flex-end;gap:9px;margin-bottom:20px;max-width:83%;width:fit-content}.chat-message.is-own{margin-left:0;margin-right:auto;flex-direction:row-reverse}.chat-message>.chat-avatar{width:30px;height:30px;font-size:12px;border-radius:11px}.chat-bubble{padding:14px 17px;border-radius:18px 18px 4px 18px;background:white;box-shadow:0 2px 3px #123c2d04;min-width:140px;max-width:100%}.is-own .chat-bubble{background:var(--chat-teal);color:white;border-radius:18px 18px 18px 4px}.is-internal .chat-bubble{background:#fff1c8;color:#694d10;border:1px dashed #d6bb72}.chat-author{font-size:11px;font-weight:700;margin-bottom:8px;color:#64817a}.is-own .chat-author{color:#c7e5dc}.is-internal .chat-author{color:#8b712e}.chat-author span{margin-right:8px}.chat-text{font-size:14px;line-height:1.95;white-space:pre-wrap;overflow-wrap:anywhere;unicode-bidi:plaintext}.chat-bubble footer{font-size:9px;opacity:.66;display:flex;gap:9px;margin-top:9px;direction:rtl}.chat-edit{font-size:9px;opacity:.8;margin-top:6px}.chat-edit summary{cursor:pointer}.chat-edit[open]{opacity:1}.chat-edit textarea{color:var(--chat-ink);min-height:100px;margin:10px 0}.chat-file{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#ffffff20;border:1px solid #dfe7e466;border-radius:11px;margin:9px 0;color:inherit;max-width:350px;overflow-wrap:anywhere;font-size:12px}.chat-file span{min-width:0}.chat-file small{display:block;font-size:9px;opacity:.7;margin-top:3px}.chat-file.is-purged{opacity:.65;display:block}.chat-image{display:block;max-width:280px;margin-top:10px}.chat-image img{display:block;max-height:250px;width:100%;object-fit:contain;border-radius:10px}.chat-legacy{background:white;border-radius:12px;padding:12px;font-size:12px}.chat-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:60px 20px;color:var(--chat-muted);gap:12px}.chat-empty>svg{width:50px;height:50px;color:#8bac9f}.chat-empty h2{font-size:18px;color:var(--chat-ink)}.chat-empty p{font-size:13px;max-width:320px}.chat-composer-wrap{padding:16px 24px 10px;background:white;border-top:1px solid var(--chat-line)}.chat-composer-wrap form{border:1px solid #d9e4df;border-radius:16px;padding:7px 13px}.chat-composer-wrap textarea{border:0;resize:none;min-height:56px;max-height:160px;width:100%;outline-offset:2px;padding:9px 2px;background:white;line-height:1.8}.chat-composer-actions{display:flex;align-items:center;gap:14px;margin-top:2px}.chat-attach{position:relative;overflow:hidden;display:flex;align-items:center;gap:6px;cursor:pointer;font-size:12px;color:#6c7e77}.chat-attach input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.chat-internal{display:flex;gap:5px;align-items:center;font-size:11px;color:#8b712e}.chat-internal input{width:14px}.chat-send{margin-right:auto;background:var(--chat-teal);border:0;border-radius:11px;color:white;padding:10px 20px;font:inherit;cursor:pointer;font-size:13px}.chat-send:disabled{opacity:.55;cursor:wait}.chat-send span{margin-right:9px}.chat-hint{font-size:10px;color:#89968f;display:block;margin-top:9px}.chat-feedback{font-size:12px;color:#a33b35;margin:4px 0}.chat-files-selected{font-size:11px;color:#61776c;overflow-wrap:anywhere}.chat-write-unavailable{font-size:13px;padding:16px;background:#fff4d8;border-radius:12px;line-height:1.9}
.special-options{border:1px solid #e2e9e5;background:#f8fbf9;border-radius:17px;padding:20px;margin:20px 0}.special-options h3{font-size:16px;margin:0 0 15px}.special-options .field label{display:flex;gap:8px;align-items:center}.special-options input[type=checkbox]{width:18px;height:18px;accent-color:var(--chat-teal)}.special-customer-switch{display:flex;gap:18px;margin:15px 0}.special-customer-switch label{display:flex;gap:8px;align-items:center}.special-customer-switch input{width:auto}.special-design-state{position:relative;text-align:center;border-radius:24px;background:linear-gradient(145deg,#f2f8f5,#fffdf5);padding:38px 20px;margin:24px 0;overflow:hidden}.special-design-state h2{font-size:23px;margin:24px 0 10px;color:#214e41}.special-design-state p{font-size:14px;color:#647d73;line-height:1.95;max-width:510px;margin:0 auto}.design-animation{width:160px;height:112px;border:3px solid #588576;border-radius:13px;margin:auto;background:white;position:relative;box-shadow:14px 16px 0 #d7e9df;animation:design-float 4s ease-in-out infinite}.design-animation:before{content:'';position:absolute;right:12px;left:12px;top:13px;height:5px;background:#d4e5dc;border-radius:6px}.design-animation .design-block{position:absolute;top:32px;right:12px;left:12px;height:25px;background:#e9d59d;border-radius:5px;animation:design-build 3s ease-in-out infinite}.design-animation .design-lines{position:absolute;right:12px;left:12px;top:68px;height:24px;background:repeating-linear-gradient(to bottom,#d9e9df 0 5px,transparent 5px 10px)}.design-animation .design-spark{position:absolute;left:-17px;top:-16px;background:#e3be5f;color:white;border:5px solid #f4f8f0;border-radius:50%;width:40px;height:40px;font-size:24px;display:grid;place-items:center;animation:design-turn 6s ease-in-out infinite}.design-steps{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;margin-top:25px;font-size:11px;color:#6d8479}.design-steps span{background:#e3eee7;padding:7px 12px;border-radius:30px}.design-steps .active{background:#295f4c;color:white}.support-report-table th{white-space:normal;min-width:100px}.storage-name{overflow-wrap:anywhere;max-width:350px}
@keyframes design-float{50%{transform:translateY(-7px)}}@keyframes design-build{50%{opacity:.5;transform:scaleX(.85)}}@keyframes design-turn{50%{transform:rotate(90deg)}}
@media(prefers-reduced-motion:reduce){.design-animation,.design-block,.design-spark{animation:none!important}}
@media(max-width:1200px){.chat-page{grid-template-columns:230px minmax(0,1fr)}.support-index{grid-template-columns:minmax(0,1fr) 300px}.chat-header{padding:17px}.chat-stream{padding:20px}.chat-status{font-size:10px}.chat-heading h1{font-size:16px}}
@media(max-width:950px){.chat-page{grid-template-columns:1fr}.chat-rail{display:none}.chat-back{display:inline-block}.support-index{grid-template-columns:1fr}.support-filters{flex-wrap:wrap}.support-create{max-width:none}}
@media(max-width:600px){.chat-page{border-radius:17px;height:calc(100dvh - 122px);min-height:520px;margin:0 -8px}.chat-header{padding:14px 11px;flex-wrap:wrap;gap:8px}.chat-heading{gap:8px}.chat-heading h1{font-size:14px}.chat-header>.chat-status{margin-right:70px}.chat-heading .chat-avatar{width:34px;height:34px;font-size:14px}.chat-header p{font-size:10px}.chat-options>summary{padding:8px 14px}.chat-stream{padding:14px 10px}.chat-message{max-width:94%;gap:5px}.chat-message>.chat-avatar{display:none}.chat-bubble{padding:12px 14px;max-width:100%}.chat-text{font-size:13px}.chat-composer-wrap{padding:10px 9px}.chat-hint{font-size:9px}.chat-image{max-width:210px}.chat-composer-actions{gap:9px}.chat-send{padding:9px 13px}.chat-internal{font-size:10px}.support-filters input{flex-basis:100%}.support-filters select{flex:1}.support-thread{gap:10px}.support-thread-body strong{font-size:14px}.support-thread-meta{font-size:10px}.special-design-state h2{font-size:19px}.special-customer-switch{flex-wrap:wrap}}

.chat-revision-link{background:#fff6dc;padding:11px 24px;font-size:12px;color:#846321;border-bottom:1px solid #ede0b7}.special-form-stage h2{font-size:20px;margin:20px 0 14px}.special-form-stage h3{font-size:15px;color:#526c60;margin:16px 0}.chat-stream :focus-visible,.chat-page a:focus-visible,.chat-page button:focus-visible{outline:2px solid #c49a41;outline-offset:3px}

.ui6-special-form fieldset{border:0;padding:0;min-width:0}