/* Wylro Support using Wylro homepage design system */
:root{--ink:#0f172a;--muted:#526174;--line:#dce6f4;--soft:#eef5ff;--card:#fff;--black:#050505;--green:#18c964;--violet:#6d5df6;--blue:#b8d7ff;--shadow:0 28px 90px rgba(26,43,72,.13)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Inter,Arial,Helvetica,sans-serif;background:#eef5ff;color:var(--ink);overflow-x:hidden}
a{text-decoration:none;color:inherit}
.wrap{max-width:1240px;margin:auto}
.wylro-navbar{width:100%;min-height:88px;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 60px;position:sticky;top:0;z-index:9999;border-bottom:1px solid rgba(15,23,42,.08);box-shadow:0 1px 10px rgba(0,0,0,.04)}
.wylro-logo{font-size:42px;font-weight:950;letter-spacing:-2px;color:#050505;line-height:1;white-space:nowrap}
.wylro-navlinks{display:flex;align-items:center;justify-content:center;gap:24px;color:#6b7280;font-size:15px;font-weight:800}
.wylro-navlinks a{color:#6b7280;text-decoration:none;transition:.2s ease;white-space:nowrap}
.wylro-navlinks a:hover{color:#111827}
.wylro-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
.wylro-lang{border:1px solid #111827;background:#fff;color:#111827;padding:12px 14px;border-radius:14px;font-weight:900;cursor:pointer;line-height:1;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.wylro-lang.active{background:#000;color:#fff}
.wylro-demo{background:#fff;color:#111827;border:2px solid #111827;padding:14px 22px;border-radius:16px;font-weight:900;white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.wylro-trial{background:#000;color:#fff;padding:16px 24px;border-radius:16px;font-weight:900;white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.wylro-demo:hover{background:#111827;color:#fff}
.wylro-trial:hover{background:#1f2937}
.section{padding:86px 64px}
.section-head{max-width:930px;margin-bottom:38px}
.eyebrow{color:#000000;font-weight:950;font-size:13px;text-transform:uppercase;letter-spacing:1.6px;margin-bottom:13px}
.title{font-size:48px;letter-spacing:-2.4px;line-height:1.1;font-weight:950;margin-bottom:16px}
.desc{font-size:18px;line-height:1.75;color:#526174}
.card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:0 8px 24px rgba(16,24,39,.045)}
.btn{border-radius:14px;padding:17px 28px;font-weight:950;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;border:0;cursor:pointer;font-size:15px}
.btn.primary{background:#000;color:#fff;box-shadow:0 16px 34px rgba(0,0,0,.16)}
.btn.secondary{background:#fff;border:1.5px solid #000;color:#000}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.field{margin-bottom:16px}
label{display:block;font-size:13px;font-weight:950;color:#334155;margin-bottom:8px}
input,select,textarea{width:100%;border:1px solid #d8e1ee;border-radius:14px;padding:15px;outline:none;font-size:15px;color:#0f172a;background:#f8fbff}
textarea{min-height:140px;resize:vertical}
button.btn{font-family:inherit}
.muted{color:#526174}
.error{background:#fff1f2;color:#991b1b;border:1px solid #fecdd3;padding:14px 16px;border-radius:16px;margin-bottom:16px;font-weight:850}
.success{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0;padding:14px 16px;border-radius:16px;margin-bottom:16px;font-weight:850}
.payments{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.pay{background:#fff;border:1px solid var(--line);border-radius:999px;padding:12px 17px;font-weight:950;color:#172033;box-shadow:0 8px 20px rgba(16,24,39,.05)}
.pay.stripe{color:#000000}.pay.bancontact{color:#0050a4}.pay.paypal{color:#003087}
.footer{background:#fff!important;border-top:1px solid #e5e7eb!important;padding:46px 64px 34px!important;color:#526174!important;text-align:left!important}
.footer-grid{max-width:1180px!important;margin:0 auto!important;display:grid!important;grid-template-columns:1.35fr 1fr 1fr 1.15fr 1fr!important;gap:52px!important;align-items:start!important}
.footer h4{color:#111827!important;margin:0 0 12px!important;font-size:16px!important;line-height:1.3!important;font-weight:900!important}
.footer p{color:#526174!important;line-height:1.35!important;font-size:16px!important;max-width:260px!important;margin:0 0 22px!important}
.footer a{display:block!important;margin:8px 0!important;color:#526174!important;font-size:14px!important;line-height:1.35!important;text-decoration:none!important}
.footer a:hover{color:#111827!important}
.footer .payments{display:flex!important;flex-wrap:wrap!important;gap:11px!important;max-width:230px!important;margin-top:18px!important}
.footer .pay{display:inline-flex!important;align-items:center!important;justify-content:center!important;background:#fff!important;border:1px solid #dce6f4!important;border-radius:999px!important;padding:11px 16px!important;font-weight:950!important;font-size:16px!important;line-height:1!important;box-shadow:0 8px 20px rgba(16,24,39,.04)!important}
.footer .pay.stripe{color:#000!important}.footer .pay.bancontact{color:#0050a4!important}.footer .pay.paypal{color:#003087!important}
.footer-bottom{max-width:1180px!important;margin:28px auto 0!important;border-top:1px solid #edf2f7!important;padding-top:20px!important;text-align:center!important;font-size:13px!important;color:#526174!important;line-height:1.6!important}

/* Support pages, built with Wylro visual language */
.support-page{padding-top:72px}
.support-head{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:end;max-width:1240px}
.support-main-btn{white-space:nowrap}
.support-card{box-shadow:var(--shadow)}
.support-card-top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}
.support-card-top h2{font-size:28px;letter-spacing:-1.2px;line-height:1.15;font-weight:950}
.support-small-btn{padding:12px 18px}
.support-empty{border:1px solid #dce6f4;background:#f8fbff;border-radius:18px;padding:22px;display:grid;gap:8px;color:#526174}
.support-empty strong{color:#0f172a}
.support-ticket-list{display:grid;gap:12px}
.support-ticket-item{background:#fff;border:1px solid #dce6f4;border-radius:18px;padding:16px;display:grid;grid-template-columns:1fr auto auto;gap:18px;align-items:center;transition:.2s ease}
.support-ticket-item:hover{border-color:#111827;box-shadow:0 14px 34px rgba(16,24,39,.06);transform:translateY(-1px)}
.support-ticket-main{display:flex;align-items:flex-start;gap:14px;min-width:0}
.support-ticket-id{font-weight:950;color:#64748b;white-space:nowrap}
.support-ticket-main strong{display:block;font-size:16px;line-height:1.35;color:#0f172a;overflow-wrap:anywhere}
.support-ticket-main small{display:block;margin-top:4px;color:#526174;font-size:13px;line-height:1.45;overflow-wrap:anywhere}
.support-ticket-badges{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.support-badge,.badge{display:inline-flex;align-items:center;padding:7px 11px;border-radius:999px;background:#f3f4f6;font-size:12px;font-weight:950;color:#111827;border:1px solid #e5e7eb;white-space:nowrap}
.status-open{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}
.status-progress{background:#fff7ed;color:#c2410c;border-color:#fed7aa}
.status-waiting{background:#fefce8;color:#a16207;border-color:#fde68a}
.status-resolved,.status-closed{background:#ecfdf5;color:#047857;border-color:#a7f3d0}
.support-ticket-date{color:#526174;font-size:13px;white-space:nowrap}
.hero-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:34px;box-shadow:var(--shadow);display:grid;grid-template-columns:1fr auto;gap:24px;align-items:end;margin:72px auto 20px;max-width:1240px}
.hero-card h1{font-size:48px;letter-spacing:-2.4px;line-height:1.1;font-weight:950;margin-bottom:16px}
.reply{border:1px solid #dce6f4;border-left:5px solid #050505;background:#fff;border-radius:18px;padding:18px;margin:14px 0;box-shadow:0 8px 24px rgba(16,24,39,.045)}
.reply.client{border-left-color:#64748b}.reply.admin{border-left-color:#050505;background:#f8fbff}
.reply p{margin-top:8px;color:#526174;line-height:1.7}.reply small{color:#64748b}
.auth-section{min-height:calc(100vh - 320px);display:grid;place-items:center;padding:72px 22px}
.auth-card{width:min(560px,100%);box-shadow:var(--shadow)}
.auth-logo{font-size:42px;font-weight:950;letter-spacing:-2px;margin-bottom:18px;color:#050505}
.auth-form p{margin-bottom:16px}

@media(max-width:1100px){
  .wylro-navbar{padding:16px 24px;flex-wrap:wrap}
  .wylro-navlinks{order:3;width:100%;flex-wrap:wrap;justify-content:center;gap:12px}
  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:32px!important}
  .support-head{grid-template-columns:1fr}
  .support-main-btn{width:max-content}
  .support-ticket-item{grid-template-columns:1fr}
  .support-ticket-badges{justify-content:flex-start}
  .support-ticket-date{white-space:normal}
}
@media(max-width:700px){
  .wylro-navbar{padding:16px 18px;gap:12px}
  .wylro-logo{font-size:30px}
  .wylro-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .wylro-lang,.wylro-demo,.wylro-trial{width:100%;text-align:center;justify-content:center;padding:14px 10px;font-size:14px}
  .wylro-navlinks{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:8px;font-size:13px}
  .wylro-navlinks a{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:11px 8px;text-align:center;color:#111827}
  .section{padding:52px 18px}
  .title{font-size:32px;line-height:1.15;letter-spacing:-1.2px}
  .desc{font-size:15.5px;line-height:1.7}
  .card{border-radius:22px;padding:22px}
  .form-row{grid-template-columns:1fr!important}
  input,select,textarea{font-size:16px}
  .footer{padding:36px 22px 28px!important}
  .footer-grid{grid-template-columns:1fr!important;gap:24px!important}
  .footer p{max-width:none!important;font-size:15px!important}
  .footer a{font-size:15px!important}
  .footer .payments{max-width:none!important}
  .footer-bottom{margin-top:24px!important;font-size:12.5px!important}
  .support-page{padding-top:52px}
  .support-card-top{align-items:flex-start}
  .support-ticket-item{padding:18px}
  .support-ticket-main{gap:12px}
  .hero-card{margin:52px 18px 20px;grid-template-columns:1fr;padding:24px}
  .hero-card h1{font-size:32px;letter-spacing:-1.2px}
  .btn{width:100%;justify-content:center}
}
@media(max-width:380px){
  .wylro-actions,.wylro-navlinks{grid-template-columns:1fr}
}


/* FINAL CLEANUP: remove homepage link grid and fix admin stats */
.wylro-navbar {
    justify-content: space-between !important;
}
.wylro-actions {
    margin-left: auto !important;
}

/* The homepage navlinks block is removed from PHP; keep this hidden as safety. */
.wylro-navlinks {
    display: none !important;
}

.admin-page .support-head {
    margin-bottom: 30px;
}

.admin-stats-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    margin-top: 24px;
}

.admin-stat-card {
    background: #fff;
    border: 1px solid #dce6f4;
    border-radius: 24px;
    padding: 26px;
    min-height: 150px;
    box-shadow: 0 20px 60px rgba(26,43,72,.08);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 18px;
}

.admin-stat-card span {
    color: #526174;
    font-size: 15px;
    font-weight: 900;
    line-height: 1.3;
}

.admin-stat-card strong {
    color: #0f172a;
    font-size: 52px;
    line-height: 1;
    font-weight: 950;
    letter-spacing: -2px;
}

@media (max-width: 1100px) {
    .admin-stats-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .wylro-navbar {
        display: block !important;
    }

    .wylro-actions {
        margin-left: 0 !important;
        margin-top: 18px !important;
    }

    .admin-stats-grid {
        grid-template-columns: 1fr 1fr;
        gap: 12px;
    }

    .admin-stat-card {
        min-height: 120px;
        padding: 20px;
        border-radius: 20px;
    }

    .admin-stat-card span {
        font-size: 14px;
    }

    .admin-stat-card strong {
        font-size: 42px;
    }
}

@media (max-width: 380px) {
    .admin-stats-grid {
        grid-template-columns: 1fr;
    }
}




/* Exact Wylro auth background and form spacing */
.wylro-auth-body {
    min-height: 100vh;
    background-color: #f8fafc;
    background-image: radial-gradient(#050505 1.25px, transparent 1.25px);
    background-size: 92px 92px;
    color: #0f172a;
    font-family: Inter, Arial, Helvetica, sans-serif;
}

.wylro-auth-shell {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 88px 18px 46px;
}

.wylro-auth-logo {
    color: #050505;
    text-decoration: none;
    font-size: 42px;
    font-weight: 950;
    letter-spacing: -1.8px;
    line-height: 1;
    margin-bottom: 42px;
}

.wylro-auth-card {
    width: min(100%, 560px);
    background: rgba(255,255,255,.94);
    border: 1px solid #d8dee9;
    border-radius: 12px;
    box-shadow: 0 18px 52px rgba(15,23,42,.08);
    padding: 30px 38px 34px;
    position: relative;
}

.wylro-auth-card.register-card {
    width: min(100%, 560px);
}

.corner {
    position: absolute;
    width: 30px;
    height: 30px;
    pointer-events: none;
}

.corner-tl {
    left: -13px;
    top: -13px;
    border-left: 3px solid #050505;
    border-top: 3px solid #050505;
    border-top-left-radius: 6px;
}

.corner-br {
    right: -13px;
    bottom: -13px;
    border-right: 3px solid #050505;
    border-bottom: 3px solid #050505;
    border-bottom-right-radius: 6px;
}

.wylro-auth-card h1 {
    margin: 0;
    color: #0f172a;
    font-size: 30px;
    line-height: 1.15;
    letter-spacing: -1px;
    font-weight: 950;
    text-align: center;
}

.auth-title-line {
    width: 54px;
    height: 2px;
    background: #050505;
    margin: 12px auto 14px;
}

.auth-subtitle {
    margin: 0 0 24px;
    color: #334155;
    font-size: 15px;
    line-height: 1.6;
    text-align: center;
}

.wylro-auth-form p {
    margin: 0 0 20px;
}

.wylro-auth-form label,
.label-row label {
    display: block;
    color: #1e293b;
    font-size: 14px;
    font-weight: 850;
    line-height: 1.4;
    margin-bottom: 9px;
}

.wylro-auth-form label strong,
.label-row label strong {
    color: #ff3347;
}

.label-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 9px;
}

.label-row label {
    margin-bottom: 0;
}

.label-row a {
    color: #050505;
    text-decoration: underline;
    text-underline-offset: 3px;
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
}

.wylro-auth-form input[type="email"],
.wylro-auth-form input[type="text"],
.wylro-auth-form input[type="password"],
.wylro-auth-form input:not([type]) {
    width: 100%;
    height: 44px;
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    background: #ffffff;
    color: #0f172a;
    outline: none;
    padding: 0 14px;
    font-size: 15px;
    transition: .18s ease;
}

.wylro-auth-form input:focus {
    border-color: #050505;
    box-shadow: 0 0 0 3px rgba(15,23,42,.08);
}

.remember-row {
    display: flex !important;
    align-items: center;
    gap: 10px;
    margin: 2px 0 22px !important;
    color: #334155 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}

.remember-row input {
    width: 18px !important;
    height: 18px !important;
    flex: 0 0 auto;
    accent-color: #050505;
}

.auth-black-btn {
    width: 100%;
    height: 52px;
    border: 0;
    border-radius: 10px;
    background: #000;
    color: #fff;
    font-size: 15px;
    font-weight: 850;
    cursor: pointer;
    box-shadow: 0 10px 24px rgba(0,0,0,.18);
}

.auth-switch {
    margin-top: 24px;
    text-align: center;
    color: #334155;
    font-size: 15px;
    line-height: 1.5;
}

.auth-switch a {
    color: #050505;
    font-weight: 950;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.auth-copyright {
    margin-top: 28px;
    background: rgba(255,255,255,.9);
    border: 1px solid #e2e8f0;
    border-radius: 9px;
    padding: 11px 22px;
    color: #64748b;
    font-size: 15px;
    line-height: 1.3;
    box-shadow: 0 8px 22px rgba(15,23,42,.06);
}

.success {
    background: #ecfdf5;
    color: #065f46;
    border: 1px solid #a7f3d0;
    padding: 13px 14px;
    border-radius: 10px;
    margin-bottom: 18px;
    font-weight: 750;
    line-height: 1.45;
}

@media (max-width: 640px) {
    .wylro-auth-body {
        background-size: 58px 58px;
    }

    .wylro-auth-shell {
        padding: 48px 16px 34px;
    }

    .wylro-auth-logo {
        font-size: 36px;
        margin-bottom: 28px;
    }

    .wylro-auth-card,
    .wylro-auth-card.register-card {
        width: 100%;
        padding: 24px 20px 28px;
    }

    .wylro-auth-card h1 {
        font-size: 26px;
    }

    .auth-subtitle {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .label-row {
        align-items: flex-start;
    }

    .label-row a {
        font-size: 13px;
    }
}



/* Attachments UI */
.attachment-upload-box {
    border: 1px dashed #b8c7dc;
    background: #f8fbff;
    border-radius: 18px;
    padding: 18px;
    margin: 18px 0 22px;
}

.attachment-upload-box label {
    display: block;
    font-weight: 950;
    color: #334155;
    margin-bottom: 10px;
}

.attachment-upload-box label span {
    color: #64748b;
    font-weight: 750;
}

.attachment-upload-box input[type="file"] {
    width: 100%;
    border: 1px solid #d8e1ee;
    background: #fff;
    border-radius: 14px;
    padding: 14px;
    color: #334155;
}

.attachment-upload-box small {
    display: block;
    margin-top: 10px;
    color: #64748b;
    line-height: 1.5;
    font-weight: 700;
}

.attachments-list {
    margin-top: 18px;
    display: grid;
    gap: 10px;
}

.attachments-list h3 {
    font-size: 16px;
    color: #0f172a;
    margin: 0 0 4px;
    font-weight: 950;
}

.attachments-list.compact {
    margin-top: 12px;
}

.attachment-item {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 10px;
    align-items: center;
    border: 1px solid #dce6f4;
    background: #fff;
    border-radius: 14px;
    padding: 12px 14px;
    text-decoration: none;
    color: #111827;
    transition: .18s ease;
}

.attachment-item:hover {
    border-color: #111827;
    box-shadow: 0 10px 24px rgba(16,24,39,.06);
}

.attachment-item strong {
    overflow-wrap: anywhere;
    font-size: 14px;
}

.attachment-item small {
    color: #64748b;
    white-space: nowrap;
    font-size: 12px;
    font-weight: 850;
}

@media(max-width:700px) {
    .attachment-item {
        grid-template-columns: auto 1fr;
    }
    .attachment-item small {
        grid-column: 2;
        white-space: normal;
    }
}

.btn.danger{
    background:#fff1f2!important;
    color:#991b1b!important;
    border:1.5px solid #fecdd3!important;
}
.ticket-actions-top{
    display:flex;
    gap:10px;
    align-items:center;
    flex-wrap:wrap;
}
.ticket-actions-top form{
    margin:0;
}
@media(max-width:700px){
    .ticket-actions-top,.ticket-actions-top .btn,.ticket-actions-top form{width:100%}
}



/* Wylro Pro Ticket Permissions UI */
.pro-alert-card {
    max-width: 1120px;
    margin: 28px auto 0;
}

.ticket-pro-hero {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 20px;
    align-items: center;
}

.ticket-pro-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 16px;
}

.admin-control-panel {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 18px;
    align-items: center;
}

.admin-control-panel h2,
.admin-private-zone h2 {
    margin-bottom: 8px;
}

.reply-pro-form {
    margin-top: 18px;
}

.reply-pro-form textarea {
    min-height: 140px;
}

.admin-private-zone {
    border: 1px solid #111827;
}

.internal-note-item,
.ticket-log-item {
    border: 1px solid #dce6f4;
    background: #f8fbff;
    border-radius: 18px;
    padding: 16px;
    margin-top: 12px;
}

.internal-note-item strong,
.ticket-log-item strong {
    display: block;
    color: #0f172a;
    font-weight: 950;
    margin-bottom: 6px;
}

.internal-note-item p {
    color: #334155;
    line-height: 1.6;
    margin: 0 0 8px;
}

.internal-note-item small,
.ticket-log-item small,
.ticket-log-item span {
    display: block;
    color: #64748b;
    font-size: 13px;
    line-height: 1.5;
}

.empty-box {
    border: 1px dashed #dce6f4;
    background: #f8fbff;
    color: #526174;
    border-radius: 18px;
    padding: 18px;
    font-weight: 850;
    line-height: 1.5;
}

@media(max-width: 800px) {
    .ticket-pro-hero,
    .admin-control-panel {
        grid-template-columns: 1fr;
    }

    .ticket-actions-top {
        width: 100%;
    }
}



/* Modern Wylro client ticket creation */
.new-ticket-modern {
    padding-top: 68px;
}

.ticket-create-hero {
    background: #fff;
    border: 1px solid #dce6f4;
    border-radius: 32px;
    box-shadow: 0 28px 90px rgba(26,43,72,.13);
    padding: 38px;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 22px;
    align-items: end;
    margin-bottom: 24px;
}

.ticket-create-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 340px;
    gap: 24px;
    align-items: start;
}

.ticket-modern-form {
    display: grid;
    gap: 18px;
}

.ticket-step-card,
.ticket-submit-panel,
.help-card {
    background: #fff;
    border: 1px solid #dce6f4;
    border-radius: 26px;
    padding: 26px;
    box-shadow: 0 16px 46px rgba(26,43,72,.07);
}

.step-heading {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    margin-bottom: 18px;
}

.step-heading > span {
    width: 38px;
    height: 38px;
    border-radius: 14px;
    background: #050505;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 950;
    flex: 0 0 auto;
}

.step-heading h2 {
    margin: 0 0 5px;
    color: #0f172a;
    font-size: 23px;
    letter-spacing: -0.8px;
    line-height: 1.15;
    font-weight: 950;
}

.step-heading p {
    margin: 0;
    color: #526174;
    line-height: 1.55;
}

.ticket-step-card label {
    display: block;
    font-size: 13px;
    font-weight: 950;
    color: #334155;
    margin-bottom: 8px;
}

.ticket-step-card input:not([type="radio"]),
.ticket-step-card textarea {
    width: 100%;
    border: 1px solid #d8e1ee;
    border-radius: 16px;
    padding: 17px 18px;
    outline: none;
    font-size: 16px;
    color: #0f172a;
    background: #f8fbff;
    transition: .2s ease;
}

.ticket-step-card textarea {
    min-height: 180px;
    resize: vertical;
    line-height: 1.6;
}

.ticket-step-card input:focus,
.ticket-step-card textarea:focus {
    border-color: #111827;
    background: #fff;
    box-shadow: 0 0 0 4px rgba(15,23,42,.08);
}

.module-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.module-option {
    border: 1.5px solid #dce6f4;
    background: #f8fbff;
    border-radius: 18px;
    padding: 16px;
    cursor: pointer;
    transition: .18s ease;
    margin: 0 !important;
}

.module-option:hover,
.module-option.selected {
    border-color: #050505;
    background: #fff;
    box-shadow: 0 12px 28px rgba(16,24,39,.06);
}

.module-option input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.module-option strong {
    display: block;
    color: #0f172a;
    font-size: 15px;
    line-height: 1.25;
    margin-bottom: 6px;
    font-weight: 950;
}

.module-option small {
    color: #526174;
    line-height: 1.45;
    font-weight: 700;
}

.client-help-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 10px;
    margin-top: 14px;
}

.client-help-grid div {
    background: #f8fbff;
    border: 1px solid #dce6f4;
    border-radius: 14px;
    padding: 12px;
    color: #334155;
    font-size: 13px;
    line-height: 1.4;
    font-weight: 850;
}

.modern-upload-zone {
    margin: 0;
    border-radius: 20px;
    background: linear-gradient(180deg,#f8fbff,#ffffff);
}

.ticket-submit-panel {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    border-color: #111827;
}

.ticket-submit-panel strong {
    display: block;
    color: #0f172a;
    font-size: 18px;
    font-weight: 950;
    margin-bottom: 4px;
}

.ticket-submit-panel p {
    margin: 0;
    color: #526174;
    line-height: 1.5;
}

.ticket-help-sidebar {
    display: grid;
    gap: 16px;
    position: sticky;
    top: 112px;
}

.help-card h3 {
    font-size: 18px;
    line-height: 1.25;
    margin: 0 0 12px;
    font-weight: 950;
    color: #0f172a;
}

.help-card p,
.help-card li {
    color: #526174;
    line-height: 1.6;
    font-size: 14px;
}

.help-card ul {
    margin: 0;
    padding-left: 18px;
    display: grid;
    gap: 8px;
}

.dark-help-card {
    background: #0f172a;
    border-color: #0f172a;
}

.dark-help-card h3,
.dark-help-card p {
    color: #fff;
}

.modern-form-alert {
    margin-bottom: 18px;
}

@media (max-width: 1050px) {
    .ticket-create-layout {
        grid-template-columns: 1fr;
    }

    .ticket-help-sidebar {
        position: static;
        grid-template-columns: repeat(3, minmax(0,1fr));
    }
}

@media (max-width: 760px) {
    .new-ticket-modern {
        padding: 46px 18px;
    }

    .ticket-create-hero {
        grid-template-columns: 1fr;
        padding: 26px;
        border-radius: 26px;
    }

    .ticket-create-hero .title {
        font-size: 34px;
        letter-spacing: -1.4px;
    }

    .module-grid,
    .client-help-grid,
    .ticket-help-sidebar {
        grid-template-columns: 1fr;
    }

    .ticket-step-card,
    .ticket-submit-panel,
    .help-card {
        padding: 22px;
        border-radius: 22px;
    }

    .ticket-submit-panel {
        align-items: stretch;
        flex-direction: column;
    }

    .ticket-submit-panel .btn {
        width: 100%;
    }
}



/* Wylro Final Pro - Modern Chat */
.chat-modern-card {
    max-width: 1120px;
    margin-left: auto;
    margin-right: auto;
}

.chat-modern-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 24px;
}

.chat-modern-head h2 {
    margin: 0 0 6px;
    font-size: 30px;
    line-height: 1.15;
    letter-spacing: -1.2px;
    font-weight: 950;
    color: #0f172a;
}

.chat-count {
    background: #eef5ff;
    border: 1px solid #dce6f4;
    color: #334155;
    border-radius: 999px;
    padding: 10px 14px;
    font-size: 13px;
    font-weight: 950;
    white-space: nowrap;
}

.chat-thread {
    display: grid;
    gap: 18px;
    margin-bottom: 24px;
}

.chat-row {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 12px;
    align-items: flex-start;
}

.chat-row.admin-msg {
    grid-template-columns: minmax(0, 1fr) 44px;
}

.chat-row.admin-msg .chat-avatar {
    grid-column: 2;
    grid-row: 1;
    background: #050505;
    color: #fff;
}

.chat-row.admin-msg .chat-bubble {
    grid-column: 1;
    grid-row: 1;
    background: #0f172a;
    color: #fff;
    border-color: #0f172a;
}

.chat-row.admin-msg .chat-meta strong,
.chat-row.admin-msg .chat-meta span,
.chat-row.admin-msg .chat-bubble p {
    color: #fff;
}

.chat-avatar {
    width: 44px;
    height: 44px;
    border-radius: 16px;
    background: #eef5ff;
    border: 1px solid #dce6f4;
    color: #0f172a;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 950;
}

.chat-bubble {
    background: #fff;
    border: 1px solid #dce6f4;
    border-radius: 22px;
    padding: 18px;
    box-shadow: 0 12px 34px rgba(26,43,72,.06);
}

.chat-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
}

.chat-meta strong {
    color: #0f172a;
    font-weight: 950;
}

.chat-meta span {
    color: #64748b;
    font-size: 12px;
    font-weight: 850;
}

.chat-bubble p {
    margin: 0;
    color: #334155;
    line-height: 1.65;
}

.chat-reply-box {
    border: 1px solid #dce6f4;
    background: #f8fbff;
    border-radius: 24px;
    padding: 20px;
}

.chat-reply-box label {
    display: block;
    font-weight: 950;
    color: #334155;
    margin-bottom: 8px;
}

.chat-reply-box textarea {
    width: 100%;
    min-height: 150px;
    border: 1px solid #d8e1ee;
    border-radius: 18px;
    padding: 16px;
    outline: none;
    background: #fff;
    resize: vertical;
    font-size: 16px;
    line-height: 1.6;
}

.chat-reply-box textarea:focus {
    border-color: #111827;
    box-shadow: 0 0 0 4px rgba(15,23,42,.08);
}

.modern-chat-upload {
    margin-top: 14px;
    margin-bottom: 16px;
}

.pro-alert-card,
.ticket-pro-hero,
.admin-control-panel,
.admin-private-zone {
    max-width: 1120px;
    margin-left: auto;
    margin-right: auto;
}

@media(max-width: 760px) {
    .chat-modern-head {
        flex-direction: column;
    }

    .chat-row,
    .chat-row.admin-msg {
        grid-template-columns: 38px minmax(0,1fr);
    }

    .chat-row.admin-msg .chat-avatar {
        grid-column: 1;
    }

    .chat-row.admin-msg .chat-bubble {
        grid-column: 2;
    }

    .chat-avatar {
        width: 38px;
        height: 38px;
        border-radius: 14px;
    }

    .chat-meta {
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
    }

    .chat-bubble,
    .chat-reply-box {
        padding: 16px;
        border-radius: 18px;
    }
}



/* Wylro Notifications + Pagination */
.notification-bell {
    position: relative;
    min-width: 48px;
    height: 48px;
    border: 2px solid #111827;
    border-radius: 16px;
    background: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 19px;
    text-decoration: none;
}

.notification-bell span {
    position: absolute;
    top: -9px;
    right: -9px;
    min-width: 23px;
    height: 23px;
    padding: 0 6px;
    border-radius: 999px;
    background: #ef4444;
    color: #fff;
    font-size: 11px;
    font-weight: 950;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #fff;
}

.notification-list {
    display: grid;
    gap: 12px;
}

.notification-item {
    display: grid;
    grid-template-columns: 44px 1fr auto;
    gap: 14px;
    align-items: center;
    border: 1px solid #dce6f4;
    background: #fff;
    border-radius: 18px;
    padding: 16px;
    color: #0f172a;
    text-decoration: none;
}

.notification-item.unread {
    border-color: #111827;
    background: #f8fbff;
    box-shadow: 0 14px 34px rgba(26,43,72,.08);
}

.notification-icon {
    width: 44px;
    height: 44px;
    border-radius: 16px;
    background: #eef5ff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.notification-item strong {
    display: block;
    font-weight: 950;
    margin-bottom: 4px;
}

.notification-item p {
    margin: 0;
    color: #526174;
    line-height: 1.45;
}

.notification-item small,
.notification-item > span {
    color: #64748b;
    font-size: 12px;
    font-weight: 800;
}

.pagination {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 22px;
}

.pagination a {
    min-width: 40px;
    height: 40px;
    padding: 0 12px;
    border-radius: 13px;
    border: 1.5px solid #dce6f4;
    background: #fff;
    color: #111827;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 950;
    text-decoration: none;
}

.pagination a.active {
    background: #000;
    color: #fff;
    border-color: #000;
}

.page-count {
    color: #64748b;
    font-size: 13px;
    font-weight: 900;
    margin-left: auto;
    margin-right: 10px;
}

@media(max-width: 760px) {
    .notification-item {
        grid-template-columns: 40px 1fr;
    }

    .notification-item > span {
        grid-column: 2;
    }

    .page-count {
        width: 100%;
        margin: 8px 0;
    }
}



/* Wylro Security Maintenance */
.captcha-box {
    margin: 14px 0;
}

.captcha-box label {
    display: block;
    font-size: 13px;
    font-weight: 950;
    color: #334155;
    margin-bottom: 8px;
}

.captcha-row {
    display: grid;
    grid-template-columns: auto 1fr 48px;
    gap: 10px;
    align-items: center;
    background: #f8fbff;
    border: 1px solid #dce6f4;
    border-radius: 16px;
    padding: 10px;
}

.captcha-row strong {
    background: #050505;
    color: #fff;
    padding: 13px 16px;
    border-radius: 12px;
    font-weight: 950;
    white-space: nowrap;
}

.captcha-row input {
    width: 100%;
    min-height: 48px;
    border: 1px solid #d8e1ee;
    border-radius: 12px;
    padding: 0 14px;
    font-size: 16px;
    font-weight: 900;
    outline: none;
}

.captcha-row a {
    height: 48px;
    width: 48px;
    border-radius: 12px;
    background: #fff;
    border: 1.5px solid #111827;
    color: #111827;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 950;
    font-size: 20px;
    text-decoration: none;
}

.session-expired-card {
    text-align: center;
}

.session-expired-icon {
    width: 68px;
    height: 68px;
    background: #050505;
    color: #fff;
    border-radius: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    margin-bottom: 18px;
}

.session-expired-btn {
    display: inline-flex !important;
    justify-content: center;
    text-decoration: none;
    margin-top: 12px;
}

.maintenance-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin: 18px 0;
}

.maintenance-grid div {
    border: 1px solid #dce6f4;
    background: #f8fbff;
    border-radius: 18px;
    padding: 18px;
}

.maintenance-grid strong {
    display: block;
    color: #0f172a;
    font-size: 34px;
    line-height: 1;
    font-weight: 950;
    margin-bottom: 8px;
}

.maintenance-grid span {
    color: #526174;
    font-size: 13px;
    line-height: 1.4;
    font-weight: 900;
}

.maintenance-form {
    display: grid;
    grid-template-columns: 1fr 180px auto;
    gap: 12px;
    align-items: end;
}

.maintenance-form label {
    font-weight: 950;
    color: #334155;
    font-size: 13px;
}

.maintenance-form select {
    border: 1px solid #d8e1ee;
    border-radius: 14px;
    padding: 14px;
    font-size: 15px;
    background: #fff;
}

@media(max-width: 760px) {
    .captcha-row {
        grid-template-columns: 1fr 1fr 48px;
    }

    .captcha-row strong {
        padding: 13px 10px;
        text-align: center;
    }

    .maintenance-grid,
    .maintenance-form {
        grid-template-columns: 1fr;
    }
}



/* Wylro v3 Pro Performance */
.cache-status-box {
    border: 1px solid #dce6f4;
    background: #f8fbff;
    border-radius: 18px;
    padding: 18px;
    margin: 18px 0;
    display: grid;
    grid-template-columns: 1fr auto auto;
    gap: 12px;
    align-items: center;
}

.cache-status-box strong {
    color: #0f172a;
    font-weight: 950;
}

.cache-status-box span {
    color: #526174;
    font-size: 13px;
    font-weight: 900;
}

.cache-status-box form {
    margin: 0;
}

@media(max-width:760px){
    .cache-status-box {
        grid-template-columns: 1fr;
    }
}



/* Wylro Enterprise Pack */
.priority-low{background:#f1f5f9!important;color:#334155!important;border-color:#cbd5e1!important}
.priority-normal{background:#eff6ff!important;color:#1d4ed8!important;border-color:#bfdbfe!important}
.priority-high{background:#fff7ed!important;color:#c2410c!important;border-color:#fed7aa!important}
.priority-urgent{background:#fff1f2!important;color:#991b1b!important;border-color:#fecdd3!important}
.sla-ok{background:#ecfdf5!important;color:#047857!important;border-color:#a7f3d0!important}
.sla-warning{background:#fefce8!important;color:#a16207!important;border-color:#fde68a!important}
.sla-late{background:#fff1f2!important;color:#991b1b!important;border-color:#fecdd3!important}
.pinned-badge{background:#f5f3ff!important;color:#6d28d9!important;border-color:#ddd6fe!important}

.enterprise-control-panel,
.dashboard-pro-card,
.security-logs-card {
    max-width:1120px;
    margin-left:auto;
    margin-right:auto;
}

.enterprise-form {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
    margin-top:18px;
    align-items:end;
}

.enterprise-form p{margin:0}
.enterprise-form label,
.enterprise-check{
    font-weight:950;
    color:#334155;
    font-size:13px;
    display:block;
    margin-bottom:8px;
}
.enterprise-form select,
.enterprise-form input[type="text"],
.enterprise-form input:not([type]) {
    width:100%;
    border:1px solid #d8e1ee;
    border-radius:14px;
    padding:14px;
    background:#f8fbff;
    font-size:15px;
}
.enterprise-check{
    display:flex!important;
    gap:9px;
    align-items:center;
    background:#f8fbff;
    border:1px solid #dce6f4;
    border-radius:14px;
    padding:14px;
    margin:0!important;
}

.quick-replies{
    margin-top:20px;
    border-top:1px solid #dce6f4;
    padding-top:18px;
}
.quick-replies h3,
.dashboard-columns h3{
    margin:0 0 12px;
    color:#0f172a;
    font-size:18px;
    font-weight:950;
}
.quick-reply-buttons{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

.dashboard-pro-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
    margin:18px 0;
}
.dashboard-pro-grid div{
    background:#f8fbff;
    border:1px solid #dce6f4;
    border-radius:18px;
    padding:18px;
}
.dashboard-pro-grid strong{
    display:block;
    font-size:34px;
    line-height:1;
    font-weight:950;
    color:#0f172a;
    margin-bottom:8px;
}
.dashboard-pro-grid span{
    color:#526174;
    font-size:13px;
    font-weight:900;
    line-height:1.4;
}
.dashboard-columns{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
}
.mini-stat-row,
.security-log-row{
    display:flex;
    justify-content:space-between;
    gap:12px;
    border:1px solid #dce6f4;
    background:#fff;
    border-radius:14px;
    padding:12px 14px;
    margin-top:8px;
}
.mini-stat-row span,
.security-log-row span{
    color:#526174;
    font-size:13px;
    font-weight:800;
}
.mini-stat-row strong,
.security-log-row strong{
    color:#0f172a;
    font-weight:950;
}
.security-log-list{
    display:grid;
    gap:8px;
    margin-top:14px;
}

@media(max-width:900px){
    .enterprise-form,
    .dashboard-pro-grid,
    .dashboard-columns{
        grid-template-columns:1fr;
    }
}



/* Wylro Enterprise Design Fix - Admin Pro */
.wylro-admin-page {
    max-width: 1120px !important;
    margin: 0 auto !important;
    padding: 72px 24px !important;
}
.enterprise-dashboard-card,
.maintenance-card,
.security-logs-card {
    overflow: hidden !important;
}
.enterprise-dashboard-card h2,
.maintenance-card h2,
.security-logs-card h2 {
    font-size: 28px !important;
    line-height: 1.15 !important;
    letter-spacing: -1.2px !important;
    margin-bottom: 8px !important;
}
.enterprise-dashboard-card > p,
.maintenance-card > p,
.security-logs-card > p {
    color: #526174 !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
    margin-bottom: 18px !important;
}
.enterprise-dashboard-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 14px !important;
    margin: 20px 0 22px !important;
}
.enterprise-dashboard-grid > div {
    background: #f8fbff !important;
    border: 1px solid #dce6f4 !important;
    border-radius: 20px !important;
    padding: 20px !important;
    min-height: 122px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    box-shadow: 0 14px 38px rgba(26,43,72,.055) !important;
}
.enterprise-dashboard-grid > div > strong {
    display: block !important;
    font-size: 42px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: -1.5px !important;
    color: #0f172a !important;
    margin: 0 0 10px 0 !important;
}
.enterprise-dashboard-grid > div > span {
    display: block !important;
    color: #526174 !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    font-weight: 900 !important;
}
.enterprise-dashboard-columns {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 16px !important;
    margin-top: 12px !important;
}
.enterprise-dashboard-columns > div {
    background: #fff !important;
    border: 1px solid #dce6f4 !important;
    border-radius: 20px !important;
    padding: 18px !important;
    min-height: 130px !important;
}
.enterprise-dashboard-columns h3 {
    margin: 0 0 12px !important;
    font-size: 17px !important;
    font-weight: 950 !important;
    color: #0f172a !important;
}
.enterprise-dashboard-columns p {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin: 0 0 10px !important;
    padding: 10px 0 !important;
    border-bottom: 1px solid #eef2f7 !important;
    color: #526174 !important;
}
.enterprise-dashboard-columns p strong {
    color: #0f172a !important;
    font-weight: 950 !important;
    overflow-wrap: anywhere !important;
}
.maintenance-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;
    margin: 20px 0 !important;
}
.maintenance-grid > div {
    background: #f8fbff !important;
    border: 1px solid #dce6f4 !important;
    border-radius: 20px !important;
    padding: 20px !important;
    min-height: 120px !important;
}
.maintenance-grid > div > strong {
    display: block !important;
    font-size: 38px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    color: #0f172a !important;
    margin-bottom: 10px !important;
}
.cache-status-box {
    display: grid !important;
    grid-template-columns: 1fr auto auto !important;
    align-items: center !important;
    gap: 14px !important;
    background: #f8fbff !important;
    border: 1px solid #dce6f4 !important;
    border-radius: 20px !important;
    padding: 18px !important;
    margin: 18px 0 !important;
}
.maintenance-form {
    display: grid !important;
    grid-template-columns: 1fr 180px auto !important;
    gap: 12px !important;
    align-items: end !important;
    margin-top: 14px !important;
}
.security-log-list {
    display: grid !important;
    gap: 10px !important;
}
.security-log-list > div {
    display: grid !important;
    gap: 5px !important;
    background: #f8fbff !important;
    border: 1px solid #dce6f4 !important;
    border-radius: 16px !important;
    padding: 14px 16px !important;
}
.security-log-list span {
    color: #526174 !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    overflow-wrap: anywhere !important;
}
@media (max-width: 980px) {
    .enterprise-dashboard-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
    .enterprise-dashboard-columns,
    .maintenance-form,
    .cache-status-box { grid-template-columns: 1fr !important; }
}
@media (max-width: 640px) {
    .wylro-admin-page { padding: 44px 16px !important; }
    .enterprise-dashboard-grid,
    .maintenance-grid { grid-template-columns: 1fr !important; }
}



/* Wylro Ticket Enterprise Panel Fix */
.ticket-pro-hero,
.admin-control-panel,
.enterprise-control-panel,
.chat-modern-card,
.admin-private-zone {
    max-width: 1120px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
.enterprise-control-panel {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 22px !important;
    min-height: auto !important;
    padding: 26px !important;
}
.enterprise-control-panel h2 {
    font-size: 26px !important;
    line-height: 1.15 !important;
    letter-spacing: -1px !important;
    margin: 0 0 8px !important;
    color: #0f172a !important;
    font-weight: 950 !important;
}
.enterprise-ticket-form {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;
    align-items: end !important;
    width: 100% !important;
}
.enterprise-ticket-form p { margin: 0 !important; }
.enterprise-ticket-form label {
    display: block !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    color: #334155 !important;
    margin-bottom: 8px !important;
}
.enterprise-ticket-form select,
.enterprise-ticket-form input {
    width: 100% !important;
    min-height: 48px !important;
    border: 1px solid #d8e1ee !important;
    border-radius: 14px !important;
    padding: 0 14px !important;
    background: #f8fbff !important;
    color: #0f172a !important;
    font-weight: 800 !important;
    outline: none !important;
}
.enterprise-ticket-form .pin-check {
    min-height: 48px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    background: #f8fbff !important;
    border: 1px solid #dce6f4 !important;
    border-radius: 14px !important;
    padding: 0 14px !important;
    margin: 0 !important;
}
.enterprise-ticket-form .pin-check input {
    width: auto !important;
    min-height: auto !important;
}
.enterprise-ticket-form button {
    min-height: 48px !important;
    width: 100% !important;
    justify-content: center !important;
}
@media (max-width: 900px) {
    .enterprise-ticket-form { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 640px) {
    .enterprise-control-panel { padding: 20px !important; border-radius: 22px !important; }
    .enterprise-ticket-form { grid-template-columns: 1fr !important; }
}



/* Wylro Enterprise+ Pages */
.enterprise-plus-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
}
.enterprise-plus-card{
    background:#fff;
    border:1px solid #dce6f4;
    border-radius:24px;
    padding:24px;
    display:grid;
    gap:10px;
    min-height:150px;
    box-shadow:0 14px 40px rgba(26,43,72,.06);
    transition:.18s ease;
}
.enterprise-plus-card:hover{transform:translateY(-2px);border-color:#111827}
.enterprise-plus-card strong{font-size:22px;font-weight:950;color:#0f172a}
.enterprise-plus-card span{color:#526174;line-height:1.6;font-weight:800}
.enterprise-shortcut-row{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:12px;
}
.analytics-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
}
.analytics-card{
    background:#fff;
    border:1px solid #dce6f4;
    border-radius:24px;
    padding:24px;
    box-shadow:0 14px 40px rgba(26,43,72,.06);
}
.analytics-card.wide{grid-column:1 / -1}
.analytics-card h2{font-size:22px;font-weight:950;margin-bottom:18px}
.enterprise-table-card{
    background:#fff;
    border:1px solid #dce6f4;
    border-radius:24px;
    padding:18px;
    overflow:auto;
    box-shadow:0 14px 40px rgba(26,43,72,.06);
}
.enterprise-table{
    width:100%;
    border-collapse:separate;
    border-spacing:0 10px;
}
.enterprise-table th{
    text-align:left;
    font-size:12px;
    text-transform:uppercase;
    color:#64748b;
    padding:8px 14px;
}
.enterprise-table td{
    background:#f8fbff;
    border-top:1px solid #dce6f4;
    border-bottom:1px solid #dce6f4;
    padding:14px;
    color:#0f172a;
    vertical-align:top;
}
.enterprise-table td:first-child{border-left:1px solid #dce6f4;border-radius:16px 0 0 16px}
.enterprise-table td:last-child{border-right:1px solid #dce6f4;border-radius:0 16px 16px 0}
.enterprise-table small{display:block;color:#64748b;margin-top:4px}
.kb-form,.satisfaction-form{
    display:grid;
    gap:12px;
}
.kb-form input,.kb-form select,.kb-form textarea,
.satisfaction-form select,.satisfaction-form textarea{
    width:100%;
    border:1px solid #d8e1ee;
    border-radius:14px;
    padding:14px;
    background:#fff;
    color:#0f172a;
    font-size:15px;
}
.kb-form textarea,.satisfaction-form textarea{min-height:140px;resize:vertical}
.kb-list{display:grid;gap:16px;margin-top:18px}
.kb-article{
    background:#fff;
    border:1px solid #dce6f4;
    border-radius:24px;
    padding:24px;
    box-shadow:0 14px 40px rgba(26,43,72,.06);
}
.kb-article span{
    display:inline-flex;
    background:#eef5ff;
    border:1px solid #dce6f4;
    border-radius:999px;
    padding:8px 12px;
    font-size:12px;
    font-weight:950;
    margin-bottom:12px;
}
.kb-article h2{font-size:24px;font-weight:950;margin-bottom:12px}
.kb-article p{color:#334155;line-height:1.75}
@media(max-width:980px){
    .enterprise-plus-grid,.analytics-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
    .enterprise-plus-grid,.analytics-grid{grid-template-columns:1fr}
    .analytics-card.wide{grid-column:auto}
}
@media print{
    .wylro-navbar,.wylro-actions,.btn,.admin-plus-shortcuts{display:none!important}
    body{background:#fff!important}
    .section{padding:20px!important}
}



/* Wylro Enterprise Ultimate */
.ultimate-page .wylro-admin-hero{
    background: linear-gradient(135deg, #ffffff 0%, #f8fbff 65%, #eef5ff 100%) !important;
    border:1px solid #dce6f4 !important;
    border-radius:28px !important;
    box-shadow:0 20px 60px rgba(26,43,72,.08) !important;
}
.ultimate-kpi-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
    margin:22px 0;
}
.ultimate-kpi-grid article{
    background:#fff;
    border:1px solid #dce6f4;
    border-radius:22px;
    padding:22px;
    box-shadow:0 14px 40px rgba(26,43,72,.06);
}
.ultimate-kpi-grid strong{
    display:block;
    font-size:42px;
    line-height:1;
    letter-spacing:-1.5px;
    color:#0f172a;
    font-weight:950;
    margin-bottom:10px;
}
.ultimate-kpi-grid span{
    color:#526174;
    font-size:13px;
    font-weight:950;
}
.ultimate-charts .analytics-card canvas{
    max-height:360px;
}
.sla-live-list{
    display:grid;
    gap:12px;
}
.sla-live-item{
    display:grid;
    grid-template-columns:1fr auto 150px;
    gap:14px;
    align-items:center;
    background:#fff;
    border:1px solid #dce6f4;
    border-radius:20px;
    padding:18px;
    box-shadow:0 14px 40px rgba(26,43,72,.055);
}
.sla-live-item strong{
    display:block;
    color:#0f172a;
    font-weight:950;
    margin-bottom:5px;
}
.sla-live-item small{
    color:#526174;
    font-weight:800;
}
.sla-live-item time{
    background:#f8fbff;
    border:1px solid #dce6f4;
    border-radius:14px;
    padding:12px;
    text-align:center;
    font-weight:950;
    color:#0f172a;
}
.sla-live-item time.late{
    background:#fff1f2;
    border-color:#fecdd3;
    color:#991b1b;
}
.ultimate-notifications-list{
    margin-top:18px;
}
.kb-pro-search{
    margin-bottom:18px;
}
.kb-status-draft{
    background:#fff7ed!important;
    border-color:#fed7aa!important;
    color:#c2410c!important;
}
.kb-unpublished{
    opacity:.78;
    border-style:dashed!important;
}
.kb-admin-actions{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:18px;
}
.kb-admin-actions form{
    margin:0;
}
.danger-btn{
    background:#fff1f2;
    color:#991b1b;
    border:1.5px solid #fecdd3;
    border-radius:14px;
    padding:12px 16px;
    font-weight:950;
    cursor:pointer;
}
.ghost-btn{
    background:#fff;
    color:#111827;
    border:1.5px solid #111827;
    border-radius:14px;
    padding:12px 16px;
    font-weight:950;
    cursor:pointer;
}
@media(max-width:980px){
    .ultimate-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .sla-live-item{grid-template-columns:1fr}
}
@media(max-width:640px){
    .ultimate-kpi-grid{grid-template-columns:1fr}
    .ultimate-kpi-grid strong{font-size:34px}
}



/* Wylro System Announcements */
.wylro-announcement{
    width:min(1120px, calc(100% - 32px));
    margin:18px auto 0;
    display:grid;
    grid-template-columns:1fr auto;
    gap:16px;
    align-items:start;
    padding:18px 20px;
    border-radius:20px;
    border:1px solid #dce6f4;
    background:#f8fbff;
    box-shadow:0 14px 40px rgba(26,43,72,.08);
}
.wylro-announcement strong{
    display:block;
    font-size:15px;
    line-height:1.3;
    font-weight:950;
    color:#0f172a;
    margin-bottom:6px;
}
.wylro-announcement p{
    margin:0;
    color:#334155;
    font-size:14px;
    line-height:1.6;
}
.wylro-announcement-close{
    width:36px;
    height:36px;
    border-radius:12px;
    border:1px solid rgba(15,23,42,.18);
    background:#fff;
    color:#0f172a;
    font-size:22px;
    line-height:1;
    font-weight:900;
    cursor:pointer;
}
.announcement-critical{
    background:#fff1f2;
    border-color:#fecdd3;
}
.announcement-warning{
    background:#fffbeb;
    border-color:#fde68a;
}
.announcement-success{
    background:#ecfdf5;
    border-color:#a7f3d0;
}
.announcement-info{
    background:#f8fbff;
    border-color:#dce6f4;
}
.announcement-form{
    display:grid;
    gap:14px;
}
.announcement-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
}
.announcement-grid-small{
    grid-template-columns:220px 220px;
}
.announcement-grid p{
    margin:0;
}
.announcement-form label{
    display:block;
    margin-bottom:8px;
    font-size:13px;
    font-weight:950;
    color:#334155;
}
.announcement-form input,
.announcement-form select,
.announcement-form textarea{
    width:100%;
    min-height:48px;
    border:1px solid #d8e1ee;
    border-radius:14px;
    padding:0 14px;
    background:#fff;
    color:#0f172a;
    font-size:15px;
    box-sizing:border-box;
}
.announcement-form textarea{
    min-height:150px;
    padding:14px;
    resize:vertical;
    line-height:1.55;
}
.announcement-check{
    width:max-content;
    max-width:100%;
    display:flex!important;
    align-items:center;
    gap:10px;
    padding:12px 14px;
    background:#f8fbff;
    border:1px solid #dce6f4;
    border-radius:14px;
    font-weight:950;
}
.announcement-check input{
    width:18px!important;
    min-height:18px!important;
    height:18px!important;
    padding:0!important;
    accent-color:#0f172a;
}
.announcement-admin-list{
    display:grid;
    gap:14px;
}
.announcement-admin-item{
    display:grid;
    grid-template-columns:1fr auto;
    gap:14px;
    background:#f8fbff;
    border:1px solid #dce6f4;
    border-radius:18px;
    padding:18px;
}
.announcement-admin-item strong{
    display:block;
    color:#0f172a;
    font-weight:950;
    font-size:17px;
    margin-bottom:5px;
}
.announcement-admin-item small{
    display:block;
    color:#64748b;
    font-size:12px;
    font-weight:800;
    margin-bottom:8px;
}
.announcement-admin-item p{
    margin:0;
    color:#334155;
    line-height:1.6;
}
.announcement-actions{
    display:flex;
    gap:10px;
    align-items:center;
}
.announcement-actions form{
    margin:0;
}
@media(max-width:760px){
    .wylro-announcement,
    .announcement-admin-item{
        grid-template-columns:1fr;
    }
    .announcement-grid,
    .announcement-grid-small{
        grid-template-columns:1fr;
    }
    .announcement-actions{
        flex-wrap:wrap;
    }
}



/* =========================================================
   WYLRO SIDEBAR COMPATIBLE PATCH - based on current header/style
   ========================================================= */

body.wylro-support-shell{
    padding-top:72px!important;
    overflow-x:hidden!important;
}

.support-topbar{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    height:72px!important;
    z-index:10000!important;
    background:rgba(255,255,255,.96)!important;
    backdrop-filter:blur(18px)!important;
    border-bottom:1px solid rgba(15,23,42,.08)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    padding:0 28px!important;
    box-sizing:border-box!important;
}

.support-topbar-left,
.support-topbar-right{
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
}

.support-logo{
    color:#050505!important;
    font-size:34px!important;
    font-weight:950!important;
    letter-spacing:-2px!important;
    text-decoration:none!important;
    line-height:1!important;
}

.support-menu-toggle{
    width:44px!important;
    height:44px!important;
    display:none!important;
    align-items:center!important;
    justify-content:center!important;
    flex-direction:column!important;
    gap:5px!important;
    border:1.5px solid #111827!important;
    background:#fff!important;
    border-radius:14px!important;
    cursor:pointer!important;
    padding:0!important;
}

.support-menu-toggle span{
    width:18px!important;
    height:2px!important;
    background:#111827!important;
    border-radius:99px!important;
}

.support-lang,
.support-icon-btn,
.support-public-nav a{
    min-width:46px!important;
    height:42px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:1.5px solid #111827!important;
    border-radius:14px!important;
    background:#fff!important;
    color:#111827!important;
    font-weight:950!important;
    text-decoration:none!important;
    position:relative!important;
    padding:0 12px!important;
}

.support-lang.active,
.support-public-nav a.primary{
    background:#000!important;
    color:#fff!important;
}

.support-icon-btn span,
.notification-bell span{
    position:absolute!important;
    top:-8px!important;
    right:-8px!important;
    min-width:20px!important;
    height:20px!important;
    border-radius:999px!important;
    background:#ef4444!important;
    color:#fff!important;
    font-size:11px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-weight:950!important;
    border:2px solid #fff!important;
}

.support-sidebar{
    position:fixed!important;
    top:72px!important;
    left:0!important;
    bottom:0!important;
    width:94px!important;
    z-index:9990!important;
    background:#fff!important;
    border-right:1px solid #eef2f7!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    padding:22px 0!important;
    box-sizing:border-box!important;
}

.support-sidebar-logo{
    width:64px!important;
    height:64px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:#fff!important;
    color:#000!important;
    border-radius:0!important;
    box-shadow:none!important;
    border:0!important;
    font-size:46px!important;
    font-weight:950!important;
    line-height:1!important;
    letter-spacing:-4px!important;
    text-decoration:none!important;
    margin:0 0 22px!important;
    font-family:Inter,Arial,Helvetica,sans-serif!important;
}

.support-sidebar-nav{
    width:100%!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    gap:9px!important;
    overflow-y:auto!important;
    padding:0 10px 14px!important;
    box-sizing:border-box!important;
}

.support-sidebar-nav a{
    width:58px!important;
    height:58px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:#111827!important;
    background:#fff!important;
    border:1px solid transparent!important;
    border-radius:18px!important;
    text-decoration:none!important;
    position:relative!important;
    transition:.16s ease!important;
}

.support-sidebar-nav a span{
    font-size:23px!important;
    line-height:1!important;
}

.support-sidebar-nav a em{
    display:none!important;
    position:absolute!important;
    left:70px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    background:#111827!important;
    color:#fff!important;
    padding:9px 12px!important;
    border-radius:12px!important;
    white-space:nowrap!important;
    font-style:normal!important;
    font-size:13px!important;
    font-weight:900!important;
    box-shadow:0 14px 34px rgba(15,23,42,.18)!important;
    z-index:10010!important;
}

.support-sidebar-nav a:hover em{
    display:block!important;
}

.support-sidebar-nav a:hover,
.support-sidebar-nav a.active{
    background:#f1f6ff!important;
    border-color:#dce6f4!important;
}

.support-sidebar-separator{
    width:42px!important;
    height:1px!important;
    background:#e5edf7!important;
    margin:6px 0!important;
}

.support-main{
    margin-left:94px!important;
    min-height:calc(100vh - 72px)!important;
}

.support-main .section.wrap,
.support-main .wrap.wylro-admin-page,
.support-main .wylro-admin-page,
.support-main .ultimate-page{
    width:min(1120px, calc(100% - 48px))!important;
    max-width:1120px!important;
    margin-left:auto!important;
    margin-right:auto!important;
}

.support-mobile-drawer,
.support-menu-overlay{
    display:none;
}

.support-public-nav{
    position:fixed!important;
    top:14px!important;
    right:28px!important;
    z-index:10001!important;
    display:flex!important;
    gap:10px!important;
}

/* Disable old horizontal navbar completely */
.wylro-navbar,
.wylro-actions{
    display:none!important;
}

@media(max-width:1024px){
    .support-sidebar{width:82px!important;}
    .support-main{margin-left:82px!important;}
    .support-sidebar-nav a{width:52px!important;height:52px!important;}
    .support-sidebar-logo{width:58px!important;height:58px!important;font-size:42px!important;}
}

@media(max-width:760px){
    body.wylro-support-shell{padding-top:76px!important;}
    .support-topbar{height:76px!important;padding:0 18px!important;}
    .support-menu-toggle{display:flex!important;}
    .support-logo{font-size:34px!important;}
    .support-topbar-right{gap:8px!important;}
    .support-lang,.support-icon-btn{min-width:44px!important;height:42px!important;border-radius:14px!important;}
    .support-sidebar{display:none!important;}
    .support-main{margin-left:0!important;}
    .support-main .section.wrap,
    .support-main .wrap.wylro-admin-page,
    .support-main .wylro-admin-page,
    .support-main .ultimate-page{width:calc(100% - 28px)!important;}

    .support-menu-overlay{
        display:block!important;
        position:fixed!important;
        inset:0!important;
        background:rgba(15,23,42,.38)!important;
        z-index:10900!important;
        opacity:0!important;
        pointer-events:none!important;
        transition:.18s ease!important;
    }

    .support-mobile-drawer{
        display:flex!important;
        position:fixed!important;
        top:0!important;
        left:0!important;
        bottom:0!important;
        width:min(86vw, 360px)!important;
        z-index:11000!important;
        background:#fff!important;
        transform:translateX(-102%)!important;
        transition:.22s ease!important;
        box-shadow:24px 0 70px rgba(15,23,42,.20)!important;
        padding:22px!important;
        box-sizing:border-box!important;
        flex-direction:column!important;
        gap:18px!important;
        overflow-y:auto!important;
    }

    body.support-menu-open .support-mobile-drawer{transform:translateX(0)!important;}
    body.support-menu-open .support-menu-overlay{opacity:1!important;pointer-events:auto!important;}

    .support-mobile-drawer-head{
        display:flex!important;
        align-items:center!important;
        justify-content:space-between!important;
        border-bottom:1px solid #eef2f7!important;
        padding-bottom:16px!important;
    }

    .support-mobile-drawer-head strong{
        font-size:34px!important;
        font-weight:950!important;
        letter-spacing:-2px!important;
        color:#000!important;
    }

    .support-mobile-drawer-head button{
        width:44px!important;
        height:44px!important;
        border:1.5px solid #111827!important;
        background:#fff!important;
        border-radius:14px!important;
        font-size:28px!important;
        line-height:1!important;
        font-weight:900!important;
        cursor:pointer!important;
    }

    .support-mobile-links{display:grid!important;gap:10px!important;}

    .support-mobile-links a{
        min-height:56px!important;
        display:flex!important;
        align-items:center!important;
        gap:12px!important;
        padding:0 16px!important;
        border:1.5px solid #d8e1ee!important;
        border-radius:16px!important;
        background:#fff!important;
        color:#111827!important;
        font-size:16px!important;
        line-height:1.2!important;
        font-weight:950!important;
        text-decoration:none!important;
    }

    .support-mobile-links a.active{
        background:#000!important;
        border-color:#000!important;
        color:#fff!important;
    }

    .support-mobile-lang{
        display:grid!important;
        grid-template-columns:1fr 1fr!important;
        gap:10px!important;
        margin-top:auto!important;
        border-top:1px solid #eef2f7!important;
        padding-top:16px!important;
    }

    .support-mobile-lang a{
        height:50px!important;
        border-radius:16px!important;
        border:1.5px solid #111827!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        color:#111827!important;
        font-weight:950!important;
        text-decoration:none!important;
    }

    .support-mobile-lang a.active{
        background:#000!important;
        color:#fff!important;
    }

    .support-public-nav{
        position:static!important;
        padding:0 18px 14px!important;
        background:#fff!important;
        display:grid!important;
        grid-template-columns:1fr 1fr!important;
    }
}

@media(max-width:430px){
    .support-logo{font-size:30px!important;}
    .support-topbar{padding:0 14px!important;}
    .support-topbar-left,.support-topbar-right{gap:7px!important;}
    .support-lang,.support-icon-btn{min-width:40px!important;height:40px!important;}
    .support-menu-toggle{width:40px!important;height:40px!important;}
}



/* =========================================================
   WYLRO SIDEBAR DESIGN CLEAN FIX
   - Enterprise+ button hidden inside pages
   - Hero typography spacing fixed
   - Cards spacing improved
   ========================================================= */

/* Enterprise+ must stay in menu/sidebar only, not as page hero button */
.support-main .wylro-admin-hero > a[href*="admin-plus.php"],
.support-main .ticket-create-hero > a[href*="admin-plus.php"],
.support-main .ticket-pro-hero > a[href*="admin-plus.php"],
.support-main .admin-card > a[href*="admin-plus.php"],
.support-main .btn[href*="admin-plus.php"],
.support-main a.secondary[href*="admin-plus.php"]{
    display:none!important;
}

/* Better page body spacing with sidebar */
.support-main{
    padding-top:44px!important;
    padding-bottom:70px!important;
}

/* Professional content width */
.support-main .section.wrap,
.support-main .wrap.wylro-admin-page,
.support-main .wylro-admin-page,
.support-main .ultimate-page{
    padding-top:46px!important;
    padding-bottom:60px!important;
}

/* Hero/Card header: stop text from sticking */
.wylro-admin-hero,
.ticket-create-hero,
.ticket-pro-hero{
    display:block!important;
    padding:34px 38px!important;
    margin-bottom:28px!important;
    border-radius:28px!important;
    overflow:hidden!important;
}

.wylro-admin-hero .eyebrow,
.ticket-create-hero .eyebrow,
.ticket-pro-hero .eyebrow,
.ultimate-page .eyebrow{
    display:block!important;
    margin:0 0 12px!important;
    font-size:12px!important;
    line-height:1.2!important;
    letter-spacing:.18em!important;
    text-transform:uppercase!important;
    font-weight:950!important;
}

.wylro-admin-hero h1,
.ticket-create-hero h1,
.ticket-pro-hero h1,
.ultimate-page h1{
    display:block!important;
    margin:0 0 12px!important;
    font-size:clamp(32px,3vw,46px)!important;
    line-height:1.08!important;
    letter-spacing:-1.8px!important;
    font-weight:950!important;
    color:#0f172a!important;
}

.wylro-admin-hero p,
.ticket-create-hero p,
.ticket-pro-hero p,
.ultimate-page .wylro-admin-hero p{
    display:block!important;
    margin:0!important;
    font-size:16px!important;
    line-height:1.65!important;
    color:#334155!important;
    max-width:840px!important;
}

/* General cards: more breathing room */
.admin-card,
.analytics-card,
.enterprise-plus-card,
.enterprise-table-card,
.kb-article,
.ticket-step-card,
.ticket-submit-panel,
.help-card{
    padding:28px!important;
    border-radius:24px!important;
}

.admin-card h2,
.analytics-card h2,
.enterprise-table-card h2,
.kb-article h2{
    margin:0 0 16px!important;
    font-size:clamp(22px,2vw,30px)!important;
    line-height:1.15!important;
    letter-spacing:-1px!important;
}

.admin-card p,
.analytics-card p,
.kb-article p{
    line-height:1.7!important;
}

/* Ultimate KPI spacing */
.ultimate-kpi-grid{
    gap:18px!important;
    margin:26px 0!important;
}

.ultimate-kpi-grid article{
    padding:26px!important;
    min-height:132px!important;
    border-radius:24px!important;
}

.ultimate-kpi-grid strong{
    display:block!important;
    margin-bottom:14px!important;
    line-height:1!important;
}

.ultimate-kpi-grid span{
    display:block!important;
    line-height:1.35!important;
}

/* Charts cards: keep professional spacing */
.analytics-grid,
.ultimate-charts{
    gap:22px!important;
}

.analytics-card{
    overflow:hidden!important;
}

.analytics-card h2{
    margin-bottom:22px!important;
}

/* Knowledge base form compact and clean */
.kb-form{
    gap:14px!important;
}

.kb-form input,
.kb-form select,
.kb-form textarea{
    min-height:50px!important;
    padding:0 16px!important;
    border-radius:14px!important;
}

.kb-form textarea{
    min-height:160px!important;
    padding:16px!important;
    line-height:1.6!important;
}

.kb-publish-row{
    margin:4px 0 8px!important;
}

.kb-actions-row{
    margin-top:6px!important;
}

/* Export cards */
.enterprise-plus-grid{
    gap:22px!important;
    margin-top:20px!important;
}

.enterprise-plus-card{
    min-height:160px!important;
}

.enterprise-plus-card strong{
    display:block!important;
    margin-bottom:12px!important;
    line-height:1.2!important;
}

.enterprise-plus-card span{
    display:block!important;
    line-height:1.6!important;
}

/* Sidebar logo aligned like Wylro app */
.support-sidebar-logo{
    margin-top:0!important;
    margin-bottom:20px!important;
}

/* Mobile adjustments */
@media(max-width:760px){
    .support-main{
        padding-top:24px!important;
    }

    .support-main .section.wrap,
    .support-main .wrap.wylro-admin-page,
    .support-main .wylro-admin-page,
    .support-main .ultimate-page{
        padding-top:34px!important;
        padding-bottom:46px!important;
    }

    .wylro-admin-hero,
    .ticket-create-hero,
    .ticket-pro-hero{
        padding:24px!important;
        margin-bottom:22px!important;
        border-radius:24px!important;
    }

    .wylro-admin-hero h1,
    .ticket-create-hero h1,
    .ticket-pro-hero h1,
    .ultimate-page h1{
        font-size:32px!important;
        line-height:1.08!important;
        letter-spacing:-1.2px!important;
    }

    .wylro-admin-hero p,
    .ticket-create-hero p,
    .ticket-pro-hero p{
        font-size:15px!important;
        line-height:1.6!important;
    }

    .admin-card,
    .analytics-card,
    .enterprise-plus-card,
    .enterprise-table-card,
    .kb-article,
    .ticket-step-card,
    .ticket-submit-panel,
    .help-card{
        padding:22px!important;
        border-radius:22px!important;
    }
}



/* Wylro Admin Exact Order + Professional Layout */
.support-main .wylro-admin-page{
    width:min(1120px, calc(100% - 48px))!important;
    max-width:1120px!important;
    margin:0 auto!important;
    padding-top:46px!important;
}
.support-main .wylro-admin-hero,
.support-main .admin-card,
.support-main .maintenance-card,
.support-main .security-logs-card{
    width:100%!important;
    max-width:1120px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    margin-bottom:22px!important;
}
.support-main .admin-card{
    overflow:hidden!important;
}
.support-main .admin-search-grid{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr)) auto!important;
    gap:14px!important;
    align-items:end!important;
    margin:18px 0!important;
}
.support-main .admin-search-grid > div{
    min-width:0!important;
}
.support-main .admin-search-grid input,
.support-main .admin-search-grid select{
    min-height:52px!important;
    border-radius:14px!important;
}
.support-main .admin-search-grid button{
    min-height:52px!important;
    white-space:nowrap!important;
}
.support-main .admin-ticket-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:16px!important;
    align-items:center!important;
}
.support-main .admin-actions{
    display:flex!important;
    gap:10px!important;
    justify-content:flex-end!important;
    align-items:center!important;
}
@media(max-width:1050px){
    .support-main .admin-search-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
}
@media(max-width:700px){
    .support-main .wylro-admin-page{
        width:calc(100% - 28px)!important;
        padding-top:34px!important;
    }
    .support-main .admin-search-grid,
    .support-main .admin-ticket-row{
        grid-template-columns:1fr!important;
    }
    .support-main .admin-actions{
        justify-content:flex-start!important;
    }
}



/* =========================================================
   WYLRO GLOBAL BUTTON / BADGE SPACING PRO FIX
   Fix buttons stuck together on all support pages
   ========================================================= */

/* Generic action rows */
.ticket-actions-top,
.admin-actions,
.ticket-pro-badges,
.support-ticket-badges,
.enterprise-shortcut-row,
.quick-reply-buttons,
.kb-pro-actions,
.kb-actions-row,
.announcement-actions,
.ticket-submit-panel,
.support-card-top,
.chat-modern-head{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    gap:14px!important;
}

/* Ticket hero professional spacing */
.ticket-pro-hero{
    padding:42px!important;
}

.ticket-pro-hero .ticket-pro-badges{
    margin-top:24px!important;
    margin-bottom:0!important;
    row-gap:12px!important;
    column-gap:12px!important;
}

.ticket-pro-hero .ticket-actions-top{
    margin-top:26px!important;
    padding-top:0!important;
    gap:14px!important;
}

/* All buttons get breathing space and consistent size */
.ticket-actions-top .btn,
.ticket-actions-top button,
.admin-actions .btn,
.admin-actions button,
.kb-pro-actions .btn,
.kb-pro-actions button,
.kb-actions-row .btn,
.kb-actions-row button,
.announcement-actions button,
.enterprise-shortcut-row .btn,
.support-card-top .btn,
.ticket-submit-panel .btn{
    margin:0!important;
    min-height:52px!important;
    border-radius:16px!important;
    padding:0 24px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:9px!important;
    white-space:nowrap!important;
    font-weight:950!important;
}

/* Badges/pills get consistent gaps and vertical rhythm */
.badge,
.support-badge,
.ticket-pro-badges .badge,
.ticket-pro-badges .support-badge,
.status-open,
.status-progress,
.status-waiting,
.status-resolved,
.status-closed,
.priority-low,
.priority-normal,
.priority-high,
.priority-urgent,
.sla-ok,
.sla-warning,
.sla-late,
.pinned-badge{
    margin:0!important;
    min-height:34px!important;
    padding:8px 14px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    line-height:1.1!important;
    border-radius:999px!important;
}

/* Ticket title / meta spacing */
.ticket-pro-hero h1{
    margin-bottom:18px!important;
}

.ticket-pro-hero p,
.ticket-pro-hero .ticket-meta,
.ticket-pro-hero small{
    margin-bottom:20px!important;
    line-height:1.65!important;
}

/* Separate action row from badges */
.ticket-pro-hero .ticket-actions-top,
.ticket-actions-top{
    clear:both!important;
}

/* Cards and rows: prevent cramped action buttons */
.support-ticket-item,
.admin-ticket-row{
    gap:18px!important;
}

.support-ticket-item .admin-actions,
.admin-ticket-row .admin-actions{
    gap:12px!important;
}

/* Delete button should not touch return/view button */
.btn.danger,
.danger-btn,
button.danger,
a.danger{
    margin-left:0!important;
}

/* Forms buttons spacing */
form .btn + .btn,
form button + button,
.btn + .btn,
button + button,
a.btn + a.btn{
    margin-left:0!important;
}

/* Mobile: buttons full-width only where useful, with vertical space */
@media(max-width:760px){
    .ticket-pro-hero{
        padding:26px!important;
    }

    .ticket-pro-hero .ticket-pro-badges{
        margin-top:20px!important;
        gap:10px!important;
    }

    .ticket-pro-hero .ticket-actions-top,
    .ticket-actions-top,
    .admin-actions,
    .kb-pro-actions,
    .announcement-actions{
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:12px!important;
        width:100%!important;
    }

    .ticket-actions-top .btn,
    .ticket-actions-top button,
    .admin-actions .btn,
    .admin-actions button,
    .kb-pro-actions .btn,
    .kb-pro-actions button,
    .announcement-actions button{
        width:100%!important;
    }

    .support-ticket-badges,
    .ticket-pro-badges{
        width:100%!important;
    }
}

/* Desktop ticket page max width and visual balance */
.pro-alert-card,
.ticket-pro-hero,
.admin-control-panel,
.enterprise-control-panel,
.chat-modern-card,
.admin-private-zone{
    width:min(1120px, calc(100% - 48px))!important;
    max-width:1120px!important;
    margin-left:auto!important;
    margin-right:auto!important;
}



/* =========================================================
   WYLRO TICKET PAGE SPACING PRO FIX
   Ticket fields, forms, conversation, internal notes
   ========================================================= */

/* Main ticket page cards */
.ticket-pro-hero,
.admin-control-panel,
.enterprise-control-panel,
.chat-modern-card,
.admin-private-zone,
.ticket-history-card,
.ticket-reply-card,
.ticket-section,
.pro-alert-card{
    width:min(1120px, calc(100% - 48px))!important;
    max-width:1120px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    margin-bottom:26px!important;
    padding:32px!important;
    border-radius:28px!important;
    box-sizing:border-box!important;
}

/* Prevent cards from touching each other */
.ticket-pro-hero + *,
.admin-control-panel + *,
.enterprise-control-panel + *,
.chat-modern-card + *,
.admin-private-zone + *,
.ticket-history-card + *{
    margin-top:26px!important;
}

/* Admin control form layout */
.admin-control-panel form,
.enterprise-control-panel form{
    display:grid!important;
    gap:18px!important;
    align-items:end!important;
}

.admin-control-panel form{
    grid-template-columns:minmax(220px, 1fr) auto!important;
}

.enterprise-control-panel form{
    grid-template-columns:repeat(3, minmax(0, 1fr))!important;
}

/* Labels and fields spacing */
.admin-control-panel label,
.enterprise-control-panel label,
.ticket-reply-card label,
.admin-private-zone label{
    display:block!important;
    margin:0 0 9px!important;
    font-size:13px!important;
    line-height:1.25!important;
    font-weight:950!important;
    color:#334155!important;
}

.admin-control-panel input,
.admin-control-panel select,
.admin-control-panel textarea,
.enterprise-control-panel input,
.enterprise-control-panel select,
.enterprise-control-panel textarea,
.ticket-reply-card input,
.ticket-reply-card select,
.ticket-reply-card textarea,
.admin-private-zone input,
.admin-private-zone select,
.admin-private-zone textarea{
    width:100%!important;
    min-height:54px!important;
    padding:0 16px!important;
    border-radius:16px!important;
    box-sizing:border-box!important;
    margin:0!important;
}

.ticket-reply-card textarea,
.admin-private-zone textarea{
    min-height:150px!important;
    padding:16px!important;
    line-height:1.65!important;
}

/* Pin checkbox row should not stick to button */
.enterprise-control-panel .pin-row,
.enterprise-control-panel label:has(input[type="checkbox"]),
.admin-private-zone label:has(input[type="checkbox"]){
    min-height:54px!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    padding:0 16px!important;
    border:1px solid #d8e1ee!important;
    border-radius:16px!important;
    background:#f8fbff!important;
    margin:0!important;
    box-sizing:border-box!important;
}

.enterprise-control-panel input[type="checkbox"],
.admin-private-zone input[type="checkbox"]{
    width:18px!important;
    height:18px!important;
    min-height:18px!important;
    padding:0!important;
    flex:0 0 auto!important;
}

/* Save / update buttons spacing */
.admin-control-panel button,
.enterprise-control-panel button,
.ticket-reply-card button,
.admin-private-zone button{
    min-height:54px!important;
    border-radius:16px!important;
    padding:0 24px!important;
    margin:0!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-weight:950!important;
    white-space:nowrap!important;
}

/* Conversation design */
.chat-modern-card h2,
.admin-private-zone h2,
.ticket-history-card h2,
.ticket-reply-card h2{
    margin:0 0 8px!important;
    line-height:1.15!important;
}

.chat-modern-card > p,
.admin-private-zone > p,
.ticket-history-card > p,
.ticket-reply-card > p{
    margin:0 0 22px!important;
    line-height:1.65!important;
}

/* Conversation messages have breathing room */
.chat-message,
.ticket-message,
.reply-item,
.history-item,
.internal-note-item{
    padding:22px!important;
    border-radius:20px!important;
    margin-bottom:16px!important;
    line-height:1.65!important;
}

.chat-message:last-child,
.ticket-message:last-child,
.reply-item:last-child,
.history-item:last-child,
.internal-note-item:last-child{
    margin-bottom:0!important;
}

/* Message avatar + content spacing */
.chat-row,
.reply-row,
.message-row{
    display:grid!important;
    grid-template-columns:48px minmax(0, 1fr)!important;
    gap:16px!important;
    align-items:start!important;
}

.chat-avatar,
.reply-avatar,
.message-avatar{
    width:44px!important;
    height:44px!important;
    border-radius:14px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-weight:950!important;
}

/* Attachments inside messages */
.attachment-item,
.ticket-attachment,
.reply-attachment{
    margin-top:14px!important;
    padding:12px 14px!important;
    border-radius:14px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
}

/* File upload zone spacing */
.upload-zone,
.file-upload-zone,
.ticket-upload-box{
    padding:18px!important;
    border-radius:18px!important;
    margin:14px 0 18px!important;
}

input[type="file"]{
    padding:12px!important;
    min-height:auto!important;
}

/* Buttons/badges in ticket hero */
.ticket-pro-badges{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:12px!important;
    margin:24px 0 0!important;
}

.ticket-actions-top{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:14px!important;
    margin-top:26px!important;
}

/* Mobile ticket page */
@media(max-width:900px){
    .admin-control-panel form,
    .enterprise-control-panel form{
        grid-template-columns:1fr!important;
    }
}

@media(max-width:760px){
    .ticket-pro-hero,
    .admin-control-panel,
    .enterprise-control-panel,
    .chat-modern-card,
    .admin-private-zone,
    .ticket-history-card,
    .ticket-reply-card,
    .ticket-section,
    .pro-alert-card{
        width:calc(100% - 28px)!important;
        padding:22px!important;
        border-radius:24px!important;
        margin-bottom:20px!important;
    }

    .chat-row,
    .reply-row,
    .message-row{
        grid-template-columns:1fr!important;
    }

    .chat-avatar,
    .reply-avatar,
    .message-avatar{
        margin-bottom:8px!important;
    }

    .ticket-actions-top{
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:12px!important;
    }

    .ticket-actions-top .btn,
    .ticket-actions-top button{
        width:100%!important;
    }
}



/* =========================================================
   WYLRO FINAL TICKET CHAT BUGFIX
   Scope: ticket.php conversation only
   Fix: admin message bubble was forced into the 48px avatar column
   ========================================================= */

.chat-modern-card .chat-thread{
    display:flex!important;
    flex-direction:column!important;
    gap:18px!important;
    width:100%!important;
    max-width:100%!important;
    margin:22px 0 0!important;
    padding:0!important;
    box-sizing:border-box!important;
}

.chat-modern-card .chat-row,
.chat-modern-card .chat-row.client-msg,
.chat-modern-card .chat-row.admin-msg{
    display:grid!important;
    grid-template-columns:48px minmax(0,1fr)!important;
    gap:16px!important;
    align-items:flex-start!important;
    width:100%!important;
    max-width:100%!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
}

/* Reset old reversed admin grid that caused a narrow vertical bubble */
.chat-modern-card .chat-row.admin-msg{
    grid-template-columns:48px minmax(0,1fr)!important;
}

.chat-modern-card .chat-row.admin-msg .chat-avatar,
.chat-modern-card .chat-row.client-msg .chat-avatar{
    grid-column:1!important;
    grid-row:1!important;
}

.chat-modern-card .chat-row.admin-msg .chat-bubble,
.chat-modern-card .chat-row.client-msg .chat-bubble{
    grid-column:2!important;
    grid-row:1!important;
}

.chat-modern-card .chat-avatar{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
    max-width:44px!important;
    max-height:44px!important;
    border-radius:14px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0!important;
    margin:0!important;
    line-height:1!important;
    font-weight:950!important;
    box-sizing:border-box!important;
}

.chat-modern-card .chat-row.admin-msg .chat-avatar{
    background:#000!important;
    color:#fff!important;
    border-color:#000!important;
}

.chat-modern-card .chat-bubble,
.chat-modern-card .chat-row.admin-msg .chat-bubble,
.chat-modern-card .chat-row.client-msg .chat-bubble{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    display:block!important;
    padding:20px 22px!important;
    margin:0!important;
    border-radius:18px!important;
    background:#fff!important;
    color:#0f172a!important;
    border:1px solid #dbe7ef!important;
    box-shadow:none!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    writing-mode:horizontal-tb!important;
    text-orientation:mixed!important;
}

.chat-modern-card .chat-row.admin-msg .chat-meta strong,
.chat-modern-card .chat-row.admin-msg .chat-meta span,
.chat-modern-card .chat-row.admin-msg .chat-bubble p{
    color:inherit!important;
}

.chat-modern-card .chat-meta{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:14px!important;
    width:100%!important;
    margin:0 0 10px!important;
}

.chat-modern-card .chat-meta strong{
    color:#0f172a!important;
    font-weight:950!important;
    line-height:1.25!important;
}

.chat-modern-card .chat-meta span{
    color:#64748b!important;
    font-size:13px!important;
    font-weight:800!important;
    white-space:nowrap!important;
}

.chat-modern-card .chat-bubble p{
    margin:0!important;
    line-height:1.65!important;
    color:#1f2937!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:anywhere!important;
    writing-mode:horizontal-tb!important;
}

/* Attachments must be horizontal, full width and never vertical */
.chat-modern-card .attachments-list,
.chat-modern-card .attachments-list.compact,
.chat-modern-card .chat-bubble .attachments-list,
.chat-modern-card .chat-bubble .attachments-list.compact{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:12px!important;
    width:100%!important;
    max-width:100%!important;
    margin:16px 0 0!important;
    padding:0!important;
    box-sizing:border-box!important;
}

.chat-modern-card .attachment-item,
.chat-modern-card a.attachment-item,
.chat-modern-card .attachments-list .attachment-item,
.chat-modern-card .attachments-list.compact .attachment-item{
    display:grid!important;
    grid-template-columns:28px minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:12px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:56px!important;
    height:auto!important;
    padding:13px 16px!important;
    margin:0!important;
    border:1px solid #dbe7ef!important;
    border-radius:14px!important;
    background:#f8fbff!important;
    color:#0f172a!important;
    text-decoration:none!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    writing-mode:horizontal-tb!important;
    text-orientation:mixed!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    white-space:normal!important;
}

.chat-modern-card .attachment-item > span{
    width:28px!important;
    min-width:28px!important;
    height:28px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    line-height:1!important;
    writing-mode:horizontal-tb!important;
}

.chat-modern-card .attachment-item strong{
    display:block!important;
    min-width:0!important;
    max-width:100%!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    writing-mode:horizontal-tb!important;
    line-height:1.25!important;
}

.chat-modern-card .attachment-item small{
    display:block!important;
    white-space:nowrap!important;
    color:#64748b!important;
    font-size:13px!important;
    line-height:1.2!important;
    writing-mode:horizontal-tb!important;
}

/* Reply form normal spacing */
.chat-modern-card .chat-reply-box{
    margin-top:28px!important;
    padding-top:26px!important;
    border-top:1px solid #e5edf7!important;
    display:grid!important;
    gap:16px!important;
}

.chat-modern-card .chat-reply-box textarea{
    min-height:150px!important;
    height:150px!important;
    padding:16px!important;
    line-height:1.65!important;
}

/* Mobile */
@media(max-width:760px){
    .chat-modern-card .chat-row,
    .chat-modern-card .chat-row.client-msg,
    .chat-modern-card .chat-row.admin-msg{
        grid-template-columns:1fr!important;
        gap:10px!important;
    }

    .chat-modern-card .chat-row.admin-msg .chat-avatar,
    .chat-modern-card .chat-row.client-msg .chat-avatar,
    .chat-modern-card .chat-row.admin-msg .chat-bubble,
    .chat-modern-card .chat-row.client-msg .chat-bubble{
        grid-column:1!important;
    }

    .chat-modern-card .chat-meta{
        align-items:flex-start!important;
        flex-direction:column!important;
        gap:6px!important;
    }

    .chat-modern-card .attachment-item{
        grid-template-columns:26px minmax(0,1fr)!important;
    }

    .chat-modern-card .attachment-item small{
        grid-column:2!important;
        justify-self:start!important;
        margin-top:4px!important;
    }
}

/* =========================================================
   WYLRO SUPPORT TEMPLATE FIX — DESKTOP MENU + FOOTER ONLY
   Visual CSS only: no PHP, no DB, no email, no config.
   Fix: desktop fixed sidebar was covering/cutting the footer.
   ========================================================= */

html, body{
    max-width:100%!important;
    overflow-x:hidden!important;
}

body.wylro-support-shell{
    background:#fff!important;
    color:#050505!important;
}

body.wylro-support-shell .support-main{
    background:#fff!important;
}

body.wylro-support-shell .support-sidebar{
    position:fixed!important;
    top:72px!important;
    left:0!important;
    bottom:0!important;
    height:calc(100vh - 72px)!important;
    background:#fff!important;
    border-right:1px solid #ececec!important;
    z-index:9990!important;
}

body.wylro-support-shell .support-sidebar-nav{
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    max-height:calc(100vh - 160px)!important;
}

/* Footer must not pass under the desktop left menu */
body.wylro-support-shell .support-main + .footer{
    margin-left:94px!important;
    width:calc(100% - 94px)!important;
    max-width:calc(100% - 94px)!important;
    box-sizing:border-box!important;
    background:#000!important;
    color:#cfcfcf!important;
    border-top:0!important;
    overflow:hidden!important;
}

body.wylro-support-shell .footer .footer-grid,
body.wylro-support-shell .footer .footer-bottom{
    max-width:1180px!important;
    width:100%!important;
    box-sizing:border-box!important;
}

body.wylro-support-shell .footer h4{
    color:#fff!important;
}

body.wylro-support-shell .footer p,
body.wylro-support-shell .footer a,
body.wylro-support-shell .footer-bottom{
    color:#cfcfcf!important;
}

body.wylro-support-shell .footer a:hover{
    color:#fff!important;
}

body.wylro-support-shell .footer .pay{
    background:#0a0a0a!important;
    border-color:#262626!important;
    color:#fff!important;
}

body.wylro-support-shell .footer-bottom{
    border-top:1px solid #242424!important;
}

@media(max-width:1024px) and (min-width:761px){
    body.wylro-support-shell .support-main + .footer{
        margin-left:82px!important;
        width:calc(100% - 82px)!important;
        max-width:calc(100% - 82px)!important;
    }
}

/* On real mobile, the left menu is hidden, so footer returns full width */
@media(max-width:760px){
    body.wylro-support-shell .support-main + .footer{
        margin-left:0!important;
        width:100%!important;
        max-width:100%!important;
    }

    body.wylro-support-shell .footer{
        padding-left:28px!important;
        padding-right:28px!important;
    }
}