/* Compact repair workspace. Kept separate from the existing account/payment UI. */
body.support-clean {
  background: #09111e;
  color: #edf4fc;
}
.support-clean > header {
  min-height: 79px;
  gap: 24px;
  padding: 17px max(28px, calc((100vw - 1110px) / 2));
  background: #0c1625;
  border-bottom-color: #253448;
}
.support-clean > header .brand { gap: 11px; font-size: 14px; }
.support-clean > header .brand img { width: 42px; height: 42px; border-radius: 11px; }
.support-clean > header .brand small { margin-top: 3px; font-size: 8px; letter-spacing: 1.15px; }
.support-clean > header nav { gap: 18px; font-size: 12px; }
.support-clean > header nav > a:first-child { display: inline-flex; }
.support-clean > header nav > a:hover { color: #9beafa; }
.support-clean > header .call { padding: 8px 11px; font-size: 11px; white-space: nowrap; }
.support-clean > header .account-button { padding: 8px 12px; font-size: 12px; white-space: nowrap; }
.support-clean .workspace {
  display: grid;
  grid-template-columns: 202px minmax(0, 790px);
  align-items: start;
  gap: 32px;
  max-width: 1112px;
  min-height: 0;
  margin: 0 auto;
  padding: 32px 28px 26px;
}
.support-clean .sidebar {
  display: block;
  order: 0;
  min-width: 0;
  padding: 2px 0 0;
  border: 0;
}
.support-clean .side-title { margin: 0 0 12px; font-size: 9px; letter-spacing: 1.7px; color: #879db7; }
.support-clean .quick-support { display: grid; grid-template-columns: 1fr; gap: 9px; margin: 0; }
.support-clean .quick-card {
  min-width: 0;
  min-height: 66px;
  gap: 10px;
  padding: 13px 12px;
  border-radius: 10px;
  border-color: #33566e;
  background: #123044;
  transform: none;
}
.support-clean .quick-card:hover { border-color: #83dced; background: #183d52; transform: none; }
.support-clean .quick-card.paid { background: #26251f; border-color: #665537; }
.support-clean .quick-card.paid:hover { background: #323027; border-color: #bd965a; }
.support-clean .quick-icon { flex: 0 0 29px; width: 29px; height: 29px; font-size: 15px; }
.support-clean .quick-card b { font-size: 12px; line-height: 1.4; }
.support-clean .quick-card small { margin-top: 3px; font-size: 10px; line-height: 1.45; }
.support-clean .support-links {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 2px;
  margin: 20px 0 0;
  padding: 15px 0 0;
  border-top: 1px solid #28374a;
  font-size: 12px;
}
.support-clean .support-links > a,
.support-clean .support-links > a:first-child { display: block; padding: 9px 3px; color: #abbcd0; }
.support-clean .support-links > a:hover { color: #a0e9fa; }
.support-clean .support-rail-note { margin: 22px 3px 0; color: #8fa3bc; font-size: 11px; line-height: 1.75; }
.support-clean .support-rail-note a { display: inline-block; color: #c3e7f4; font-weight: 700; }
.support-clean .diagnosis { order: 1; min-width: 0; padding: 0; }
.support-clean .intro { margin: 0 0 20px; }
.support-clean .intro h1 { margin: 0 0 8px; font-size: 29px; line-height: 1.25; letter-spacing: -.7px; }
.support-clean .intro > p:last-child { margin: 0; max-width: 100%; color: #a6b8ce; font-size: 13px; line-height: 1.65; }
.support-clean .chat-shell { border: 1px solid #354c64; border-radius: 14px; background: #101e30; box-shadow: 0 8px 28px #0002; }
.support-clean .chat-top { align-items: center; gap: 14px; padding: 13px 17px; border-bottom-color: #2b4056; background: #14273b; }
.support-clean .chat-top > div { gap: 9px; font-size: 13px; min-width: 0; }
.support-clean .chat-top > div:first-child { flex: 1; }
.support-clean .chat-top strong, .support-clean #chat-ai-mode-status { display: block; }
.support-clean #chat-ai-mode-status { margin-top: 3px; color: #a6b8ce; font-size: 11px; line-height: 1.5; }
.support-clean .chat-top .status { white-space: nowrap; }
.support-clean .ai-icon { flex-shrink: 0; width: 28px; height: 28px; border-radius: 8px; font-size: 18px; }
.support-clean .chat-top .chat-top-actions { display: flex; align-items: center; justify-content: flex-end; gap: 12px; margin-left: auto; }
.support-clean .chat-top .status { color: #a8bed2; font-size: 12px; line-height: 1.4; }
.support-clean .chat-top .status.ready { color: #9be6c5; }
.support-clean .chat-top #new-case { width: auto; flex-shrink: 0; padding: 6px 10px; min-height: 31px; border-color: #3b5871; border-radius: 7px; background: #112237; color: #c1d7e9; font-size: 10px; white-space: nowrap; }
.support-clean .chat-top #new-case:hover { background: #1b374e; border-color: #79c7dc; color: #ecfaff; }
.support-clean .chat-config { display: grid; grid-template-columns: 1fr 1fr 1.1fr; gap: 10px; padding: 12px 17px; border-bottom: 1px solid #2b4056; background: #14273b; }
.support-clean .chat-config label { margin: 0 0 5px; color: #95b2ca; font-size: 10px; letter-spacing: .5px; }
.support-clean .ai-price-info { margin: 10px 17px; padding: 10px 12px; border: 1px solid #3c5871; border-radius: 8px; color: #bcd4e8; background: #14273b; font-size: 12px; line-height: 1.6; }
.support-clean .chat-config select { width: 100%; min-height: 36px; padding: 8px; border-color: #3c5871; border-radius: 7px; background: #0b1525; color: #e1edf8; font-size: 12px; }
.support-clean .messages { max-height: 320px; padding: 18px 18px 5px; scrollbar-width: thin; scrollbar-color: #39516d transparent; }
.support-clean .messages:empty { display: none; }
.support-clean .messages:empty + .starters { padding-top: 16px; }
.support-clean .message { padding: 0 0 14px; }
.support-clean .message .author { font-size: 9px; letter-spacing: .8px; }
.support-clean .message p { margin-top: 5px; font-size: 14px; line-height: 1.75; }
.support-clean .message.user { margin: 4px 0 16px; padding: 12px 14px; background: #1b354d; border: 1px solid #31506b; border-radius: 10px; }
.support-clean .starters { display: flex; flex-wrap: wrap; gap: 7px; padding: 0 18px 15px; }
.support-clean .starters button { flex: 0 0 auto; width: auto; min-height: 34px; padding: 7px 11px; font-size: 12px; line-height: 1.5; background: #14293f; border-color: #334b65; border-radius: 7px; }
.support-clean .starters button:hover { background: #1b3a50; border-color: #73b9ce; color: #d9f7ff; }
.support-clean .notice { margin: 0 17px 14px; padding: 10px 12px; font-size: 12px; line-height: 1.6; border-left-width: 2px; }
.support-clean .device-options { margin: 0 18px 12px; padding: 0; border: 1px solid #2b4158; border-radius: 8px; background: #0d1b2d; }
.support-clean .device-options > summary { padding: 9px 12px; color: #a9c1d7; font-size: 12px; list-style-position: inside; }
.support-clean .device-options > summary:hover { color: #d7f3ff; }
.support-clean .device-fields { display: grid; grid-template-columns: 1fr 1fr 1.15fr; gap: 10px; padding: 0 12px 13px; }
.support-clean .device-fields > div { min-width: 0; }
.support-clean .device-fields label { margin: 3px 0 6px; color: #b6c9dc; font-size: 10px; }
.support-clean .device-fields input,
.support-clean .device-fields select { min-width: 0; min-height: 38px; padding: 8px; border-color: #38516b; border-radius: 7px; background: #0a1627; color: #e3eef9; font-size: 12px; }
.support-clean .diagnosis #chat-form { padding: 0 17px 15px; }
.support-clean .diagnosis #message { min-height: 106px; max-height: 230px; padding: 13px 14px; border-color: #4a6a86; border-radius: 10px; background: #091727; color: #f1f7ff; font-size: 16px; line-height: 1.6; }
.support-clean .diagnosis #message::placeholder { color: #91a9c2; }
.support-clean .support-attachment { display: flex; align-items: center; flex-wrap: wrap; gap: 7px 11px; position: relative; margin-top: 11px; }
.support-clean .support-attachment .upload-label { display: inline-flex; align-items: center; gap: 6px; margin: 0; padding: 6px 9px; border: 1px solid #3d5871; border-radius: 7px; background: #152c40; color: #cbe7f5; font-size: 11px; line-height: 1.4; cursor: pointer; }
.support-clean .support-attachment .upload-label:hover { border-color: #83d4e6; background: #1d3d52; }
.support-clean .support-attachment .support-file-input { position: absolute; width: 1px; height: 1px; min-height: 0; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); clip-path: inset(50%); white-space: nowrap; border: 0; }
.support-clean .support-attachment:focus-within .upload-label { outline: 2px solid #89e2f4; outline-offset: 3px; }
.support-clean #image-hint { color: #9eb3c9; font-size: 11px; line-height: 1.5; }
.support-clean .diagnosis #image-name { margin: 6px 0 0; color: #a9dce9; font-size: 11px; line-height: 1.5; overflow-wrap: anywhere; }
.support-clean .diagnosis #image-name:empty { display: none; }
.support-clean .compose-bottom { gap: 12px; margin-top: 12px; }
.support-clean .compose-bottom > span { color: #8ba1ba; font-size: 10px; }
.support-clean .diagnosis .send { min-height: 42px; padding: 10px 21px; border-radius: 8px; background: #81def2; color: #082b39; font-size: 13px; font-weight: 700; }
.support-clean .diagnosis .send:hover:not(:disabled) { background: #aaf0fc; }
.support-clean .diagnosis .privacy { margin: 10px 0 0; color: #9bb1c8; font-size: 11px; line-height: 1.6; }
.support-clean .chat-tools { display: flex; align-items: flex-start; gap: 15px; margin: 12px 3px 18px; color: #8ca3bc; font-size: 10px; line-height: 1.6; }
.support-clean .chat-tools > span { max-width: 480px; }
.support-clean .chat-tools button { margin: 0; padding: 0; color: #b3d7e9; font-size: 10px; line-height: 1.6; }
.support-clean .support-downloads,
.support-clean .support-safety { margin: 0; padding: 0; border: 1px solid #2d435a; border-radius: 9px; background: #0d1b2b; }
.support-clean .support-safety { margin-top: 10px; background: transparent; border-color: #283a4d; }
.support-clean .support-downloads > summary,
.support-clean .support-safety > summary { padding: 12px 14px; color: #bdcede; font-size: 12px; list-style-position: inside; }
.support-clean .support-downloads > summary:hover,
.support-clean .support-safety > summary:hover { color: #a3ebfa; }
.support-clean .support-downloads > summary > span { float: right; color: #8eacc2; font-size: 10px; }
.support-clean .support-download-content { padding: 0 14px 14px; }
.support-clean .support-download-content > p,
.support-clean .support-safety p { margin: 0 0 10px; color: #96abc2; font-size: 11px; line-height: 1.7; }
.support-clean .support-safety > p { margin: 0 14px 12px; }
.support-clean .support-safety > div { padding: 0 14px 12px; }
.support-clean .support-downloads .drive-files { margin: 9px 0 8px; padding: 0; }
.support-clean .support-downloads .drive-file { grid-template-columns: 26px minmax(0, 1fr) auto; gap: 9px; padding: 10px; background: #112238; border-color: #304b63; }
.support-clean .support-downloads .drive-file-name { font-size: 12px; }
.support-clean .support-downloads .drive-file-action { grid-column: auto; font-size: 10px; }
.support-clean .support-downloads .drive-button { width: auto; min-height: 35px; margin: 8px 0 0; padding: 8px 12px; background: #1b3b4f; border: 1px solid #3d7388; color: #b5eaf5; font-size: 11px; border-radius: 7px; }
.support-clean .support-downloads .drive-button:hover { background: #25536b; color: #effcff; }
.support-clean .support-footer { display: flex; align-items: center; justify-content: space-between; gap: 16px; max-width: 1112px; margin: 0 auto; padding: 18px 28px 100px; border-top: 1px solid #25364a; color: #8198b4; font-size: 10px; }
.support-clean .support-footer p { margin: 0; }
.support-clean .support-footer [data-visitor-count] { display: inline-flex; margin: 0; color: #92b5c6; font-size: 10px; white-space: nowrap; }
.support-clean .nl-shop-root .nl-shop-launcher { min-height: 58px; width: 58px; padding: 6px; gap: 0; right: 20px; bottom: max(20px, env(safe-area-inset-bottom)); border-radius: 17px; }
.support-clean .nl-shop-launcher-logo { flex: 0 0 44px; width: 44px; height: 44px; }
.support-clean .nl-shop-launcher-logo img { width: 44px; height: 44px; }
.support-clean .nl-shop-launcher-copy { position: absolute; display: block; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); clip-path: inset(50%); white-space: nowrap; border: 0; }
.support-clean .nl-shop-launcher-arrow { display: none; }

@media (max-width: 1000px) {
  .support-clean > header { padding: 17px 24px; gap: 18px; }
  .support-clean > header nav { gap: 12px; }
  .support-clean > header .call { display: none; }
  .support-clean .workspace { grid-template-columns: 188px minmax(0, 1fr); gap: 24px; padding: 28px 24px 24px; }
  .support-clean .quick-card { gap: 8px; padding: 12px 10px; }
  .support-clean .device-fields { grid-template-columns: 1fr 1fr; }
  .support-clean .device-fields > div:last-child { grid-column: 1 / -1; }
}
@media (max-width: 700px) {
  .support-clean > header { min-height: 0; align-items: center; flex-wrap: nowrap; gap: 10px; padding: 14px 17px; }
  .support-clean > header .brand { gap: 9px; font-size: 13px; }
  .support-clean > header .brand img { width: 36px; height: 36px; border-radius: 9px; }
  .support-clean > header .brand small { font-size: 7px; letter-spacing: 1px; }
  .support-clean > header nav { width: auto; margin-left: auto; flex-shrink: 0; flex-wrap: nowrap; justify-content: flex-end; gap: 10px; font-size: 11px; }
  .support-clean > header nav > a:first-child { display: none; }
  .support-clean > header .account-button { margin-left: auto; min-height: 32px; padding: 6px 9px; font-size: 11px; }
  .support-clean .workspace { display: flex; flex-direction: column; gap: 0; padding: 17px 16px 20px; }
  .support-clean .sidebar { order: 0; display: block; width: 100%; padding: 0 0 20px; border: 0; }
  .support-clean .sidebar .side-title { display: none; }
  .support-clean .quick-support { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; margin: 0; }
  .support-clean .quick-card { min-height: 62px; gap: 8px; padding: 10px 9px; }
  .support-clean .quick-icon { flex-basis: 26px; width: 26px; height: 26px; font-size: 14px; }
  .support-clean .quick-card b { font-size: 11px; line-height: 1.4; }
  .support-clean .quick-card small { font-size: 9px; line-height: 1.4; }
  .support-clean .support-links { flex-direction: row; align-items: center; justify-content: flex-start; flex-wrap: wrap; gap: 7px 17px; margin: 10px 1px 0; padding: 0; border: 0; font-size: 10px; }
  .support-clean .support-links > a,
  .support-clean .support-links > a:first-child { display: inline-flex; padding: 4px 0; }
  .support-clean .support-rail-note { display: none; }
  .support-clean .diagnosis { order: 1; width: 100%; padding: 0; }
  .support-clean .intro { margin-bottom: 16px; }
  .support-clean .intro h1 { font-size: 27px; line-height: 1.25; letter-spacing: -.65px; }
  .support-clean .intro > p:last-child { font-size: 12px; line-height: 1.65; }
  .support-clean .chat-shell { border-radius: 12px; }
  .support-clean .chat-top { gap: 10px; padding: 12px 13px; }
  .support-clean .chat-top > div { gap: 7px; font-size: 12px; }
  .support-clean .chat-top .chat-top-actions { gap: 9px; }
  .support-clean .chat-config { grid-template-columns: 1fr 1fr; gap: 8px; padding: 12px 13px; }
  .support-clean .chat-top .status { font-size: 11px; }
  .support-clean .chat-top #new-case { min-height: 29px; padding: 5px 8px; font-size: 9px; }
  .support-clean .messages { max-height: 310px; padding: 16px 14px 4px; }
  .support-clean .message p { font-size: 14px; line-height: 1.75; }
  .support-clean .starters { gap: 7px; padding: 0 13px 14px; }
  .support-clean .starters button { min-height: 34px; padding: 7px 10px; font-size: 12px; }
  .support-clean .notice { margin: 0 13px 13px; padding: 10px; font-size: 11px; }
  .support-clean .device-options { margin: 0 13px 12px; }
  .support-clean .device-options > summary { padding: 9px 10px; font-size: 12px; }
  .support-clean .device-fields { gap: 10px; padding: 0 10px 12px; }
  .support-clean .device-fields input,
  .support-clean .device-fields select { min-height: 41px; padding: 8px; font-size: 16px; }
  .support-clean .diagnosis #chat-form { padding: 0 12px 13px; }
  .support-clean .diagnosis #message { min-height: 108px; padding: 12px; font-size: 16px; line-height: 1.6; }
  .support-clean .support-attachment { gap: 7px 9px; }
  .support-clean #image-hint { font-size: 11px; }
  .support-clean .diagnosis .send { min-height: 42px; padding: 10px 18px; font-size: 13px; }
  .support-clean .diagnosis .privacy { margin-top: 10px; font-size: 11px; line-height: 1.6; }
  .support-clean .chat-tools { display: flex; align-items: flex-start; gap: 12px; margin: 12px 2px 17px; font-size: 9px; }
  .support-clean .chat-tools button { margin: 0; font-size: 9px; }
  .support-clean .support-downloads > summary,
  .support-clean .support-safety > summary { padding: 11px 12px; font-size: 12px; }
  .support-clean .support-download-content { padding: 0 12px 12px; }
  .support-clean .support-downloads .drive-file { grid-template-columns: 25px minmax(0, 1fr) auto; padding: 9px; gap: 7px; }
  .support-clean .support-downloads .drive-file-name { font-size: 11px; }
  .support-clean .support-downloads .drive-file-action { grid-column: auto; font-size: 9px; }
  .support-clean .support-footer { display: flex; padding: 16px 17px 90px; font-size: 9px; }
  .support-clean .support-footer span { display: inline; margin-top: 0; }
  .support-clean .support-footer [data-visitor-count] { display: inline-flex; font-size: 9px; }
  .support-clean .nl-shop-root .nl-shop-launcher { right: 12px; bottom: max(12px, env(safe-area-inset-bottom)); }
}
@media (max-width: 440px) {
  .support-clean .intro h1 { font-size: 26px; }
  .support-clean .quick-card { gap: 7px; padding: 9px 8px; }
}
@media (max-width: 350px) {
  .support-clean .chat-top .chat-top-actions { flex-direction: column; align-items: flex-end; gap: 5px; }
  .support-clean > header { flex-wrap: nowrap; gap: 9px; }
  .support-clean > header nav { width: auto; justify-content: flex-end; }
  .support-clean .workspace { padding-right: 12px; padding-left: 12px; }
  .support-clean > header nav { gap: 8px 12px; }
  .support-clean .quick-card { gap: 6px; }
  .support-clean .quick-icon { display: none; }
  .support-clean .chat-config { grid-template-columns: 1fr; }
  .support-clean .device-fields { grid-template-columns: 1fr; }
  .support-clean .device-fields > div:last-child { grid-column: auto; }
  .support-clean .chat-tools { flex-wrap: wrap; gap: 5px; }
}
/* Remote software support promotion */
.support-clean .remote-promo{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(190px,1fr);gap:24px;margin:0 0 28px;padding:28px;border:1px solid #40627d;border-radius:20px;background:radial-gradient(ellipse at 100% 0, #164956 0, transparent 65%),linear-gradient(125deg,#112338,#0b1727);box-shadow:0 14px 40px #0002;overflow:hidden}
.support-clean .remote-promo-tag{display:block;color:#89e6f1;font-size:10px;font-weight:800;letter-spacing:1.4px;margin-bottom:13px}
.support-clean .remote-promo h2{margin:0 0 14px;color:#f3f8ff;font-size:clamp(23px,2.4vw,31px);line-height:1.25;letter-spacing:-.8px}
.support-clean .remote-promo h2 em{font-style:normal;color:#85e1ef}
.support-clean .remote-video-wrap{width:100%;margin:0 0 18px;border:1px solid #52758d;border-radius:14px;overflow:hidden;background:#000;box-shadow:0 10px 28px #0005}
.support-clean .remote-video-player{display:block;width:100%;aspect-ratio:16/9;height:auto;object-fit:contain;background:#000}
.support-clean .remote-promo-copy>p{margin:0 0 20px;color:#bdccdd;font-size:13px;line-height:1.75}
.support-clean .remote-promo-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:13px}
.support-clean .remote-promo-actions a{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:44px;font-size:12px;font-weight:750;text-decoration:none;border-radius:9px;padding:11px 14px}
.support-clean .remote-promo-primary{background:#89e6f1;color:#072733}
.support-clean .remote-promo-contact{border:1px solid #647f98;color:#edf8ff}
.support-clean .remote-promo a:hover{filter:brightness(1.15)}
.support-clean .remote-promo a:focus-visible{outline:3px solid #fff;outline-offset:4px}
.support-clean .remote-promo-copy>small{display:block;color:#a7bdd0;font-size:10px;line-height:1.65}
.support-clean .remote-promo-guide{align-self:center;padding:20px;background:#081725a8;border:1px solid #51738a;border-radius:15px}
.support-clean .remote-promo-symbol{font-size:30px;color:#91e8f2;margin-bottom:9px}
.support-clean .remote-promo-guide>strong{font-size:14px;color:#f1f8ff}
.support-clean .remote-promo-guide ol{list-style:none;padding:0;margin:16px 0;display:grid;gap:13px}
.support-clean .remote-promo-guide li{display:flex;align-items:baseline;gap:9px;color:#c4d6e6;font-size:11px;line-height:1.5}
.support-clean .remote-promo-guide li span{color:#8be6f1;font-size:10px;font-weight:800}
.support-clean .remote-promo-guide p{margin:0;padding-top:12px;border-top:1px solid #344e64;color:#a9bed0;font-size:10px;line-height:1.7}
.support-clean .remote-promo-guide p a{color:#a3edf4;white-space:nowrap}
@media(max-width:1000px){.support-clean .remote-promo{grid-template-columns:1fr;padding:24px}.support-clean .remote-promo-guide{display:none}}
@media(max-width:600px){.support-clean .remote-promo{padding:22px 18px;margin-bottom:23px;border-radius:16px}.support-clean .remote-promo h2{font-size:27px}.support-clean .remote-promo-tag{font-size:9px;letter-spacing:1px}.support-clean .remote-video-wrap{margin-bottom:15px;border-radius:11px}.support-clean .remote-promo-copy>p{font-size:12px}.support-clean .remote-promo-actions{gap:8px}.support-clean .remote-promo-actions a{flex:1;font-size:11px;padding:11px 10px}}