/* Horizon native-feeling workspace. Preserve hidden states and existing PWA IDs. */
:root{--bg:#f4f7fc;--card:#fff;--card-2:#f6f8fd;--ink:#142443;--soft:#455d7d;--faint:#62718a;--line:#dae2ef;--line-2:#c5d2e7;--forest:#2455f5;--forest-ink:#2455f5;--gold:#2455f5;--gold-2:#5077ff;--green:#187b64;--shadow:none;--grad:#2455f5;color-scheme:light}
.hz-pwa{background:#f4f7fc;color:#142443;font-family:'Vazirmatn',system-ui,sans-serif;line-height:1.85}.hz-pwa :where(a,button,input,textarea,select):focus-visible{outline:3px solid #2455f5;outline-offset:4px}.hz-pwa .wrap{padding:calc(env(safe-area-inset-top) + 24px) 24px calc(env(safe-area-inset-bottom) + 24px)}.hz-pwa .card{border:1px solid #dae2ef;background:white;border-radius:24px;box-shadow:0 20px 70px #14244308;padding:32px;max-width:460px}.hz-pwa .hz-pwa-brand{display:flex;align-items:center;justify-content:center;gap:10px;direction:ltr;margin-bottom:24px;color:#142443}.hz-pwa .hz-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#2455f5;color:#fff}.hz-pwa .hz-mark svg{width:30px;height:30px}.hz-pwa .hz-word{font:800 36px/1 Arial,system-ui,sans-serif;letter-spacing:-1.8px}.hz-pwa .hz-word>span{color:#2455f5}.hz-install-image{width:100%;height:160px;object-fit:cover;border-radius:16px;display:block;margin:0 0 24px}.hz-pwa h1{font-size:26px;line-height:1.7;text-align:start;letter-spacing:-.6px}.hz-pwa .lead{text-align:start;font-size:14px;line-height:2;color:#526582}.hz-pwa .gate-badge{justify-content:start;width:auto;margin:0 0 12px;padding:0;background:none;border:0;color:#2455f5;font-size:11px}.hz-pwa .gate-badge svg{display:none}.hz-pwa .btn{background:#2455f5;border-radius:12px;min-height:50px;box-shadow:none;font-size:15px;padding:13px 18px;color:white}.hz-pwa .btn:disabled{background:#dae2f4;color:#62718a;opacity:1;cursor:not-allowed}.hz-pwa .btn-sm{background:#2455f5;color:#fff;border-radius:10px;min-height:42px;border:0;padding:9px 16px;font-size:13px}.hz-pwa .link-btn{color:#2455f5;min-height:44px;font-size:13px}.hz-pwa .field{border:1px solid #c5d2e7;border-radius:12px;background:#f8faff;color:#142443;font-size:16px;line-height:1.8;padding:13px 15px}.hz-pwa .field:focus{border-color:#2455f5;box-shadow:0 0 0 3px #2455f516}.hz-pwa .field-label{color:#304666;font-size:13px;font-weight:600;margin:18px 0 8px}.hz-pwa .field-err{color:#a12b43;font-size:13px;text-align:start;background:#fff0f3;border-radius:10px;padding:10px 14px}.hz-pwa .field-hint{font-size:12px;color:#526582}.hz-pwa .otp-input{font-size:27px;letter-spacing:12px}.hz-pwa .steps{gap:12px;margin-top:24px}.hz-pwa .step{background:#f4f7fc;border:0;border-radius:12px;padding:16px;font-size:13px;gap:14px}.hz-pwa .step .num{background:#e2eaff;color:#2455f5;border-radius:9px;width:30px;height:30px;flex:none}.hz-pwa .step-tx{color:#304666;line-height:2}.hz-pwa .step-tx b{color:#142443}.hz-pwa .gate-note{color:#62718a;line-height:1.9;font-size:12px}.hz-pwa .logo.warn{background:#f9e4cc;color:#79520f;box-shadow:none}.hz-pwa .logo.warn svg{stroke:#79520f}.hz-pwa #screen-home{background:#f4f7fc}.hz-pwa .app-bar{background:white;border-bottom:1px solid #dae2ef;min-height:80px;gap:20px;padding-inline:28px}.hz-pwa .app-bar .hz-pwa-brand{margin:0;justify-content:start;gap:8px}.hz-pwa .app-bar .hz-mark{width:30px;height:30px;border-radius:9px}.hz-pwa .app-bar .hz-mark svg{width:23px;height:23px}.hz-pwa .app-bar .hz-word{font-size:27px}.hz-pwa .app-bar-btn{width:44px;height:44px;border:1px solid #dae2ef;background:#f8faff;border-radius:12px;color:#526582}.hz-pwa .site-select-wrap{background:#edf2ff;border:1px solid #d4dffd;border-radius:12px;padding:8px 12px;color:#2455f5;max-width:50%}.hz-pwa .site-select{font-size:13px;color:#142443;min-width:0}.hz-pwa .app-body{padding:32px;max-width:1100px;width:100%;margin:auto}.hz-pwa .view-title{font-size:25px;line-height:1.7;letter-spacing:-.5px;margin:0 0 10px}.hz-pwa .view-sub{font-size:14px;line-height:2;color:#526582;margin-bottom:24px}.hz-pwa #change-form,.hz-pwa #ticket-form,.hz-pwa #reply-form{padding:24px;background:white;border:1px solid #dae2ef;border-radius:20px}.hz-pwa #change-form>.field-label:first-child,.hz-pwa #ticket-form>.field-label:first-child,.hz-pwa #reply-form>.field-label:first-child{margin-top:0}.hz-pwa .app-nav{background:white;border-top:1px solid #dae2ef;padding:10px 24px calc(env(safe-area-inset-bottom) + 10px);gap:12px}.hz-pwa .nav-btn{border-radius:12px;color:#62718a;padding:10px 24px;min-height:58px;font-size:13px}.hz-pwa .nav-btn.is-active{background:#eaf0ff;color:#2455f5}.hz-pwa .nav-badge{background:#b32846;color:white}.hz-pwa .list{gap:12px}.hz-pwa .list-cap{font-size:16px;margin:30px 0 16px;color:#304666}.hz-pwa .list-item{background:white;border:1px solid #dae2ef;border-radius:16px;padding:20px;color:#142443;box-shadow:none}.hz-pwa .empty{background:#f8faff;border:1px dashed #bfcee6;border-radius:16px;padding:32px 24px;color:#526582;font-size:14px}.hz-pwa .push-card{background:#edf2ff;border:1px solid #d2dffd;border-radius:16px;padding:18px;margin-bottom:24px}.hz-pwa .push-card-ic{background:#dae5ff;color:#2455f5}.hz-pwa .push-card-tx b{color:#304666}.hz-pwa .push-card-tx span{color:#526582}.hz-pwa .thread{gap:16px}.hz-pwa .msg{border-radius:16px;padding:18px;background:white;border:1px solid #dae2ef}.hz-pwa .msg.mine{background:#eaf0ff;border-color:#d1ddfb}.hz-pwa .back-btn{color:#2455f5;min-height:44px}.hz-pwa .toast{border-radius:12px;background:#142443;color:white;max-width:calc(100vw - 32px);font-size:13px}.hz-pwa .mz-body{background:#f4f7fc;gap:0}.hz-pwa .mz-inbox{background:white;border-inline-end:1px solid #dae2ef}.hz-pwa .mz-item{border:0;border-bottom:1px solid #e2e9f3;border-radius:0;background:white;padding:20px;color:#142443}.hz-pwa .mz-item.is-active{background:#eaf0ff;box-shadow:inset -3px 0 #2455f5}.hz-pwa .mz-item-vis{font-size:14px;color:#142443}.hz-pwa .mz-item-prev{color:#526582;font-size:13px}.hz-pwa .mz-thread{background:#f4f7fc}.hz-pwa .mz-thread-head{background:white;border-color:#dae2ef;padding:18px 24px}.hz-pwa .mz-msgs{padding:24px}.hz-pwa .mz-compose{background:white;border-top:1px solid #dae2ef;padding:18px 24px;gap:12px}.hz-pwa .mz-compose textarea{border:1px solid #c5d2e7;border-radius:12px;background:#f8faff;padding:12px;color:#142443;font-size:16px}.hz-pwa .mz-compose button{background:#2455f5;color:white;border:0;border-radius:12px;min-width:48px;min-height:48px}.hz-pwa .mz-list-empty{color:#526582;padding:40px 24px;text-align:center}.hz-pwa .mz-msg{background:white;color:#142443;border:1px solid #dae2ef;border-radius:14px}.hz-pwa .mz-msg.agent{background:#eaf0ff;border-color:#d1ddfb}.hz-pwa #mz-thread[hidden]{display:none!important}
@media(min-width:900px){.hz-pwa #screen-home{max-width:1440px;margin:auto;border-inline:1px solid #dae2ef}.hz-pwa .app-nav{justify-content:center}.hz-pwa .nav-btn{flex:0 1 240px}.hz-pwa .view{max-width:840px;margin:auto}.hz-pwa #gate{max-width:680px;padding:36px 48px}.hz-pwa #gate .hz-install-image{height:210px}.hz-pwa #gate h1{font-size:30px}.hz-pwa .mz-inbox{width:360px;flex:none}}
@media(max-width:600px){.hz-pwa .wrap{padding:calc(env(safe-area-inset-top) + 18px) 18px calc(env(safe-area-inset-bottom) + 18px)}.hz-pwa .card{border-radius:20px;padding:26px 22px}.hz-pwa .hz-install-image{height:145px;margin-bottom:20px}.hz-pwa h1{font-size:24px}.hz-pwa .hz-pwa-brand{margin-bottom:22px}.hz-pwa .app-bar{min-height:74px;padding-inline:16px;gap:12px}.hz-pwa .app-bar .hz-word{font-size:23px}.hz-pwa .app-bar .hz-mark{width:27px;height:27px}.hz-pwa .site-select-wrap{padding:8px;max-width:53%;gap:6px}.hz-pwa .site-select{font-size:12px}.hz-pwa .app-body{padding:24px 18px}.hz-pwa .view-title{font-size:23px}.hz-pwa .view-sub{font-size:13px}.hz-pwa #change-form,.hz-pwa #ticket-form,.hz-pwa #reply-form{padding:20px 16px;border-radius:16px}.hz-pwa .app-nav{padding-inline:18px;gap:10px}.hz-pwa .nav-btn{min-height:56px;padding:8px 16px;font-size:12px}.hz-pwa .push-card{padding:14px;gap:12px;flex-wrap:wrap}.hz-pwa .push-card-tx{flex:1;min-width:180px}.hz-pwa .mz-compose{padding:12px 16px}.hz-pwa .mz-msgs{padding:18px}.hz-pwa .mz-thread-head{padding:14px 16px}}
@media(prefers-reduced-motion:reduce){.hz-pwa *{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.hz-update-notice{position:fixed;z-index:1000;bottom:calc(env(safe-area-inset-bottom) + 16px);inset-inline:16px;max-width:560px;margin-inline:auto;background:#142443;color:white;border:1px solid #526582;border-radius:16px;padding:20px;box-shadow:0 12px 50px #14244335}.hz-update-notice p{font-size:13px;line-height:1.9;margin:0 0 12px}.hz-update-notice button{font:inherit;font-size:12px;min-height:44px;padding:9px 14px;background:white;color:#142443;border:0;border-radius:10px;margin-inline-end:8px;cursor:pointer}.hz-update-notice button:last-child{background:#ffffff20;color:white}

/* Real Miz message/composer classes; keep the original thread visibility rules. */
.hz-pwa .mz-badge,.hz-pwa .mz-item-unread,.hz-pwa .mz-push button{background:#2455f5}.hz-pwa .mz-th-top{background:white;padding:16px 20px;gap:12px}.hz-pwa .mz-back,.hz-pwa .mz-th-close{min-height:44px;min-width:44px}.hz-pwa .mz-m{padding:15px 18px;border-radius:16px;line-height:1.9}.hz-pwa .mz-m.agent,.hz-pwa .mz-m.bot,.hz-pwa .mz-m.system{background:#eaf0ff;border:1px solid #d1ddfb;color:#142443}.hz-pwa .mz-inp{display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:8px 12px;padding:14px 20px calc(env(safe-area-inset-bottom) + 14px);background:white}.hz-pwa .mz-inp .field-label{grid-column:1/-1;margin:0;font-size:12px}.hz-pwa .mz-inp textarea{width:100%;min-width:0;background:#f8faff;border:1px solid #c5d2e7;border-radius:12px;min-height:48px}.hz-pwa .mz-inp textarea:focus{outline:2px solid #2455f5;outline-offset:1px}.hz-pwa .mz-send{background:#2455f5;border-radius:12px;min-height:48px;width:48px}.hz-pwa .mz-item-prev{max-width:100%}
