/* ==========================================================================
   MeczRealu - dzial Support w stylu X.com (templates/support.tpl).
   Ciemny motyw domyslnie, jasny: html[data-mr-theme="light"].
   ========================================================================== */
.mr-sx{--sx-fg:#e7e9ea;--sx-dim:#71767b;--sx-line:#2f3336;--sx-hover:rgba(231,233,234,.03);--sx-bg:#000;--sx-top:rgba(0,0,0,.85);--sx-field:#202327;--sx-blue:#0053cb;--sx-link:#4c8dff}
html[data-mr-theme="light"] .mr-sx{--sx-fg:#0f1419;--sx-dim:#536471;--sx-line:#eff3f4;--sx-hover:rgba(15,20,25,.03);--sx-bg:#fff;--sx-top:rgba(255,255,255,.85);--sx-field:#eff3f4;--sx-link:#0053cb}
.mr-sx{color:var(--sx-fg);background:var(--sx-bg);padding:0 !important;min-height:100vh;font-family:var(--mrx-font, inherit);font-size:15px;line-height:20px}
.mr-sx *,.mr-sx *::before,.mr-sx *::after{box-sizing:border-box}
.mr-sx a{text-decoration:none !important}

/* naglowek */
.mr-sx-top{position:sticky;top:0;z-index:9;display:flex;align-items:center;gap:20px;min-height:53px;padding:0 16px;background:var(--sx-top);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--sx-line)}
.mr-sx-back{display:flex;align-items:center;justify-content:center;width:34px;height:34px;margin-left:-6px;border-radius:50%;color:var(--sx-fg) !important;flex:0 0 auto}
.mr-sx-back:hover{background:rgba(231,233,234,.1)}
.mr-sx-top-txt{display:flex;flex-direction:column;min-width:0;flex:1 1 auto}
.mr-sx-top-txt b{font-size:20px;font-weight:800;line-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mr-sx-top-txt small{font-size:13px;color:var(--sx-dim);line-height:16px}

/* przyciski */
.mr-sx-btn{display:inline-flex;align-items:center;justify-content:center;height:34px;padding:0 16px;border-radius:9999px;border:1px solid #536471;background:transparent;color:var(--sx-fg) !important;font-weight:700;font-size:14px;white-space:nowrap;cursor:pointer;flex:0 0 auto}
.mr-sx-btn:hover{background:var(--sx-hover)}
.mr-sx-btn.is-primary{background:var(--sx-blue);border-color:transparent;color:#fff !important}
.mr-sx-btn.is-primary:hover{background:#0047ad}
.mr-sx-btn.is-lg{height:44px;padding:0 28px;font-size:16px}
.mr-sx-btn[disabled]{opacity:.5;cursor:default}

/* szukaj */
.mr-sx-search{position:relative;margin:12px 16px 4px;display:flex;align-items:center;height:42px;border-radius:9999px;background:var(--sx-field);border:1px solid transparent;color:var(--sx-dim)}
.mr-sx-search:focus-within{background:var(--sx-bg);border-color:var(--sx-blue);color:var(--sx-blue)}
.mr-sx-search svg{position:absolute;left:16px;pointer-events:none}
.mr-sx-search input{flex:1 1 auto;height:100%;min-width:0;padding:0 16px 0 48px;border:0;outline:0;background:transparent;color:var(--sx-fg);font-size:15px}
.mr-sx-search input::placeholder{color:var(--sx-dim)}

/* zakladki */
.mr-sx-tabs{display:flex;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--sx-line)}
.mr-sx-tabs::-webkit-scrollbar{display:none}
.mr-sx-tabs a{flex:1 0 auto;display:flex;justify-content:center;padding:0 16px;color:var(--sx-dim) !important;font-size:15px;font-weight:500}
.mr-sx-tabs a:hover{background:rgba(231,233,234,.1)}
.mr-sx-tabs a span{position:relative;display:flex;align-items:center;gap:6px;height:53px;white-space:nowrap}
.mr-sx-tabs a i{font-style:normal;font-size:13px;color:var(--sx-dim)}
.mr-sx-tabs a.is-on{color:var(--sx-fg) !important;font-weight:700}
.mr-sx-tabs a.is-on span::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;border-radius:9999px;background:var(--sx-blue)}

/* lista */
.mr-sx-row{display:flex;gap:12px;padding:12px 16px;border-bottom:1px solid var(--sx-line);color:var(--sx-fg) !important;transition:background-color .2s}
.mr-sx-row:hover{background:var(--sx-hover)}
.mr-sx-av{flex:0 0 40px;width:40px;height:40px;border-radius:50%;background:#333 center/cover no-repeat;display:block}
.mr-sx-main{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 auto}
.mr-sx-line{display:flex;align-items:baseline;gap:4px;min-width:0;white-space:nowrap}
.mr-sx-name{font-weight:700;color:var(--sx-fg) !important;overflow:hidden;text-overflow:ellipsis;flex:0 1 auto}
a.mr-sx-name:hover{text-decoration:underline !important}
.mr-sx-dim{color:var(--sx-dim);overflow:hidden;text-overflow:ellipsis}
.mr-sx-subject{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mr-sx-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:6px;font-size:13px}

/* stan */
.mr-sx-pill{display:inline-flex;align-items:center;height:22px;padding:0 10px;border-radius:9999px;font-size:13px;font-weight:700;line-height:1;white-space:nowrap}
.mr-sx-pill.is-opened{color:#4c8dff;background:rgba(0,83,203,.18)}
.mr-sx-pill.is-progress{color:#ffd400;background:rgba(255,212,0,.12)}
.mr-sx-pill.is-pending{color:#ff7a00;background:rgba(255,122,0,.12)}
.mr-sx-pill.is-solved{color:#00ba7c;background:rgba(0,186,124,.12)}
.mr-sx-pill.is-closed{color:var(--sx-dim);background:rgba(113,118,123,.16)}
html[data-mr-theme="light"] .mr-sx-pill.is-progress{color:#a38700}
html[data-mr-theme="light"] .mr-sx-pill.is-opened{color:#0053cb}

/* pusto */
.mr-sx-empty{max-width:400px;margin:48px auto;padding:0 32px}
.mr-sx-empty b{display:block;font-size:31px;line-height:36px;font-weight:800;margin-bottom:8px}
.mr-sx-empty p{color:var(--sx-dim);margin:0 0 28px}

/* stronicowanie */
.mr-sx-pager{padding:16px}

/* zgloszenie */
.mr-sx-head{padding:16px 16px 12px;border-bottom:1px solid var(--sx-line)}
.mr-sx-title{margin:0 0 12px;font-size:23px;line-height:28px;font-weight:800;color:var(--sx-fg);word-break:break-word}
.mr-sx-facts{display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px;color:var(--sx-dim);font-size:14px}
.mr-sx-facts a{color:var(--sx-fg) !important;font-weight:700}
.mr-sx-msg{display:flex;gap:12px;padding:12px 16px;border-bottom:1px solid var(--sx-line)}
.mr-sx-msg-body{min-width:0;flex:1 1 auto}
.mr-sx-role{font-size:12px;font-weight:700;color:var(--sx-link);padding:0 6px;border-radius:4px;background:rgba(0,83,203,.15)}
.mr-sx-text-out{margin-top:2px;color:var(--sx-fg);word-break:break-word;overflow-wrap:anywhere}
.mr-sx-text-out p{margin:0 0 8px}
.mr-sx-text-out p:last-child{margin-bottom:0}
.mr-sx-text-out a{color:var(--sx-link) !important}
.mr-sx-text-out img{max-width:100%;height:auto;border-radius:16px;border:1px solid var(--sx-line)}

/* pisanie */
.mr-sx-compose{display:flex;gap:12px;padding:12px 16px;border-bottom:1px solid var(--sx-line)}
.mr-sx-compose-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}
.mr-sx-subject-in,.mr-sx-text{width:100%;border:0;outline:0;background:transparent;color:var(--sx-fg);resize:none;padding:8px 0;font:inherit}
.mr-sx-subject-in{font-size:20px;line-height:24px;font-weight:700;border-bottom:1px solid var(--sx-line);padding-bottom:12px;margin-bottom:4px}
.mr-sx-text{font-size:20px;line-height:24px;min-height:40px;max-height:480px}
.mr-sx-compose.is-new .mr-sx-text{min-height:120px}
.mr-sx-subject-in::placeholder,.mr-sx-text::placeholder{color:var(--sx-dim)}
.mr-sx-compose-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;border-top:1px solid var(--sx-line);margin-top:4px;font-size:13px}
.mr-sx-error{margin:8px 0 0;border-radius:12px;font-size:14px}

@media (max-width:575.98px){
  .mr-sx-top{gap:12px}
  .mr-sx-tabs a{padding:0 12px}
  .mr-sx-empty{margin:32px auto}
  .mr-sx-empty b{font-size:26px;line-height:30px}
}

/* ==========================================================================
   Kontakt (templates/contact.tpl) - te same zmienne co dzial Support
   ========================================================================== */
.mr-ct{min-height:0}
.mr-ct-intro{padding:20px 16px 8px}
.mr-ct-intro h1{margin:0 0 8px;font-size:31px;line-height:36px;font-weight:800;color:var(--sx-fg);letter-spacing:-.3px}
.mr-ct-intro p{margin:0;color:var(--sx-dim);font-size:15px;line-height:20px;max-width:520px}
.mr-ct-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;padding:16px}
.mr-ct-card{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--sx-line);border-radius:16px;color:var(--sx-fg) !important;transition:background-color .2s}
.mr-ct-card:hover{background:var(--sx-hover)}
.mr-ct-ico{flex:0 0 40px;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(0,83,203,.15);color:var(--sx-link)}
.mr-ct-card-txt{display:flex;flex-direction:column;min-width:0;flex:1 1 auto}
.mr-ct-card-txt b{font-size:15px;font-weight:700}
.mr-ct-card-txt span{font-size:13px;line-height:16px;color:var(--sx-dim);overflow-wrap:anywhere}
.mr-ct-arrow{flex:0 0 auto;color:var(--sx-dim)}
.mr-ct-form-wrap{padding:8px 16px 24px;border-top:1px solid var(--sx-line)}
.mr-ct-form-wrap h2{margin:16px 0 16px;font-size:20px;line-height:24px;font-weight:800;color:var(--sx-fg)}
.mr-ct-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mr-ct-field{position:relative;display:block;margin:0 0 12px;border:1px solid var(--sx-line);border-radius:4px;background:transparent;transition:border-color .15s,box-shadow .15s;cursor:text}
.mr-ct-field input,.mr-ct-field textarea{display:block;width:100%;border:0;outline:0;background:transparent;color:var(--sx-fg);font:inherit;font-size:17px;line-height:24px;padding:26px 8px 8px;resize:vertical}
.mr-ct-field textarea{min-height:150px}
.mr-ct-field span{position:absolute;left:8px;top:16px;font-size:17px;line-height:24px;color:var(--sx-dim);pointer-events:none;transition:top .15s,font-size .15s,color .15s}
.mr-ct-field:focus-within{border-color:var(--sx-blue);box-shadow:0 0 0 1px var(--sx-blue)}
.mr-ct-field:focus-within span{color:var(--sx-link)}
.mr-ct-field input:not(:placeholder-shown)+span,.mr-ct-field textarea:not(:placeholder-shown)+span,.mr-ct-field:focus-within span{top:6px;font-size:13px;line-height:16px}
.mr-ct-field input:-webkit-autofill{-webkit-text-fill-color:var(--sx-fg);transition:background-color 9999s ease-out 0s}
.mr-ct-captcha{margin:4px 0 12px}
.mr-ct-alert{margin:0 0 12px;border-radius:12px;font-size:14px}
.mr-ct-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:8px}
.mr-ct-bar p{margin:0;color:var(--sx-dim);font-size:13px;line-height:16px}
.mr-ct-bar p a{color:var(--sx-link) !important}
@media (max-width:575.98px){
  .mr-ct-intro h1{font-size:26px;line-height:30px}
  .mr-ct-row{grid-template-columns:1fr;gap:0}
  .mr-ct-bar{flex-direction:column;align-items:stretch}
  .mr-ct-bar .mr-sx-btn{width:100%}
}