.techos-window--support{left:clamp(175px,20vw,355px);top:clamp(55px,8vh,92px);width:min(940px,calc(100vw - 210px));height:min(675px,calc(100vh - var(--techos-taskbar-h) - 78px))}
.techos-support-app{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:255px 1fr;background:#fff}
.techos-support-app__sidebar{min-height:0;padding:14px 12px 12px;overflow:auto;background:linear-gradient(180deg,#6e8ed4,#627dbf 64%,#566dab);border-right:1px solid #4b65a5}
.techos-support-app__sidebar-head{display:flex;gap:10px;align-items:center;margin-bottom:12px;padding:10px;border:1px solid rgba(255,255,255,.35);border-radius:4px;background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(225,236,255,.96));box-shadow:0 2px 4px rgba(22,48,106,.25)}
.techos-support-app__sidebar-head img{width:44px;height:44px}
.techos-support-app__sidebar-head strong,.techos-support-app__sidebar-head span{display:block}.techos-support-app__sidebar-head strong{color:#143e82;font-size:11px}.techos-support-app__sidebar-head span{margin-top:3px;color:#667389;font-size:8px;line-height:1.35}
.techos-support-topics{overflow:hidden;border-radius:4px;background:#d7e5ff;box-shadow:0 1px 3px rgba(18,45,98,.3)}
.techos-support-topics button{width:100%;display:grid;grid-template-columns:24px 1fr;align-items:center;gap:6px;padding:7px 8px;border:0;border-bottom:1px solid #bfd1ee;background:transparent;color:#17428c;text-align:left;font:9px var(--techos-ui-font);cursor:pointer}.techos-support-topics button:last-child{border-bottom:0}.techos-support-topics button:hover,.techos-support-topics button.is-active{background:linear-gradient(90deg,#fff,#e9f1ff)}.techos-support-topics button.is-active strong{text-decoration:underline}.techos-support-topics button>span{display:grid;place-items:center;width:20px;height:20px;border:1px solid #7f9fd0;border-radius:3px;background:#fff;color:#2d63ae;font-weight:700}.techos-support-topics strong{font-weight:400}
.techos-support-app__availability{display:flex;gap:8px;align-items:center;margin-top:12px;padding:9px;color:#fff;background:rgba(25,54,112,.27);border:1px solid rgba(255,255,255,.18)}.techos-support-app__availability i{width:9px;height:9px;border:1px solid #1c7220;border-radius:50%;background:#62d053;box-shadow:0 0 6px rgba(93,231,79,.55)}.techos-support-app__availability strong,.techos-support-app__availability span{display:block}.techos-support-app__availability strong{font-size:9px}.techos-support-app__availability span{margin-top:2px;font-size:7px;opacity:.82}
.techos-support-app__main{min-height:0;overflow:auto;padding:22px 25px 25px;color:#222;background:linear-gradient(180deg,#fff,#fdfdfd)}
.techos-support-app__hero{padding-bottom:14px;border-bottom:1px solid #d8d8d8}.techos-support-app__hero>span{color:#4b6fa8;font-size:8px;font-weight:700;letter-spacing:.18em}.techos-support-app__hero h1{margin:5px 0 4px;color:#173e77;font-size:25px;font-weight:400}.techos-support-app__hero p{margin:0;color:#666;font-size:9px;line-height:1.5}
.techos-support-diagnosis{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center;margin:15px 0;padding:11px 12px;border:1px solid #bfd1eb;background:linear-gradient(180deg,#f7fbff,#edf4fd)}.techos-support-diagnosis__icon{display:grid;place-items:center;width:38px;height:38px;border:1px solid #4b77bb;border-radius:50%;color:#fff;background:linear-gradient(180deg,#70a3e8,#3d70bd);font:bold 23px Georgia,serif;box-shadow:inset 0 1px rgba(255,255,255,.65)}.techos-support-diagnosis span,.techos-support-diagnosis strong,.techos-support-diagnosis p{display:block}.techos-support-diagnosis span{color:#6d7d95;font-size:7px;text-transform:uppercase;letter-spacing:.08em}.techos-support-diagnosis strong{margin-top:2px;color:#173e77;font-size:11px}.techos-support-diagnosis p{margin:3px 0 0;color:#5d6570;font-size:8px;line-height:1.4}
.techos-support-form{display:grid;gap:10px}.techos-support-form__row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.techos-support-form label>span{display:block;margin-bottom:4px;color:#424242;font-size:8px}.techos-support-form input,.techos-support-form textarea{width:100%;border:1px solid #7f9db9;border-radius:0;background:#fff;color:#222;font:10px/1.35 var(--techos-ui-font);box-shadow:inset 1px 1px 2px rgba(0,0,0,.06)}.techos-support-form input{height:28px;padding:4px 6px}.techos-support-form textarea{min-height:88px;padding:6px;resize:vertical}.techos-support-form input:focus,.techos-support-form textarea:focus{outline:1px solid #316ac5;outline-offset:-2px}.techos-support-form__trap{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.techos-support-form__footer{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-top:2px;padding-top:11px;border-top:1px solid #ddd}.techos-support-form__footer>div{display:flex;gap:6px;align-items:center;max-width:360px;color:#777;font-size:7px;line-height:1.35}.techos-support-form__footer i{flex:0 0 auto;width:8px;height:8px;border:1px solid #2d7d28;border-radius:50%;background:#59c849}.techos-support-form__footer button,.techos-support-success button{min-height:29px;padding:0 13px;border:1px solid #2755a3;border-radius:2px;color:#fff;background:linear-gradient(180deg,#6a96e6,#3564bd);box-shadow:inset 0 1px rgba(255,255,255,.45);font:9px var(--techos-ui-font);cursor:pointer}.techos-support-form__footer button:hover,.techos-support-success button:hover{filter:brightness(1.08)}.techos-support-form__footer button:disabled{opacity:.6;cursor:wait}.techos-support-form__message{padding:8px 10px;border:1px solid #d79a91;background:#fff1ef;color:#8a2d22;font-size:8px}
.techos-support-success{max-width:520px;margin:45px auto 0;padding:28px;text-align:center;border:1px solid #a8c39c;background:linear-gradient(180deg,#f8fff5,#e8f6e2);box-shadow:inset 0 1px #fff}.techos-support-success img{width:60px;height:60px}.techos-support-success>span{display:block;margin-top:8px;color:#4f7e45;font-size:8px;font-weight:700;letter-spacing:.14em}.techos-support-success h2{margin:6px 0 7px;color:#275d23;font-size:21px;font-weight:400}.techos-support-success p{margin:0 0 14px;color:#5c7358;font-size:9px}
@media(max-width:800px){.techos-window--support{left:5px;top:5px;width:calc(100vw - 10px);height:calc(100vh - var(--techos-taskbar-h) - 10px)}.techos-support-app{grid-template-columns:205px 1fr}.techos-support-app__main{padding:16px}.techos-support-app__hero h1{font-size:20px}}
@media(max-width:620px){.techos-support-app{grid-template-columns:1fr}.techos-support-app__sidebar{display:none}.techos-support-form__row{grid-template-columns:1fr}.techos-support-form__footer{align-items:flex-start;flex-direction:column}.techos-support-form__footer button{width:100%}}