/* Re-skins the older support / ticket / FAQ markup into the CodeLuma 2026 blue design. Loaded only on those pages. */
.c26 .container{max-width:var(--maxw);margin:0 auto;padding:0 22px}
.c26 .section{padding:clamp(40px,6vw,80px) 0}
.c26 .glass-card{background:#fff;border:1px solid var(--line);border-radius:var(--r2);padding:clamp(20px,3vw,32px);box-shadow:var(--sh1);color:var(--ink);margin-bottom:22px}
.c26 .glass-card h2,.c26 .glass-card h3,.c26 .glass-card h4{color:var(--b900)}
.c26 .glass-card h2{font:800 1.5rem/1.2 var(--disp);display:flex;align-items:center;gap:10px;margin-bottom:18px}
.c26 .glass-card h2 i,.c26 .glass-card h3 i{color:var(--b500)}
.c26 .glass-card p,.c26 .glass-card li{color:var(--ink2)}
.c26 .support-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:26px;align-items:start}
.c26 .support-sidebar{position:sticky;top:calc(var(--hh) + 16px)}
.c26 .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.c26 .form-group{margin-bottom:18px}
.c26 .form-section{margin-bottom:26px;padding-bottom:6px;border-bottom:1px dashed var(--line)}.c26 .form-section:last-of-type{border:0}
.c26 .form-section h3{font:800 1.1rem var(--ui);margin-bottom:14px;color:var(--b800)}
.c26 .form-label{display:block;font-weight:700;color:var(--b900);margin-bottom:6px}
.c26 .required{color:#c0392b}.c26 .optional{color:var(--mute);font-weight:500}
.c26 .form-input,.c26 .form-select,.c26 input[type=text],.c26 input[type=email],.c26 input[type=tel],.c26 input[type=password],.c26 input[type=number],.c26 select,.c26 textarea{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:12px;background:#fff!important;color:var(--ink)!important;font:inherit}
.c26 .form-input:focus,.c26 .form-select:focus,.c26 input:focus,.c26 select:focus,.c26 textarea:focus{border-color:var(--b400);box-shadow:0 0 0 4px rgba(24,119,242,.16);outline:0}
.c26 .form-help,.c26 small.form-help{display:block;color:var(--mute);margin-top:6px;font-size:.85rem}
.c26 .email-provider-note{margin:8px 0 0;padding:10px 12px;border-radius:10px;background:var(--b50);color:var(--ink2);font-size:.85rem}
.c26 .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 22px;border-radius:12px;border:2px solid transparent;font:800 1rem var(--ui);text-decoration:none;cursor:pointer;transition:.15s}
.c26 .btn-primary{background:var(--b500);color:#fff!important;box-shadow:0 8px 20px rgba(24,119,242,.32)}.c26 .btn-primary:hover{background:var(--b600)}
.c26 .btn-secondary{background:#fff;color:var(--b700)!important;border-color:var(--b200)}.c26 .btn-secondary:hover{background:var(--b50);border-color:var(--b400)}
.c26 .btn-block{width:100%}.c26 .btn-lg{min-height:54px}
.c26 .alert{padding:14px 16px;border-radius:12px;margin-bottom:18px;border:1px solid}.c26 .alert-error{background:#fdecec;border-color:#f3b8b8;color:#8b1f1f}.c26 .alert-success{background:var(--b50);border-color:var(--b200);color:var(--b800)}.c26 .alert ul{margin:0;padding-left:1.1em}
.c26 .logged-in-notice{display:flex;gap:12px;align-items:center;padding:14px;border-radius:12px;background:var(--b50);border:1px solid var(--b200);color:var(--b800)}
.c26 .account-creation-notice,.c26 .account-created-notice,.c26 .guest-notice{background:var(--b50)!important;border:1px solid var(--b200)!important;color:var(--ink2)!important;border-radius:12px;padding:14px!important;margin:12px 0}
.c26 .account-created-notice h3{color:var(--b700)!important}.c26 .account-creation-notice *,.c26 .account-created-notice *{color:var(--ink2)!important}.c26 .account-creation-notice i{color:var(--b500)!important}
.c26 .checkbox-container{display:flex;align-items:center;gap:10px;cursor:pointer}.c26 .checkbox-container input{width:auto!important}.c26 .checkbox-container span{color:var(--ink2)!important}
.c26 .response-times{list-style:none;padding:0;margin:0}.c26 .response-times li{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}
.c26 .priority-badge{display:inline-block;padding:4px 12px;border-radius:999px;font-weight:800;font-size:.78rem;background:var(--b100);color:var(--b700)}
.c26 .badge-danger{background:#fde8e8;color:#9b2226}.c26 .badge-warning{background:#fff1d6;color:#8a5a00}.c26 .badge-info{background:var(--b100);color:var(--b700)}
.c26 .track-form{display:flex;gap:10px}.c26 .track-form input{flex:1;min-width:0}
.c26 .contact-methods{list-style:none;padding:0;margin:0}.c26 .contact-methods li{display:flex;gap:10px;align-items:center}.c26 .contact-methods i{color:var(--b500)}
.c26 .success-card{text-align:center;max-width:720px;margin:0 auto}.c26 .success-icon{font-size:3.4rem;color:var(--b500);margin-bottom:8px}
.c26 .ticket-info-box{background:var(--b50);border:2px dashed var(--b300);border-radius:16px;padding:18px;margin:18px 0}.c26 .ticket-number{font:800 2rem var(--disp);color:var(--b700);margin:.2em 0}
.c26 .success-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:18px}
.c26 .ticket-track-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}
.c26 .ticket-header-top{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center}
.c26 .ticket-number-small{font-weight:800;color:var(--b600)}
.c26 .ticket-meta{display:flex;flex-wrap:wrap;gap:8px 18px;color:var(--mute)}
.c26 .ticket-message-header{display:flex;justify-content:space-between;gap:10px;margin-bottom:10px;color:var(--mute);font-size:.9rem}.c26 .ticket-sender{font-weight:800;color:var(--b900)}
.c26 .ticket-admin-reply{border-left:5px solid var(--b500)}.c26 .ticket-customer-reply{border-left:5px solid var(--b200)}
.c26 .ticket-message-body{color:var(--ink2);white-space:pre-wrap;overflow-wrap:anywhere}
.c26 .status-timeline{list-style:none;padding:0;margin:0;display:grid;gap:14px}.c26 .timeline-item{display:flex;gap:12px;align-items:center;opacity:.5}.c26 .timeline-item.active{opacity:1}.c26 .timeline-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--b100);color:var(--b600)}
.c26 .timeline-item.active .timeline-icon{background:var(--b500);color:#fff}
.c26 .track-search-card{max-width:680px;margin:0 auto}.c26 .track-search-form{display:flex;gap:10px;flex-wrap:wrap}.c26 .track-search-form .form-group{flex:1 1 240px;margin:0}
@media (max-width:1020px){.c26 .support-layout,.c26 .ticket-track-layout{grid-template-columns:1fr}.c26 .support-sidebar{position:static}}
@media (max-width:640px){.c26 .form-row{grid-template-columns:1fr}.c26 .container{padding:0 16px}}
.c26 .faq-search{position:relative;max-width:560px;margin:24px auto 0}.c26 .faq-search input{padding:15px 16px 15px 46px;border-radius:999px;border:0;box-shadow:var(--sh2)}
.c26 .faq-search i{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--b500)}
.c26 .faq-nav{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:34px}
.c26 .faq-nav-btn{padding:10px 16px;border-radius:999px;border:1px solid var(--b200);background:#fff;color:var(--b700);font:700 .92rem var(--ui);cursor:pointer}.c26 .faq-nav-btn.active,.c26 .faq-nav-btn:hover{background:var(--b500);color:#fff;border-color:var(--b500)}
.c26 .faq-category{margin-bottom:34px}.c26 .faq-category-header{display:flex;align-items:center;gap:14px;margin-bottom:16px}.c26 .faq-category-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--b100);color:var(--b600);font-size:1.2rem}
.c26 .faq-category-title{font:800 1.6rem var(--disp);margin:0}
.c26 .faq-item{background:#fff;border:1px solid var(--line);border-radius:16px;margin-bottom:12px;box-shadow:var(--sh1);overflow:hidden}
.c26 .faq-question{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:18px 22px;cursor:pointer;font-weight:700;color:var(--b900)}.c26 .faq-question i{color:var(--b500);transition:transform .2s}
.c26 .faq-item.open .faq-question i{transform:rotate(180deg)}
.c26 .faq-answer{display:none;padding:0 22px 20px;color:var(--ink2)}.c26 .faq-item.open .faq-answer{display:block}