@charset "UTF-8";
:root{--main-color:#161a1d;--color1:#ffa500;--color2:#f5ae10;--color3:#e50914;--shadow-black-100:0 5px 15px rgba(0,0,0,0.1);--shadow-black-300:0 5px 15px rgba(0,0,0,0.3);--black-100:#f7f7f7}body{font-family:"Poppins",sans-serif;font-size:16px;font-weight:400;overflow-x:hidden;background-color:#f5f5f5;line-height:1.5}*{margin:0;padding:0;outline:none}img{max-width:100%;vertical-align:middle}ul{list-style:none}a{text-decoration:none !important}.ov-h{overflow:hidden}.btn-1{background-color:#fff;padding:12px 30px;border-radius:30px;border:none;color:var(--main-color);text-transform:capitalize;transition:all 0.5s ease;box-shadow:var(--shadow-black-300);font-weight:500;width:100%}.bg_main{background-color:var(--color1)}.btn-1:focus{box-shadow:var(--shadow-black-300)}.btn-1:hover{background-color:var(--color1);color:#fff}.btn-2{background-color:var(--main-color);padding:12px 30px;border-radius:30px;border:none;color:#fff;text-transform:capitalize;transition:all 0.5s ease;box-shadow:var(--shadow-black-100);font-weight:500}.btn-2:focus{box-shadow:var(--shadow-black-100)}.btn-2:hover{color:var(--main-color);background-color:#fff}.effect-wrap .effect{position:absolute;z-index:-1}.effect-wrap .effect-1{left:20%;top:20%;font-size:30px;color:var(--color2);animation:spin_01 2.5s linear infinite}.effect-wrap .effect-2{right:5%;top:10%;font-size:25px;color:rgb(229 9 20);animation:spin_01 2.5s linear infinite}.effect-wrap .effect-3{left:3%;bottom:30%;font-size:25px;color:var(--color3);animation:bounceTop_01 2.5s linear infinite}.section-padding{padding:80px 0}.section-title{margin-bottom:60px}.section-title h2{font-size:40px;color:var(--main-color);font-weight:700;text-transform:capitalize;text-align:center;margin:0}.section-title h2 span{color:var(--color1)}.section-title p{color:var(--main-color);margin-top:20px;text-align:center;font-size:17px;font-weight:400}.logo,.logo_mobile{height:50px}.owl-carousel .owl-dots{padding:0 15px;text-align:center;margin-top:20px}.owl-carousel button.owl-dot{height:5px;width:25px;background-color:#ddd;display:inline-block;margin:0 5px;border-radius:5px}.owl-carousel button.owl-dot.active{background-color:var(--main-color)}.owl-carousel button.owl-dot.active:focus{outline:0}.owl-carousel button.owl-dot.active:active{outline:0;border:none}.d_show{display:none !important}.d_show_line{display:none !important}.d_none{display:none !important}.d_block{display:block !important}.check_bot .g-recaptcha{display:inline-block}@keyframes spin_01{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes bounceTop_01{0%,100%{transform:translateY(-30px)}50%{transform:translateY(0px)}}@keyframes pulse_01{0%{transform:scale(0.94);box-shadow:0 0 0 0 rgba(255,255,255,0.7)}70%{transform:scale(1);box-shadow:0 0 0 12px rgba(255,255,255,0)}100%{transform:scale(0.94);box-shadow:0 0 0 0 rgba(255,255,255,0)}}@keyframes zoomInOut{0%{transform:scale(0)}100%{transform:scale(1);opacity:0}}.preloader{position:fixed;left:0;top:0;height:100%;width:100%;z-index:2100;background-color:var(--main-color);display:flex;align-items:center;justify-content:center}.preloader span{display:block;height:60px;width:60px;border-radius:50%;background-color:var(--color1);animation:zoomInOut 1s ease infinite}.navbar{background-color:var(--main-color);padding:20px 0;transition:all 0.5s ease}.navbar.navbar-shrink{box-shadow:0 10px 10px rgba(0,0,0,0.1);background-color:var(--main-color);padding:10px 0}.navbar > .container{padding:0 15px}.navbar .navbar-brand{font-size:30px;color:#fff;font-weight:500;text-transform:capitalize}.navbar .nav-item{margin-left:10px}.navbar .nav-item .nav-link{font-size:16px;font-weight:400;padding:5px 7px;position:relative;background:var(--color1);min-width:35px;text-align:center;border-radius:7px;color:#fff;transition:all 0.3s ease}.navbar .nav-item .nav-link:hover{background:#fff;color:var(--color1);transition:all 0.3s ease}.navbar-nav{display:flex;flex-direction:row;padding-left:0;margin-bottom:0;list-style:none;flex-wrap:wrap;align-content:stretch;justify-content:center;align-items:center}.navbar-toggler-icon{display:inline}.lang_link{display:flex;flex-direction:row;background:var(--color1);width:55px;border-radius:7px;padding:5px;color:#fff;text-transform:uppercase;transition:all 0.3s ease}.lang_link:hover{background:#fff;color:var(--color1);transition:all 0.3s ease}.lang_link span{margin-left:3px}.lang_link img{width:22px;height:15px;margin-top:4px}.lang_dropdown .dropdown-item img{width:25px !important;height:17px !important}.lang_dropdown{position:absolute;top:100%;right:0;z-index:1000;display:none;float:left;min-width:6rem;padding:0;margin:0;font-size:1rem;color:var(--main-color);text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:none;border-radius:10px;margin-top:8px;overflow:hidden}.lang_dropdown .dropdown-item:focus,.lang_dropdown .dropdown-item:hover{color:var(--main-color);text-decoration:none;background-color:var(--color1)}.lang_container{align-items:baseline !important;}.lang_btn:focus{outline:none;outline:none}.lang_ul{display:flex;align-items:center;margin:0;padding:0}.lang_dropdown{max-height:200px;overflow-y:scroll;padding-bottom:5px}.help-block{color:#dc3545;font-size:13px;display:block}.home{min-height:50vh;padding:70px 0;background-color:var(--main-color);border-radius:0 0 200px 0;position:relative;z-index:1;overflow-x:hidden}.home-text h1{font-size:30px;font-weight:400;color:#fff;margin:0 0 20px;text-align:center}.home-text{border:2px dashed #ffffff;padding:25px;border-radius:12px;background:var(--main-color)}.home p{color:#fff;margin-top:17px;text-align:center;font-size:15px;font-weight:300}.home-btn{margin-top:25px}.custom-email{position:relative;width:100%}.custom-email-input{width:100%;border:none;border-radius:100px;padding:10px 100px 10px 20px;line-height:1;box-sizing:border-box;outline:none;height:60px;font-size:20px}.custom-email-botton{position:absolute;right:3px;top:3px;bottom:3px;border:0;background:var(--color1);color:#fff;outline:none;margin:0;padding:0 10px;border-radius:100px;z-index:2;width:57px;font-size:24px}.custom-email-botton:disabled{background:var(--color1);opacity:0.6}.home-btn .btn{margin-bottom:25px;white-space:nowrap}.home .counter{display:block;margin:auto;text-align:center;margin-top:14px}.home .counter .mail_count{background:var(--color1);height:60px;display:inline-block;width:49.5%;margin:auto;text-align:center;line-height:34px;font-size:25px;border-radius:10px;margin-bottom:10px}.home .counter .mail_count b{display:block;color:#fff;line-height:25px;font-size:16px;font-weight:400}.messages,.view{background:#f5f5f5}.messages .card,.view .card{border-radius:10px}.messages .card-header,.view .card-header{padding:20px;background:var(--main-color);color:#fff;font-size:14px;text-transform:uppercase;font-weight:500;border:var(--main-color);border-top-left-radius:10px;border-top-right-radius:10px}.messages .card-body,.view .card-body{padding:0;min-height:400px}.messages .message-item{padding:20px;background:#fff;position:relative}.messages .sender_email span{display:block;font-size:12px;white-space:nowrap}.messages a{color:var(--main-color);text-decoration:none;transition:all 0.5s ease;white-space:nowrap}.message-item:hover .view_email{color:var(--color1);transition:all 0.5s ease}.messages .subject_email,.messages .view_email{line-height:2.5}.message-item:nth-of-type(odd){background:#f6f7f9}.mailbox-empty{text-align:center;margin:100px}.mailbox-empty i{font-size:60px;color:var(--main-color);margin-bottom:25px}.mailbox-empty h3{color:var(--main-color);font-size:18px;font-weight:400;margin-bottom:10px}.mailbox-empty p{font-weight:300}.messages .badge-success{position:absolute;top:5px;font-size:10px;font-weight:400;right:11px}.messages .badge-success{background-color:var(--color1)}.view .info{padding:10px 20px;background:#fff;position:relative;border-bottom:1px solid #ccc}.view .from span{display:block;font-size:12px;white-space:nowrap}.view .card-header a{color:#fff;margin:0px 10px;font-size:14px;text-decoration:none !important}.view .card-header a:hover{color:var(--color1)}.view .card-header .dropdown-item{color:var(--main-color);margin:0px;font-size:13px;text-decoration:none !important;text-transform:none}.view .card-header .dropdown-menu.show{top:5px}.view .content{padding:20px}.view a.dropdown-item{width:218px;white-space:normal}.change_email{padding:20px}.change_email form{text-align:center;margin:auto;margin-top:60px}.change_email .form-control{width:100%;border-radius:100px;padding:10px;line-height:1;box-sizing:border-box;outline:none;height:50px;background:#eee;border:2px solid var(--main-color)}.change_email .btn-2{width:100%}.change_email .btn-2:hover{background-color:var(--color1);color:#fff}.change_email textarea.form-control{margin-top:0px;margin-bottom:0px;height:150px;border-radius:18px !important}.blog{min-height:20vh;padding:70px 0;background-color:var(--main-color);border-radius:0 0 200px 0;position:relative;z-index:1;overflow-x:hidden}.blog-text h1{font-size:30px;font-weight:400;color:#fff;margin:0 0 20px;text-align:center}.blog-listing{padding-top:30px;padding-bottom:30px}.gray-bg{background-color:#f5f5f5}.blog-grid{box-shadow:0 0 30px rgba(31,45,61,0.125);border-radius:5px;overflow:hidden;background:#ffffff;margin-top:15px;margin-bottom:15px}.blog-grid .blog-img{position:relative}.blog-grid .blog-img .date{position:absolute;background:var(--color1);color:#ffffff;padding:8px 15px;left:10px;top:10px;border-radius:4px}.blog-grid .blog-img .date span{font-size:22px;display:block;line-height:22px;font-weight:700}.blog-grid .blog-img .date label{font-size:14px;margin:0}.blog-grid .blog-info{padding:20px}.blog-grid .blog-info h5{font-size:22px;font-weight:700;margin:0 0 10px}.blog-grid .blog-info h5 a{color:var(--main-color)}.blog-grid .blog-info p{margin:0}.blog-grid .blog-info .btn-bar{margin-top:20px}.btn-bar a.px-btn-arrow{background:var(--main-color);text-align:center;width:100%;display:block;padding:9px;border-radius:10px;color:#fff;transition:all 0.3s ease}.btn-bar a.px-btn-arrow:hover{background:var(--color1);transition:all 0.3s ease}.page-item.active .page-link{background-color:var(--main-color);border-color:var(--main-color)}.page-link{color:var(--main-color)}.page-link:hover{color:var(--color1)}.blog-aside .widget{box-shadow:0 0 30px rgba(31,45,61,0.125);border-radius:5px;overflow:hidden;background:#ffffff;margin-top:15px;margin-bottom:15px;width:100%;display:inline-block;vertical-align:top}.blog-aside .widget-body{padding:15px}.blog-aside .widget-title{padding:15px;border-bottom:1px solid #eee}.blog-aside .widget-title h3{font-size:20px;font-weight:700;color:var(--color1);margin:0}.blog-aside .post-aside{margin-bottom:15px}.blog-aside .post-aside .post-aside-title h5{margin:0}.blog-aside .post-aside .post-aside-title a{font-size:18px;color:var(--main-color);font-weight:600}.blog-aside .post-aside .post-aside-meta{padding-bottom:10px}.blog-aside .post-aside .post-aside-meta a{color:#6f8ba4;font-size:12px;text-transform:uppercase;display:inline-block;margin-right:10px}.blog-aside .latest-post-aside + .latest-post-aside{border-top:1px solid #eee;padding-top:15px;margin-top:15px}.blog-aside .latest-post-aside .lpa-right{width:90px}.blog-aside .latest-post-aside .lpa-right img{border-radius:3px}.blog-aside .latest-post-aside .lpa-left{padding-right:15px}.blog-aside .latest-post-aside .lpa-title h5{margin:0;font-size:15px}.blog-aside .latest-post-aside .lpa-title a{color:var(--main-color);font-weight:600}.blog-aside .latest-post-aside .lpa-meta a{color:#6f8ba4;font-size:12px;text-transform:uppercase;display:inline-block;margin-right:10px}.tag-cloud a{padding:4px 15px;font-size:13px;color:#ffffff;background:var(--main-color);border-radius:3px;margin-right:4px;margin-bottom:4px;transition:all 0.3s ease}.tag-cloud a:hover{background:var(--color1);transition:all 0.3s ease}.blog-single{padding-top:30px;padding-bottom:30px}.article{box-shadow:0 0 30px rgba(31,45,61,0.125);border-radius:5px;overflow:hidden;background:#ffffff;padding:15px;margin:15px 0 30px}.article .article-title{padding:15px 0 20px}.article .article-title h6{font-size:14px;font-weight:700;margin-bottom:20px}.article .article-title h6 a{text-transform:uppercase;color:var(--color1);border-bottom:1px solid var(--color1)}.article .article-title h2{color:var(--main-color);font-weight:600}.article .article-title .media{padding-top:15px;border-bottom:1px dashed #ddd;padding-bottom:20px}.article .article-title .media .avatar{width:45px;height:45px;border-radius:50%;overflow:hidden}.article .article-title .media .media-body{padding-left:8px}.article .article-title .media .media-body label{font-weight:600;color:var(--color1);margin:0}.article .article-title .media .media-body span{display:block;font-size:12px}.article .article-content h1,.article .article-content h2,.article .article-content h3,.article .article-content h4,.article .article-content h5,.article .article-content h6{color:var(--main-color);font-weight:600;margin-bottom:15px}.article .article-content blockquote{max-width:600px;padding:15px 0 30px 0;margin:0}.article .article-content blockquote p{font-size:20px;font-weight:500;color:var(--color1);margin:0}.article .article-content blockquote .blockquote-footer{color:var(--main-color);font-size:16px}.article .article-content blockquote .blockquote-footer cite{font-weight:600}.article .tag-cloud{padding-top:10px}.article-comment{box-shadow:0 0 30px rgba(31,45,61,0.125);border-radius:5px;overflow:hidden;background:#ffffff;padding:20px}.article-comment h4{color:var(--main-color);font-weight:700;margin-bottom:25px;font-size:22px}.article-img img{width:100%}.widget.widget-post{background:transparent;box-shadow:none}.js-cookie-consent.cookie-consent{position:fixed;bottom:12px;left:12px;right:12px;z-index:2147483645;box-sizing:border-box;max-width:520px;margin:0 auto;padding:12px 14px;border-radius:14px;box-shadow:0 10px 25px rgba(0,0,0,0.14);background:#ffffff;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.cookie-consent__body{flex:1;min-width:0}span.cookie-consent__message{color:var(--main-color);font-weight:400;font-size:0.85em;margin-bottom:6px;display:block}.cookie-consent__actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}a.cookie-consent__manage{background:transparent;border:0;padding:9px 10px;color:var(--color1);font-size:0.85em;font-weight:600;text-decoration:underline;cursor:pointer}button.cookie-consent__reject{display:inline-flex;width:auto;padding:9px 12px;border-radius:999px;border:1px solid rgba(16,24,40,0.18);font-size:0.85em;text-decoration:none;text-align:center;font-weight:600;transition:0.2s;background:transparent;color:var(--main-color)}button.cookie-consent__reject:hover{background:rgba(0,0,0,0.04)}button.cookie-consent__accept{display:inline-flex;width:auto;padding:9px 12px;border-radius:999px;border:none;font-size:0.85em;text-decoration:none;text-align:center;font-weight:600;transition:0.2s;background:var(--color1);color:#fff}button.cookie-consent__accept:hover{opacity:0.9}button.cookie-consent__details{background:transparent;border:0;padding:0;color:var(--color1);font-size:0.85em;font-weight:600;text-decoration:underline;cursor:pointer}.cookie-consent__details-panel{margin-top:6px;font-size:0.78em;color:#555;line-height:1.35}button.cookie-consent__details:focus,button.cookie-consent__accept:focus,button.cookie-consent__reject:focus,a.cookie-consent__manage:focus{outline:3px solid rgba(0,0,0,0.15);outline-offset:2px}@media (max-width:420px){.js-cookie-consent.cookie-consent{flex-direction:column;align-items:stretch}.cookie-consent__actions{justify-content:flex-end}a.cookie-consent__manage{width:100%;text-align:center}button.cookie-consent__reject,button.cookie-consent__accept{flex:1 1 auto;width:auto}}.features{background-color:#fff}.features .features-item{box-shadow:var(--shadow-black-100);margin:15px;padding:30px;border-radius:10px;text-align:center;position:relative;z-index:1;overflow:hidden}.features .features-item::after,.features .features-item::before{content:"";position:absolute;z-index:-1;border-radius:50%;opacity:1;transition:all 0.3s ease}.features .features-item::before{width:20px;height:20px;background-color:var(--color1);left:10px;top:40%}.features .features-item::after{width:30px;height:30px;background-color:var(--color2);right:-15px;top:80%}.features .features-item .icon{height:60px;width:60px;text-align:center;color:var(--main-color);margin:0 auto;font-size:30px;position:relative;z-index:1;transition:all 0.3s ease}.features .features-item .icon::before{content:"";position:absolute;left:100%;width:100%;height:100%;background-color:var(--main-color);transition:all 0.3s ease;z-index:-1;opacity:0}.features .features-item:hover .icon{color:#fff;font-size:20px}.features .features-item:hover .icon::before{border-radius:50%;left:0;opacity:1}.features .features-item .icon i{line-height:60px}.features .features-item h3{font-size:20px;margin:0 0 20px;color:var(--main-color);font-weight:500;text-transform:capitalize}.features .features-item p{font-size:16px;line-height:26px;font-weight:300;color:var(--black-400);margin:0}.error_page h1{color:var(--main-color)}.full-screen-size-fixed-container{height:100vh;width:100%;position:fixed;padding-bottom:80px}.error_page .btn-2:hover{background-color:var(--color1) !important;color:#fff}.footer{background-color:var(--main-color);padding:50px 0 0}.footer .nav{justify-content:center}.footer .nav a{padding:4px 10px;font-size:15px;color:#ffffff;border-radius:3px;margin-right:5px;margin-bottom:4px;justify-content:center;transition:all 0.3s ease}.footer .nav a:hover{background:var(--color1);transition:all 0.3s ease}.footer .copyright-text{margin:40px 0 0;padding:20px 0;text-align:center;font-size:16px;font-weight:300;color:rgba(255,255,255,0.9);border-top:1px solid rgba(255,255,255,0.2)}@media (max-width:991px){.navbar-toggler{background-color:var(--color1);box-shadow:var(--shadow-black-300);height:34px;width:44px;padding:0;font-size:17px;color:#fff}.navbar-nav{background-color:#ffffff;box-shadow:var(--shadow-black-300);border-radius:7px}.lang_link{border-radius:4px}.navbar .nav-item{margin:0;padding:5px 15px;margin-left:-7px}.navbar.navbar.navbar-shrink .navbar-toggler,.navbar.navbar.navbar-shrink .navbar-nav{background-color:var(--main-color)}.home-text h1{font-size:40px}.how-it-works-item{margin-bottom:30px}.how-it-works-item.line-right::before{content:none}.how-it-works-item{box-shadow:var(--shadow-black-100);border-radius:10px}.footer-col{margin-bottom:30px}.d_lang_none{display:none!important}}@media (max-width:767px){.home-text{margin-bottom:80px}.effect-wrap .effect-1{left:45%}.contact-form{margin-top:20px}.section-title h2{font-size:35px}.d_hide{display:none !important}.d_show{display:block !important}.d_show_line{display:inline !important}.messages .subject_email,.messages .view_email{line-height:3.6}.home,.blog{border-radius:0 0 150px 0}}@media (max-width:575px){.home-text h1{font-size:30px}.home-text p{font-size:16px}.section-title h2{font-size:30px}.home,.blog{border-radius:0 0 100px 0}}@media (max-width:460px){.home .counter .mail_count{width:100%}}.custom-email-input{padding-right:165px}.custom-email-botton{width:auto;min-width:98px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:16px}.custom-email-botton i{font-size:18px}.custom-email-botton .tm-copy-text{font-size:14px;font-weight:600;line-height:1}.tm-mail-controls{background:#ffffff;border-radius:10px;padding:12px;margin-top:15px;margin-bottom:12px;box-shadow:0 10px 25px rgba(0,0,0,0.08);z-index:2500}.tm-mail-controls-inner{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.tm-email-wrap{display:flex;align-items:stretch;gap:8px;flex-wrap:nowrap;max-width:100%}.tm-email-input--sticky{border-radius:100px;height:44px;font-size:16px;min-width:240px}.tm-copy-btn--sticky{border-radius:100px;background:var(--color1);color:#fff;padding:0 14px;display:inline-flex;align-items:center;gap:8px}.tm-copy-btn--sticky:hover{color:#fff;opacity:0.9}.tm-copy-btn--sticky .tm-copy-text{font-weight:600;font-size:14px}.tm-mail-meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px;color:#444;font-size:13px}.tm-unread-badge{display:inline-block;min-width:22px;padding:2px 8px;border-radius:999px;background:var(--color1);color:#fff;font-size:12px;text-align:center}.tm-last-updated-value{font-weight:600}.tm-retention-note{margin-top:6px;color:#666}.tm-mail-controls-right{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}.tm-auto-refresh{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;background:#f6f7f9;border-radius:999px}.tm-auto-refresh label{margin:0;font-size:13px}.tm-mailbox-error{text-align:center;padding:40px 15px}.tm-mailbox-error i{font-size:48px;color:var(--main-color);margin-bottom:12px}.tm-empty-steps{display:inline-block;text-align:left;margin:12px auto 18px;padding-left:20px}.tm-empty-steps li{margin-bottom:6px;font-weight:300}.tm-mailbox-skeleton{padding:10px 0 20px}.tm-skel-item{height:64px;margin:12px 20px;border-radius:10px;background:#e9ecef;position:relative;overflow:hidden}.tm-skel-item:before{content:"";position:absolute;top:0;left:-160px;height:100%;width:160px;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.7),transparent);animation:tm-shimmer 1.2s infinite}@keyframes tm-shimmer{0%{left:-160px}100%{left:110%}}.messages a.message-link{display:block;color:var(--main-color);text-decoration:none;white-space:normal}.messages a.message-link:hover{color:var(--color1)}.tm-from-name{font-weight:600}.tm-from-email{font-size:12px;opacity:0.85;word-break:break-word}.tm-subject{word-break:break-word}.tm-message-meta{display:flex;align-items:center;justify-content:flex-end;gap:10px;font-size:13px;opacity:0.9}.tm-time{font-weight:600}.tm-message-new{box-shadow:inset 4px 0 0 var(--color1)}.tm-toast-container{position:fixed;left:16px;right:16px;bottom:16px;display:flex;flex-direction:column;gap:10px;align-items:flex-end;z-index:4000;pointer-events:none}.tm-toast{pointer-events:auto;width:100%;max-width:420px;background:#fff;border-radius:12px;padding:12px 14px;box-shadow:0 10px 25px rgba(0,0,0,0.15);display:flex;gap:10px;align-items:flex-start;transform:translateY(10px);opacity:0;transition:all 0.2s ease;border-left:4px solid var(--main-color)}.tm-toast--success{border-left-color:var(--color1)}.tm-toast--error{border-left-color:#dc3545}.tm-toast--show{transform:translateY(0);opacity:1}.tm-toast--hide{transform:translateY(10px);opacity:0}.tm-toast__icon{font-size:20px;line-height:1;margin-top:2px}.tm-toast__msg{flex:1;font-size:14px;line-height:1.4}.tm-toast__close{background:transparent;border:0;color:#666;font-size:18px;line-height:1;padding:0 4px}.tm-iframe-wrap{position:relative}.tm-iframe-loading{position:absolute;inset:0;background:rgba(255,255,255,0.82);display:flex;align-items:center;justify-content:center;z-index:5}.tm-refresh-btn:focus,.tm-delete-mailbox:focus,.tm-copy-btn:focus,.custom-email-botton:focus{outline:3px solid rgba(0,0,0,0.15);outline-offset:2px}@media (max-width:767px){.custom-email-input{font-size:16px;padding-right:140px}.custom-email-botton{min-width:86px}.messages .message-item{margin:10px 12px;border-radius:12px}.message-item:nth-of-type(odd){background:#fff}.tm-message-meta{justify-content:space-between}}.tm-domain-label-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.tm-domain-fav-btn{background:transparent;border:0;padding:0;color:var(--color1);font-size:18px;line-height:1}.tm-domain-fav-btn.is-fav{opacity:0.95}.tm-domain-fav-btn:focus{outline:3px solid rgba(0,0,0,0.15);outline-offset:2px}.tm-counter-note{display:block;margin-top:6px;color:#666;font-size:12px}:root{--tm-surface:#ffffff;--tm-bg:#f6f7fb;--tm-text:#101828;--tm-muted:#667085;--tm-border:rgba(16,24,40,0.10);--tm-radius:14px;--tm-shadow:0 12px 30px rgba(16,24,40,0.10);--tm-shadow-sm:0 8px 20px rgba(16,24,40,0.08)}body{background-color:var(--tm-bg) !important;color:var(--tm-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.navbar{background:rgba(255,255,255,0.96);border-bottom:1px solid var(--tm-border);box-shadow:0 6px 18px rgba(16,24,40,0.06)}.navbar .nav-link{color:var(--tm-text) !important;font-weight:600;opacity:0.92;padding:0.55rem 0.9rem;border-radius:10px}.navbar .nav-link:hover,.navbar .nav-link:focus{color:var(--color1) !important;background:rgba(16,24,40,0.04)}.lang_link{border-radius:10px}.home{border-radius:0 0 90px 0 !important;background:radial-gradient(circle at 20% 10%,rgba(255,255,255,0.09),transparent 55%),linear-gradient(135deg,var(--main-color),#0b0f12)}.home-text{border:1px solid rgba(255,255,255,0.14) !important;background:rgba(255,255,255,0.04) !important}.home-text h1{font-weight:700 !important;letter-spacing:-0.02em;font-size:34px}.home p{color:rgba(255,255,255,0.86) !important}.effect-wrap{opacity:0.22}.custom-email-input{height:52px;font-size:16px;border:1px solid rgba(255,255,255,0.20)}.custom-email-input:focus{box-shadow:0 0 0 4px rgba(255,255,255,0.08)}.custom-email-botton{padding:0 14px}.btn-1,.btn-2{width:auto;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:11px 18px;font-weight:600}.home-btn .btn-1,.home-btn .btn-2{width:100%}.card{border:1px solid var(--tm-border);border-radius:var(--tm-radius);box-shadow:var(--tm-shadow-sm)}.messages .card,.view .card{border-radius:var(--tm-radius)}.card-header{background:var(--tm-surface) !important;color:var(--tm-text) !important;border-bottom:1px solid var(--tm-border);text-transform:none !important;letter-spacing:0}.messages .card-header,.view .card-header{background:var(--tm-surface) !important}.messages .card-body,.view .card-body{padding:20px;min-height:0}@media (max-width:767px){.messages .card-body,.view .card-body{padding:16px}}.view .card-body .change_email{padding:0}.view .card-body .content{padding:0}.form-control{border-radius:12px;border:1px solid var(--tm-border)}.form-control:focus{border-color:rgba(16,24,40,0.28);box-shadow:0 0 0 4px rgba(16,24,40,0.06)}.messages .message-item{border:1px solid var(--tm-border);border-radius:var(--tm-radius);background:var(--tm-surface);padding:12px 14px;margin:10px 14px;transition:transform .12s ease,box-shadow .12s ease}.messages .message-item:hover{box-shadow:0 10px 24px rgba(16,24,40,0.12);transform:translateY(-1px)}.tm-message-new{box-shadow:inset 4px 0 0 var(--color1),var(--tm-shadow-sm)}.tm-new-badge{border-radius:999px;font-weight:700}.tm-message-meta{color:var(--tm-muted)}.tm-chevron{opacity:0.45}.tm-mail-controls{border:1px solid var(--tm-border);box-shadow:var(--tm-shadow-sm)}.tm-email-input--sticky{border:1px solid var(--tm-border);background:#f8f9fb}.tm-auto-refresh{border:1px solid rgba(16,24,40,0.06)}.footer{border-top:1px solid var(--tm-border)}.footer .nav a{opacity:0.88}.footer .nav a:hover{opacity:1}.tm-toast{border:1px solid var(--tm-border)}@media (max-width:767px){.home-text h1{font-size:28px}.messages .message-item{margin:10px 10px}.custom-email-input{height:50px}}html{scroll-behavior:smooth}body.tm-saas{--tm-radius-lg:22px;--tm-shadow-lg:0 28px 80px rgba(16,24,40,0.22);--tm-shadow-md:0 18px 44px rgba(16,24,40,0.16);--tm-ring:0 0 0 4px rgba(16,24,40,0.08);line-height:1.65}body.tm-saas .tm-section{position:relative;overflow:hidden}body.tm-saas .tm-section::before{content:"";position:absolute;inset:-1px;pointer-events:none;opacity:1}body.tm-saas .tm-section--alt{background:var(--tm-surface);border-top:1px solid rgba(16,24,40,0.06);border-bottom:1px solid rgba(16,24,40,0.06)}body.tm-saas .tm-section--alt::before{background:radial-gradient(circle at 8% 20%,rgba(16,24,40,0.04),transparent 56%),radial-gradient(circle at 92% 0%,rgba(16,24,40,0.03),transparent 52%)}body.tm-saas .tm-section--inbox::before{background:radial-gradient(circle at 50% 0%,rgba(16,24,40,0.04),transparent 62%)}html[dir="ltr"] body.tm-saas{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji"}html[dir="rtl"] body.tm-saas{font-family:"Vazir",ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}body.tm-saas a{text-decoration:none}body.tm-saas:focus-visible{outline:none;box-shadow:var(--tm-ring);border-radius:10px}body.tm-saas .container{max-width:1180px}body.tm-saas .tm-navbar{background:rgba(255,255,255,0.92) !important;border-bottom:1px solid rgba(16,24,40,0.10);box-shadow:0 10px 30px rgba(16,24,40,0.08);padding:10px 0 !important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}body.tm-saas .tm-navbar-container{display:flex;align-items:center;justify-content:space-between;gap:12px}html[dir="rtl"] body.tm-saas .tm-navbar-container{flex-direction:row-reverse}html[dir="rtl"] body.tm-saas .tm-navbar-inner{flex-direction:row-reverse}html[dir="rtl"] body.tm-saas .tm-nav-mobile-actions{flex-direction:row-reverse}body.tm-saas .tm-navbar .navbar-brand{margin:0;padding:0}body.tm-saas .tm-navbar .navbar-brand img{height:34px;width:auto}body.tm-saas .tm-nav-mobile-actions{display:flex;align-items:center;gap:10px}body.tm-saas .tm-navbar-inner{display:flex;align-items:center;width:100%;gap:14px}body.tm-saas .tm-navbar-links{flex:1;justify-content:center;gap:8px;background:transparent;box-shadow:none}body.tm-saas .tm-navbar-links .nav-item{margin:0 !important}body.tm-saas .tm-navbar .nav-item{margin-left:0 !important}body.tm-saas .tm-navbar .nav-item .nav-link{background:transparent !important;color:var(--tm-text) !important;min-width:0 !important;font-weight:650;letter-spacing:-0.01em;padding:9px 12px;border-radius:12px;transition:0.2s ease}body.tm-saas .tm-navbar .nav-item .nav-link:hover,body.tm-saas .tm-navbar .nav-item .nav-link:focus{background:rgba(16,24,40,0.04) !important;color:var(--tm-text) !important}body.tm-saas .tm-navbar-toggler{background:transparent !important;border:1px solid rgba(16,24,40,0.14) !important;border-radius:12px;height:40px;width:44px;padding:0;box-shadow:none !important;color:var(--tm-text) !important}body.tm-saas .tm-navbar-toggler:hover{background:rgba(16,24,40,0.04) !important}body.tm-saas .tm-navbar .navbar-toggler-icon{display:inline-flex;align-items:center;justify-content:center;background-image:none !important}body.tm-saas .tm-navbar .navbar-toggler-icon i{font-size:18px}body.tm-saas .tm-navbar .lang_link{background:transparent !important;border:1px solid rgba(16,24,40,0.14);color:var(--tm-text) !important;width:auto !important;padding:9px 10px;gap:8px;border-radius:12px;box-shadow:none !important}body.tm-saas .tm-navbar .lang_link span{margin-left:0}body.tm-saas .tm-navbar .lang_link:hover{background:rgba(16,24,40,0.04) !important;color:var(--tm-text) !important}body.tm-saas .tm-navbar .lang_link img{width:22px;height:15px;margin-top:0;border-radius:3px}body.tm-saas .tm-lang-code{font-weight:800;letter-spacing:0.08em;font-size:12px}body.tm-saas .tm-lang-name{font-weight:700;font-size:13px}body.tm-saas .tm-nav-actions{display:flex;align-items:center;gap:10px}body.tm-saas .tm-nav-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:10px 14px;border-radius:999px;background:var(--color1);color:#fff !important;font-weight:800;letter-spacing:-0.01em;box-shadow:0 12px 24px rgba(16,24,40,0.14);white-space:nowrap}body.tm-saas .tm-nav-cta:hover,body.tm-saas .tm-nav-cta:focus{filter:brightness(0.96);color:#fff !important;text-decoration:none}body.tm-saas .tm-nav-cta--sm{padding:10px 12px;box-shadow:0 10px 22px rgba(16,24,40,0.14)}body.tm-saas .tm-nav-cta--sm .tm-nav-cta-text{font-size:13px}@media (max-width:360px){body.tm-saas .tm-nav-cta--sm .tm-nav-cta-text{display:none}}body.tm-saas .lang_dropdown{border:1px solid rgba(16,24,40,0.10);box-shadow:var(--tm-shadow-sm)}body.tm-saas .lang_dropdown .dropdown-item:hover,body.tm-saas .lang_dropdown .dropdown-item:focus{background:rgba(16,24,40,0.06) !important;color:var(--tm-text) !important}@media (max-width:991px){body.tm-saas .navbar-collapse{padding-top:12px}body.tm-saas .tm-navbar-inner{flex-direction:column;align-items:stretch;gap:12px}body.tm-saas .tm-navbar-links{flex-direction:column;align-items:stretch;background:rgba(255,255,255,0.98);border:1px solid rgba(16,24,40,0.10);border-radius:16px;box-shadow:var(--tm-shadow-md);padding:10px}body.tm-saas .tm-navbar .nav-item .nav-link{width:100%;justify-content:flex-start}}body.tm-saas .home.tm-hero{padding:86px 0 54px;border-radius:0 0 56px 56px !important;position:relative;overflow:hidden}body.tm-saas .home.tm-hero::before{content:"";position:absolute;inset:-40px -80px auto -80px;height:280px;background:radial-gradient(circle at 25% 30%,rgba(255,255,255,0.18),transparent 60%);pointer-events:none}body.tm-saas .home.tm-hero::after{content:"";position:absolute;width:520px;height:520px;right:-220px;top:-160px;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,0.20),transparent 62%);filter:blur(2px);pointer-events:none}html[dir="rtl"] body.tm-saas .home.tm-hero::after{right:auto;left:-220px}body.tm-saas .tm-hero-copy{color:#fff}body.tm-saas .tm-hero-badges{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px;justify-content:flex-start}body.tm-saas .tm-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;border:1px solid rgba(255,255,255,0.22);background:rgba(255,255,255,0.10);font-size:13px;font-weight:650}body.tm-saas .tm-badge--muted{opacity:0.92}body.tm-saas .tm-hero-title{font-size:44px;font-weight:850;letter-spacing:-0.03em;line-height:1.08;margin:0 0 16px;text-align:start}body.tm-saas .tm-hero-subtitle{font-size:17px;opacity:0.92;margin:0 0 22px;text-align:start;max-width:42rem}body.tm-saas .tm-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}body.tm-saas .tm-hero-actions--compact{margin-top:6px}body.tm-saas .tm-hero-email{margin-top:10px}body.tm-saas .custom-email-input.tm-email-input,body.tm-saas .custom-email-input{height:56px;font-size:16px;padding:12px 124px 12px 18px;border-radius:999px;border:1px solid rgba(255,255,255,0.22);background:rgba(255,255,255,0.12);color:#fff}html[dir="rtl"] body.tm-saas .custom-email-input.tm-email-input,html[dir="rtl"] body.tm-saas .custom-email-input{padding:12px 18px 12px 124px}body.tm-saas .custom-email-input::placeholder{color:rgba(255,255,255,0.72)}body.tm-saas .custom-email-input:focus{box-shadow:0 0 0 4px rgba(255,255,255,0.12);border-color:rgba(255,255,255,0.32)}body.tm-saas .custom-email-botton.tm-copy-btn{width:auto;min-width:110px;font-size:15px;font-weight:700;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:10px}body.tm-saas .custom-email-botton.tm-copy-btn .tm-copy-text{display:inline-block;font-size:14px}body.tm-saas .tm-hero-trust{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}body.tm-saas .tm-trust-item{display:inline-flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,0.10);border:1px solid rgba(255,255,255,0.18);font-size:14px;font-weight:600}body.tm-saas .tm-trust-item i{opacity:0.95}body.tm-saas .tm-hero-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px;max-width:520px}body.tm-saas .tm-stat-card{border-radius:16px;padding:14px 14px;background:rgba(255,255,255,0.10);border:1px solid rgba(255,255,255,0.18)}body.tm-saas .tm-stat-label{font-size:13px;opacity:0.92;margin-bottom:8px}body.tm-saas .tm-stat-value{font-size:28px;font-weight:850;line-height:1}body.tm-saas .tm-hero-visual{position:relative;margin-top:10px}body.tm-saas .tm-preview-card{border-radius:26px;background:rgba(255,255,255,0.95);border:1px solid rgba(255,255,255,0.30);box-shadow:var(--tm-shadow-lg);overflow:hidden}body.tm-saas .tm-preview-top{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:linear-gradient(135deg,rgba(16,24,40,0.06),rgba(16,24,40,0.02));border-bottom:1px solid rgba(16,24,40,0.08)}body.tm-saas .tm-preview-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:rgba(16,24,40,0.06);border:1px solid rgba(16,24,40,0.10);font-size:12px;font-weight:700;color:var(--tm-text)}body.tm-saas .tm-preview-pill--muted{font-weight:650;opacity:0.85}body.tm-saas .tm-preview-body{padding:14px 16px 6px}body.tm-saas .tm-preview-message{display:flex;gap:12px;padding:12px 10px;border-radius:16px;border:1px solid rgba(16,24,40,0.08);background:#fff;box-shadow:0 10px 22px rgba(16,24,40,0.08);margin-bottom:10px}body.tm-saas .tm-preview-dot{width:10px;height:10px;border-radius:999px;background:var(--color1);margin-top:6px;flex:0 0 auto}body.tm-saas .tm-preview-lines{flex:1 1 auto}body.tm-saas .tm-preview-line{height:10px;border-radius:999px;background:rgba(16,24,40,0.10);margin-bottom:8px}body.tm-saas .tm-preview-line--strong{height:12px;background:rgba(16,24,40,0.14);width:70%}body.tm-saas .tm-preview-footer{padding:10px 16px 16px}body.tm-saas .tm-preview-cta{display:flex;gap:10px}body.tm-saas .tm-preview-btn{height:38px;border-radius:999px;border:1px solid rgba(16,24,40,0.10);background:rgba(16,24,40,0.06);flex:1 1 auto}body.tm-saas .tm-how{padding:54px 0 68px;background:transparent}body.tm-saas .tm-how-head{text-align:center;margin-bottom:26px}body.tm-saas .tm-how-head h2{font-size:34px;font-weight:850;letter-spacing:-0.02em;margin-bottom:10px;color:var(--tm-text)}body.tm-saas .tm-how-head p{color:var(--tm-muted);margin:0 auto;max-width:52rem;font-size:16px}body.tm-saas .tm-step-card{height:100%;border-radius:var(--tm-radius);background:var(--tm-surface);border:1px solid var(--tm-border);box-shadow:var(--tm-shadow-sm);padding:20px 18px;transition:transform .14s ease,box-shadow .14s ease}body.tm-saas .tm-step-card:hover{transform:translateY(-2px);box-shadow:var(--tm-shadow-md)}body.tm-saas .tm-step-icon{width:46px;height:46px;border-radius:14px;background:rgba(16,24,40,0.06);border:1px solid rgba(16,24,40,0.10);display:inline-flex;align-items:center;justify-content:center;font-weight:850;color:var(--color1);margin-bottom:14px}body.tm-saas .tm-step-card h3{font-size:18px;font-weight:800;margin:0 0 8px;color:var(--tm-text);text-align:start}body.tm-saas .tm-step-card p{color:var(--tm-muted);margin:0;text-align:start}body.tm-saas .features{background:transparent}body.tm-saas .tm-features-grid .tm-feature-card{height:100%;border-radius:var(--tm-radius);background:var(--tm-surface);border:1px solid var(--tm-border);box-shadow:var(--tm-shadow-sm);padding:22px 18px}body.tm-saas .tm-feature-icon{width:50px;height:50px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;background:rgba(16,24,40,0.06);border:1px solid rgba(16,24,40,0.10);margin-bottom:14px}body.tm-saas .tm-feature-card h3{font-size:18px;font-weight:850;margin:0 0 8px;color:var(--tm-text);text-align:start}body.tm-saas .tm-feature-card p{margin:0;color:var(--tm-muted);text-align:start}body.tm-saas .section-title{margin-bottom:38px}body.tm-saas .section-title h2{font-size:34px;letter-spacing:-0.02em}body.tm-saas .section-title p{font-size:16px;max-width:58rem;margin-left:auto;margin-right:auto}body.tm-saas .tm-mail-controls{border-radius:18px}body.tm-saas .tm-mail-controls-inner{gap:18px}body.tm-saas .tm-retention-note{margin-top:10px;padding:12px 12px;border-radius:14px;background:rgba(16,24,40,0.04);border:1px solid rgba(16,24,40,0.06)}body.tm-saas .tm-inbox-card{border-radius:20px;overflow:hidden}body.tm-saas .tm-inbox-header{padding:16px 18px}body.tm-saas .tm-inbox-header-row{display:flex;align-items:center;justify-content:space-between;gap:14px}body.tm-saas .tm-inbox-header-title{display:inline-flex;align-items:center;gap:10px;font-weight:850;letter-spacing:-0.02em}body.tm-saas .tm-inbox-header-title i{opacity:0.85}body.tm-saas .tm-inbox-header-hint{color:var(--tm-muted);font-size:14px}body.tm-saas .messages .message-item{margin:12px 0;padding:0;border-radius:18px;border:1px solid rgba(16,24,40,0.10);background:var(--tm-surface);box-shadow:0 12px 30px rgba(16,24,40,0.10);overflow:hidden}body.tm-saas .messages .message-item:hover{box-shadow:0 18px 44px rgba(16,24,40,0.14)}body.tm-saas .messages .message-link.tm-msg-link{display:flex;align-items:flex-start;gap:14px;padding:14px 16px;color:inherit}body.tm-saas .tm-msg-avatar{width:44px;height:44px;border-radius:16px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;background:rgba(16,24,40,0.05);border:1px solid rgba(16,24,40,0.10);font-weight:900;letter-spacing:-0.02em;color:var(--tm-text)}body.tm-saas .tm-message-new .tm-msg-avatar{box-shadow:inset 0 0 0 2px var(--color1);color:var(--color1);background:rgba(16,24,40,0.03)}body.tm-saas .tm-msg-main{flex:1 1 auto;min-width:0}body.tm-saas .tm-msg-top{display:flex;align-items:center;justify-content:space-between;gap:12px}body.tm-saas .tm-msg-from{font-weight:850;color:var(--tm-text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.tm-saas .tm-msg-subject{font-weight:700;color:rgba(16,24,40,0.92);margin-top:2px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.tm-saas .tm-msg-meta{display:flex;flex-wrap:wrap;gap:8px;color:var(--tm-muted);font-size:13px;margin-top:6px}body.tm-saas .tm-msg-dot{opacity:0.45}body.tm-saas .tm-new-badge{background:var(--color1);color:#fff;border:none;font-size:12px;font-weight:800;padding:4px 10px;border-radius:999px;line-height:1.2;white-space:nowrap}body.tm-saas .tm-msg-right{margin-left:auto;margin-inline-start:auto;display:flex;align-items:center;gap:10px;color:var(--tm-muted)}body.tm-saas .tm-msg-time--right{display:none;font-size:13px;font-weight:700}@media (min-width:768px){body.tm-saas .tm-msg-time--right{display:inline}}body.tm-saas .tm-chevron{opacity:0.55}html[dir="rtl"] body.tm-saas .tm-chevron i{transform:rotate(180deg)}body.tm-saas .tm-message-new{position:relative}body.tm-saas .tm-message-new::before{content:"";position:absolute;top:0;bottom:0;width:4px;background:var(--color1);left:0}html[dir="rtl"] body.tm-saas .tm-message-new::before{left:auto;right:0}body.tm-saas .tm-mailbox-skeleton{padding:8px 0 18px}body.tm-saas .tm-skel-item{height:72px;margin:12px 0;border-radius:18px}body.tm-saas .tm-page-head{padding:6px 2px}body.tm-saas .tm-page-title{font-size:22px;font-weight:900;letter-spacing:-0.02em}body.tm-saas .tm-page-subtitle{color:var(--tm-muted);font-size:14px;max-width:64rem}body.tm-saas .tm-change-form .form-control{height:52px}body.tm-saas .tm-help{display:block;color:var(--tm-muted);margin-top:8px}body.tm-saas .tm-change-actions .btn{border-radius:14px;justify-content:center}body.tm-saas .tm-change-side{display:grid;gap:12px}body.tm-saas .tm-side-card{border-radius:18px;padding:16px 16px;background:rgba(16,24,40,0.03);border:1px solid rgba(16,24,40,0.08)}body.tm-saas .tm-side-card--preview{background:rgba(255,255,255,0.88);box-shadow:0 18px 44px rgba(16,24,40,0.10)}body.tm-saas .tm-side-title{font-weight:900;margin-bottom:10px}body.tm-saas .tm-preview-email{direction:ltr;text-align:left;font-weight:950;letter-spacing:-0.01em;font-size:18px;padding:12px 12px;border-radius:14px;border:1px solid rgba(16,24,40,0.10);background:#fff;margin-bottom:10px;overflow-wrap:anywhere}html[dir="rtl"] body.tm-saas .tm-preview-email{text-align:left}body.tm-saas .tm-side-meta{color:var(--tm-muted);font-size:13px}body.tm-saas .tm-tips{margin:0;padding-left:18px;padding-inline-start:18px;color:var(--tm-muted)}html[dir="rtl"] body.tm-saas .tm-tips{padding-right:18px;padding-left:0}body.tm-saas .tm-tips li{margin-bottom:8px}body.tm-saas .tm-change-result{border-radius:18px}body.tm-saas .tm-change-result__row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}body.tm-saas .tm-change-result__input{flex:1;min-width:220px;direction:ltr;text-align:left}body.tm-saas .tm-view-bar{display:flex;align-items:center;justify-content:space-between;gap:12px}body.tm-saas .tm-view-back{display:inline-flex;align-items:center;gap:10px;font-weight:850}html[dir="rtl"] body.tm-saas .tm-view-back i{transform:rotate(180deg)}body.tm-saas .tm-view-actions{display:inline-flex;align-items:center;gap:10px}body.tm-saas .tm-view-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid rgba(16,24,40,0.12);background:rgba(16,24,40,0.04);color:var(--tm-text);font-weight:800}body.tm-saas .tm-view-btn:hover{background:rgba(16,24,40,0.06)}body.tm-saas .tm-view-btn--danger{background:rgba(220,38,38,0.08);border-color:rgba(220,38,38,0.22);color:#b91c1c}body.tm-saas .tm-view-btn--danger:hover{background:rgba(220,38,38,0.12)}body.tm-saas .tm-message-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 12px;border-radius:16px;background:rgba(16,24,40,0.03);border:1px solid rgba(16,24,40,0.06)}body.tm-saas .tm-message-from-name{font-weight:900}body.tm-saas .tm-message-from-email{color:var(--tm-muted);direction:ltr;text-align:left}body.tm-saas .tm-message-date{text-align:end;color:var(--tm-muted);font-size:13px;direction:ltr}body.tm-saas .tm-message-subject{margin-top:14px;padding:12px 12px;border-radius:16px;border:1px solid rgba(16,24,40,0.06);background:rgba(255,255,255,0.9)}body.tm-saas .tm-label{font-weight:850;margin-inline-end:8px}body.tm-saas .popular-posts{background:transparent}body.tm-saas .blog-grid{border-radius:18px;overflow:hidden;border:1px solid rgba(16,24,40,0.10);box-shadow:0 12px 30px rgba(16,24,40,0.10);background:var(--tm-surface)}body.tm-saas .blog-grid .blog-img img{border-radius:0}body.tm-saas .blog-grid .blog-info{padding:14px 14px 16px}body.tm-saas .blog-grid .blog-info h5 a{font-weight:900}body.tm-saas .tm-domain-reco{margin-top:10px;padding:10px 12px;border-radius:16px;border:1px solid rgba(16,24,40,0.12);background:rgba(255,255,255,0.8)}body.tm-saas .tm-domain-reco__title{font-weight:900;font-size:0.95rem}body.tm-saas .tm-domain-reco__pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}body.tm-saas .tm-domain-pill{border:1px solid rgba(16,24,40,0.12);background:#fff;border-radius:999px;padding:6px 10px;font-weight:800;font-size:0.85rem;cursor:pointer}body.tm-saas .tm-domain-pill.is-active{box-shadow:0 0 0 3px rgba(255,145,0,0.20)}body.tm-saas .tm-domain-desc{margin-top:8px;opacity:0.95}body.tm-saas .tm-error-meta{margin-top:10px;padding-top:10px;border-top:1px solid rgba(16,24,40,0.10)}body.tm-saas .tm-error-list{margin:0;padding-left:18px}body.tm-saas .tm-retry-countdown{font-weight:900}body.tm-saas .tm-cookie-prefs{margin-top:10px;border-radius:16px;border:1px solid rgba(16,24,40,0.12);overflow:hidden}body.tm-saas .tm-cookie-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:#fff}body.tm-saas .tm-cookie-row + .tm-cookie-row{border-top:1px solid rgba(16,24,40,0.08)}body.tm-saas .tm-cookie-row__title{font-weight:900;margin-bottom:2px}body.tm-saas .tm-cookie-row__desc{font-size:0.92rem;opacity:0.85}body.tm-saas .tm-switch{position:relative;display:inline-block;width:46px;height:26px}body.tm-saas .tm-switch input{opacity:0;width:0;height:0}body.tm-saas .tm-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:rgba(16,24,40,0.20);transition:.2s;border-radius:999px}body.tm-saas .tm-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:white;transition:.2s;border-radius:50%}body.tm-saas .tm-switch input:checked + .tm-slider{background-color:rgba(255,145,0,0.75)}body.tm-saas .tm-switch input:checked + .tm-slider:before{transform:translateX(20px)}@media (max-width:991px){body.tm-saas .home.tm-hero{padding:72px 0 46px}body.tm-saas .tm-hero-title{font-size:36px}body.tm-saas .tm-hero-visual{margin-top:28px}}@media (max-width:767px){body.tm-saas .home.tm-hero{padding:62px 0 40px;border-radius:0 0 40px 40px !important}body.tm-saas .tm-hero-title{font-size:30px}body.tm-saas .tm-hero-stats{grid-template-columns:1fr}body.tm-saas .custom-email-input.tm-email-input,body.tm-saas .custom-email-input{padding-inline-end:118px}body.tm-saas .custom-email-botton.tm-copy-btn{min-width:98px}}body.tm-saas .tm-navbar .tm-logo{filter:drop-shadow(0 2px 6px rgba(16,24,40,0.35))}body.tm-saas .tm-navbar .navbar-brand.tm-brand{gap:8px}body.tm-saas .tm-brand-icon{width:22px;height:22px;display:inline-block;flex:0 0 auto}body.tm-saas .tm-brand-text{font-family:'Inter',sans-serif;font-weight:700;font-size:18px;letter-spacing:-0.02em;line-height:1;color:#0F172A;display:inline-flex;align-items:baseline}body.tm-saas .tm-brand-my{color:var(--main-color)}@media (max-width:575.98px){body.tm-saas .tm-brand-text{font-size:16px}body.tm-saas .tm-brand-icon{width:20px;height:20px}}body.tm-saas .tm-navbar .navbar-brand{display:inline-flex;align-items:center;padding:6px 8px;border-radius:14px;background:rgba(16,24,40,0.03);border:1px solid rgba(16,24,40,0.06)}body.tm-saas .tm-navbar .navbar-brand:hover,body.tm-saas .tm-navbar .navbar-brand:focus{background:rgba(16,24,40,0.06)}body.tm-saas .tm-inbox-card .card-body{padding:18px !important;min-height:0 !important}@media (max-width:767px){body.tm-saas .tm-inbox-card .card-body{padding:16px !important}}body.tm-saas #mailbox{padding-top:4px}body.tm-saas .mailbox-empty{margin:36px auto 18px !important;max-width:520px;padding:12px 10px}@media (max-width:767px){body.tm-saas .mailbox-empty{margin:22px auto 14px !important;padding:10px 8px}}body.tm-saas .mailbox-empty i{color:var(--color1) !important}body.tm-saas .mailbox-empty > i{font-size:62px !important;margin-bottom:22px !important}body.tm-saas .mailbox-empty .tm-refresh-btn i{font-size:18px !important;margin:0 !important}body.tm-saas .mailbox-empty .tm-empty-actions i{font-size:18px !important;margin:0 !important}body.tm-saas .messages a.btn.btn-2{color:#fff !important}body.tm-saas .messages a.btn.btn-2:hover{color:var(--main-color) !important}body.tm-saas .mailbox-empty h3{color:var(--tm-text) !important;font-weight:850;letter-spacing:-0.02em;margin-bottom:12px}body.tm-saas .mailbox-empty .tm-empty-steps{margin:14px auto 0;max-width:34rem;color:var(--tm-muted);text-align:start;padding-inline-start:22px}body.tm-saas .mailbox-empty .tm-empty-steps li{margin:10px 0}body.tm-saas .mailbox-empty .tm-refresh-btn{margin-top:16px;width:100%;max-width:320px;justify-content:center;white-space:nowrap}body.tm-saas{--tm-radius-lg:18px;--tm-shadow-lg:0 16px 44px rgba(16,24,40,0.16);--tm-shadow-md:0 10px 26px rgba(16,24,40,0.12);--tm-shadow-sm:0 6px 16px rgba(16,24,40,0.08)}body.tm-saas .section-padding{padding:64px 0}@media (max-width:767px){body.tm-saas .section-padding{padding:44px 0}}body.tm-saas .home.tm-hero{padding:72px 0 44px;border-radius:0 0 40px 40px !important}body.tm-saas .tm-hero-effects{opacity:0.10}@media (max-width:991px){body.tm-saas .tm-hero-effects{display:none !important}}body.tm-saas .btn-1,body.tm-saas .btn-2{border-radius:16px !important;padding:10px 16px !important;box-shadow:var(--tm-shadow-sm) !important;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}body.tm-saas .btn-1:hover,body.tm-saas .btn-2:hover{box-shadow:var(--tm-shadow-md) !important;transform:translateY(-1px)}@media (prefers-reduced-motion:reduce){body.tm-saas .btn-1,body.tm-saas .btn-2{transition:none !important}body.tm-saas .btn-1:hover,body.tm-saas .btn-2:hover{transform:none !important}}body.tm-saas .tm-nav-cta,body.tm-saas .tm-navbar .lang_link,body.tm-saas .tm-navbar-toggler{border-radius:14px !important;padding:10px 12px !important;box-shadow:none !important}body.tm-saas .tm-navbar{box-shadow:0 8px 18px rgba(16,24,40,0.06) !important}body.tm-saas .tm-mail-controls{border-radius:16px !important;padding:12px !important;box-shadow:0 10px 22px rgba(16,24,40,0.06) !important}body.tm-saas .tm-mail-controls-inner{gap:12px !important}body.tm-saas .tm-email-input--sticky{border-radius:16px !important;height:44px !important}body.tm-saas .tm-copy-btn--sticky{border-radius:16px !important;height:44px !important}body.tm-saas .tm-mail-meta{color:var(--tm-muted) !important}body.tm-saas .tm-retention-note{padding:10px 10px !important;border-radius:12px !important}body.tm-saas .tm-retention-note small{font-size:12.5px;line-height:1.45}body.tm-saas .tm-mail-controls-right{gap:10px !important}body.tm-saas .tm-mail-controls-right .btn{border-radius:16px !important;padding:10px 14px !important;box-shadow:none !important;border:1px solid rgba(16,24,40,0.10) !important}body.tm-saas .tm-mail-controls-right .btn:active{transform:none !important}body.tm-saas .tm-inbox-card{border-radius:18px !important;box-shadow:0 10px 22px rgba(16,24,40,0.06)}body.tm-saas .tm-inbox-card .card-body{padding:18px !important}body.tm-saas .mailbox-empty{margin:22px auto 10px !important;padding:10px 10px !important}body.tm-saas .mailbox-empty > i{font-size:52px !important;margin-bottom:14px !important}body.tm-saas .mailbox-empty h3{font-size:18px !important}body.tm-saas .mailbox-empty .tm-empty-steps{font-size:14px;max-width:36rem}body.tm-saas .mailbox-empty .tm-refresh-btn{border-radius:16px !important;padding:12px 16px !important;box-shadow:none !important}body.tm-saas .mailbox-empty .tm-refresh-btn i{font-size:18px !important}body.tm-saas .messages .message-item{border-radius:16px !important;box-shadow:0 8px 18px rgba(16,24,40,0.08) !important}body.tm-saas .messages .message-item:hover{box-shadow:0 10px 24px rgba(16,24,40,0.10) !important}body.tm-saas .tm-msg-avatar{width:40px !important;height:40px !important;border-radius:14px !important}body.tm-saas .js-cookie-consent.cookie-consent{bottom:calc(12px + env(safe-area-inset-bottom)) !important;left:12px !important;right:12px !important}body.tm-saas .cookie-consent__actions{gap:8px !important}body.tm-saas button.cookie-consent__accept,body.tm-saas button.cookie-consent__reject,body.tm-saas a.cookie-consent__manage{border-radius:12px !important;padding:8px 10px !important}body.tm-saas .tm-lang-name{display:none !important}body.tm-saas:not(.tm-mode-inbox) #inbox{display:none !important}body.tm-saas #inbox:target{display:block !important}body.tm-saas.tm-mode-inbox .tm-hero,body.tm-saas.tm-mode-inbox .tm-how,body.tm-saas.tm-mode-inbox #features,body.tm-saas.tm-mode-inbox .popular-posts,body.tm-saas.tm-mode-inbox footer.footer{display:none !important}body.tm-saas.tm-mode-inbox #inbox .row > .col-md-2{display:none !important}body.tm-saas.tm-mode-inbox #inbox .row > .col-md-8{flex:0 0 100% !important;max-width:100% !important}body.tm-saas.tm-mode-inbox #inbox .row.mt-5{display:none !important}body.tm-saas:not(.tm-mode-inbox) .tm-hero-actions--compact a.btn.btn-2{display:none !important}body.tm-saas:not(.tm-mode-inbox) .tm-hero-actions--compact a.btn.btn-1{background:var(--color1) !important;border:1px solid var(--color1) !important;color:#fff !important}body.tm-saas:not(.tm-mode-inbox) .tm-hero-actions--compact a.btn.btn-1:hover{opacity:0.92}body.tm-saas .tm-copy-btn--sticky{background:var(--color1) !important;border:1px solid var(--color1) !important;color:#fff !important}body.tm-saas .tm-copy-btn--sticky:hover{opacity:.92}body.tm-saas .tm-copy-btn--sticky.tm-copy-success{filter:brightness(0.98)}body.tm-saas .tm-mail-controls-right .tm-refresh-btn{background:#fff !important;color:var(--color1) !important;border:1px solid rgba(0,175,145,0.35) !important}body.tm-saas .tm-mail-controls-right .tm-refresh-btn:hover{background:rgba(0,175,145,0.08) !important}body.tm-saas .tm-mail-controls-right a.btn{background:transparent !important;border:none !important;box-shadow:none !important;color:var(--tm-muted) !important;padding:10px 10px !important}body.tm-saas .tm-mail-controls-right a.btn:hover{color:var(--color1) !important;text-decoration:underline}body.tm-saas .tm-mail-controls-right .tm-delete-mailbox{background:#ef4444 !important;border:1px solid #ef4444 !important;color:#fff !important}body.tm-saas .tm-mail-controls-right .tm-delete-mailbox:hover{opacity:0.92}@media (max-width:575.98px){body.tm-saas .tm-mail-controls-inner{flex-wrap:wrap}body.tm-saas .tm-mail-controls-left{width:100%}body.tm-saas .tm-mail-controls-right{width:100%;justify-content:flex-start !important;flex-wrap:wrap}body.tm-saas .tm-mail-controls-right .btn,body.tm-saas .tm-mail-controls-right a.btn{width:auto !important}}body.tm-saas .tm-back-home-btn{background:transparent !important;border:1px solid rgba(16,24,40,0.10) !important;color:var(--tm-muted) !important;border-radius:14px !important;padding:10px 12px !important;margin-right:6px}body.tm-saas .tm-back-home-btn:hover{color:var(--color1) !important;border-color:rgba(0,175,145,0.35) !important;background:rgba(0,175,145,0.06) !important}body.tm-saas .tm-mailbox-error{border-radius:16px !important;padding:12px 14px !important;border:1px solid rgba(239,68,68,0.25) !important;background:rgba(239,68,68,0.06) !important}body.tm-saas .tm-mailbox-error h3{font-size:15px !important;margin:0 0 4px 0 !important}body.tm-saas .tm-mailbox-error p{margin:0 0 8px 0 !important;font-size:13px !important;color:var(--tm-muted) !important}body.tm-saas .tm-mailbox-error .tm-error-meta{margin-top:8px}body.tm-saas .tm-mailbox-error .tm-error-details-toggle{background:transparent;border:none;color:var(--color1);font-weight:700;padding:0;margin:6px 0 0}body.tm-saas .tm-mailbox-error .tm-error-details-toggle:hover{text-decoration:underline}body.tm-saas .tm-mailbox-error #tmRetryBtn{background:var(--color1) !important;border:1px solid var(--color1) !important;color:#fff !important;width:auto !important;padding:10px 14px !important;border-radius:14px !important;box-shadow:none !important}body.tm-saas .tm-mailbox-error #tmRetryBtn:hover{opacity:0.92}body.tm-saas .tm-auto-refresh{display:inline-flex;align-items:center;gap:10px}body.tm-saas .tm-auto-refresh-toggle{-webkit-appearance:none;appearance:none;width:46px;height:26px;border-radius:999px;background:rgba(16,24,40,0.12);position:relative;outline:none;cursor:pointer;transition:background .15s ease}body.tm-saas .tm-auto-refresh-toggle::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:999px;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,0.12);transition:left .15s ease}body.tm-saas .tm-auto-refresh-toggle:checked{background:rgba(0,175,145,0.45)}body.tm-saas .tm-auto-refresh-toggle:checked::after{left:23px}body.tm-saas .tm-auto-refresh label{margin:0;font-weight:600;color:var(--tm-muted)}body.tm-saas .tm-notify{display:inline-flex;align-items:center;gap:10px}body.tm-saas .tm-notify-toggle{-webkit-appearance:none;appearance:none;width:46px;height:26px;border-radius:999px;background:rgba(16,24,40,0.12);position:relative;outline:none;cursor:pointer;transition:background .15s ease}body.tm-saas .tm-notify-toggle::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:999px;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,0.12);transition:left .15s ease}body.tm-saas .tm-notify-toggle:checked{background:rgba(0,175,145,0.45)}body.tm-saas .tm-notify-toggle:checked::after{left:23px}body.tm-saas .tm-notify label{margin:0;font-weight:600;color:var(--tm-muted);display:inline-flex;align-items:center;gap:8px}body.tm-saas .tm-back-home-label{margin-left:8px;font-weight:700;font-size:13px}html[dir="rtl"] body.tm-saas .tm-back-home-label{margin-left:0;margin-right:8px}@media (max-width:575.98px){body.tm-saas .tm-back-home-label{display:none}}:root{--tm-primary:var(--color1,#00af91);--tm-primary-600:#00957c;--tm-font-sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;--tm-font-rtl:'Vazir','Tajawal','Cairo','Noto Kufi Arabic',sans-serif}body.tm-saas{font-family:var(--tm-font-sans)}html[dir="rtl"] body.tm-saas{font-family:var(--tm-font-rtl)}body.tm-saas .tm-mail-controls{z-index:900 !important}body.tm-saas{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.tm-saas a,body.tm-saas button,body.tm-saas .btn,body.tm-saas .form-control{transition:transform .12s ease,box-shadow .12s ease,filter .12s ease,background-color .12s ease,border-color .12s ease}body.tm-saas .btn:hover{transform:translateY(-1px)}body.tm-saas .btn:active{transform:translateY(0)}body.tm-saas .btn:disabled{transform:none}body.tm-saas a:focus-visible,body.tm-saas button:focus-visible,body.tm-saas input:focus-visible,body.tm-saas select:focus-visible,body.tm-saas textarea:focus-visible{outline:none;box-shadow:var(--tm-ring)}body.tm-saas .btn{border-radius:999px;font-weight:800;letter-spacing:-0.01em;padding:11px 16px}body.tm-saas .btn-sm{padding:8px 12px;font-size:13px;font-weight:800}body.tm-saas .btn-primary,body.tm-saas .btn-success{background:var(--color1);border-color:var(--color1);box-shadow:0 14px 28px rgba(16,24,40,0.14)}body.tm-saas .btn-primary:hover,body.tm-saas .btn-success:hover{filter:brightness(0.96)}body.tm-saas .btn-outline-primary{border-color:rgba(0,175,145,0.35);color:var(--color1);background:transparent}body.tm-saas .btn-outline-primary:hover{background:rgba(0,175,145,0.10);border-color:rgba(0,175,145,0.55);color:var(--color1)}body.tm-saas .btn-outline-secondary{border-color:rgba(16,24,40,0.18);color:var(--tm-text);background:transparent}body.tm-saas .btn-outline-secondary:hover{background:rgba(16,24,40,0.04);border-color:rgba(16,24,40,0.24);color:var(--tm-text)}body.tm-saas .btn-outline-danger{border-color:rgba(229,9,20,0.35);color:var(--color3);background:transparent}body.tm-saas .btn-outline-danger:hover{background:rgba(229,9,20,0.08);border-color:rgba(229,9,20,0.45);color:var(--color3)}body.tm-saas .form-control{border-radius:14px;padding:12px 14px}body.tm-saas select.form-control{padding-right:38px}body.tm-dir-rtl select.form-control{padding-right:14px;padding-left:38px}@media (max-width:991.98px){body.tm-saas .tm-nav-auth{gap:8px;margin-right:8px !important}body.tm-saas .tm-nav-auth .tm-nav-cta{padding:10px 10px}body.tm-saas .tm-nav-auth .tm-nav-cta-text{display:none}}body.tm-saas .tm-section--pricing .card{border:1px solid rgba(16,24,40,0.10);box-shadow:var(--tm-shadow-md);overflow:hidden}body.tm-saas .tm-section--pricing .card-body{padding:30px}body.tm-saas .tm-section--pricing .tm-pricing-pro{border:1px solid rgba(0,175,145,0.30) !important;background:radial-gradient(circle at 20% 0%,rgba(0,175,145,0.12),transparent 55%),var(--tm-surface)}body.tm-saas .tm-section--pricing .tm-pricing-badge{position:absolute;top:18px;right:18px;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:900;color:var(--color1);background:rgba(0,175,145,0.12);border:1px solid rgba(0,175,145,0.24)}body.tm-dir-rtl .tm-section--pricing .tm-pricing-badge{right:auto;left:18px}body.tm-saas .tm-section--pricing .tm-price{display:flex;align-items:baseline;gap:8px;margin:8px 0 10px}body.tm-saas .tm-section--pricing .tm-price-amount{font-size:54px;line-height:1;font-weight:900;letter-spacing:-0.04em}body.tm-saas .tm-section--pricing .tm-price-currency{font-size:22px;font-weight:900;opacity:0.85}body.tm-saas .tm-section--pricing .tm-price-period{color:var(--tm-muted);font-weight:800;font-size:13px}body.tm-saas .tm-feature-list{list-style:none;padding:0;margin:18px 0 24px}body.tm-saas .tm-feature-list li{position:relative;padding-left:28px;margin:10px 0;font-weight:700;color:var(--tm-text)}body.tm-saas .tm-feature-list li::before{content:"✓";position:absolute;left:0;top:0.05em;width:20px;height:20px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;color:#fff;background:var(--color1);box-shadow:0 0 0 4px rgba(0,175,145,0.15)}body.tm-dir-rtl .tm-feature-list li{padding-left:0;padding-right:28px}body.tm-dir-rtl .tm-feature-list li::before{left:auto;right:0}body.tm-saas .tm-section--pricing .tm-pricing-actions .btn{width:100%}body.tm-saas .tm-section--pricing .tm-pricing-actions form + form{margin-top:12px}body.tm-saas .tm-section--pricing .tm-pricing-actions a + a{margin-top:12px}body.tm-saas .tm-section--pricing .tm-pricing-compare .card-body{padding:22px}body.tm-saas .tm-section--pricing .tm-compare-table{margin:0}body.tm-saas .tm-section--pricing .tm-compare-table th,body.tm-saas .tm-section--pricing .tm-compare-table td{vertical-align:middle}body.tm-saas .tm-section--pricing .tm-compare-table thead th{border-bottom:1px solid rgba(16,24,40,0.12);font-weight:900}body.tm-saas .tm-section--pricing .tm-compare-table tbody th{font-weight:800}body.tm-saas .tm-plan-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:900;letter-spacing:0.02em}body.tm-saas .tm-plan-badge--pro{color:var(--color1);background:rgba(0,175,145,0.12);border:1px solid rgba(0,175,145,0.22)}body.tm-saas .tm-plan-badge--free{color:var(--tm-text);background:rgba(16,24,40,0.06);border:1px solid rgba(16,24,40,0.12)}body.tm-saas .tm-summary-card .card-body{padding:22px}body.tm-saas .tm-create-inbox-form .form-control{min-height:46px}body.tm-saas .tm-table thead th{font-size:12px;text-transform:uppercase;letter-spacing:0.08em;color:var(--tm-muted);border-top:0}body.tm-saas .tm-table tbody tr{transition:background .12s ease}body.tm-saas .tm-table tbody tr:hover{background:rgba(16,24,40,0.03)}body.tm-saas .tm-table code{padding:4px 8px;border-radius:10px;background:rgba(16,24,40,0.04);color:var(--tm-text)}body.tm-saas .tm-table .btn{box-shadow:none}body.tm-saas .tm-table .btn:hover{box-shadow:0 10px 22px rgba(16,24,40,0.10)}body.tm-saas .tm-mailbox-error{background:rgba(245,174,16,0.10);border:1px solid rgba(245,174,16,0.22);border-radius:18px;padding:22px 18px;max-width:760px;margin:0 auto 20px}body.tm-saas .tm-mailbox-error i{color:var(--color2)}body.tm-saas .tm-mailbox-error h3{font-size:18px;font-weight:900;margin-bottom:8px}body.tm-saas .tm-error-list{text-align:left;display:inline-block;margin:0}body.tm-dir-rtl .tm-error-list{text-align:right}@media (max-width:575.98px){body.tm-saas .tm-mailbox-error{padding:14px 12px;border-radius:14px}body.tm-saas .tm-mailbox-error h3{font-size:16px}body.tm-saas .tm-mailbox-error .tm-error-meta{display:none}}body.tm-saas .tm-navbar,body.tm-saas .tm-navbar-container,body.tm-saas .tm-navbar-inner{overflow:visible !important}body.tm-saas .tm-navbar{position:relative;z-index:1050}body.tm-saas .tm-lang-dropdown{position:relative;z-index:1060}body.tm-saas .tm-lang-dropdown .dropdown-menu,body.tm-saas .tm-lang-dropdown .lang_dropdown{z-index:1070;border-radius:14px;border:1px solid rgba(16,24,40,0.12);box-shadow:0 18px 44px rgba(16,24,40,0.16);padding:8px;min-width:180px}body.tm-saas .tm-lang-dropdown .dropdown-item{border-radius:12px;padding:10px 12px}body.tm-saas .tm-lang-dropdown .dropdown-item:hover,body.tm-saas .tm-lang-dropdown .dropdown-item:focus{background:rgba(0,175,145,0.10)}body.tm-saas .tm-progress{width:100%;height:10px;border-radius:999px;background:rgba(16,24,40,0.10);overflow:hidden}body.tm-saas .tm-progress-bar{height:100%;width:0;border-radius:999px;background:var(--color1)}body.tm-saas .tm-billing-card{border-radius:18px;border:1px solid rgba(16,24,40,0.10);box-shadow:0 18px 44px rgba(16,24,40,0.10)}body.tm-saas .tm-billing-label{font-size:12px;letter-spacing:0.02em;color:var(--tm-muted);margin-bottom:6px;text-transform:uppercase}body.tm-saas .tm-billing-value{font-weight:700;color:var(--tm-text)}body.tm-saas .tm-billing-note{font-size:13px;color:var(--tm-muted)}body.tm-saas .tm-btn-row{gap:10px}body.tm-saas .tm-mail-heading{display:flex;align-items:center;gap:10px;margin-bottom:10px}body.tm-saas .tm-mail-heading-title{display:inline-flex;align-items:center;gap:8px;font-weight:850;letter-spacing:-0.02em}body.tm-saas .tm-fetch-indicator{display:inline-flex;align-items:center;margin-left:8px;font-size:14px;opacity:0.75}html[dir="rtl"] body.tm-saas .tm-fetch-indicator{margin-left:0;margin-right:8px}body.tm-saas .tm-auto-refresh{display:flex;flex-wrap:wrap;align-items:center;gap:10px}body.tm-saas .tm-auto-refresh-interval{width:auto;padding:6px 10px;border-radius:999px;border:1px solid rgba(16,24,40,0.14);background:#fff;font-size:13px}body.tm-saas .tm-next-check{font-size:13px;color:rgba(16,24,40,0.65);white-space:nowrap}body.tm-saas .tm-error-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:750;background:rgba(16,24,40,0.06);color:rgba(16,24,40,0.80)}body.tm-saas .tm-error-badge--offline{background:rgba(245,174,16,0.18);color:rgba(161,98,7,1)}body.tm-saas .tm-error-badge--server{background:rgba(239,68,68,0.12);color:rgba(239,68,68,1)}body.tm-saas .tm-error-tips{margin-top:8px;font-size:13px}body.tm-saas .tm-error-tips ul{margin:6px 0 0 0;padding-left:18px}html[dir="rtl"] body.tm-saas .tm-error-tips ul{padding-left:0;padding-right:18px}body.tm-saas .tm-empty-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:12px 0 10px}body.tm-saas .mailbox-empty .tm-empty-actions .btn i,body.tm-saas .mailbox-empty .tm-empty-actions a i{font-size:18px !important;margin:0 !important}body.tm-saas .messages .mailbox-empty .tm-empty-actions a.btn.btn-2{color:#fff !important}body.tm-saas .messages .mailbox-empty .tm-empty-actions a.btn.btn-2:hover{color:#fff !important;opacity:0.92}body.tm-saas .tm-empty-help{margin:0;font-size:13px;color:rgba(16,24,40,0.68)}body.tm-saas .tm-unread-badge.is-zero{background:rgba(16,24,40,0.08) !important;color:rgba(16,24,40,0.62) !important}body.tm-saas .tm-skip-link{position:absolute;left:12px;top:-44px;padding:10px 14px;border-radius:999px;background:#fff;border:1px solid rgba(16,24,40,0.18);z-index:10000;transition:top .12s ease}body.tm-saas .tm-skip-link:focus{top:12px}html[dir="rtl"] body.tm-saas .tm-skip-link{left:auto;right:12px}body.tm-saas .tm-home-preview{max-width:560px;margin:14px auto 10px}body.tm-saas .tm-home-preview-row{display:flex;align-items:stretch;gap:8px}body.tm-saas .tm-home-preview-input{flex:1 1 auto;min-width:0;height:44px;border-radius:14px !important;background:rgba(255,255,255,0.92) !important}body.tm-saas .tm-home-preview-copy,body.tm-saas .tm-home-preview-refresh{height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:14px !important;padding:10px 12px !important;white-space:nowrap;background:rgba(255,255,255,0.26) !important;border:1px solid rgba(255,255,255,0.42) !important;color:#fff !important;box-shadow:0 10px 24px rgba(0,0,0,0.22);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}body.tm-saas .tm-home-preview-copy i,body.tm-saas .tm-home-preview-refresh i{opacity:1}body.tm-saas .tm-home-preview-copy:hover,body.tm-saas .tm-home-preview-refresh:hover{background:rgba(255,255,255,0.32) !important;border-color:rgba(255,255,255,0.52) !important}body.tm-saas .tm-home-preview-copy:active,body.tm-saas .tm-home-preview-refresh:active{transform:translateY(1px)}body.tm-saas .tm-home-preview-refresh{min-width:44px}body.tm-saas .tm-home-preview-refresh.is-loading i{animation:tmSpin 0.9s linear infinite}body.tm-saas .tm-home-preview-copy.is-disabled,body.tm-saas .tm-home-preview-copy:disabled{opacity:0.65;cursor:not-allowed}body.tm-saas .tm-home-preview-note{display:block;margin-top:8px;font-size:13px;color:rgba(255,255,255,0.92) !important;text-shadow:0 1px 2px rgba(0,0,0,0.35)}@media (max-width:420px){body.tm-saas .tm-home-preview-copy .tm-copy-text{display:none}body.tm-saas .tm-home-preview-copy{min-width:44px}}@keyframes tmSpin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}body.tm-saas .tm-hero-copy .tm-counter-note{color:rgba(255,255,255,0.65) !important}body.tm-saas .tm-username-row{display:flex;align-items:stretch;gap:8px}body.tm-saas .tm-gen-username-btn,body.tm-saas .tm-undo-username-btn{border:1px solid rgba(16,24,40,0.18);background:#fff;color:rgba(16,24,40,0.82);border-radius:14px;min-width:44px}body.tm-saas .tm-username-status{margin-top:8px;font-size:13px;display:none}body.tm-saas .tm-username-status.is-ok{color:rgba(5,150,105,1)}body.tm-saas .tm-username-status.is-bad{color:rgba(239,68,68,1)}body.tm-saas .tm-username-status.is-warn{color:rgba(245,158,11,1)}body.tm-saas .tm-username-suggestions{margin-top:10px;padding:10px 12px;border:1px solid rgba(16,24,40,0.12);border-radius:14px;background:rgba(255,255,255,0.9)}body.tm-saas .tm-sug-title{font-size:13px;font-weight:600;margin-bottom:8px}body.tm-saas .tm-sug-list{display:flex;flex-wrap:wrap;gap:8px}body.tm-saas .tm-sug-pill{border:1px solid rgba(16,24,40,0.16);background:#fff;border-radius:999px;padding:6px 10px;font-size:13px}body.tm-saas .tm-sug-pill:hover{transform:translateY(-1px)}body.tm-saas .tm-change-summary{display:flex;gap:8px;align-items:flex-start;padding:10px 12px;border:1px solid rgba(16,24,40,0.12);border-radius:14px;background:rgba(59,130,246,0.08);color:rgba(16,24,40,0.85);font-size:13px;margin-bottom:10px}body.tm-saas .tm-toc{border:1px solid rgba(16,24,40,0.12);border-radius:14px;padding:12px 14px;margin-bottom:14px;background:rgba(255,255,255,0.9)}body.tm-saas .tm-toc-title{font-weight:700;font-size:14px;margin-bottom:8px}body.tm-saas .tm-toc-list{margin:0;padding-left:18px}html[dir="rtl"] body.tm-saas .tm-toc-list{padding-left:0;padding-right:18px}body.tm-saas .tm-toc-list a{color:inherit;text-decoration:none}body.tm-saas .tm-toc-list a.active{font-weight:700;text-decoration:underline}body.tm-saas .tm-faq-search{margin-bottom:14px}body.tm-saas .tm-faq-item.is-hidden{display:none}body.tm-saas mark.tm-hl{padding:0 .15em;border-radius:3px;background:rgba(255,232,141,0.65);color:inherit}body.tm-saas .tm-highlight-card{border:1px solid rgba(0,0,0,0.08);border-radius:14px;padding:16px;height:100%;background:#fff}body.tm-saas .tm-highlight-card h3{margin:0 0 6px;font-size:18px}body.tm-saas .tm-highlight-card p{margin:0 0 10px;opacity:0.9}body.tm-saas .tm-highlight-icon{font-size:22px;margin-bottom:10px;opacity:0.9}body.tm-saas .tm-highlight-more{display:inline-flex;align-items:center;gap:6px;font-weight:700;text-decoration:none}body.tm-saas .tm-feature-links{text-align:center}body.tm-saas .tm-feature-links a{font-weight:700;text-decoration:none}body.tm-saas .tm-feature-links .tm-dot{margin:0 8px;opacity:0.6}:root{--tm-primary:var(--color1,#00af91);--tm-primary-600:#00957c;--tm-danger:#dc3545;--tm-warning:#f5ae10}body.tm-saas.tm-dir-ltr{font-family:"Poppins",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}body.tm-saas.tm-dir-rtl{font-family:"Cairo","Vazir",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}body.tm-saas{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.tm-saas h1,body.tm-saas h2,body.tm-saas h3{letter-spacing:-0.02em}body.tm-saas a:focus-visible,body.tm-saas button:focus-visible,body.tm-saas input:focus-visible,body.tm-saas select:focus-visible,body.tm-saas textarea:focus-visible{outline:none !important;box-shadow:0 0 0 4px rgba(0,175,145,0.20) !important;border-radius:12px}body.tm-saas .tm-btn{width:auto;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:11px 18px;font-weight:650;line-height:1.1;border:1px solid transparent;cursor:pointer;user-select:none;transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease,border-color .12s ease,color .12s ease}body.tm-saas .tm-btn:hover{transform:translateY(-1px)}body.tm-saas .tm-btn:active{transform:translateY(0)}body.tm-saas .tm-btn-primary{background:var(--tm-primary);border-color:var(--tm-primary);color:#fff}body.tm-saas .tm-btn-primary:hover{background:var(--tm-primary-600);border-color:var(--tm-primary-600);color:#fff}body.tm-saas .tm-btn-outline{background:#fff;color:var(--main-color,#161a1d);border-color:rgba(16,24,40,0.18)}body.tm-saas .tm-btn-outline:hover{border-color:rgba(16,24,40,0.30);color:var(--main-color,#161a1d)}body.tm-saas .tm-btn-danger{background:#fff;color:var(--tm-danger);border-color:rgba(220,53,69,0.35)}body.tm-saas .tm-btn-danger:hover{background:var(--tm-danger);border-color:var(--tm-danger);color:#fff}body.tm-saas .tm-btn-sm{padding:9px 14px;font-size:14px}body.tm-saas input[type="text"],body.tm-saas input[type="email"],body.tm-saas input[type="password"],body.tm-saas select,body.tm-saas textarea{border-radius:12px;border:1px solid rgba(16,24,40,0.14);background:#fff;padding:10px 12px}body.tm-saas table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid rgba(16,24,40,0.12);border-radius:14px;overflow:hidden}body.tm-saas table th,body.tm-saas table td{padding:12px 14px;border-bottom:1px solid rgba(16,24,40,0.10);vertical-align:middle}body.tm-saas table th{color:rgba(16,24,40,0.60);font-size:13px;font-weight:700;background:rgba(16,24,40,0.03)}body.tm-saas table tr:last-child td{border-bottom:none}body.tm-saas table tr:hover td{background:rgba(0,175,145,0.05)}body.tm-saas .tm-mailbox-error{text-align:left;padding:12px 14px;border-radius:14px;border:1px solid rgba(220,53,69,0.25);background:rgba(220,53,69,0.08);display:flex;align-items:flex-start;gap:12px}body.tm-saas .tm-mailbox-error i{font-size:18px;color:var(--tm-danger);margin-top:2px}body.tm-saas .tm-mailbox-error h3{font-size:15px;margin:0 0 2px}body.tm-saas .tm-mailbox-error p{margin:0;font-size:13px;opacity:0.92}body.tm-saas .tm-mailbox-error .tm-error-meta{display:none}body.tm-saas .tm-mailbox-error .tm-refresh-btn{margin-left:auto;white-space:nowrap}@media (max-width:575px){body.tm-saas .tm-mailbox-error{flex-wrap:wrap}body.tm-saas .tm-mailbox-error .tm-refresh-btn{margin-left:0;width:100%;justify-content:center}}body.tm-saas .mailbox-empty{margin:24px 0 !important;padding:18px 16px;border-radius:18px;border:1px dashed rgba(16,24,40,0.18);background:rgba(16,24,40,0.02)}body.tm-saas .mailbox-empty i{font-size:34px !important;margin-bottom:12px !important}body.tm-saas .tm-empty-steps{margin:10px 0 14px !important}@media (max-width:480px){body.tm-saas .tm-email-wrap{flex-wrap:wrap !important}body.tm-saas .tm-email-input--sticky{width:100% !important;min-width:0 !important}body.tm-saas .tm-copy-btn--sticky{width:100%;justify-content:center}}@media (max-width:767px){body.tm-saas .tm-mail-controls-right{width:100%;justify-content:flex-start}}body.tm-saas .tm-how-media{margin-bottom:16px}body.tm-saas .tm-video-wrap{position:relative;padding-top:56.25%;border-radius:18px;overflow:hidden;background:#000}body.tm-saas .tm-video-wrap iframe,body.tm-saas .tm-video-wrap video{position:absolute;top:0;left:0;width:100%;height:100%;border:0}body.tm-saas .tm-transcript{margin-top:12px}body.tm-saas .tm-transcript summary{cursor:pointer;font-weight:700}body.tm-saas .tm-transcript-body{margin-top:8px;line-height:1.7;color:var(--tm-muted)}body.tm-saas .tm-how-animation{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:10px}body.tm-saas .tm-how-anim-step{display:inline-flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(16,24,40,0.12);border-radius:14px;background:rgba(16,24,40,0.03);font-weight:600}body.tm-saas .tm-how-anim-num{width:26px;height:26px;border-radius:999px;background:rgba(0,175,145,0.14);display:inline-flex;align-items:center;justify-content:center;font-weight:800}@media (max-width:991px){body.tm-saas .tm-navbar-container{flex-wrap:wrap}body.tm-saas .tm-navbar-container .navbar-brand{order:1}body.tm-saas .tm-navbar-container .tm-nav-actions{order:2;margin-left:auto}html[dir="rtl"] body.tm-saas .tm-navbar-container .tm-nav-actions{margin-left:0;margin-right:auto}body.tm-saas .tm-navbar-container .navbar-collapse{order:3;width:100%;flex-basis:100%}}:root{--tm-primary:#16a34a;--tm-primary-ink:#ffffff;--tm-primary-hover:#12813a;--tm-danger:#dc2626;--tm-danger-hover:#b91c1c;--tm-border:rgba(15,23,42,.14);--tm-text:#0f172a;--tm-muted:rgba(15,23,42,.7);--tm-bg:#ffffff;--tm-card:#ffffff;--tm-shadow:0 10px 30px rgba(15,23,42,.08);--tm-radius:14px;--tm-focus:0 0 0 4px rgba(22,163,74,.18)}body.tm-mode-visitor [data-tm-block="inbox"],body.tm-mode-visitor [data-tm-block="counters"],body.tm-mode-visitor [data-tm-block="how"],body.tm-mode-visitor [data-tm-block="features"],body.tm-mode-visitor .tm-hide-visitor{display:none !important}body.tm-mode-inbox [data-tm-block="hero"],body.tm-mode-inbox [data-tm-block="highlights"],body.tm-mode-inbox [data-tm-block="counters"],body.tm-mode-inbox [data-tm-block="how"],body.tm-mode-inbox [data-tm-block="features"],body.tm-mode-inbox .tm-hide-inbox{display:none !important}body.tm-mode-inbox .tm-inbox-title-dup{display:none !important}.tm-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600;padding:.65rem 1rem;border-radius:12px;border:1px solid var(--tm-border);background:#fff;color:var(--tm-text);text-decoration:none;line-height:1.2;min-height:44px;cursor:pointer;user-select:none;transition:transform .06s ease,background .15s ease,border-color .15s ease,color .15s ease}.tm-btn:active{transform:translateY(1px)}.tm-btn:focus{outline:none;box-shadow:var(--tm-focus)}.tm-btn:focus-visible{outline:none;box-shadow:var(--tm-focus)}.tm-btn-primary{background:var(--tm-primary);color:var(--tm-primary-ink);border-color:transparent}.tm-btn-primary:hover{background:var(--tm-primary-hover)}.tm-btn-outline{background:#fff;color:var(--tm-text)}.tm-btn-outline:hover{background:rgba(15,23,42,.04)}.tm-btn-danger{background:var(--tm-danger);color:#fff;border-color:transparent}.tm-btn-danger:hover{background:var(--tm-danger-hover)}.tm-btn-link{background:transparent;border-color:transparent;color:var(--tm-muted);padding:.5rem .25rem;min-height:auto;border-radius:10px}.tm-btn-link:hover{color:var(--tm-text);text-decoration:underline}.tm-btn-sm{padding:.45rem .75rem;border-radius:10px;min-height:38px;font-size:.95rem}.tm-actionbar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:.75rem}.tm-actionbar .tm-spacer{flex:1 1 auto}.tm-refresh-btn[data-tm-loading="1"]{opacity:.88;pointer-events:none}.tm-refresh-btn[data-tm-loading="1"]::after{content:"";width:14px;height:14px;border-radius:999px;border:2px solid rgba(255,255,255,.55);border-top-color:#fff;display:inline-block;margin-left:.4rem;animation:tm-spin .7s linear infinite}.tm-refresh-btn.tm-btn-outline[data-tm-loading="1"]::after{border-color:rgba(15,23,42,.22);border-top-color:rgba(15,23,42,.78)}@keyframes tm-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.tm-error-card{background:rgba(220,38,38,.06);border:1px solid rgba(220,38,38,.22);border-radius:var(--tm-radius);padding:.85rem 1rem;margin-top:.75rem}.tm-error-card .tm-error-title{font-weight:700;color:#991b1b;margin-bottom:.25rem}.tm-error-card .tm-error-desc{color:rgba(153,27,27,.9);margin:0}.tm-error-card .tm-error-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:.6rem}.tm-error-details{display:none;margin-top:.6rem;padding-top:.6rem;border-top:1px dashed rgba(153,27,27,.25);color:rgba(15,23,42,.82);font-size:.95rem;line-height:1.5}.tm-error-card.tm-details-open .tm-error-details{display:block}.tm-empty{background:rgba(15,23,42,.03);border:1px solid rgba(15,23,42,.08);border-radius:var(--tm-radius);padding:1.1rem 1rem;margin-top:.75rem;text-align:left}.tm-empty .tm-empty-title{font-weight:800;margin:0 0 .35rem 0}.tm-empty .tm-empty-desc{margin:0 0 .8rem 0;color:var(--tm-muted)}.tm-empty .tm-empty-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid rgba(15,23,42,.08);margin-bottom:.65rem}.tm-info{margin-top:.65rem;border:1px solid rgba(15,23,42,.10);border-radius:var(--tm-radius);background:#fff;overflow:hidden}.tm-info > summary{cursor:pointer;padding:.75rem 1rem;font-weight:700;color:var(--tm-text);list-style:none}.tm-info > summary::-webkit-details-marker{display:none}.tm-info .tm-info-body{padding:.75rem 1rem;border-top:1px solid rgba(15,23,42,.08);color:var(--tm-muted);line-height:1.55}.tm-switch{display:inline-flex;align-items:center;gap:.55rem;user-select:none}.tm-switch input[type="checkbox"]{appearance:none;width:46px;height:28px;border-radius:999px;border:1px solid rgba(15,23,42,.18);background:rgba(15,23,42,.08);position:relative;outline:none;cursor:pointer;transition:background .18s ease,border-color .18s ease}.tm-switch input[type="checkbox"]::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:999px;background:#fff;box-shadow:0 6px 14px rgba(15,23,42,.16);transition:transform .18s ease}.tm-switch input[type="checkbox"]:checked{background:rgba(22,163,74,.95);border-color:rgba(22,163,74,1)}.tm-switch input[type="checkbox"]:checked::after{transform:translateX(18px)}.tm-switch input[type="checkbox"]:focus{box-shadow:var(--tm-focus)}.tm-switch small{color:var(--tm-muted)}#tm-toast{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);background:rgba(15,23,42,.92);color:#fff;padding:.7rem 1rem;border-radius:999px;box-shadow:var(--tm-shadow);font-weight:650;z-index:99999;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease}#tm-toast.tm-show{opacity:1;transform:translateX(-50%) translateY(-4px)}.tm-cookie-compact{max-width:980px;margin:0 auto;border-radius:14px;box-shadow:var(--tm-shadow)}html,body{max-width:100%}body.tm-saas{overflow-x:hidden}body.tm-saas .section-padding{padding:56px 0 !important}@media (max-width:767.98px){body.tm-saas .section-padding{padding:38px 0 !important}}body.tm-saas .section-title{margin-bottom:28px !important}@media (max-width:575.98px){body.tm-saas .section-title{margin-bottom:22px !important}body.tm-saas .section-title h2{font-size:28px !important}body.tm-saas .section-title p{font-size:15px !important}}body.tm-saas .card{border-radius:18px !important;border:1px solid rgba(16,24,40,0.10) !important;box-shadow:0 10px 22px rgba(16,24,40,0.06) !important;overflow:hidden}body.tm-saas .card-header{padding:14px 16px !important;background:rgba(255,255,255,0.92) !important;border-bottom:1px solid rgba(16,24,40,0.08) !important}body.tm-saas .card-body{padding:16px !important}@media (max-width:575.98px){body.tm-saas .card-header{padding:12px 14px !important}body.tm-saas .card-body{padding:14px !important}}body.tm-saas .tm-highlight-card,body.tm-saas .tm-step-card,body.tm-saas .tm-feature-card{border-radius:18px !important}body.tm-saas .tm-navbar{padding:8px 0 !important}@media (max-width:575.98px){body.tm-saas .tm-navbar{padding:6px 0 !important}body.tm-saas .tm-navbar-container{gap:8px !important;flex-wrap:nowrap !important;align-items:center !important}body.tm-saas .tm-navbar .navbar-brand{margin:0 !important;padding:6px 10px !important;border-radius:16px !important}body.tm-saas .tm-navbar .navbar-brand img{height:26px !important}body.tm-saas .tm-nav-actions{gap:8px !important;flex-wrap:nowrap !important;margin-left:auto !important}body.tm-saas .tm-nav-cta,body.tm-saas .tm-navbar .lang_link,body.tm-saas .tm-nav-more-btn{height:38px;padding:8px 10px !important;border-radius:14px !important}body.tm-saas .tm-nav-cta .tm-nav-cta-text{display:none !important}body.tm-saas .tm-nav-cta{min-width:44px;justify-content:center !important}@media (max-width:360px){body.tm-saas .tm-navbar .lang_link span{display:none !important}}}body.tm-saas .home.tm-hero{padding:62px 0 40px !important;border-radius:0 0 40px 40px !important}@media (max-width:575.98px){body.tm-saas .home.tm-hero{padding:54px 0 34px !important;border-radius:0 0 32px 32px !important}body.tm-saas .tm-hero-badges{justify-content:center !important}body.tm-saas .tm-hero-title{font-size:34px !important;text-align:center !important}body.tm-saas .tm-hero-subtitle{text-align:center !important;margin-bottom:18px !important}body.tm-saas .tm-home-preview{margin-left:auto;margin-right:auto}body.tm-saas .tm-home-preview-note{text-align:center !important}body.tm-saas .tm-home-preview-copy,body.tm-saas .tm-home-preview-refresh{background:rgba(255,255,255,0.22) !important;border:1px solid rgba(255,255,255,0.36) !important;color:#fff !important;box-shadow:0 10px 24px rgba(0,0,0,0.22);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}body.tm-saas .tm-hero-actions{justify-content:center}body.tm-saas .tm-hero-trust{justify-content:center}body.tm-saas .tm-hero-stats{justify-content:center}body.tm-saas .tm-counter-note{display:block;text-align:center}}body.tm-saas .tm-mail-controls{padding:12px !important}@media (max-width:575.98px){body.tm-saas .tm-mail-controls{padding:10px !important}}body.tm-saas .tm-empty-actions .btn,body.tm-saas .tm-empty-actions a.btn{min-height:44px;border-radius:16px !important;padding:10px 14px !important}body.tm-saas .tm-empty-actions a.btn{text-decoration:none !important}body.tm-saas .tm-feature-links{display:none !important}body.tm-saas .tm-feature-highlights{margin-bottom:10px !important}body.tm-saas .tm-features-grid .tm-feature-card{padding:18px 16px !important}@media (max-width:575.98px){body.tm-saas .tm-features-grid .tm-feature-card{padding:16px 14px !important}}body.tm-saas .footer .nav{gap:10px 18px;padding:6px 0 0}body.tm-saas .cookie-content,body.tm-saas .cookie-box,body.tm-saas .cookie-wrapper{border-radius:18px !important}body.tm-auth{background:var(--tm-bg)}body.tm-auth .tm-auth-page{min-height:calc(100vh - 86px);display:flex;align-items:center;padding:40px 0}body.tm-auth .tm-auth-page > .container{width:100%}body.tm-auth .login-brand{text-align:center;margin-bottom:16px}body.tm-auth .login-brand a{color:var(--tm-text);font-weight:850;letter-spacing:-0.02em;text-decoration:none}body.tm-auth .login-brand a:hover{text-decoration:none;opacity:.95}body.tm-auth .card{border-radius:var(--tm-radius-lg);border:1px solid rgba(16,24,40,0.10);box-shadow:0 18px 44px rgba(16,24,40,0.10);overflow:hidden}body.tm-auth .card .card-header{background:transparent;border-bottom:1px solid rgba(16,24,40,0.08);padding:22px 22px 12px}body.tm-auth .card .card-header h4{margin:0;font-weight:850;letter-spacing:-0.02em}body.tm-auth .card .card-body{padding:22px}body.tm-auth .form-control{height:52px;border-radius:14px;border:1px solid rgba(16,24,40,0.14)}body.tm-auth .form-control:focus{box-shadow:var(--tm-ring);border-color:rgba(16,24,40,0.24)}body.tm-auth .btn-primary{background:var(--main-color) !important;border-color:var(--main-color) !important;border-radius:16px !important;padding:12px 16px !important;font-weight:700 !important;box-shadow:var(--tm-shadow-sm);transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}body.tm-auth .btn-primary:hover{opacity:.98;transform:translateY(-1px);box-shadow:var(--tm-shadow-md)}@media (prefers-reduced-motion:reduce){body.tm-auth .btn-primary{transition:none !important}body.tm-auth .btn-primary:hover{transform:none !important}}body.tm-auth .btn-link{padding:0 !important;color:var(--main-color) !important;font-weight:600}body.tm-auth .btn-link:hover{text-decoration:underline}body.tm-auth .simple-footer{text-align:center;margin-top:14px;color:var(--tm-muted)}body.tm-auth .tm-auth-footer{padding:22px 0 30px}body.tm-auth .tm-auth-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--tm-muted);font-size:14px}body.tm-auth .tm-auth-footer-links a{color:inherit;text-decoration:none}body.tm-auth .tm-auth-footer-links a:hover{text-decoration:underline}@media (max-width:576px){body.tm-auth .tm-auth-page{padding:22px 0}body.tm-auth .tm-auth-footer-inner{flex-direction:column}}body.tm-auth .tm-auth-page .mt-5{margin-top:0 !important}body.tm-auth .simple-footer{display:none !important}body.tm-auth .login-brand{display:none !important}body.tm-auth .tm-auth-page{flex-direction:column;justify-content:center}
/* =========================
   TempMy bundle last-mile fixes (header + a11y + brand color)
   ========================= */
:root{--tm-font-sans:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";--tm-font-rtl:Vazir,Tahoma,Arial,sans-serif;--tm-primary:var(--color1);}
@supports (color:color-mix(in srgb, black, white)){:root{--tm-primary-600:color-mix(in srgb, var(--tm-primary) 82%, #000);}}
@supports not (color:color-mix(in srgb, black, white)){:root{--tm-primary-600:var(--tm-primary);}}
body,body.tm-dir-ltr{font-family:var(--tm-font-sans)!important;}
body.tm-dir-rtl,body[dir="rtl"],body.rtl{font-family:var(--tm-font-rtl)!important;}
.tm-brand-my{color:var(--tm-primary)!important;}
/* Skip link: keep accessible but hidden unless focused */
.tm-skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;z-index:2147483647;}
.tm-skip-link:focus,.tm-skip-link:active{left:12px;top:12px;width:auto;height:auto;padding:10px 12px;background:#fff;color:#111827;border:2px solid var(--tm-primary);border-radius:12px;box-shadow:0 10px 25px rgba(0,0,0,.18);text-decoration:none;}
/* Header: force single row + icon mode */
.tm-navbar{background:rgba(255,255,255,.86)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(16,24,40,.08)!important;}
.tm-navbar .tm-navbar-container{display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important;gap:10px!important;}
.tm-navbar .tm-brand{flex:0 0 auto!important;max-width:55vw;}
.tm-navbar .tm-nav-actions{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:10px!important;margin-left:auto!important;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
.tm-navbar .tm-nav-actions::-webkit-scrollbar{display:none;}
.tm-navbar .tm-nav-cta,.tm-navbar .lang_link{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:42px;height:40px;padding:8px 10px!important;border-radius:14px!important;white-space:nowrap!important;}
.tm-navbar .tm-nav-cta-text,.tm-navbar .tm-lang-code,.tm-navbar .tm-lang-name{display:none!important;}
.tm-navbar .tm-nav-auth{display:flex!important;align-items:center!important;gap:10px!important;margin:0!important;}
.tm-navbar .tm-nav-auth .tm-nav-cta{margin:0!important;}
.tm-navbar .tm-nav-cta--icon.d-lg-none{display:none!important;}
.tm-navbar .tm-nav-more{display:none!important;}
.tm-navbar .lang_link img{display:none!important;}
.tm-navbar .lang_link i{font-size:18px;line-height:1;}
@media (max-width:420px){.tm-navbar{padding:8px 0!important;}.tm-navbar .tm-brand{max-width:52vw;}.tm-navbar .tm-brand-text{font-size:16px!important;}.tm-navbar .tm-nav-cta,.tm-navbar .lang_link{min-width:38px;height:36px;border-radius:12px!important;padding:6px 8px!important;}.tm-navbar .tm-brand{padding:8px 10px!important;border-radius:16px!important;}}
@media (max-width:360px){.tm-navbar .tm-navbar-container{gap:8px!important;}.tm-navbar .tm-nav-actions{gap:8px!important;}.tm-navbar .tm-brand-text{display:none!important;}.tm-navbar .tm-brand{max-width:44vw;}}

/* === TempMy Header Rebuild (v10) === */
.tm-skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;}
.tm-skip-link:focus{left:12px;top:12px;width:auto;height:auto;z-index:2000;padding:10px 12px;border-radius:12px;background:#fff;border:1px solid rgba(0,0,0,.12);color:var(--main-color);text-decoration:none;box-shadow:0 10px 24px rgba(0,0,0,.12);}
.tm-header{position:sticky;top:0;z-index:1030;background:rgba(255,255,255,.92);backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid rgba(0,0,0,.06);padding-top:env(safe-area-inset-top);}
.tm-header__container{padding-left:12px;padding-right:12px;}
.tm-header__inner{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px;flex-wrap:nowrap;}
.tm-header__brand{display:flex;align-items:center;gap:10px;min-width:0;flex:1 1 auto;text-decoration:none;}
.tm-header__brandIcon{flex:0 0 auto;}
.tm-header__brandText{display:inline-flex;align-items:baseline;font-weight:800;letter-spacing:-.02em;font-size:18px;line-height:1;white-space:nowrap;min-width:0;max-width:46vw;overflow:hidden;text-overflow:ellipsis;}
.tm-header__brandTemp{color:var(--main-color);}
.tm-header__brandMy{color:var(--color1);}
@media (max-width:360px){.tm-header__brandText{font-size:16px;}}
@media (max-width:320px){.tm-header__brandText{max-width:38vw;}}
.tm-header__actions{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;flex:0 0 auto;}
.tm-iconbtn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;border:1px solid rgba(0,0,0,.12);background:#fff;color:var(--main-color);text-decoration:none;box-shadow:0 6px 18px rgba(0,0,0,.06);transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease,border-color .12s ease,color .12s ease;}
.tm-iconbtn i{font-size:18px;line-height:1;}
.tm-iconbtn--primary{background:var(--color1);border-color:rgba(0,0,0,.04);color:#fff;box-shadow:0 10px 26px rgba(255,165,0,.25);}
.tm-iconbtn--ghost{background:#fff;}
.tm-iconbtn:active{transform:scale(.98);}
.tm-iconbtn:focus{outline:none;}
.tm-iconbtn:focus-visible{box-shadow:0 0 0 4px rgba(255,165,0,.25),0 10px 26px rgba(0,0,0,.08);}
.tm-header__langBtn{padding:0;}
.tm-header__langBtn .tm-flag{display:block;border-radius:4px;box-shadow:0 0 0 1px rgba(0,0,0,.06) inset;}
.tm-header__langMenu{min-width:180px;border-radius:14px;border:1px solid rgba(0,0,0,.08);box-shadow:0 18px 40px rgba(0,0,0,.14);padding:8px;}
.tm-header__langMenu .dropdown-item{border-radius:10px;padding:10px 12px;display:flex;align-items:center;gap:10px;color:var(--main-color);}
.tm-header__langMenu .dropdown-item.active,.tm-header__langMenu .dropdown-item:active{background:rgba(255,165,0,.12);color:var(--main-color);}
.tm-header__langMenu .dropdown-item:hover{background:rgba(0,0,0,.04);}
.tm-header__langMenu .tm-flag{flex:0 0 auto;}
/* Force single-line layout */
.tm-header__inner,.tm-header__actions{white-space:nowrap;}


/* tm-cookie v1 */
.js-cookie-consent.cookie-consent{display:none!important}
.tm-cookie{position:fixed;left:0;right:0;bottom:0;z-index:2147483646;padding:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom))}.tm-cookie[hidden]{display:none!important}.tm-cookie__inner{max-width:980px;margin:0 auto;background:#fff;border:1px solid rgba(15,23,42,.12);border-radius:16px;box-shadow:0 18px 50px rgba(15,23,42,.18);padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.tm-cookie__text{min-width:0;display:flex;flex-direction:column;gap:2px}.tm-cookie__title{font-weight:800;font-size:14px;color:#0f172a}.tm-cookie__msg{font-size:13px;line-height:1.4;color:rgba(15,23,42,.78)}.tm-cookie__msg a{color:var(--color1);font-weight:700;text-decoration:none}.tm-cookie__msg a:hover{text-decoration:underline}.tm-cookie__actions{display:flex;align-items:center;gap:10px;flex-shrink:0;flex-wrap:wrap}.tm-cookie__btn{appearance:none;border:none;background:transparent;border-radius:12px;padding:10px 14px;font-weight:800;font-size:13px;line-height:1;cursor:pointer;white-space:nowrap}.tm-cookie__btn:focus{outline:3px solid rgba(255,165,0,.35);outline-offset:2px}.tm-cookie__btn--ghost{color:rgba(15,23,42,.75)}.tm-cookie__btn--outline{border:1px solid rgba(15,23,42,.18);background:#fff;color:#0f172a}.tm-cookie__btn--primary{background:var(--color1);color:#fff}.tm-cookie__btn--primary:hover{filter:brightness(.97)}@media(max-width:640px){.tm-cookie__inner{flex-direction:column;align-items:stretch}.tm-cookie__actions{justify-content:stretch}.tm-cookie__btn{width:100%}}
.tm-cookie-modal{position:fixed;inset:0;z-index:2147483647}.tm-cookie-modal[hidden]{display:none!important}.tm-cookie-modal__overlay{position:absolute;inset:0;background:rgba(2,6,23,.55);backdrop-filter:blur(6px)}.tm-cookie-modal__dialog{position:relative;max-width:520px;margin:10vh auto 0;background:#fff;border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.35);border:1px solid rgba(15,23,42,.12);padding:16px}@media(max-width:640px){.tm-cookie-modal__dialog{margin:12vh 12px 0}}.tm-cookie-modal__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.tm-cookie-modal__title{font-size:16px;font-weight:900;margin:0;color:#0f172a}.tm-cookie-modal__close{appearance:none;border:none;background:transparent;font-size:22px;line-height:1;padding:4px 8px;border-radius:10px;cursor:pointer;color:rgba(15,23,42,.6)}.tm-cookie-modal__close:hover{background:rgba(15,23,42,.06)}.tm-cookie-modal__desc{margin:8px 0 14px;font-size:13px;line-height:1.55;color:rgba(15,23,42,.78)}
.tm-cookie-pref{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 10px;border:1px solid rgba(15,23,42,.1);border-radius:14px;margin-bottom:10px}.tm-cookie-pref__meta{min-width:0}.tm-cookie-pref__label{font-weight:900;font-size:14px;color:#0f172a;margin:0}.tm-cookie-pref__hint{font-size:12px;color:rgba(15,23,42,.7);margin:3px 0 0}.tm-cookie-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:rgba(15,23,42,.06);font-weight:900;font-size:12px;color:rgba(15,23,42,.7);white-space:nowrap}
.tm-cookie-switch{position:relative;display:inline-block;width:46px;height:26px;flex-shrink:0}.tm-cookie-switch input{opacity:0;width:0;height:0}.tm-cookie-slider{position:absolute;cursor:pointer;inset:0;background:rgba(15,23,42,.15);border-radius:999px;transition:.2s}.tm-cookie-slider:before{content:"";position:absolute;height:20px;width:20px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s;box-shadow:0 2px 10px rgba(0,0,0,.18)}.tm-cookie-switch input:checked+.tm-cookie-slider{background:rgba(255,165,0,.95)}.tm-cookie-switch input:checked+.tm-cookie-slider:before{transform:translateX(20px)}
.tm-cookie-modal__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:14px}.tm-cookie-modal__footer a{color:rgba(15,23,42,.7);font-weight:800;font-size:13px;text-decoration:none}.tm-cookie-modal__footer a:hover{text-decoration:underline}.tm-cookie-modal__footer .tm-cookie__btn{padding:11px 16px}
html.tm-cookie-open,html.tm-cookie-open body{overflow:hidden}
body.tm-dir-rtl .tm-cookie__inner,body.tm-dir-rtl .tm-cookie-modal__dialog{direction:rtl}
body.tm-dir-rtl .tm-cookie__actions{flex-direction:row-reverse}

/* tm-final-fixes v6 */
:root{
  --tm-header-offset:72px;
  /* Updated at runtime from JS; falls back to --tm-header-offset */
  --tm-header-h:var(--tm-header-offset);
}
@media(max-width:360px){:root{--tm-header-offset:64px}}

/* Ensure inbox sticky controls sit below the sticky header */
.tm-mail-controls.sticky-top{top:var(--tm-header-h,var(--tm-header-offset))}
@supports (top: calc(1px + env(safe-area-inset-top))) {
  .tm-mail-controls.sticky-top{top:calc(var(--tm-header-h,var(--tm-header-offset)) + env(safe-area-inset-top))}
}
@supports (top: calc(1px + constant(safe-area-inset-top))) {
  .tm-mail-controls.sticky-top{top:calc(var(--tm-header-h,var(--tm-header-offset)) + constant(safe-area-inset-top))}
}

/* Keep anchor jumps from hiding under sticky header */
#inbox{scroll-margin-top:calc(var(--tm-header-h,var(--tm-header-offset)) + 16px)}

/* If the header action buttons ever overflow, allow safe horizontal scroll instead of wrapping */
.tm-header__actions{overflow-x:auto;-webkit-overflow-scrolling:touch}
.tm-header__actions::-webkit-scrollbar{display:none}

/* =============================
   TempMy Inbox Controls Rebuild
   (CSS only in tm-bundle.css)
   ============================= */

/* Accessibility: hide skip-link until keyboard focus */
body.tm-saas .tm-skip-link{position:absolute;left:-9999px;top:0;z-index:2147483647;padding:10px 14px;border-radius:14px;background:#fff;color:var(--main-color);box-shadow:0 12px 30px rgba(16,24,40,.14)}
body.tm-saas .tm-skip-link:focus{left:12px;top:12px;outline:3px solid rgba(255,165,0,.35);outline-offset:2px}

/* Sticky inbox controls card */
body.tm-saas .tm-mail-controls{padding:0 !important;margin:14px 0 18px;z-index:1020}
body.tm-saas .tm-mail-controls .tm-mail-controls-inner{background:rgba(255,255,255,.92);backdrop-filter:saturate(140%) blur(10px);-webkit-backdrop-filter:saturate(140%) blur(10px);border:1px solid rgba(16,24,40,.10);border-radius:24px;box-shadow:0 18px 44px rgba(16,24,40,.10);padding:14px;display:flex;gap:14px;align-items:stretch}
body.tm-saas .tm-mail-controls .tm-mail-controls-left{flex:1 1 auto;min-width:0}
body.tm-saas .tm-mail-controls .tm-mail-controls-right{flex:0 0 280px;display:flex;flex-direction:column;gap:10px;align-items:stretch}

/* Title + meta */
body.tm-saas .tm-mail-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}
body.tm-saas .tm-mail-heading-title{display:inline-flex;align-items:center;gap:10px;font-weight:900;letter-spacing:-0.02em;font-size:16px;color:var(--main-color)}
body.tm-saas .tm-mail-heading-title i{color:var(--color1)}
body.tm-saas .tm-mail-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0}
body.tm-saas .tm-unread-wrap,body.tm-saas .tm-last-updated-wrap{display:inline-flex;align-items:center;gap:8px}
body.tm-saas .tm-unread-label,body.tm-saas .tm-last-updated-label{color:rgba(22,26,29,.70);font-weight:700;font-size:13px}
body.tm-saas .tm-unread-badge{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:24px;padding:0 10px;border-radius:999px;background:rgba(22,26,29,.08);font-weight:900;font-size:13px;color:var(--main-color)}
body.tm-saas .tm-unread-badge.is-zero{opacity:.75}
body.tm-saas .tm-last-updated-value{font-weight:900;color:var(--main-color)}
body.tm-saas .tm-fetch-indicator{margin-left:6px;color:rgba(22,26,29,.55)}

/* Email field + copy */
body.tm-saas .tm-email-wrap{display:flex;flex-direction:column;gap:8px}
body.tm-saas .tm-email-input--sticky{height:52px;border-radius:18px;border:1px solid rgba(16,24,40,.14);background:#fff;padding:0 14px;font-weight:700;letter-spacing:-0.01em;color:var(--main-color)}
body.tm-saas .tm-email-input--sticky:focus{outline:none;box-shadow:0 0 0 4px rgba(255,165,0,.18);border-color:rgba(255,165,0,.55)}
body.tm-saas .tm-copy-btn--sticky{border:0;border-radius:18px;min-height:52px;padding:0 16px;font-weight:900;letter-spacing:-0.01em;display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--color1);color:#fff;box-shadow:0 18px 38px rgba(255,165,0,.26);transition:transform .12s ease,filter .12s ease,box-shadow .12s ease}
body.tm-saas .tm-copy-btn--sticky:hover{filter:brightness(.98);transform:translateY(-1px);box-shadow:0 22px 44px rgba(255,165,0,.30)}
body.tm-saas .tm-copy-btn--sticky:active{transform:translateY(0)}
body.tm-saas .tm-copy-btn--sticky .tm-copy-text{font-weight:900}

/* Retention note */
body.tm-saas .tm-retention-note{margin-top:10px;padding:10px 12px;border-radius:18px;background:rgba(22,26,29,.04);border:1px solid rgba(16,24,40,.08)}
body.tm-saas .tm-retention-note small{color:rgba(22,26,29,.75);font-weight:600;line-height:1.35}
body.tm-saas .tm-retention-note .tm-auto-note{color:rgba(22,26,29,.85)}

/* Buttons / actions */
body.tm-saas .tm-refresh-btn{border:0;border-radius:20px;min-height:52px;padding:0 16px;font-weight:900;letter-spacing:-0.01em;display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--color1);color:#fff;box-shadow:0 18px 38px rgba(255,165,0,.22);transition:transform .12s ease,filter .12s ease}
body.tm-saas .tm-refresh-btn:hover{filter:brightness(.98);transform:translateY(-1px)}
body.tm-saas .tm-refresh-btn:active{transform:translateY(0)}

body.tm-saas .tm-change-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:10px 14px;border-radius:18px;background:#fff;border:1px solid rgba(16,24,40,.12);color:var(--main-color);font-weight:900;text-decoration:none}
body.tm-saas .tm-change-link:hover{background:rgba(22,26,29,.03)}

body.tm-saas .tm-delete-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:10px 14px;border-radius:18px;border:1px solid rgba(220,38,38,.18);background:rgba(220,38,38,.06);color:#b91c1c;font-weight:900}
body.tm-saas .tm-delete-btn:hover{background:rgba(220,38,38,.10)}

/* Back-to-home button injected by JS */
body.tm-saas .tm-back-home-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:10px 14px;border-radius:18px;background:#fff;border:1px solid rgba(16,24,40,.12);color:var(--main-color);font-weight:900;text-decoration:none}
body.tm-saas .tm-back-home-btn:hover{background:rgba(22,26,29,.03)}

/* Auto refresh + notifications groups */
body.tm-saas .tm-auto-refresh,body.tm-saas .tm-notify{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:rgba(22,26,29,.04);border:1px solid rgba(16,24,40,.08);border-radius:18px;padding:10px 12px}
body.tm-saas .tm-auto-refresh label,body.tm-saas .tm-notify label{margin:0;font-weight:800;color:rgba(22,26,29,.86);display:inline-flex;align-items:center;gap:8px}
body.tm-saas .tm-auto-refresh-interval{height:38px;border-radius:14px;border:1px solid rgba(16,24,40,.14);background:#fff;padding:0 10px;font-weight:800;color:var(--main-color)}

/* iOS-friendly toggle (checkbox) */
body.tm-saas .tm-auto-refresh-toggle,body.tm-saas .tm-notify-toggle{appearance:none;-webkit-appearance:none;outline:none;cursor:pointer;position:relative;width:48px;height:28px;border-radius:999px;background:rgba(22,26,29,.20);border:1px solid rgba(16,24,40,.10);transition:background .15s ease}
body.tm-saas .tm-auto-refresh-toggle::after,body.tm-saas .tm-notify-toggle::after{content:"";position:absolute;top:50%;left:3px;transform:translateY(-50%);width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 10px 18px rgba(16,24,40,.18);transition:left .15s ease}
body.tm-saas .tm-auto-refresh-toggle:checked,body.tm-saas .tm-notify-toggle:checked{background:rgba(16,185,129,.95)}
body.tm-saas .tm-auto-refresh-toggle:checked::after,body.tm-saas .tm-notify-toggle:checked::after{left:23px}

body.tm-saas .tm-next-check{font-weight:800;color:rgba(22,26,29,.70)}

/* Inbox list card */
body.tm-saas .tm-inbox-card{border-radius:24px;overflow:hidden;border:1px solid rgba(16,24,40,.10);box-shadow:0 18px 44px rgba(16,24,40,.08)}
body.tm-saas .tm-inbox-header{background:rgba(22,26,29,.02);border-bottom:1px solid rgba(16,24,40,.08)}
body.tm-saas .tm-inbox-header-hint{display:flex;align-items:center;gap:10px;color:rgba(22,26,29,.70);font-weight:700}

/* Message cards built by main.js */
body.tm-saas #mailbox{display:flex;flex-direction:column;gap:10px}
body.tm-saas .tm-msg-card{position:relative;display:flex;align-items:stretch;border:1px solid rgba(16,24,40,.10);border-radius:20px;background:#fff;overflow:hidden;box-shadow:0 12px 26px rgba(16,24,40,.06)}
body.tm-saas .tm-msg-card.is-unseen{border-color:rgba(255,165,0,.38);box-shadow:0 16px 34px rgba(255,165,0,.16)}
body.tm-saas .tm-msg-link{flex:1 1 auto;display:flex;gap:12px;align-items:center;padding:12px 14px;color:var(--main-color);text-decoration:none;min-width:0}
body.tm-saas .tm-msg-avatar{width:44px;height:44px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-weight:900;background:rgba(255,165,0,.16);color:var(--main-color);flex:0 0 auto}
body.tm-saas .tm-msg-body{min-width:0;flex:1 1 auto}
body.tm-saas .tm-msg-from{font-weight:900;letter-spacing:-0.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.tm-saas .tm-msg-subject{color:rgba(22,26,29,.72);font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
body.tm-saas .tm-msg-meta{margin-top:4px;font-size:12px;color:rgba(22,26,29,.55);font-weight:650}
body.tm-saas .tm-msg-chevron{color:rgba(22,26,29,.35);flex:0 0 auto;transition:transform .12s ease}
body.tm-saas .tm-msg-card:hover .tm-msg-chevron{transform:translateX(2px)}
body.tm-saas .tm-msg-delete{position:absolute;top:10px;right:10px;width:34px;height:34px;border-radius:14px;border:1px solid rgba(16,24,40,.10);background:#fff;color:rgba(22,26,29,.62);display:flex;align-items:center;justify-content:center;transition:background .12s ease}
body.tm-saas .tm-msg-delete:hover{background:rgba(22,26,29,.04)}

/* Direction-aware delete button */
body.tm-dir-rtl .tm-msg-delete{right:auto;left:10px}

/* Responsive layout */
@media (max-width: 991.98px){
  body.tm-saas .tm-mail-controls .tm-mail-controls-inner{flex-direction:column}
  body.tm-saas .tm-mail-controls .tm-mail-controls-right{flex:1 1 auto;width:100%}
}
@media (max-width: 575.98px){
  body.tm-saas .tm-mail-controls{margin:10px 0 14px}
  body.tm-saas .tm-email-wrap .tm-email-row{display:flex;flex-direction:column;gap:10px}
  body.tm-saas .tm-copy-btn--sticky{width:100%}
  body.tm-saas .tm-back-home-btn span{display:none}
  body.tm-saas .tm-back-home-btn{width:48px;min-height:48px;padding:0;border-radius:16px}
}

/* Email row layout */
body.tm-saas .tm-email-row{display:flex;gap:10px;align-items:stretch}
body.tm-saas .tm-email-row .tm-email-input--sticky{flex:1 1 auto;min-width:0}
body.tm-saas .tm-email-row .tm-copy-btn--sticky{flex:0 0 auto}


/* ===== TempMy Inbox Rebuild (integrated) ===== */
/* ------------------------------------------------------------
   TempMy – Inbox Rebuild (v1)
   Drop this file AFTER tm-bundle.css (or append to the bundle).
   ------------------------------------------------------------ */

/* Accessibility: hide skip link unless focused */
.tm-skip-link{
  position:absolute;
  left:-9999px;
  top:auto;
  width:1px;
  height:1px;
  overflow:hidden;
}
.tm-skip-link:focus{
  left:16px;
  top:16px;
  width:auto;
  height:auto;
  padding:10px 14px;
  border-radius:12px;
  background:#ffffff;
  color:var(--main-color);
  box-shadow:0 12px 30px rgba(0,0,0,.12);
  z-index:9999;
}

/* Section spacing */
.tm-section--inbox{
  padding-top:24px;
  padding-bottom:32px;
}

/* Layout */
.tm-inbox-layout{
  display:flex;
  flex-direction:column;
  gap:18px;
}

/* Controls Card */
.tm-inbox-controls{
  background:#fff;
  border:1px solid rgba(17,24,39,.10);
  border-radius:22px;
  box-shadow:0 14px 34px rgba(17,24,39,.06);
  overflow:hidden;
}
.tm-inbox-controls__inner{
  padding:18px 18px 16px;
}

.tm-inbox-title{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight:800;
  letter-spacing:.02em;
  color:var(--main-color);
  font-size:18px;
  margin-bottom:14px;
}
.tm-inbox-title i{
  color:var(--main-color);
}

/* Email */
.tm-inbox-email{
  width:100%;
}
.tm-email-input--inbox{
  height:52px;
  border-radius:16px;
  border:1px solid rgba(17,24,39,.12);
  background:#f3f4f6;
  color:#111827;
  font-weight:700;
  padding:0 16px;
  overflow:hidden;
  text-overflow:ellipsis;
}
.tm-email-input--inbox:focus{
  background:#fff;
  border-color:rgba(255,165,0,.55);
  box-shadow:0 0 0 3px rgba(255,165,0,.18);
}

/* Copy */
.tm-inbox-copy-btn{
  width:100%;
  height:54px;
  border-radius:18px;
  margin-top:12px;
  background:var(--color1);
  color:#fff;
  border:none;
  font-weight:800;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  box-shadow:0 10px 24px rgba(255,165,0,.25);
}
.tm-inbox-copy-btn:active{
  transform:translateY(1px);
}
.tm-inbox-copy-btn .tm-copy-text{
  font-size:16px;
}

/* Meta */
.tm-inbox-meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-start;
  gap:12px 18px;
  margin-top:12px;
  font-size:14px;
  color:#4b5563;
}
.tm-inbox-meta__item{
  display:flex;
  align-items:center;
  gap:8px;
}
.tm-inbox-meta__label{
  font-weight:700;
  color:#6b7280;
}
.tm-unread-badge{
  min-width:30px;
  height:26px;
  border-radius:999px;
  padding:0 10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#eef2ff;
  color:#111827;
  font-weight:800;
}
.tm-unread-badge.is-zero{
  background:#f3f4f6;
  color:#6b7280;
}
.tm-last-updated-value{
  font-weight:800;
  color:#374151;
}

/* Note box */
.tm-inbox-note{
  margin-top:12px;
  background:#f3f4f6;
  border:1px solid rgba(17,24,39,.06);
  border-radius:18px;
  padding:14px 14px;
}
.tm-inbox-note small{
  display:block;
  line-height:1.45;
  color:#6b7280;
  margin:6px 0;
}
.tm-inbox-note small:first-child{
  margin-top:0;
}
.tm-inbox-note small:last-child{
  margin-bottom:0;
}

/* Actions row */
.tm-inbox-actions{
  margin-top:14px;
  display:flex;
  align-items:center;
  gap:12px;
}
.tm-inbox-back-btn{
  flex:0 0 52px;
  height:52px;
  border-radius:16px;
  border:1px solid rgba(17,24,39,.12);
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#4b5563;
  text-decoration:none;
}
.tm-inbox-back-btn:active{
  transform:translateY(1px);
}
.tm-inbox-refresh-btn{
  flex:1;
  height:52px;
  border-radius:18px;
  border:1px solid rgba(16,185,129,.35);
  background:#fff;
  color:var(--color1);
  font-weight:800;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
}
.tm-inbox-refresh-btn:hover{
  background:rgba(255,165,0,.06);
}
.tm-inbox-refresh-btn:active{
  transform:translateY(1px);
}

/* Bottom controls */
.tm-inbox-bottom{
  margin-top:12px;
  display:flex;
  flex-direction:column;
  gap:12px;
}

.tm-auto-refresh--inbox{
  background:#f3f4f6;
  border-radius:999px;
  padding:10px 12px;
  display:flex;
  align-items:center;
  gap:10px;
}
.tm-auto-refresh--inbox label{
  margin:0;
  font-weight:800;
  color:#374151;
}
.tm-auto-refresh--inbox .tm-auto-refresh-interval{
  margin-left:auto;
  height:38px;
  border-radius:999px;
  border:1px solid rgba(17,24,39,.12);
  background:#fff;
  padding:0 12px;
  font-weight:800;
  color:#111827;
}
.tm-auto-refresh--inbox .tm-next-check{
  display:none; /* keep UI clean on mobile */
}

/* Notifications + Change row */
.tm-inbox-row{
  display:flex;
  align-items:center;
  gap:12px;
}
.tm-notify--inbox{
  flex:1;
  background:#f3f4f6;
  border-radius:999px;
  padding:10px 12px;
  display:flex;
  align-items:center;
  gap:10px;
}
.tm-notify--inbox label{
  margin:0;
  font-weight:800;
  color:#374151;
  display:flex;
  align-items:center;
  gap:8px;
}
.tm-change-link--inbox{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  border-radius:999px;
  border:1px solid rgba(17,24,39,.12);
  background:#fff;
  color:#111827;
  font-weight:800;
  text-decoration:none;
  white-space:nowrap;
}
.tm-change-link--inbox:active{
  transform:translateY(1px);
}

/* Delete */
.tm-delete-btn--inbox{
  width:100%;
  height:52px;
  border-radius:18px;
  background:#ef4444;
  color:#fff;
  border:none;
  font-weight:900;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  box-shadow:0 10px 24px rgba(239,68,68,.20);
}
.tm-delete-btn--inbox:active{
  transform:translateY(1px);
}

/* Messages Card */
.tm-inbox-messages{
  border-radius:22px;
  overflow:hidden;
  border:1px solid rgba(17,24,39,.10);
  box-shadow:0 14px 34px rgba(17,24,39,.06);
}
.tm-inbox-header{
  background:#f8fafc;
  border-bottom:1px solid rgba(17,24,39,.08);
  padding:14px 16px;
  font-weight:800;
  color:#374151;
  display:flex;
  align-items:center;
  gap:10px;
}
.tm-inbox-body{
  padding:16px;
}

/* Empty state */
#tm-mailbox-empty{
  padding:0;
}
#tm-mailbox-empty .tm-empty-shell{
  border:2px dashed rgba(17,24,39,.18);
  border-radius:22px;
  padding:22px 16px;
  text-align:center;
  background:#fff;
}
#tm-mailbox-empty .tm-empty-icon{
  width:52px;
  height:52px;
  margin:0 auto 12px;
  border-radius:16px;
  background:rgba(255,165,0,.12);
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--color1);
  font-size:22px;
}
#tm-mailbox-empty h3{
  font-size:22px;
  font-weight:900;
  color:#111827;
  margin:0 0 14px;
}

#tm-mailbox-empty .tm-empty-actions{
  display:flex;
  flex-direction:column;
  gap:12px;
  max-width:420px;
  margin:0 auto 14px;
}
#tm-mailbox-empty .tm-empty-actions .btn{
  height:54px;
  border-radius:18px;
  font-weight:900;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
}
#tm-mailbox-empty .tm-empty-copy,
#tm-mailbox-empty .tm-empty-change{
  background:#111827;
  color:#fff;
  border:1px solid #111827;
}
#tm-mailbox-empty .tm-refresh-btn{
  background:#fff;
  color:#111827;
  border:1px solid rgba(17,24,39,.14);
}
#tm-mailbox-empty .tm-refresh-btn:hover{
  background:rgba(17,24,39,.04);
}
#tm-mailbox-empty .tm-empty-steps{
  text-align:left;
  max-width:420px;
  margin:0 auto;
  padding-left:18px;
  color:#6b7280;
  line-height:1.45;
}
#tm-mailbox-empty .tm-empty-steps li{
  margin:10px 0;
}
#tm-mailbox-empty .tm-empty-help{
  max-width:420px;
  margin:14px auto 0;
  color:#6b7280;
  line-height:1.45;
}

/* Small enhancements */
@media (min-width: 768px){
  .tm-inbox-controls__inner{ padding:20px 22px 18px; }
  .tm-inbox-body{ padding:18px 18px; }
  #tm-mailbox-empty .tm-empty-shell{ padding:26px 22px; }
}

/* Hide any legacy inbox UI you no longer use (safe if old markup is removed) */
body.tm-mode-inbox .tm-mail-controls{ display:none !important; }

/* =========================================================
   TM Inbox — Compact controls + remove duplicates (v9)
   ========================================================= */

/* Back button: compact (icon-first) */
.tm-back-home-btn{
  height:44px;
  width:auto;
  padding:0 14px;
  border-radius:14px;
}
.tm-back-home-btn i{ margin:0 8px 0 0; }
@media (max-width:480px){
  .tm-back-home-btn{ width:44px; padding:0; justify-content:center; }
  .tm-back-home-btn i{ margin:0; }
  .tm-back-home-label{ display:none !important; }
}

/* Controls: make header more compact */
.tm-inbox-controls__inner{ padding:18px 18px 14px; }

.tm-inbox-emailRow{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:12px;
}

.tm-inbox-email{ flex:1 1 auto; }
.tm-inbox-email .tm-email-input--inbox{
  height:48px;
  border-radius:14px;
  padding:0 14px;
}

/* Small icon buttons used in inbox */
.tm-inbox-iconbtn{
  width:44px;
  height:44px;
  border-radius:14px;
  padding:0;
  border:1px solid rgba(15, 23, 42, .12);
  background:#fff;
  color:var(--tm-ink);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 10px 22px rgba(15, 23, 42, .08);
}
.tm-inbox-iconbtn i{ font-size:16px; }

.tm-inbox-iconbtn--copy{
  background:var(--tm-accent);
  border-color:transparent;
  color:#fff;
}

.tm-inbox-iconbtn:active{ transform:translateY(1px); }

/* Meta row stays tight */
.tm-inbox-meta{ margin-top:12px; }

/* Notes: smaller so controls stay compact */
.tm-inbox-note{ padding:12px 14px; }
.tm-inbox-note small{ font-size:12.5px; }

/* Remove the old large action-row spacing if still present */
.tm-inbox-actions{ display:none !important; }

/* Bottom controls: icon-style chips */
.tm-inbox-row--compact{
  display:grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap:10px;
}

.tm-inbox-row--compact .tm-change-link,
.tm-inbox-row--compact .tm-delete-btn,
.tm-inbox-row--compact .tm-notify label{
  height:44px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-weight:700;
  text-decoration:none;
}

.tm-inbox-row--compact .tm-change-link,
.tm-inbox-row--compact .tm-delete-btn{
  border:1px solid rgba(15, 23, 42, .12);
  background:#fff;
  color:var(--tm-ink);
}

.tm-inbox-row--compact .tm-delete-btn{
  border-color:rgba(220, 38, 38, .20);
  color:#b91c1c;
}

.tm-inbox-row--compact .tm-notify{
  margin:0;
  padding:0;
  border:0;
  background:transparent;
}

.tm-inbox-row--compact .tm-notify-toggle{
  position:absolute;
  width:1px;
  height:1px;
  opacity:0;
  pointer-events:none;
}

.tm-inbox-row--compact .tm-notify label{
  width:100%;
  border:1px solid rgba(15, 23, 42, .12);
  background:#fff;
  color:var(--tm-ink);
  cursor:pointer;
}

.tm-inbox-row--compact .tm-notify-toggle:checked + label{
  border-color:rgba(34, 197, 94, .35);
  box-shadow:0 10px 22px rgba(34, 197, 94, .14);
}

/* Hide labels on very small screens so it looks like a tiny icon control */
@media (max-width:480px){
  .tm-inbox-row--compact span{ display:none; }
}

/* Messages header: remove ℹ️ icon and make the hint text bigger */
.tm-inbox-header{
  font-weight:800;
  font-size:16px;
}

/* Empty state: remove action buttons (duplication), keep steps readable */
.tm-empty-shell{ padding:26px 18px; }
.tm-empty-shell h3{ margin:10px 0 6px; }



/* TM INBOX compact controls (v11) */
/* Goal: smaller + cleaner controls on mobile while keeping JS hooks intact */

.tm-inbox-info-btn{
  appearance:none;
  border:1px solid rgba(15,23,42,.10);
  background:rgba(15,23,42,.04);
  color:rgba(15,23,42,.70);
  width:30px;
  height:30px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-left:8px;
  padding:0;
}
.tm-inbox-info-btn i{font-size:14px;}
.tm-inbox-info-btn:active{transform:scale(.98);}

@media (max-width: 575.98px){
  .tm-inbox-controls{padding:14px;}
  .tm-inbox-title{font-size:14px;gap:8px;margin-bottom:10px;}
  .tm-inbox-email .tm-email-input{height:40px;font-size:14px;}
  .tm-inbox-iconbtn{width:38px;height:38px;border-radius:12px;}
  .tm-inbox-iconrow{gap:8px;margin-bottom:10px;}

  .tm-inbox-meta{padding:6px 10px;font-size:12px;margin-bottom:10px;flex-wrap:nowrap;}
  .tm-inbox-meta__label{font-size:11px;}
  .tm-inbox-meta__item{gap:6px;}

  /* Collapse the info box behind the (i) button */
  .tm-inbox-note{display:none;margin-bottom:10px;padding:10px 12px;font-size:12px;}
  .tm-inbox-note.is-open{display:block;}

  /* Show the info button only on mobile */
  .tm-inbox-info-btn{display:inline-flex;}

  .tm-inbox-bottom{gap:10px;margin-top:10px;}

  .tm-auto-refresh{padding:8px 10px;}
  .tm-auto-refresh label{font-size:13px;}
  .tm-auto-refresh-interval{height:34px;padding:0 10px;font-size:13px;}

  .tm-notify, .tm-change-link, .tm-delete-btn{padding:10px 10px;min-height:44px;}
  .tm-delete-btn{min-height:42px;}
  .tm-notify label{font-size:13px;}

  .tm-back-home-btn{width:38px;height:38px;}
}

@media (min-width: 576px){
  /* On desktop/tablet: keep info note visible and hide (i) button */
  .tm-inbox-info-btn{display:none;}
}

/* /TM INBOX compact controls (v11) */

/* =========================================================
   TempMy UI cleanup + compact spacing (v12)
   =======================================================*/

/* Use Inter across the SaaS UI */
body.tm-saas,
body.tm-saas input,
body.tm-saas select,
body.tm-saas textarea,
body.tm-saas button {
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
}

/* Improve anchor scroll for the inbox when header is sticky */
#inbox{scroll-margin-top:calc(var(--tm-header-h, var(--tm-header-offset)) + 14px);}

/* Header stacking / dropdowns */
.tm-header{z-index:1030;}
.tm-header__langMenu{z-index:1050;}

/* Bootstrap -> TempMy look (scoped to SaaS UI) */
body.tm-saas .card {
  border: 1px solid #eef2f7;
}

/* Keep our custom landing buttons (.btn-1/.btn-2) intact */
body.tm-saas .btn:not(.btn-1):not(.btn-2),
body.tm-saas .form-control,
body.tm-saas .custom-select {
  border-radius: 18px;
}

body.tm-saas .form-control,
body.tm-saas .custom-select {
  border: 1px solid #e7edf5;
  background: #fff;
}

body.tm-saas .form-control:focus,
body.tm-saas .custom-select:focus,
body.tm-saas .btn:not(.btn-1):not(.btn-2):focus {
  border-color: rgba(255,165,0,.55);
  box-shadow: 0 0 0 .2rem rgba(255,165,0,.22);
}

body.tm-saas .dropdown-menu {
  border-radius: 18px;
  border: 1px solid #e7edf5;
  box-shadow: 0 18px 40px rgba(15,23,42,.12);
}

/* Inbox spacing + compact controls */
.tm-section--inbox{padding-top:16px;padding-bottom:calc(36px + env(safe-area-inset-bottom));}
.tm-inbox-layout{gap:14px;}
.tm-inbox-controls{padding:14px;border-radius:22px;}
.tm-inbox-controls__inner{gap:10px;}

.tm-inbox-title{font-size:15px;}
.tm-inbox-meta{padding:7px 10px;border-radius:16px;font-size:12px;}

.tm-inbox-emailRow{gap:8px;}
.tm-email-input--inbox{height:40px;border-radius:14px;font-size:15px;}
.tm-inbox-iconbtn{width:40px;height:40px;border-radius:14px;}

.tm-inbox-note{padding:10px 12px;border-radius:16px;}
.tm-inbox-note small{font-size:13px;}

.tm-auto-refresh--inbox{min-height:40px;padding:8px 10px;border-radius:18px;}
.tm-auto-refresh-interval{height:34px;border-radius:14px;}

.tm-notify--inbox,
.tm-change-link--inbox{min-height:44px;padding:10px 12px;border-radius:18px;}
.tm-delete-btn--inbox{min-height:44px;padding:10px 12px;border-radius:18px;}

.tm-inbox-header{padding:12px 14px;font-size:15px;}
.tm-inbox-body{padding:14px;}

@media (max-width: 575.98px){
  .tm-inbox .container{padding-left:12px;padding-right:12px;}
  .tm-inbox-layout{gap:12px;}
  .tm-inbox-controls{padding:12px;border-radius:20px;}
  .tm-inbox-controls__inner{gap:9px;}
  .tm-inbox-meta{padding:6px 9px;font-size:12px;}
  .tm-email-input--inbox{height:38px;border-radius:13px;font-size:14px;}
  .tm-inbox-iconbtn{width:36px;height:36px;border-radius:12px;}
  .tm-auto-refresh--inbox{min-height:38px;padding:7px 9px;border-radius:16px;}
  .tm-auto-refresh label{font-size:13px;}
  .tm-notify--inbox,
  .tm-change-link--inbox,
  .tm-delete-btn--inbox{padding:10px 10px;}
}

/* =========================================================
   TM Inbox (v3) — Webmail layout (controls)
   ========================================================= */

body.tm-mode-inbox #inbox .tm-inbox-controls{
  position: sticky;
  z-index: 20;
}

body.tm-mode-inbox #inbox .tm-inbox-controls__inner{
  padding: 14px;
}

body.tm-mode-inbox #inbox .tm-inbox-topbar{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 10px;
}

body.tm-mode-inbox #inbox .tm-inbox-title{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-weight: 800;
  font-size: 16px;
  letter-spacing: .2px;
  margin: 0;
}

body.tm-mode-inbox #inbox .tm-inbox-title i{
  font-size: 14px;
  opacity: .9;
}

body.tm-mode-inbox #inbox .tm-inbox-topbar-meta{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

body.tm-mode-inbox #inbox .tm-inbox-pill{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(15,23,42,.04);
  border: 1px solid rgba(15,23,42,.08);
  font-size: 12px;
  color: #64748b;
}

body.tm-mode-inbox #inbox .tm-inbox-pill__label{
  font-weight: 700;
  color: #475569;
}

body.tm-mode-inbox #inbox .tm-unread-badge{
  min-width: 26px;
  height: 22px;
  padding: 0 8px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}

body.tm-mode-inbox #inbox .tm-last-updated-value{
  font-weight: 800;
  color: #334155;
  font-size: 12px;
}

body.tm-mode-inbox #inbox .tm-fetch-indicator{
  margin-left: 6px;
  color: #64748b;
}

body.tm-mode-inbox #inbox .tm-inbox-topbar-actions{
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

/* Address row */
body.tm-mode-inbox #inbox .tm-inbox-addressbar{
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}

body.tm-mode-inbox #inbox .tm-inbox-addressbar .tm-email-input--inbox{
  flex: 1 1 auto;
  min-width: 0;
  height: 44px;
  padding: 10px 12px;
  font-weight: 800;
  font-size: 15px;
}

body.tm-mode-inbox #inbox .tm-inbox-addressbar .tm-iconbtn{
  width: 44px;
  height: 44px;
  padding: 0;
  border-radius: 14px;
}

body.tm-mode-inbox #inbox .tm-inbox-copy-btn .tm-copy-text{
  display: none;
}

/* Make delete icon feel dangerous but compact */
body.tm-mode-inbox #inbox .tm-inbox-delete-btn{
  border-color: rgba(239,68,68,.30) !important;
  background: rgba(239,68,68,.08) !important;
  color: #b91c1c !important;
}

body.tm-mode-inbox #inbox .tm-inbox-delete-btn:hover,
body.tm-mode-inbox #inbox .tm-inbox-delete-btn:focus{
  background: rgba(239,68,68,.12) !important;
}

/* Settings row */
body.tm-mode-inbox #inbox .tm-inbox-settings{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

body.tm-mode-inbox #inbox .tm-inbox-settings .tm-auto-refresh,
body.tm-mode-inbox #inbox .tm-inbox-settings .tm-notify{
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 16px;
  padding: 10px 12px;
  display: flex;
  align-items: center;
  gap: 10px;
}

body.tm-mode-inbox #inbox .tm-inbox-settings .tm-switch-text{
  font-weight: 800;
  font-size: 14px;
  color: #0f172a;
}

body.tm-mode-inbox #inbox .tm-inbox-settings .tm-auto-refresh-interval{
  margin-left: auto;
  height: 36px;
  padding: 0 10px;
  border-radius: 12px;
  font-weight: 700;
}

body.tm-mode-inbox #inbox .tm-next-check{
  margin-left: 8px;
  font-size: 12px;
  color: #64748b;
  white-space: nowrap;
}

/* Back button (injected) should match the toolbar */
body.tm-mode-inbox #inbox .tm-inbox-topbar-actions #tmBackHomeBtn{
  width: 44px;
  height: 44px;
  padding: 0;
  border-radius: 14px;
}

body.tm-mode-inbox #inbox .tm-inbox-topbar-actions #tmBackHomeBtn .tm-back-home-label{
  display: none;
}

@media (max-width: 575.98px){
  body.tm-mode-inbox #inbox .tm-inbox-topbar{
    margin-bottom: 8px;
  }

  body.tm-mode-inbox #inbox .tm-inbox-addressbar{
    gap: 8px;
  }

  body.tm-mode-inbox #inbox .tm-inbox-addressbar .tm-email-input--inbox{
    font-size: 14px;
    height: 42px;
  }

  body.tm-mode-inbox #inbox .tm-inbox-addressbar .tm-iconbtn,
  body.tm-mode-inbox #inbox .tm-inbox-topbar-actions .tm-iconbtn{
    width: 42px;
    height: 42px;
    border-radius: 14px;
  }

  body.tm-mode-inbox #inbox .tm-inbox-settings{
    grid-template-columns: 1fr;
  }
}

/* ------------------------------------------------------------
   Bootstrap "blue" cleanup
   - Override Bootstrap primary/link colors to use the site accent
   - Keep it CSS-var driven (defaults to the bundled orange)
------------------------------------------------------------- */
:root{
  --tm-primary: var(--color1);
  --tm-primary-rgb: var(--color1-rgb, 255, 165, 0);
}

/* Links */
a,
a:hover,
a:focus{
  color: var(--tm-primary);
}

/* Primary buttons */
.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle{
  background-color: var(--tm-primary) !important;
  border-color: var(--tm-primary) !important;
}

.btn-outline-primary{
  color: var(--tm-primary) !important;
  border-color: var(--tm-primary) !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary.active,
.show > .btn-outline-primary.dropdown-toggle{
  background-color: var(--tm-primary) !important;
  border-color: var(--tm-primary) !important;
  color: #fff !important;
}

.btn-link,
.btn-link:hover,
.btn-link:focus{
  color: var(--tm-primary) !important;
}

/* Text/background utility classes */
.text-primary{ color: var(--tm-primary) !important; }
.bg-primary{ background-color: var(--tm-primary) !important; }
.border-primary{ border-color: var(--tm-primary) !important; }
.badge-primary{ background-color: var(--tm-primary) !important; }

/* Pagination */
.page-link{ color: var(--tm-primary) !important; }
.page-link:hover{ color: var(--tm-primary) !important; }
.page-item.active .page-link{
  background-color: var(--tm-primary) !important;
  border-color: var(--tm-primary) !important;
}

/* Pills / nav */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link{
  background-color: var(--tm-primary) !important;
}

/* Dropdown active */
.dropdown-item.active,
.dropdown-item:active{
  background-color: var(--tm-primary) !important;
}

/* Form focus ring */
.form-control:focus,
.custom-select:focus{
  border-color: var(--tm-primary) !important;
  box-shadow: 0 0 0 .2rem rgba(var(--tm-primary-rgb), .25) !important;
}

.btn:focus,
.btn.focus{
  box-shadow: 0 0 0 .2rem rgba(var(--tm-primary-rgb), .25) !important;
}

/* Custom controls (Bootstrap 4) */
.custom-control-input:checked ~ .custom-control-label::before{
  background-color: var(--tm-primary) !important;
  border-color: var(--tm-primary) !important;
}

.custom-control-input:focus ~ .custom-control-label::before{
  box-shadow: 0 0 0 .2rem rgba(var(--tm-primary-rgb), .25) !important;
  border-color: var(--tm-primary) !important;
}

/* ------------------------------------------------------------
   iOS / mobile tap highlight cleanup
   Removes the default blue flash on tap (Safari/Chrome iOS)
------------------------------------------------------------- */
a,
button,
.btn,
.tm-iconbtn{
  -webkit-tap-highlight-color: transparent;
}

/* =============================================================
   HOTFIX: Language dropdown clipping in header (Desktop + iOS)
   Cause: .tm-header__actions used overflow-x:auto which clips
          dropdown menus (overflow-y becomes auto per spec).
   Fix:   Move horizontal scrolling to .tm-header__actionsScroll
          and keep parent overflow visible.
============================================================= */
.tm-header,
.tm-header__container,
.tm-header__inner,
.tm-header__actions{
  overflow: visible !important;
}

.tm-header__actionsScroll{
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: nowrap;
  white-space: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  min-width: 0;
}
.tm-header__actionsScroll::-webkit-scrollbar{ display:none; }

/* Ensure the menu renders above the header pills */
.tm-header__langMenu{ z-index: 3000 !important; }

/* Keep language menu active state subtle (override global dropdown active) */
.tm-header__langMenu .dropdown-item.active,
.tm-header__langMenu .dropdown-item:active{
  background: rgba(var(--tm-primary-rgb, 255,165,0), .12) !important;
  color: var(--main-color) !important;
}


/* -------------------------------------------------
   Desktop menu labels (show text next to icons)
   ------------------------------------------------- */
.tm-iconbtn__label{
  display:none;
  font-size:14px;
  font-weight:700;
  line-height:1;
  white-space:nowrap;
}

.tm-iconbtn--labeled{ gap:8px; white-space:nowrap; }

@media (min-width: 992px){
  .tm-iconbtn--labeled{
    width:auto;
    min-width:44px;
    padding:0 14px;
    justify-content:flex-start;
  }
  .tm-iconbtn--labeled .tm-iconbtn__label{ display:inline-block; }

  /* Undo lang button padding reset on desktop */
  .tm-header__langBtn.tm-iconbtn--labeled{ padding:0 14px; }
}

/* =========================
   TempMy RTL (merged)
   ========================= */
body.tm-dir-rtl .custom-email, body.tm-dir-rtl .section-title p, body.tm-dir-rtl .section-title, body.tm-dir-rtl .copyright-text, body.tm-dir-rtl .home-btn .btn, body.tm-dir-rtl .home p{
  direction: rtl;
}

body.tm-dir-rtl .custom-email-input{
  padding: 10px 20px 10px 160px;
}

body.tm-dir-rtl .custom-email-botton{
  right: auto;
  left: 3px;
}

body.tm-dir-rtl .widget-title, body.tm-dir-rtl .contact-form.article-comment h4{

  text-align: right;
}

body.tm-dir-rtl .article-title h6, body.tm-dir-rtl .col-12.ov-h.subject, body.tm-dir-rtl .view_rtl{
  direction: rtl;
  text-align: right !important;
}

body.tm-dir-rtl .tm-mail-controls, body.tm-dir-rtl .tm-mail-controls-inner, body.tm-dir-rtl .tm-mail-controls-left, body.tm-dir-rtl .tm-mail-controls-right, body.tm-dir-rtl .tm-mail-meta, body.tm-dir-rtl .tm-retention-note{
  direction: rtl;
  text-align: right;
}

body.tm-dir-rtl .tm-mail-controls-right{
  justify-content: flex-start;
}

body.tm-dir-rtl .tm-empty-steps{
  text-align: right;
  padding-right: 20px;
  padding-left: 0;
}

body.tm-dir-rtl .messages .message-item, body.tm-dir-rtl .messages a.message-link{
  direction: rtl;
  text-align: right;
}

body.tm-dir-rtl .messages .badge-success{
  right: auto;
  left: 11px;
}

body.tm-dir-rtl .js-cookie-consent.cookie-consent{
  direction: rtl;
  text-align: right;
}

body.tm-dir-rtl .cookie-consent__actions{
  justify-content: flex-start;
}

body.tm-dir-rtl .tm-domain-label-row{
  direction: rtl;
}

body.tm-dir-rtl .tm-counter-note{
  text-align: right;
}

/* =========================
   TempMy Theme (merged)
   ========================= */
/* =========================================================
   TempMy Theme Overrides
   - Unify fonts + colors across pages
   - Remove Bootstrap default blue (use brand accent)
   - Better focus rings, mobile tap highlight, RTL polish
   ========================================================= */

:root{
  /* Font stacks */
  --tm-font-ltr: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif;
  --tm-font-rtl: 'Vazir', Tahoma, Arial, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --tm-font: var(--tm-font-ltr);

  /* Brand colors */
  --tm-primary: var(--color1);
  --tm-primary-rgb: var(--color1-rgb, 255,165,0);
  --tm-text: #0f172a;
  --tm-muted: rgba(15,23,42,.72);
  --tm-bg: #f5f5f5;

  /* Focus ring */
  --tm-ring: 0 0 0 .2rem rgba(var(--tm-primary-rgb), .22);
}

html[dir="rtl"]{ --tm-font: var(--tm-font-rtl); }

/* Unified typography */
body,
button,
input,
textarea,
select{
  font-family: var(--tm-font) !important;
}

body{
  color: var(--tm-text);
  background: var(--tm-bg);
}

/* Prevent iOS blue tap highlight */
a, button, .btn, input, select, textarea{
  -webkit-tap-highlight-color: transparent;
}

/* Links */
a{ color: var(--tm-primary); }
a:hover{ color: var(--tm-primary); opacity:.92; }

/* Bootstrap primary -> brand accent */
.btn-primary{
  background-color: var(--tm-primary) !important;
  border-color: var(--tm-primary) !important;
  color: #fff !important;
}
.btn-primary:hover,
.btn-primary:focus{
  filter: brightness(.97);
}

.btn-outline-primary{
  color: var(--tm-primary) !important;
  border-color: rgba(var(--tm-primary-rgb), .55) !important;
}
.btn-outline-primary:hover,
.btn-outline-primary:focus{
  background-color: var(--tm-primary) !important;
  border-color: var(--tm-primary) !important;
  color:#fff !important;
}

.text-primary{ color: var(--tm-primary) !important; }
.bg-primary{ background-color: var(--tm-primary) !important; }
.border-primary{ border-color: rgba(var(--tm-primary-rgb), .55) !important; }

/* Focus rings: remove Bootstrap blue */
:focus{ outline-color: var(--tm-primary); }
.btn:focus,
.btn.focus{
  box-shadow: var(--tm-ring) !important;
}

.form-control:focus,
.custom-select:focus,
select:focus,
input:focus,
textarea:focus{
  border-color: rgba(var(--tm-primary-rgb), .65) !important;
  box-shadow: var(--tm-ring) !important;
}

/* Alerts: consistent + closable */
.alert{
  border-radius: 16px;
}
.alert-dismissible .close{
  opacity:.6;
  text-shadow: none;
}
.alert-dismissible .close:hover{ opacity:1; }

body.tm-dir-rtl .alert-dismissible{
  padding-right: 1.25rem;
  padding-left: 3rem;
}
body.tm-dir-rtl .alert-dismissible .close{
  right: auto;
  left: 0;
}

/* Header RTL polish (mirror layout) */
body.tm-dir-rtl .tm-header__inner{
  flex-direction: row-reverse;
}
body.tm-dir-rtl .tm-header__actions{
  flex-direction: row-reverse;
}
body.tm-dir-rtl .tm-header__langMenu{
  text-align: right;
}
body.tm-dir-rtl .tm-header__langMenu .dropdown-item{
  justify-content: flex-start;
}
body.tm-dir-rtl .tm-header__langMenu .dropdown-item .tm-flag{
  margin-right: 0 !important;
  margin-left: 8px !important;
}

/* Email addresses should remain LTR even in Arabic UI */
.tm-email-input,
#trsh_mail,
#trsh_mail_sticky,
#tmHomePreviewEmail,
#tmChangedEmail{
  direction: ltr;
  text-align: left;
}

/* Inbox: highlight the current address + improve button clarity */
.tm-current-address{
  background: rgba(var(--tm-primary-rgb), .06);
  border: 1px dashed rgba(var(--tm-primary-rgb), .28);
  border-radius: 18px;
  padding: 12px;
  margin-bottom: 10px;
}
.tm-current-address__label{
  display:flex;
  align-items:center;
  gap:8px;
  font-weight: 900;
  font-size: 12px;
  color: rgba(15,23,42,.70);
  margin: 0 0 8px;
}
.tm-current-address__label i{ color: var(--tm-primary); }

body.tm-mode-inbox #inbox .tm-inbox-addressbar{
  margin-bottom: 0;
}

/* Make copy button clearer in inbox mode (icon + label) */
body.tm-mode-inbox #inbox .tm-inbox-copy-btn{
  width: auto;
  min-width: 92px;
  padding: 0 12px;
  gap: 8px;
}
body.tm-mode-inbox #inbox .tm-inbox-copy-btn .tm-copy-text{
  display: inline;
  font-size: 13px;
  font-weight: 900;
}

/* Reflow settings grid on small phones */
@media (max-width: 420px){
  body.tm-mode-inbox #inbox .tm-inbox-settings{ grid-template-columns: 1fr; }
}

/* RTL: mirror inbox rows while keeping email input LTR */
body.tm-dir-rtl.tm-mode-inbox #inbox .tm-inbox-topbar{
  direction: rtl;
}
body.tm-dir-rtl.tm-mode-inbox #inbox .tm-inbox-topbar-actions{
  direction: ltr; /* keep icons order logical */
}
body.tm-dir-rtl.tm-mode-inbox #inbox .tm-inbox-addressbar{
  flex-direction: row-reverse;
}

/* Pricing CTA */
.tm-pricing-cta{
  display:flex;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
  margin: 18px 0 10px;
}
.tm-pricing-cta .btn{
  min-height: 52px;
  border-radius: 18px;
  padding: 14px 18px;
  font-weight: 900;
}
.tm-pricing-cta .tm-cta-primary{
  box-shadow: 0 16px 40px rgba(var(--tm-primary-rgb), .28);
}

@media (max-width: 576px){
  .tm-pricing-cta .btn{ width: 100%; }
}

/* =========================================================
   Inbox empty state rebuild
   - Primary action: Refresh
   - Secondary: Copy
   - Tertiary: Try another domain
   ========================================================= */

#tm-mailbox-empty .tm-empty-actions{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
  max-width:520px;
  margin:0 auto;
}

#tm-mailbox-empty .tm-empty-actions .btn{
  width:100%;
  border-radius:18px;
  padding:14px 16px;
  font-weight:850;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
}

#tm-mailbox-empty .tm-empty-primary{
  background:var(--tm-primary) !important;
  color:#fff !important;
  border:1px solid var(--tm-primary) !important;
}
#tm-mailbox-empty .tm-empty-primary:hover{ filter:brightness(.98); }

#tm-mailbox-empty .tm-empty-secondary{
  background:#111827 !important;
  color:#fff !important;
  border:1px solid #111827 !important;
}
#tm-mailbox-empty .tm-empty-secondary:hover{ background:#0b1220 !important; }

#tm-mailbox-empty .tm-empty-tertiary{
  background:#fff !important;
  color:#111827 !important;
  border:1px solid rgba(17,24,39,.14) !important;
}
#tm-mailbox-empty .tm-empty-tertiary:hover{ background:rgba(17,24,39,.04) !important; }

@media (min-width: 768px){
  #tm-mailbox-empty .tm-empty-actions{ grid-template-columns:1fr 1fr; }
}

/* Collapsible help text */
#tm-mailbox-empty .tm-empty-details{
  max-width:520px;
  margin:12px auto 0;
  text-align:start;
  color:#6b7280;
}
#tm-mailbox-empty .tm-empty-details summary{
  cursor:pointer;
  font-weight:850;
  color:var(--tm-text);
  padding:10px 0;
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
#tm-mailbox-empty .tm-empty-details summary::-webkit-details-marker{ display:none; }
#tm-mailbox-empty .tm-empty-details summary::after{ content:'\25BE'; opacity:.7; }
#tm-mailbox-empty details[open] summary::after{ content:'\25B4'; }
#tm-mailbox-empty .tm-empty-steps{
  margin:8px 0 0;
  padding-inline-start:18px;
  line-height:1.45;
}
#tm-mailbox-empty .tm-empty-help{ margin:12px 0 0; }

/* =========================================================
   Inbox Desktop Optimization (compact + better use of width)
   - Wider container for large screens
   - Two-column layout on desktop
   - Remove legacy empty-state margins that create huge whitespace
   ========================================================= */

.tm-section--inbox .tm-container-xl{
  max-width: 1240px;
}
@media (min-width: 1400px){
  .tm-section--inbox .tm-container-xl{ max-width: 1320px; }
}

@media (min-width: 992px){
  /* Use width better on desktop */
  #inbox .tm-inbox-layout{
    display:grid !important;
    grid-template-columns: clamp(420px, 36vw, 520px) minmax(0, 1fr);
    gap: 18px;
    align-items:start;
  }

  /* Remove the old huge margins around the empty state */
  #inbox .mailbox-empty{
    margin: 0 !important;
    padding: 18px 0;
  }

  /* Empty state: hide duplicate Copy button on desktop (Copy exists in left controls) */
  #tm-mailbox-empty .tm-empty-copy{
    display:none !important;
  }
  #tm-mailbox-empty .tm-empty-actions{
    grid-template-columns:1fr !important;
    max-width:520px;
  }

  /* Toolbar: hide "Back to home" on desktop (header already has navigation) */
  body.tm-mode-inbox #tmBackHomeBtn{
    display:none !important;
  }
}

/* ---------------------------------------------------------
   Header dropdown overflow fix (mobile Safari / Bootstrap)
   - Keep dropdown menus unclipped even when actions are scrollable
   --------------------------------------------------------- */
.tm-header__actions{
  overflow: visible !important;
}
.tm-header__actionsScroll{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:nowrap;
  white-space:nowrap;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  min-width:0;
}
.tm-header__actionsScroll::-webkit-scrollbar{ display:none; }
.tm-header__langMenu{ z-index: 2000; }
body.tm-dir-rtl .tm-header__actionsScroll{ flex-direction: row-reverse; }



/* =========================================================
   Inbox toolbar cleanup + topbar alignment (v13)
   - Hide Back-to-home injected button (all breakpoints)
   - Hide (i) info action on mobile; keep the note visible instead
   - Keep title/meta/actions aligned on desktop (no wrap)
   ========================================================= */

#tmBackHomeBtn{ display:none !important; }

/* Remove info icon everywhere (info note stays visible) */
.tm-inbox-info-btn{ display:none !important; }

/* On mobile, keep the note visible since we removed the info toggle button */
@media (max-width: 575.98px){
  .tm-inbox-note{ display:block !important; }
}

/* Desktop: keep title/meta/actions in one row (actions stay right) */
@media (min-width: 992px){
  #inbox .tm-inbox-topbar{
    display:grid;
    grid-template-columns: auto 1fr auto;
    align-items:center;
    gap:10px;
  }
  #inbox .tm-inbox-topbar-meta{ justify-self:center; }
  #inbox .tm-inbox-topbar-actions{ justify-self:end; }
}


/* =========================================================
   HOTFIX 14 — Inbox compact + remove How it works/help text
   - Remove inbox helper note + empty-state "How it works"
   - Merge email + actions into a single inline bar
   - Show full email (no ellipsis) with horizontal scroll if needed
   ========================================================= */

body.tm-mode-inbox #inbox .tm-inbox-note{ display:none !important; }
body.tm-mode-inbox #inbox .tm-empty-details{ display:none !important; }
body.tm-mode-inbox #inbox .tm-empty-copy{ display:none !important; }

/* One merged email/action bar */
body.tm-mode-inbox #inbox .tm-inbox-addressbar{
  margin-bottom: 12px;
  padding: 6px;
  gap: 6px;
  border: 1px solid rgba(15,23,42,.12);
  background: rgba(255,255,255,.88);
  border-radius: 18px;
}

body.tm-mode-inbox #inbox .tm-inbox-addressbar:focus-within{
  background: #fff;
  border-color: rgba(255,165,0,.55);
  box-shadow: 0 0 0 4px rgba(255,165,0,.18);
}

/* Email field: show full (no ellipsis) */
body.tm-mode-inbox #inbox .tm-inbox-addressbar .tm-email-input--inbox{
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  height: 42px;
  padding: 0 12px;
  overflow: auto;
  text-overflow: clip;
  white-space: nowrap;
}

body.tm-mode-inbox #inbox .tm-inbox-addressbar .tm-email-input--inbox::-webkit-scrollbar{ height: 0; }
body.tm-mode-inbox #inbox .tm-inbox-addressbar .tm-email-input--inbox{ scrollbar-width: none; }

/* Buttons inside the merged bar */
body.tm-mode-inbox #inbox .tm-inbox-addressbar .tm-iconbtn{
  height: 42px;
  border-radius: 14px;
}

body.tm-mode-inbox #inbox .tm-inbox-addressbar .tm-iconbtn.tm-iconbtn--ghost{
  width: 42px;
  padding: 0;
}

body.tm-mode-inbox #inbox .tm-inbox-addressbar .tm-inbox-copy-btn{
  min-width: 108px;
  padding: 0 14px;
}

/* Keep everything in one row on desktop; allow wrap on small screens */
@media (min-width: 992px){
  body.tm-mode-inbox #inbox .tm-inbox-addressbar{ flex-wrap: nowrap; }
}

/* Save space to show the full address on smaller desktops */
@media (max-width: 1200px){
  body.tm-mode-inbox #inbox .tm-inbox-addressbar .tm-inbox-copy-btn .tm-copy-text{ display:none; }
  body.tm-mode-inbox #inbox .tm-inbox-addressbar .tm-inbox-copy-btn{ min-width: 42px; padding: 0; }
}



/* =========================================================
   HOTFIX 15 — Inbox page rebuild (actions + cards + layout)
   - Unified address bar with inline actions
   - Show full email (no ellipsis)
   - Cleaner empty state (no extra "How it works")
   ========================================================= */

/* Hide any legacy "Back to home" toolbar button if injected by JS */
#tmBackHomeBtn{display:none !important;}

/* Current email card: remove dashed look, keep soft highlight */
body.tm-mode-inbox #inbox .tm-current-address{
  background: rgba(var(--tm-primary-rgb), .04) !important;
  border: 1px solid rgba(var(--tm-primary-rgb), .18) !important;
  border-radius: 20px !important;
  padding: 14px !important;
}

body.tm-mode-inbox #inbox .tm-current-address__label{
  display:flex;
  align-items:center;
  gap:8px;
  font-weight: 900;
  font-size: 12px;
  letter-spacing: .02em;
  color: rgba(15,23,42,.70);
  margin: 0 0 10px !important;
}

/* Unified email bar */
body.tm-mode-inbox #inbox .tm-emailbar{
  display:flex;
  align-items:center;
  flex-wrap:nowrap;
  gap:12px;
  background:#fff;
  border:1px solid rgba(15,23,42,.14);
  border-radius: 18px;
  padding: 6px 6px 6px 14px;
}

body.tm-mode-inbox #inbox .tm-emailbar__input{
  flex: 1 1 auto;
  min-width: 0;
  height: 44px;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;

  font-weight: 900 !important;
  font-size: 15px !important;
  letter-spacing: .01em;
  color: #0f172a;

  /* Show full email (no ellipsis). Allow horizontal scroll when needed. */
  overflow-x: auto !important;
  overflow-y: hidden !important;
  white-space: nowrap !important;
  text-overflow: clip !important;
}

/* Hide scrollbars but keep scroll ability */
body.tm-mode-inbox #inbox .tm-emailbar__input::-webkit-scrollbar{height:0;}
body.tm-mode-inbox #inbox .tm-emailbar__input{scrollbar-width:none;}

/* Actions group */
body.tm-mode-inbox #inbox .tm-emailbar__actions{
  display:flex;
  align-items:center;
  flex-wrap:nowrap;
  gap:8px;
  padding-left: 10px;
  border-left: 1px solid rgba(15,23,42,.10);
}

/* Action buttons */
body.tm-mode-inbox #inbox .tm-email-action{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width: 44px;
  height: 44px;
  padding: 0;
  border-radius: 14px;
  border: 1px solid rgba(15,23,42,.12);
  background:#fff;
  color:#0f172a;
  text-decoration:none;

  box-shadow: 0 10px 24px rgba(15,23,42,.08);
  transition: transform .12s ease, box-shadow .12s ease, background-color .12s ease, border-color .12s ease, color .12s ease;
}

body.tm-mode-inbox #inbox .tm-email-action i{font-size:18px;line-height:1;}

body.tm-mode-inbox #inbox .tm-email-action:hover{
  transform: translateY(-1px);
  box-shadow: 0 14px 30px rgba(15,23,42,.10);
}

body.tm-mode-inbox #inbox .tm-email-action:focus{
  outline: none;
  box-shadow: 0 0 0 3px rgba(var(--tm-primary-rgb), .18), 0 14px 30px rgba(15,23,42,.10);
}

/* Copy = primary */
body.tm-mode-inbox #inbox .tm-email-action--copy{
  background: var(--color1) !important;
  border-color: rgba(var(--tm-primary-rgb), .35) !important;
  color: #fff !important;
}

body.tm-mode-inbox #inbox .tm-email-action--copy:hover{
  background: #ffb226 !important;
}

/* Make sure copy text never forces layout (kept only for JS feedback) */
body.tm-mode-inbox #inbox .tm-email-action--copy .tm-copy-text{
  display:none !important;
}

/* Delete = danger */
body.tm-mode-inbox #inbox .tm-email-action--delete{
  background: rgba(239,68,68,.10) !important;
  border-color: rgba(239,68,68,.25) !important;
  color: #b91c1c !important;
}

body.tm-mode-inbox #inbox .tm-email-action--delete:hover{
  background: rgba(239,68,68,.14) !important;
}

/* Remove any old inbox addressbar spacing */
body.tm-mode-inbox #inbox .tm-inbox-addressbar{margin:0 !important;}

/* Empty state: tighter + cleaner (no extra duplicate actions) */
body.tm-mode-inbox #inbox #tm-mailbox-empty .tm-empty-shell{
  border: 1px dashed rgba(15,23,42,.18) !important;
  background: rgba(255,255,255,.92) !important;
  border-radius: 24px !important;
  padding: 34px 18px !important;
  max-width: 560px;
  margin: 0 auto;
}

body.tm-mode-inbox #inbox #tm-mailbox-empty .tm-empty-actions{
  display:flex !important;
  justify-content:center;
  margin-top: 14px;
}

body.tm-mode-inbox #inbox #tm-mailbox-empty .tm-empty-primary{
  border-radius: 18px !important;
  max-width: 420px;
  width: 100%;
}

/* Compact the controls on small screens while keeping actions in one line */
@media (max-width: 575.98px){
  body.tm-mode-inbox #inbox .tm-emailbar{
    padding: 6px 6px 6px 12px;
    gap:10px;
  }
  body.tm-mode-inbox #inbox .tm-emailbar__actions{gap:6px;padding-left:8px;}
  body.tm-mode-inbox #inbox .tm-email-action{width:40px;height:40px;border-radius:13px;}
  body.tm-mode-inbox #inbox .tm-emailbar__input{font-size:14px !important;height:40px;}
}

/* RTL support for the unified bar */
body.tm-dir-rtl #inbox .tm-emailbar{
  padding: 6px 14px 6px 6px;
}

body.tm-dir-rtl #inbox .tm-emailbar__actions{
  border-left: 0;
  border-right: 1px solid rgba(15,23,42,.10);
  padding-left: 0;
  padding-right: 10px;
}


/* =========================================================
   Inbox rebuild v5 (desktop + mobile)
   - Full email visibility
   - Primary actions: Copy + Refresh + More menu
   - Cleaner empty state + consistent borders
   ========================================================= */

@media (min-width: 992px){
  body.tm-mode-inbox #inbox .tm-inbox-layout{
    grid-template-columns: clamp(480px, 38vw, 620px) minmax(0, 1fr);
    gap: 28px;
  }
}

/* Controls card */
body.tm-mode-inbox #inbox .tm-inbox-controls{
  position: relative;
  top: auto;
}
body.tm-mode-inbox #inbox .tm-inbox-controls__inner{
  padding: 22px;
}

/* Email bar */
body.tm-mode-inbox #inbox .tm-current-address{
  border: 1px solid rgba(17,24,39,.10);
  background: #fff;
  border-radius: 20px;
}
body.tm-mode-inbox #inbox .tm-current-address__label{
  margin-bottom: 10px;
  color: rgba(17,24,39,.72);
}

body.tm-mode-inbox #inbox .tm-emailbar{
  padding: 8px 10px 8px 14px;
  gap: 10px;
  border-radius: 16px;
  border: 1px solid rgba(255,165,0,.18);
  background: rgba(255,165,0,.06);
}
body.tm-dir-rtl #inbox .tm-emailbar{
  padding: 8px 14px 8px 10px;
}

body.tm-mode-inbox #inbox .tm-emailbar__input{
  font-size: 15px;
  font-weight: 800;
  letter-spacing: .2px;
  color: var(--tm-text, #111827);
  text-overflow: clip;
  overflow-x: auto;
  scrollbar-width: none;
}
body.tm-mode-inbox #inbox .tm-emailbar__input::-webkit-scrollbar{ display:none; }

body.tm-mode-inbox #inbox .tm-emailbar__actions{
  padding-left: 10px;
  gap: 8px;
  border-left: 1px solid rgba(17,24,39,.10);
}
body.tm-dir-rtl #inbox .tm-emailbar__actions{
  padding-left: 0;
  padding-right: 10px;
  border-left: 0;
  border-right: 1px solid rgba(17,24,39,.10);
}

/* Action buttons */
body.tm-mode-inbox #inbox .tm-email-action{
  height: 40px;
  width: auto;
  border-radius: 12px;
  border: 1px solid rgba(17,24,39,.12);
  background: #fff;
  color: var(--tm-text, #111827);
  font-weight: 800;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0 12px;
  line-height: 1;
}

body.tm-mode-inbox #inbox .tm-email-action i{
  font-size: 16px;
}

body.tm-mode-inbox #inbox .tm-email-action--copy{
  background: var(--tm-primary, #ffa500);
  border-color: transparent;
  color: #fff;
}
body.tm-mode-inbox #inbox .tm-email-action--copy i,
body.tm-mode-inbox #inbox .tm-email-action--copy .tm-copy-text{
  color: #fff;
}

body.tm-mode-inbox #inbox .tm-email-action--refresh,
body.tm-mode-inbox #inbox .tm-email-action--more{
  width: 40px;
  padding: 0;
}

body.tm-mode-inbox #inbox .tm-email-action--copy .tm-copy-text{
  display: inline-block !important;
}

@media (max-width: 520px){
  body.tm-mode-inbox #inbox .tm-email-action--copy{
    width: 44px;
    padding: 0;
  }
  body.tm-mode-inbox #inbox .tm-email-action--copy .tm-copy-text{
    display: none !important;
  }
}

/* More menu (bootstrap dropdown) */
body.tm-mode-inbox #inbox .tm-email-more .dropdown-menu{
  min-width: 210px;
  border-radius: 14px;
  border: 1px solid rgba(17,24,39,.10);
  box-shadow: 0 18px 46px rgba(17,24,39,.14);
  padding: 8px;
}
body.tm-mode-inbox #inbox .tm-email-more .dropdown-item{
  border-radius: 10px;
  padding: 10px 12px;
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 800;
  color: rgba(17,24,39,.92);
}
body.tm-mode-inbox #inbox .tm-email-more .dropdown-item:hover{
  background: rgba(17,24,39,.04);
}
body.tm-mode-inbox #inbox .tm-email-more .dropdown-item i{
  width: 18px;
  text-align: center;
}
body.tm-dir-rtl #inbox .tm-email-more .dropdown-menu{
  text-align: right;
}

/* Auto refresh row */
body.tm-mode-inbox #inbox .tm-inbox-settings{
  margin-top: 14px;
}
body.tm-mode-inbox #inbox .tm-auto-refresh{
  border-radius: 18px;
  border: 1px solid rgba(17,24,39,.10);
  background: #fff;
  padding: 14px 16px;
  gap: 12px;
}
body.tm-mode-inbox #inbox .tm-auto-refresh__right select{
  height: 42px;
  border-radius: 14px;
}

/* Messages empty state cleanup */
body.tm-mode-inbox #inbox #tm-mailbox-empty .tm-empty-shell{
  border: 1px solid rgba(17,24,39,.10);
  border-radius: 22px;
  background: rgba(17,24,39,.02);
}
body.tm-mode-inbox #inbox #tm-mailbox-empty .tm-empty-shell__inner{
  border: none;
  border-radius: 18px;
  background: transparent;
  padding: 34px 18px 26px;
}
body.tm-mode-inbox #inbox #tm-mailbox-empty .tm-empty-title{
  margin-top: 6px;
}
body.tm-mode-inbox #inbox #tm-mailbox-empty .tm-empty-actions{
  margin-top: 18px;
}
body.tm-mode-inbox #inbox #tm-mailbox-empty .tm-empty-actions .btn{
  height: 52px;
  border-radius: 18px;
}

/* Refresh loading state */
body.tm-mode-inbox #inbox .tm-refresh-btn.is-loading{
  opacity: .7;
  pointer-events: none;
}
body.tm-mode-inbox #inbox .tm-refresh-btn.is-loading i{
  animation: tm-spin 1s linear infinite;
}
@keyframes tm-spin{ to{ transform: rotate(360deg); } }


/* =========================================================
   TM Inbox — v5 (stacked layout + actions outside email)
   Requested: remove empty-state frame, move messages below, move buttons out of email.
   ========================================================= */

body.tm-mode-inbox #inbox .tm-inbox-layout{
  display:flex;
  flex-direction:column;
  gap:18px;
}
@media (min-width: 992px){
  body.tm-mode-inbox #inbox .tm-inbox-layout{ gap:20px; }
}

body.tm-mode-inbox #inbox .tm-inbox-controls,
body.tm-mode-inbox #inbox .tm-inbox-messages{
  width:100%;
}

/* Current email input: full width (actions are below) */
body.tm-mode-inbox #inbox .tm-emailfield{ margin-top:10px; }
body.tm-mode-inbox #inbox .tm-emailfield__input{
  height:54px;
  border-radius:18px;
  padding:0 16px;
  font-size:16px;
  font-weight:800;
  border:1px solid rgba(17,24,39,.12);
  background:#fff;
  color:#111827;
}
body.tm-mode-inbox #inbox .tm-emailfield__input:focus{
  border-color:rgba(255,165,0,.55);
  box-shadow:0 0 0 4px rgba(255,165,0,.18);
}

/* Actions row (outside the email field) */
body.tm-mode-inbox #inbox .tm-email-actions-row{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:12px;
  flex-wrap:wrap;
}
body.tm-mode-inbox #inbox .tm-email-action{
  height:44px;
  border-radius:14px;
  padding:0 14px;
  border:1px solid rgba(17,24,39,.12);
  background:#fff;
  color:#111827;
  font-weight:900;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  text-decoration:none;
  box-shadow:0 10px 22px rgba(17,24,39,.06);
}
body.tm-mode-inbox #inbox .tm-email-action:active{ transform:translateY(1px); }

body.tm-mode-inbox #inbox .tm-email-action--copy{
  background:var(--tm-accent);
  border-color:transparent;
  color:#fff;
  box-shadow:0 12px 26px rgba(255,165,0,.22);
}

body.tm-mode-inbox #inbox .tm-email-action--delete{
  border-color:rgba(239,68,68,.28);
  color:#b91c1c;
  background:rgba(239,68,68,.06);
  box-shadow:0 12px 26px rgba(239,68,68,.08);
}

body.tm-mode-inbox #inbox .tm-email-action__icon i{ font-size:15px; }

@media (max-width: 480px){
  body.tm-mode-inbox #inbox .tm-email-action__text{ display:none; }
  body.tm-mode-inbox #inbox .tm-email-action{ width:44px; padding:0; }
}

/* Messages header: add refresh button */
body.tm-mode-inbox #inbox .tm-inbox-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
}
body.tm-mode-inbox #inbox .tm-inbox-headerBtn{
  height:36px;
  border-radius:12px;
  padding:0 12px;
  border:1px solid rgba(17,24,39,.12);
  background:#fff;
  color:#111827;
  font-weight:900;
  display:inline-flex;
  align-items:center;
  gap:8px;
}
body.tm-mode-inbox #inbox .tm-inbox-headerBtn:active{ transform:translateY(1px); }
body.tm-mode-inbox #inbox .tm-inbox-headerBtnText{ font-size:13px; }

@media (max-width: 480px){
  body.tm-mode-inbox #inbox .tm-inbox-headerBtnText{ display:none; }
  body.tm-mode-inbox #inbox .tm-inbox-headerBtn{ width:38px; padding:0; justify-content:center; }
}

/* Empty state: remove dashed "frame" + remove heavy elements */
body.tm-mode-inbox #inbox .mailbox-empty{ margin:0; }
body.tm-mode-inbox #inbox #tm-mailbox-empty.tm-empty-min{
  border:1px solid rgba(17,24,39,.12);
  border-radius:18px;
  background:#fff;
  padding:18px;
}
body.tm-mode-inbox #inbox #tm-mailbox-empty.tm-empty-min .tm-empty-row{
  text-align:center;
  color:#6b7280;
  font-weight:800;
}

/* Messages list: simple framed rows */
body.tm-mode-inbox #inbox #mailbox.tm-mailbox{
  border:1px solid rgba(17,24,39,.12);
  border-radius:18px;
  overflow:hidden;
  background:#fff;
}
body.tm-mode-inbox #inbox #mailbox .tm-msg-card{
  margin:0;
  border-radius:0;
  box-shadow:none;
  border-bottom:1px solid rgba(17,24,39,.08);
}
body.tm-mode-inbox #inbox #mailbox .tm-msg-card:last-child{ border-bottom:none; }
body.tm-mode-inbox #inbox #mailbox .tm-msg-link{ padding:14px 16px; }

/* If older empty-shell styles exist, neutralize them on inbox page */
body.tm-mode-inbox #inbox #tm-mailbox-empty .tm-empty-shell,
body.tm-mode-inbox #inbox #tm-mailbox-empty .tm-empty-shell__inner{
  border:none !important;
  background:transparent !important;
  box-shadow:none !important;
}

/* v5 polish: replace dashed "current email" frame with a clean solid border */
body.tm-mode-inbox #inbox .tm-current-address{
  border:1px solid rgba(255,165,0,.20);
  background:rgba(255,165,0,.06);
}

/* =============================
   Inbox v6 — responsive grid + action bar
   (rebuild/reorder actions, borders, colors)
   ============================= */

body.tm-mode-inbox #inbox .container{
  max-width: 1280px;
}

body.tm-mode-inbox #inbox .tm-inbox-layout{
  display: grid;
  grid-template-columns: 1fr;
  gap: 22px;
}

@media (min-width: 992px){
  body.tm-mode-inbox #inbox .tm-inbox-layout{
    grid-template-columns: 420px 1fr;
    align-items: start;
  }
}

body.tm-mode-inbox #inbox .tm-inbox-controls,
body.tm-mode-inbox #inbox .tm-inbox-messages{
  max-width: none;
  width: 100%;
}

/* Cards */
body.tm-mode-inbox #inbox .tm-inbox-card{
  border-radius: 24px;
}

/* Current email block */
body.tm-mode-inbox #inbox .tm-current-email{
  padding: 16px;
  border: 1px solid rgba(255,165,0,.18);
  background: rgba(255,165,0,.06);
  border-radius: 18px;
}

/* Remove inner frame; keep it clean */
body.tm-mode-inbox #inbox .tm-current-address{
  border: none;
  background: transparent;
  padding: 0;
  margin-top: 10px;
}

body.tm-mode-inbox #inbox .tm-emailfield__input{
  width: 100%;
  font-weight: 800;
  font-size: 18px;
  letter-spacing: .2px;
}

/* Action bar (outside email) */
body.tm-mode-inbox #inbox .tm-email-actions{
  display: flex;
  gap: 12px;
  margin-top: 12px;
  flex-wrap: wrap;
}

body.tm-mode-inbox #inbox .tm-email-actions .tm-btn{
  flex: 1;
  min-width: 140px;
  justify-content: center;
}

@media (max-width: 420px){
  body.tm-mode-inbox #inbox .tm-email-actions .tm-btn{ min-width: 100%; }
}

/* Refresh button in Messages header */
body.tm-mode-inbox #inbox .tm-inbox-header .tm-refresh-btn{
  padding: 10px 14px;
}

@media (max-width: 520px){
  body.tm-mode-inbox #inbox .tm-refresh-btn .tm-btn__label{ display:none; }
  body.tm-mode-inbox #inbox .tm-inbox-header .tm-refresh-btn{ padding:10px 12px; }
}

/* Empty state — no dashed frame, minimal */
body.tm-mode-inbox #inbox #tm-mailbox-empty.tm-empty-row{
  /* No extra frame — keep it clean */
  border: 0;
  border-radius: 0;
  background: transparent;
  padding: 32px 18px;
  text-align: center;
  color: #6b7280;
  font-weight: 700;
}

body.tm-mode-inbox #inbox #tm-mailbox-empty.tm-empty-row .tm-empty-row__text{
  display: block;
}

/* Mailbox list rows */
body.tm-mode-inbox #inbox #mailbox.tm-mailbox{
  /* Remove the inner frame around the messages list.
     The messages card already has its own container. */
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible;
}

body.tm-mode-inbox #inbox #mailbox .tm-msg-card{
  position: relative;
}

/* Accent bar for unread */
body.tm-mode-inbox #inbox #mailbox .tm-msg-card.is-unseen::before{
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: var(--tm-brand);
}

html[dir="rtl"] body.tm-mode-inbox #inbox #mailbox .tm-msg-card.is-unseen::before{
  inset: 0 0 0 auto;
}

body.tm-mode-inbox #inbox #mailbox .tm-msg-link{ padding: 16px 18px; }

/* New badge */
body.tm-mode-inbox #inbox #mailbox .tm-msg-new{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 2px 10px;
  border-radius: 999px;
  font-weight: 800;
  font-size: 12px;
  background: rgba(255,165,0,.18);
  color: var(--tm-brand);
  border: 1px solid rgba(255,165,0,.28);
  margin-left: 8px;
}

html[dir="rtl"] body.tm-mode-inbox #inbox #mailbox .tm-msg-new{
  margin-left: 0;
  margin-right: 8px;
}

body.tm-mode-inbox #inbox #mailbox .tm-msg-meta{ gap: 8px; }

body.tm-mode-inbox #inbox #mailbox .tm-msg-subject{ font-weight: 800; }
body.tm-mode-inbox #inbox #mailbox .tm-msg-snippet{ color:#6b7280; }

/* =========================================================
   TempMy UI Hotfix 20
   - Remove the big messages “frame” and switch to row separators
   - Stack Messages under Controls (desktop)
   - Keep email input full width and move actions outside the input row
   ========================================================= */

/* 1) Layout: messages under controls (single column) */
body.tm-mode-inbox #inbox .tm-inbox-layout{
  grid-template-columns: 1fr !important;
  gap: 14px !important;
}

/* 2) Messages card: remove outer frame */
body.tm-mode-inbox #inbox .tm-inbox-card--messages{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
body.tm-mode-inbox #inbox .tm-inbox-card--messages .tm-inbox-card__head{
  background: transparent !important;
  border: 0 !important;
  padding: 0 16px 10px 16px !important;
}
body.tm-mode-inbox #inbox .tm-inbox-card--messages .tm-inbox-card__body{
  padding: 0 !important;
}

/* 3) Current email: full width input, actions below (not beside the input) */
body.tm-mode-inbox #inbox .tm-current-address{
  display: block !important;
}
body.tm-mode-inbox #inbox .tm-emailfield,
body.tm-mode-inbox #inbox .tm-emailfield__input{
  width: 100% !important;
}

body.tm-mode-inbox #inbox .tm-email-actions{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px !important;
  margin-top: 12px !important;
}
body.tm-mode-inbox #inbox .tm-email-actions .tm-btn{
  width: 100% !important;
  justify-content: center !important;
}

@media (max-width: 420px){
  body.tm-mode-inbox #inbox .tm-email-actions{
    grid-template-columns: 1fr !important;
  }
}

/* 4) Mailbox list: row separators (border-bottom) instead of individual cards */
body.tm-mode-inbox #inbox #mailbox{
  border-top: 1px solid rgba(15,23,42,.10) !important;
  border-bottom: 1px solid rgba(15,23,42,.10) !important;
}

body.tm-mode-inbox #inbox #mailbox .tm-msg-card{
  border: 0 !important;
  border-bottom: 1px solid rgba(15,23,42,.10) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  margin: 0 !important;
  position: relative !important;
}
body.tm-mode-inbox #inbox #mailbox .tm-msg-card:last-child{
  border-bottom: 0 !important;
}

body.tm-mode-inbox #inbox #mailbox .tm-msg-link{
  border-radius: 0 !important;
  padding: 14px 16px !important;
}
body.tm-mode-inbox #inbox #mailbox .tm-msg-link:hover{
  background: rgba(15,23,42,.03) !important;
}

/* New message accent (JS uses tm-message-new) */
body.tm-mode-inbox #inbox #mailbox .tm-msg-card.tm-message-new::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: rgba(var(--color1-rgb), 1);
  border-radius: 0 3px 3px 0;
}

html[dir="rtl"] body.tm-mode-inbox #inbox #mailbox .tm-msg-card.tm-message-new::before{
  left: auto;
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* =========================
   Hotfix 21: Inbox formatting polish
   - Minimal empty state
   - Less whitespace on ultra-wide screens
   - Unified button sizing
   ========================= */

/* ===========================
   TempMy Inbox Clean Align (Hotfix 22)
   - Reduce frames
   - Move meta to top bar
   - Actions outside email input
   - Align widths with header container
   =========================== */

body.tm-mode-inbox #inbox{
  --tm-inbox-radius: 16px;
  --tm-inbox-border: rgba(15, 23, 42, .10);
  --tm-inbox-bg: #ffffff;
  --tm-inbox-muted: rgba(15, 23, 42, .62);

  --tm-btn-h: 44px;
  --tm-btn-pad-x: 14px;
  --tm-btn-radius: 14px;

  padding-top: 18px;
  padding-bottom: 18px;
}

/* Unify button sizing in inbox */
body.tm-mode-inbox #inbox .tm-btn{
  min-height: var(--tm-btn-h) !important;
  padding: 0 var(--tm-btn-pad-x) !important;
  border-radius: var(--tm-btn-radius) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  line-height: 1 !important;
}
body.tm-mode-inbox #inbox .tm-btn__label{ line-height: 1 !important; }

/* Main surface: single frame (no double cards) */
body.tm-mode-inbox #inbox .tm-inbox-surface{
  background: var(--tm-inbox-bg);
  border: 1px solid var(--tm-inbox-border);
  border-radius: var(--tm-inbox-radius);
  box-shadow: 0 12px 28px rgba(0,0,0,.05);
  overflow: hidden;
}

/* Top bar: title + meta + refresh */
body.tm-mode-inbox #inbox .tm-inbox-surface__top{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  border-bottom: 1px solid var(--tm-inbox-border);
  background: rgba(var(--color1-rgb, 255,165,0), .06);
}

body.tm-mode-inbox #inbox .tm-inbox-surface__title{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-weight: 900;
  color: rgba(15,23,42,.92);
  font-size: 18px;
  letter-spacing: .2px;
}
body.tm-mode-inbox #inbox .tm-inbox-surface__title i{
  color: var(--color1);
  font-size: 18px;
}

body.tm-mode-inbox #inbox .tm-inbox-surface__topRight{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

/* Meta pills */
body.tm-mode-inbox #inbox .tm-inbox-meta{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

body.tm-mode-inbox #inbox .tm-pill{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(15,23,42,.10);
  background: rgba(255,255,255,.92);
  color: rgba(15,23,42,.74);
  font-weight: 800;
  font-size: 12px;
}
body.tm-mode-inbox #inbox .tm-pill__num,
body.tm-mode-inbox #inbox .tm-pill__time{
  color: rgba(15,23,42,.92);
  font-weight: 900;
}

/* Email block */
body.tm-mode-inbox #inbox .tm-inbox-surface__email{
  padding: 14px 16px 12px;
}

body.tm-mode-inbox #inbox .tm-current-email__label{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
  font-weight: 800;
  color: rgba(15,23,42,.86);
}

body.tm-mode-inbox #inbox .tm-emailfield__input{
  width: 100% !important;
  border: 1px solid rgba(15,23,42,.12) !important;
  border-radius: 14px !important;
  background: #fff !important;
  padding: 12px 14px !important;
  font-weight: 800 !important;
  color: rgba(15,23,42,.92) !important;
  box-shadow: none !important;
  text-overflow: clip !important;
}
body.tm-mode-inbox #inbox .tm-emailfield__input{
  direction: ltr;
}
body.tm-dir-rtl.tm-mode-inbox #inbox .tm-emailfield__input{
  direction: ltr; /* keep emails LTR even in RTL UI */
}

body.tm-mode-inbox #inbox .tm-email-actions{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 10px;
}

/* Settings row */
body.tm-mode-inbox #inbox .tm-inbox-surface__settings{
  padding: 0 16px 14px;
}

body.tm-mode-inbox #inbox .tm-inbox-setting__row{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}
body.tm-mode-inbox #inbox .tm-select{
  min-height: var(--tm-btn-h);
  border-radius: var(--tm-btn-radius);
}

/* Divider */
body.tm-mode-inbox #inbox .tm-inbox-surface__divider{
  height: 1px;
  background: var(--tm-inbox-border);
}

/* Messages header */
body.tm-mode-inbox #inbox .tm-inbox-surface__messagesHead{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 16px;
  background: rgba(15,23,42,.02);
  border-bottom: 1px solid var(--tm-inbox-border);
}
body.tm-mode-inbox #inbox .tm-inbox-header__title{
  margin: 0;
  font-weight: 900;
  font-size: 16px;
  color: rgba(15,23,42,.92);
}

/* Messages list: rows (no inner frame) */
body.tm-mode-inbox #inbox #mailbox.tm-mailbox{
  border: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
  overflow: visible !important;
}

body.tm-mode-inbox #inbox .tm-msg-card{
  border: 0 !important;
  border-bottom: 1px solid var(--tm-inbox-border) !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}
body.tm-mode-inbox #inbox .tm-msg-card:last-child{
  border-bottom: 0 !important;
}
body.tm-mode-inbox #inbox .tm-msg-link{
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 12px 16px !important;
  text-decoration: none !important;
}
body.tm-mode-inbox #inbox .tm-msg-link:hover{
  background: rgba(var(--color1-rgb, 255,165,0), .06);
}

/* Empty row: minimal (no big frame) */
body.tm-mode-inbox #inbox #tm-mailbox-empty.tm-empty-row{
  display: block;
  padding: 16px;
  color: rgba(15,23,42,.70);
}

/* When empty, hide meta pills to keep it minimal */
body.tm-mode-inbox #inbox.tm-state-empty .tm-inbox-meta{ display:none !important; }

/* Mobile: stack top bar */
@media (max-width: 575.98px){
  body.tm-mode-inbox #inbox .tm-inbox-surface__top{
    flex-direction: column;
    align-items: flex-start;
  }
  body.tm-mode-inbox #inbox .tm-inbox-surface__topRight{
    width: 100%;
    justify-content: space-between;
  }
}
/* TEST APPEND */

/* =========================================================
   UX-091 Inbox polish (mobile + alignment)
   Fixes: meta wrapping, refresh label visibility, button row,
   fewer nested frames, container alignment with header.
   ========================================================= */

/* Align inbox container padding with header container */
body.tm-mode-inbox #inbox > .container{padding-left:12px;padding-right:12px;}

/* Allow meta pills to wrap instead of overflowing */
body.tm-mode-inbox #inbox .tm-inbox-topbar{flex-wrap:wrap;align-items:flex-start;}
body.tm-mode-inbox #inbox .tm-inbox-title{min-width:0;}
body.tm-mode-inbox #inbox .tm-inbox-meta{margin-inline-start:auto;}

/* Softer current-email highlight (remove heavy/dashed frame look) */
body.tm-mode-inbox #inbox .tm-current-email{background:rgba(255,165,0,.06);border:1px solid rgba(255,165,0,.18);}

/* Mobile: keep refresh label visible (icons may be missing on some builds) */
@media (max-width:520px){
  body.tm-mode-inbox #inbox .tm-inbox-header .tm-refresh-btn .tm-btn__label{display:inline !important;}
  body.tm-mode-inbox #inbox .tm-inbox-meta{width:100%;justify-content:flex-start;}
}

/* Mobile: keep email actions in ONE row (no stacked buttons) */
@media (max-width:520px){
  body.tm-mode-inbox #inbox .tm-email-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));}
  body.tm-mode-inbox #inbox .tm-email-actions .tm-btn{min-width:0 !important;flex:none !important;padding:0 10px;}
}

/* Very small screens: move Delete to its own row for safety */
@media (max-width:360px){
  body.tm-mode-inbox #inbox .tm-email-actions{grid-template-columns:repeat(2,minmax(0,1fr));}
  body.tm-mode-inbox #inbox #tmDeleteInboxBtn{grid-column:1 / -1;}
}

/* Mobile: disable sticky controls (prevents odd overlaps) */
@media (max-width:991.98px){
  body.tm-mode-inbox #inbox .tm-inbox-controls{position:static !important;top:auto !important;}
}

/* =========================================================
   Inbox UI v7 — unified tokens + clean layout
   Goals:
   - unify colors/radius/shadow via variables
   - remove extra frames/nested borders
   - align meta + buttons
   - responsive that keeps the same "spirit" on mobile
   - consistent button sizing + icon alignment
   - minimal empty state (no dotted frames)
   ========================================================= */

:root{
  --tm-surface: #ffffff;
  --tm-surface-2: #f8fafc;
  --tm-border: rgba(15,23,42,.12);

  --tm-radius-sm: 12px;
  --tm-radius-md: 16px;
  --tm-radius-lg: 22px;

  --tm-shadow-xs: 0 8px 18px rgba(15,23,42,.06);
  --tm-shadow-sm: 0 14px 40px rgba(15,23,42,.08);
}

/* Ensure body + header feel like one system */
body.tm-saas{background:var(--tm-bg);color:var(--tm-text);}
body.tm-saas .tm-header{background:var(--tm-surface);}

/* Layout */
body.tm-mode-inbox #inbox.section-inbox{padding:28px 0 64px;}
body.tm-mode-inbox #inbox.section-inbox .container{max-width:1180px;}
body.tm-mode-inbox #inbox .tm-inbox-layout--grid{
  display:grid;
  grid-template-columns:minmax(320px,420px) minmax(0,1fr);
  gap:18px;
  align-items:start;
}
@media (max-width:991.98px){
  body.tm-mode-inbox #inbox .tm-inbox-layout--grid{grid-template-columns:1fr;}
}

/* Cards (only 2: controls + messages) */
body.tm-mode-inbox #inbox .tm-inbox-card{
  background:var(--tm-surface);
  border:1px solid var(--tm-border);
  border-radius:var(--tm-radius-lg);
  box-shadow:var(--tm-shadow-sm);
  overflow:hidden;
}
body.tm-mode-inbox #inbox .tm-inbox-card__head{
  padding:16px 18px;
  border-bottom:1px solid rgba(15,23,42,.06);
  background:rgba(15,23,42,.02);
}
body.tm-mode-inbox #inbox .tm-inbox-card__body{padding:18px;}

/* Top bars */
body.tm-mode-inbox #inbox .tm-inbox-topbar,
body.tm-mode-inbox #inbox .tm-inbox-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
body.tm-mode-inbox #inbox .tm-inbox-title{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight:900;
  font-size:18px;
  color:var(--tm-text);
}
body.tm-mode-inbox #inbox .tm-inbox-title i{color:var(--tm-primary);font-size:18px;}
body.tm-mode-inbox #inbox .tm-inbox-meta{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin-inline-start:auto;
}

/* Meta pills */
body.tm-mode-inbox #inbox .tm-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(15,23,42,.04);
  border:1px solid rgba(15,23,42,.10);
  font-size:13px;
  color:var(--tm-muted);
  white-space:nowrap;
}
body.tm-mode-inbox #inbox .tm-pill__num,
body.tm-mode-inbox #inbox .tm-pill__time{font-weight:800;color:var(--tm-text);}

/* Current email (clean, no dashed frames) */
body.tm-mode-inbox #inbox .tm-current-email{
  background:rgba(var(--color1-rgb),.06);
  border:1px solid rgba(var(--color1-rgb),.22);
  border-radius:var(--tm-radius-md);
  padding:14px;
}
body.tm-mode-inbox #inbox .tm-current-email__label{
  display:flex;
  align-items:center;
  gap:8px;
  color:var(--tm-muted);
  font-weight:800;
  margin-bottom:10px;
}
body.tm-mode-inbox #inbox .tm-current-email__label i{color:var(--tm-primary);}

body.tm-mode-inbox #inbox .tm-current-address{
  display:grid !important;
  grid-template-columns:1fr;
  gap:12px;
  background:transparent !important;
  border:0 !important;
  padding:0 !important;
}
body.tm-mode-inbox #inbox .tm-emailfield,
body.tm-mode-inbox #inbox .tm-emailfield__input{width:100%;}
body.tm-mode-inbox #inbox .tm-emailfield{padding:0 !important;background:transparent !important;border:0 !important;}
body.tm-mode-inbox #inbox .tm-emailfield__input{
  height:48px;
  padding:0 14px;
  border-radius:14px;
  border:1px solid rgba(15,23,42,.14);
  background:#fff;
  font-size:16px;
  font-weight:650;
  color:var(--tm-text);
}
body.tm-mode-inbox #inbox .tm-emailfield__input:focus{
  outline:none;
  border-color:rgba(var(--color1-rgb),.60);
  box-shadow:0 0 0 3px rgba(var(--color1-rgb),.14);
}

/* Buttons — consistent height/padding/icon alignment */
body.tm-mode-inbox #inbox .tm-btn{
  height:44px;
  padding:0 14px;
  border-radius:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  font-weight:900;
  line-height:1;
  border:1px solid transparent;
}
body.tm-mode-inbox #inbox .tm-btn i{font-size:16px;line-height:1;}
body.tm-mode-inbox #inbox .tm-btn--primary{
  background:var(--tm-primary);
  color:#fff;
  box-shadow:0 10px 20px rgba(var(--color1-rgb),.22);
}
body.tm-mode-inbox #inbox .tm-btn--ghost{
  background:#fff;
  color:var(--tm-text);
  border-color:rgba(15,23,42,.12);
}
body.tm-mode-inbox #inbox .tm-btn--danger{
  background:#fff;
  border-color:rgba(220,38,38,.35);
  color:#b91c1c;
}

/* Email actions (moved OUT of input row) */
body.tm-mode-inbox #inbox .tm-email-actions{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  width:100%;
}
body.tm-mode-inbox #inbox .tm-email-actions .tm-btn{width:100%;min-width:0;}

@media (max-width:520px){
  body.tm-mode-inbox #inbox .tm-email-actions{grid-template-columns:repeat(2,minmax(0,1fr));}
  body.tm-mode-inbox #inbox #tmDeleteInboxBtn{grid-column:1 / -1;}
  body.tm-mode-inbox #inbox .tm-inbox-meta{width:100%;justify-content:flex-start;}
}

/* Auto refresh row */
body.tm-mode-inbox #inbox .tm-inbox-setting{
  margin-top:14px;
  padding:12px 14px;
  border-radius:var(--tm-radius-md);
  border:1px solid rgba(15,23,42,.08);
  background:rgba(15,23,42,.02);
}
body.tm-mode-inbox #inbox .tm-inbox-setting__row{display:flex;align-items:center;justify-content:space-between;gap:12px;}
body.tm-mode-inbox #inbox .tm-select{height:40px;border-radius:12px;border:1px solid rgba(15,23,42,.14);padding:0 12px;}

/* Messages list: simple rows (no extra outer frames) */
body.tm-mode-inbox #inbox .tm-mailbox{
  display:flex;
  flex-direction:column;
  gap:10px;
  max-width:none !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}
body.tm-mode-inbox #inbox .tm-msg-card{
  position:relative;
  border:1px solid rgba(15,23,42,.10);
  border-radius:var(--tm-radius-md);
  background:var(--tm-surface);
  overflow:hidden;
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
body.tm-mode-inbox #inbox .tm-msg-card:hover{
  transform:translateY(-1px);
  box-shadow:var(--tm-shadow-xs);
  border-color:rgba(15,23,42,.16);
}

body.tm-mode-inbox #inbox .tm-message-new::before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;
  width:4px;
  background:var(--tm-primary);
  border-top-left-radius:var(--tm-radius-md);
  border-bottom-left-radius:var(--tm-radius-md);
}

body.tm-mode-inbox #inbox .tm-msg-link{
  display:flex;
  gap:12px;
  padding:12px 14px;
  color:inherit;
  text-decoration:none;
}
body.tm-mode-inbox #inbox .tm-msg-avatar{
  width:42px;height:42px;
  border-radius:14px;
  background:rgba(var(--color1-rgb),.12);
  border:1px solid rgba(var(--color1-rgb),.25);
  display:flex;align-items:center;justify-content:center;
  font-weight:900;
  color:var(--tm-primary);
  flex:0 0 auto;
}
body.tm-mode-inbox #inbox .tm-msg-from{font-weight:900;color:var(--tm-text);}
body.tm-mode-inbox #inbox .tm-msg-subject{margin-top:2px;font-weight:650;color:rgba(15,23,42,.90);}
body.tm-mode-inbox #inbox .tm-msg-meta{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  margin-top:4px;
  color:var(--tm-muted);
  font-size:13px;
}
body.tm-mode-inbox #inbox .tm-msg-right{margin-left:auto;display:flex;align-items:center;gap:10px;color:var(--tm-muted);}
body.tm-mode-inbox #inbox .tm-new-badge{
  padding:2px 10px;
  border-radius:999px;
  background:rgba(var(--color1-rgb),.15);
  border:1px solid rgba(var(--color1-rgb),.35);
  color:var(--tm-primary);
  font-size:12px;
  font-weight:900;
}

@media (max-width:575.98px){
  body.tm-mode-inbox #inbox .tm-msg-right .tm-msg-time--right{display:none;}
}

/* Empty state (very minimal) */
body.tm-mode-inbox #inbox #tm-mailbox-empty.tm-empty-row{
  margin-top:6px;
  padding:18px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:var(--tm-radius-md);
  background:rgba(15,23,42,.02);
  text-align:center;
}
body.tm-mode-inbox #inbox #tm-mailbox-empty .tm-empty-row__text{
  color:rgba(15,23,42,.65);
  font-weight:800;
}

/* --- Pro My Inbox enhancements --- */
.tm-pro-inboxes{margin-bottom:14px;padding:12px;border:1px solid rgba(16,24,40,0.10);border-radius:var(--tm-radius);background:var(--tm-surface)}
.tm-pro-inboxes__head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.tm-pro-inboxes__title{font-weight:800;letter-spacing:-0.01em}
.tm-pro-inboxes__count{font-weight:700;color:var(--tm-muted)}
.tm-pro-inboxes__list{display:flex;flex-direction:column;gap:8px;max-height:220px;overflow:auto;padding-right:4px}
.tm-pro-inboxes__item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border:1px solid rgba(16,24,40,0.10);border-radius:var(--tm-radius);background:var(--tm-bg)}
.tm-pro-inboxes__item.is-active{border-color:rgba(59,130,246,0.65);box-shadow:0 0 0 3px rgba(59,130,246,0.12)}
.tm-pro-inboxes__email{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:12.5px;word-break:break-all;color:var(--tm-text)}
.tm-pro-inboxes__actions{display:flex;align-items:center;gap:8px;flex-shrink:0}
.tm-pro-inboxes__new{margin-top:10px;padding-top:10px;border-top:1px dashed rgba(16,24,40,0.14)}
.tm-pro-inboxes__newTitle{font-weight:800;margin-bottom:8px;letter-spacing:-0.01em}
.tm-pro-inboxes__newRow{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.tm-pro-inboxes__newRow .form-control{min-width:0;flex:1 1 160px;border-radius:14px}
.tm-pro-inboxes__newRow .tm-btn{flex:0 0 auto}
#tmAutoRefreshCustom{margin-left:8px;max-width:150px}


/* ============================================================
   P0 Design Fixes
   - Card header readability in SaaS mode
   - Dynamic contrast for accent backgrounds (uses --tm-on-primary)
   (Added: 2026-02-19)
============================================================ */

/* 1) Card headers: legacy .view/.messages set white text, but SaaS uses light headers.
      Force readable text while keeping existing button styles intact. */
body.tm-saas .card-header{
  color: var(--tm-text) !important;
  text-transform: none !important;
}

body.tm-saas .view .card-header,
body.tm-saas .messages .card-header{
  color: var(--tm-text) !important;
}

/* Override legacy link color inside the view/messages header (without breaking tm-view-btn styles) */
body.tm-saas .view .card-header a,
body.tm-saas .messages .card-header a{
  color: var(--tm-text) !important;
}

/* Keep the SaaS view buttons' intended colors */
body.tm-saas .view .card-header a.tm-view-btn{ color: var(--tm-text) !important; }
body.tm-saas .view .card-header a.tm-view-btn:hover{ color: var(--tm-text) !important; }
body.tm-saas .view .card-header a.tm-view-btn--danger,
body.tm-saas .view .card-header a.tm-view-btn--danger:hover{
  color: #b91c1c !important;
}

/* Make the back link feel interactive */
body.tm-saas .view .card-header a.tm-view-back:hover{
  color: var(--tm-primary) !important;
}

/* 2) Accent contrast: use --tm-on-primary for text/icons on top of the accent color */
body.tm-saas .tm-nav-cta,
body.tm-saas .tm-copy-btn--sticky,
body.tm-saas .tm-mailbox-error #tmRetryBtn,
body.tm-saas .tm-refresh-btn,
body.tm-saas .tm-new-badge,
.tm-cookie__btn--primary,
.tm-iconbtn--primary,
.btn-1:hover,
.custom-email-botton,
.change_email .btn-2:hover,
.blog-grid .blog-img .date,
body.tm-saas .tm-feature-list li::before{
  color: var(--tm-on-primary, #111) !important;
}

/* Ensure icons inherit the on-primary color */
body.tm-saas .tm-nav-cta i,
body.tm-saas .tm-copy-btn--sticky i,
body.tm-saas .tm-refresh-btn i,
.tm-iconbtn--primary i{
  color: inherit !important;
}

/* Primary icon button shadow should match the configured accent */
body.tm-saas .tm-iconbtn--primary{
  box-shadow: 0 10px 26px rgba(var(--tm-primary-rgb), .25) !important;
}

/* Cookie focus ring uses dynamic accent rgb (instead of hard-coded orange) */
.tm-cookie__btn:focus{
  outline: 3px solid rgba(var(--tm-primary-rgb), .35) !important;
  outline-offset: 2px;
}

/* Keep on-primary contrast on hover/focus (some legacy rules force #fff on hover) */
body.tm-saas .tm-nav-cta:hover,
body.tm-saas .tm-nav-cta:focus{
  color: var(--tm-on-primary, #111) !important;
}

body.tm-saas .tm-copy-btn--sticky:hover{
  color: var(--tm-on-primary, #111) !important;
}

body.tm-saas .tm-refresh-btn:hover{
  background: var(--color1) !important;
  color: var(--tm-on-primary, #111) !important;
  filter: brightness(0.97);
}


/* ============================================================
   P1 Design Improvements
   - Button + form control normalization (SaaS pages)
   - Readable rich-text (“prose”) styling for legal/blog/CMS
   - Blog visuals aligned with the SaaS hero/cards
   (Added: 2026-02-19)
============================================================ */

/* Button + input tokens */
body.tm-saas{
  --tm-btn-radius: 16px;
  --tm-input-radius: 14px;
  --tm-btn-h: 44px;
  --tm-input-h: 48px;
}

/* Buttons (Bootstrap + legacy .btn-1/.btn-2) */
body.tm-saas .btn,
body.tm-saas .btn-1,
body.tm-saas .btn-2{
  border-radius: var(--tm-btn-radius) !important;
  min-height: var(--tm-btn-h);
  padding: 10px 14px;
  font-weight: 700 !important;
  letter-spacing: -0.01em;
  text-transform: none !important;
}

body.tm-saas .btn-1,
body.tm-saas .btn-2{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  box-shadow: var(--tm-shadow-sm) !important;
}

body.tm-saas .btn.btn-sm,
body.tm-saas .btn-sm{
  min-height: 38px;
  border-radius: 14px !important;
  padding: 8px 12px !important;
  font-weight: 700 !important;
}

/* Ensure primary/hover text uses contrast-aware token */
body.tm-saas .btn-primary,
body.tm-saas .btn-primary:hover,
body.tm-saas .btn-primary:focus,
body.tm-saas .btn-primary:active,
body.tm-saas .btn-primary.active,
body.tm-saas .show > .btn-primary.dropdown-toggle{
  color: var(--tm-on-primary, #111) !important;
}

body.tm-saas .btn-outline-primary:hover,
body.tm-saas .btn-outline-primary:focus,
body.tm-saas .btn-outline-primary:active,
body.tm-saas .btn-outline-primary.active,
body.tm-saas .show > .btn-outline-primary.dropdown-toggle{
  color: var(--tm-on-primary, #111) !important;
}

/* Focus ring */
body.tm-saas .btn:focus,
body.tm-saas .btn-1:focus,
body.tm-saas .btn-2:focus{
  outline: none !important;
  box-shadow: var(--tm-ring) !important;
}

@media (prefers-reduced-motion: no-preference){
  body.tm-saas .btn,
  body.tm-saas .btn-1,
  body.tm-saas .btn-2{
    transition: transform .15s ease, box-shadow .15s ease, opacity .15s ease;
  }
  body.tm-saas .btn:hover,
  body.tm-saas .btn-1:hover,
  body.tm-saas .btn-2:hover{
    transform: translateY(-1px);
  }
  body.tm-saas .btn:active,
  body.tm-saas .btn-1:active,
  body.tm-saas .btn-2:active{
    transform: translateY(0);
  }
}

/* Form controls (avoid inbox compact controls) */
body.tm-saas:not(.tm-mode-inbox) .form-control,
body.tm-saas:not(.tm-mode-inbox) .custom-select,
body.tm-saas:not(.tm-mode-inbox) input.form-control,
body.tm-saas:not(.tm-mode-inbox) select.form-control{
  height: var(--tm-input-h);
  border-radius: var(--tm-input-radius) !important;
  border: 1px solid rgba(16,24,40,0.14) !important;
  background: #fff !important;
  padding: 12px 14px;
}

body.tm-saas:not(.tm-mode-inbox) .form-control:focus,
body.tm-saas:not(.tm-mode-inbox) .custom-select:focus{
  box-shadow: var(--tm-ring) !important;
  border-color: rgba(16,24,40,0.28) !important;
}

body.tm-saas:not(.tm-mode-inbox) textarea.form-control{
  height: auto;
  min-height: 140px;
  padding: 12px 14px;
}

/* Legacy change_email form (used on contact + CMS pages): remove forced centering/margins */
body.tm-saas:not(.tm-mode-inbox) .change_email form{
  text-align: inherit !important;
  margin-top: 0 !important;
}

body.tm-saas:not(.tm-mode-inbox) .change_email .form-control{
  border-radius: var(--tm-input-radius) !important;
  height: var(--tm-input-h);
  background: #fff !important;
  border: 1px solid rgba(16,24,40,0.14) !important;
}

body.tm-saas:not(.tm-mode-inbox) .change_email textarea.form-control{
  border-radius: var(--tm-input-radius) !important;
}

/* Footer links: keep readable on dark background */
body.tm-saas .footer .nav a{
  color: rgba(255,255,255,0.78) !important;
  font-weight: 650;
}

body.tm-saas .footer .nav a:hover{
  color: #fff !important;
  text-decoration: underline !important;
  text-underline-offset: 3px;
}

body.tm-saas .footer .copyright-text{
  color: rgba(255,255,255,0.62) !important;
}

/* ------------------------------------------------------------
   Prose (legal/blog/CMS)
   - Restore lists (global CSS disables list-style everywhere)
   - Restore link underlines only inside rich text
------------------------------------------------------------- */
body.tm-saas .tm-prose{
  color: rgba(15,23,42,0.88);
  line-height: 1.75;
}

body.tm-saas .tm-prose p{ margin: 0 0 0.9rem; }

body.tm-saas .tm-prose h1,
body.tm-saas .tm-prose h2,
body.tm-saas .tm-prose h3,
body.tm-saas .tm-prose h4{
  color: var(--main-color);
  font-weight: 850;
  letter-spacing: -0.02em;
  margin: 1.2rem 0 0.65rem;
}

body.tm-saas .tm-prose h1{ font-size: 28px; }
body.tm-saas .tm-prose h2{ font-size: 22px; }
body.tm-saas .tm-prose h3{ font-size: 18px; }

body.tm-saas .tm-prose ul,
body.tm-saas .tm-prose ol{
  margin: 0 0 1rem;
  padding-left: 1.25rem;
}

body.tm-saas .tm-prose ul{ list-style: disc; }
body.tm-saas .tm-prose ol{ list-style: decimal; }

body.tm-saas .tm-prose li{ margin: 0.35rem 0; }

/* RTL support for prose lists */
body.tm-dir-rtl.tm-saas .tm-prose ul,
body.tm-dir-rtl.tm-saas .tm-prose ol{
  padding-left: 0;
  padding-right: 1.25rem;
}

/* Underlined links only inside prose (global a{text-decoration:none!important} is too aggressive) */
body.tm-saas .tm-prose a{
  color: var(--tm-primary);
  text-decoration: underline !important;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
  font-weight: 650;
}

body.tm-saas .tm-prose a:hover{ opacity: 0.95; }

body.tm-saas .tm-prose code{
  background: rgba(15,23,42,0.06);
  border: 1px solid rgba(15,23,42,0.08);
  padding: 0.12em 0.35em;
  border-radius: 8px;
}

body.tm-saas .tm-prose table{
  width: 100%;
  border-collapse: collapse;
  margin: 1rem 0;
  font-size: 0.95rem;
}

body.tm-saas .tm-prose table th,
body.tm-saas .tm-prose table td{
  border: 1px solid rgba(16,24,40,0.10);
  padding: 10px 12px;
  vertical-align: top;
}

body.tm-saas .tm-prose table th{
  background: rgba(15,23,42,0.04);
  font-weight: 800;
}

/* ------------------------------------------------------------
   Blog alignment with SaaS hero/cards
------------------------------------------------------------- */
body.tm-saas .blog{
  border-radius: 0 0 40px 40px !important;
  padding: 62px 0 40px !important;
}

@media (max-width:575.98px){
  body.tm-saas .blog{
    border-radius: 0 0 32px 32px !important;
    padding: 54px 0 34px !important;
  }
}

body.tm-saas .blog-text h1{
  font-weight: 850 !important;
  letter-spacing: -0.02em;
}

body.tm-saas .blog-grid{
  border-radius: 18px !important;
  border: 1px solid rgba(16,24,40,0.10) !important;
  box-shadow: 0 10px 22px rgba(16,24,40,0.06) !important;
}

body.tm-saas .blog-grid .blog-img .date{ border-radius: 14px !important; }

body.tm-saas .blog-grid .blog-info h5{
  font-size: 18px !important;
  line-height: 1.35;
}

body.tm-saas .btn-bar a.px-btn-arrow{
  border-radius: var(--tm-btn-radius) !important;
  min-height: var(--tm-btn-h);
  padding: 10px 14px;
  font-weight: 700;
}

/* Article (single post) container as a card */
body.tm-saas .article{
  background: #fff;
  border-radius: 18px;
  border: 1px solid rgba(16,24,40,0.10);
  box-shadow: 0 10px 22px rgba(16,24,40,0.06);
  overflow: hidden;
}

body.tm-saas .article .article-title,
body.tm-saas .article .article-content{
  padding-left: 18px;
  padding-right: 18px;
}

body.tm-saas .article .article-title{ padding-top: 18px; }
body.tm-saas .article .article-content{ padding-top: 12px; padding-bottom: 18px; }


/* =========================
   P2 Design Polish
   - Mobile header + language menu
   - Unified section spacing
   - Pricing page styling
   ========================= */

/* Consistent spacing for pages that use .tm-section (pricing, pages, etc.) */
body.tm-saas .tm-section{
  padding-top: 56px !important;
  padding-bottom: 56px !important;
}
@media (max-width: 767.98px){
  body.tm-saas .tm-section{
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}

/* Header: better horizontal scroll feel on mobile */
.tm-header__actionsScroll{
  scroll-snap-type: x proximity;
}
.tm-header__actionsScroll > *{
  scroll-snap-align: start;
}

/* Dynamic focus ring for icon buttons (avoid hard-coded orange) */
.tm-iconbtn:focus-visible{
  box-shadow: 0 0 0 4px rgba(var(--tm-primary-rgb, 255,165,0), .25), 0 10px 26px rgba(0,0,0,.08) !important;
}
@supports not selector(:focus-visible){
  .tm-iconbtn:focus{
    box-shadow: 0 0 0 4px rgba(var(--tm-primary-rgb, 255,165,0), .25), 0 10px 26px rgba(0,0,0,.08) !important;
  }
}

/* Skip link focus uses dynamic accent */
.tm-skip-link:focus{
  outline: 3px solid rgba(var(--tm-primary-rgb, 255,165,0), .35) !important;
}

/* Language menu: ensure long lists are usable */
.tm-header__langMenu{
  max-height: min(70vh, 460px);
  overflow-y: auto;
  overscroll-behavior: contain;
}

@media (max-width: 575.98px){
  /* Subtle fade hint before the language button */
  .tm-header__actions{ position: relative; }
  .tm-header__actions::after{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 54px; /* space for language button */
    width: 22px;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.92));
  }
  body.tm-dir-rtl .tm-header__actions::after{
    right: auto;
    left: 54px;
    background: linear-gradient(270deg, rgba(255,255,255,0), rgba(255,255,255,.92));
  }

  /* Language menu as a bottom sheet for easier tapping */
  .tm-header__langMenu{
    position: fixed !important;
    left: 12px !important;
    right: 12px !important;
    top: auto !important;
    bottom: calc(12px + env(safe-area-inset-bottom)) !important;
    transform: none !important;
    max-height: 72vh;
    border-radius: 18px;
    padding: 10px;
    box-shadow: 0 22px 60px rgba(0,0,0,.20);
  }
  .tm-header__langMenu .dropdown-item{
    padding: 12px 12px;
    border-radius: 14px;
    font-weight: 800;
  }
}

/* =========================
   Pricing page (TempMy Pro)
   ========================= */

body.tm-saas .tm-section--pricing h1{
  font-weight: 900;
  letter-spacing: -0.02em;
}

body.tm-saas .tm-section--pricing .text-muted{
  color: var(--tm-muted) !important;
}

body.tm-saas .tm-pricing-card{
  border-radius: 22px !important;
  border: 1px solid rgba(16,24,40,0.10) !important;
  box-shadow: 0 14px 34px rgba(16,24,40,0.08) !important;
  overflow: hidden;
  position: relative;
}

body.tm-saas .tm-pricing-card .card-body{
  padding: 22px !important;
}

@media (max-width: 575.98px){
  body.tm-saas .tm-pricing-card .card-body{ padding: 18px !important; }
}

body.tm-saas .tm-pricing-pro{
  border-color: rgba(var(--tm-primary-rgb,255,165,0), .55) !important;
  box-shadow: 0 18px 52px rgba(var(--tm-primary-rgb,255,165,0), .16) !important;
}

body.tm-saas .tm-pricing-pro::before{
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(var(--tm-primary-rgb,255,165,0), .12), rgba(255,255,255,0) 55%);
}

body.tm-saas .tm-pricing-badge{
  position: absolute;
  top: 14px;
  right: 14px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(var(--tm-primary-rgb,255,165,0), .18);
  border: 1px solid rgba(var(--tm-primary-rgb,255,165,0), .28);
  color: var(--tm-text);
  font-weight: 900;
  font-size: 12px;
}
body.tm-dir-rtl.tm-saas .tm-pricing-badge{ right: auto; left: 14px; }

body.tm-saas .tm-price{
  display: flex;
  align-items: baseline;
  gap: 6px;
  margin: 10px 0 12px;
}
body.tm-saas .tm-price-amount{
  font-size: 46px;
  font-weight: 950;
  letter-spacing: -0.04em;
  line-height: 1;
}
body.tm-saas .tm-price-currency{
  font-size: 18px;
  font-weight: 900;
  opacity: .85;
}
body.tm-saas .tm-price-period{
  font-size: 13px;
  font-weight: 850;
  color: var(--tm-muted);
  margin-left: 6px;
}
body.tm-dir-rtl.tm-saas .tm-price-period{ margin-left: 0; margin-right: 6px; }

body.tm-saas .tm-price-sub{
  margin-top: -6px;
  margin-bottom: 10px;
  font-size: 13px;
  font-weight: 750;
  color: var(--tm-muted);
}

body.tm-saas .tm-price-savings{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 2px 8px;
  border-radius: 999px;
  margin-left: 8px;
  background: rgba(25,135,84,.12);
  border: 1px solid rgba(25,135,84,.18);
  color: rgba(25,135,84,.95);
  font-weight: 900;
  font-size: 12px;
}

body.tm-dir-rtl.tm-saas .tm-price-savings{
  margin-left: 0;
  margin-right: 8px;
}

body.tm-saas .tm-feature-list{
  list-style: none;
  padding: 0;
  margin: 14px 0 0;
}

body.tm-saas .tm-feature-list li{
  position: relative;
  padding-left: 30px;
  margin: 10px 0;
  color: rgba(15,23,42,.82);
  font-weight: 650;
}

body.tm-dir-rtl.tm-saas .tm-feature-list li{
  padding-left: 0;
  padding-right: 30px;
}

body.tm-saas .tm-feature-list li::before{
  content: '\2713';
  position: absolute;
  left: 0;
  top: 1px;
  width: 20px;
  height: 20px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(var(--tm-primary-rgb,255,165,0), .18);
  border: 1px solid rgba(var(--tm-primary-rgb,255,165,0), .20);
  color: var(--tm-text);
  font-weight: 950;
  font-size: 12px;
}

body.tm-dir-rtl.tm-saas .tm-feature-list li::before{
  left: auto;
  right: 0;
}

body.tm-saas .tm-pricing-actions{
  margin-top: 16px;
}

body.tm-saas .tm-pricing-actions .btn{
  min-height: var(--tm-btn-h, 44px);
  border-radius: var(--tm-btn-radius, 16px) !important;
  font-weight: 800;
}

body.tm-saas .tm-pricing-actions .btn + .btn,
body.tm-saas .tm-pricing-actions form + form{
  margin-top: 10px;
}

/* Compare table */
body.tm-saas .tm-pricing-compare{
  border-radius: 22px !important;
}

body.tm-saas .tm-compare-table{
  font-size: 14px;
}

body.tm-saas .tm-compare-table thead th{
  background: rgba(15,23,42,.04);
  border-bottom: 1px solid rgba(16,24,40,0.10);
  font-weight: 900;
}

body.tm-saas .tm-compare-table th,
body.tm-saas .tm-compare-table td{
  padding: 12px 14px;
  border-color: rgba(16,24,40,0.10);
  vertical-align: middle;
}

body.tm-saas .tm-compare-table tbody tr:nth-child(even){
  background: rgba(15,23,42,.02);
}


/* =========================
   P3 Final Polish
   - Fix legacy card header colors/text transform on tm-saas pages
   - Improve footer link consistency + RTL spacing
   - Legal/FAQ readability tweaks
   ========================= */

/* Legacy .view/.messages set white text on headers; enforce readable header text in the new theme */
body.tm-saas .card-header{
  color: var(--tm-text) !important;
  text-transform: none !important;
}

body.tm-saas .card-header a{
  color: inherit !important;
}

body.tm-saas .card-header .text-muted{
  color: var(--tm-muted) !important;
}

/* Legacy pages should not force tall empty card bodies */
body.tm-saas .view .card-body,
body.tm-saas .messages .card-body{
  min-height: auto !important;
}

/* Section titles: avoid forced capitalization (better for non-English languages) */
body.tm-saas .section-title h2{
  text-transform: none !important;
}

/* Footer polish (consistent spacing + softer hover) */
body.tm-saas .footer{
  padding: 34px 0 0 !important;
}

@media (max-width: 575.98px){
  body.tm-saas .footer{
    padding: 26px 0 0 !important;
  }
}

body.tm-saas .footer .nav{
  gap: 10px 14px;
  padding: 0;
}

body.tm-saas .footer .nav a{
  margin: 0 !important;
  padding: 8px 10px !important;
  border-radius: 14px !important;
  background: transparent !important;
  line-height: 1.2;
  color: rgba(255,255,255,0.84) !important;
}

body.tm-saas .footer .nav a:hover{
  background: rgba(255,255,255,0.10) !important;
  color: #fff !important;
  text-decoration: none !important;
}

body.tm-saas .footer .nav a:focus-visible{
  outline: none;
  box-shadow: 0 0 0 4px rgba(var(--tm-primary-rgb,255,165,0), .25) !important;
}

@supports not selector(:focus-visible){
  body.tm-saas .footer .nav a:focus{
    box-shadow: 0 0 0 4px rgba(var(--tm-primary-rgb,255,165,0), .25) !important;
  }
}

body.tm-saas .footer .copyright-text{
  margin: 18px 0 0 !important;
  padding: 16px 0 !important;
  font-size: 14px !important;
}

/* Legal/FAQ headings */
body.tm-saas .tm-page-title{
  font-weight: 900;
  letter-spacing: -0.02em;
}

@media (max-width: 575.98px){
  body.tm-saas .tm-page-title{
    font-size: 22px;
  }
}

/* Plain links: add underline on hover for better affordance (exclude buttons/nav/menus) */
body.tm-saas a:not(.btn):not(.tm-iconbtn):not(.tmx-btn):not(.navbar-brand):not(.tm-header__brandLink):not(.dropdown-item):hover{
  text-decoration: underline !important;
  text-underline-offset: 3px;
}

/* ------------------------------------------------------
 * P5 — Pro domains UX (Change page)
 * ----------------------------------------------------*/
.tm-premium-domains{
  margin-top: 10px;
  padding: 10px 12px;
  border-radius: 16px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.9);
}

.tm-premium-domains__head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 8px;
}

.tm-premium-domains__title{
  font-weight: 900;
  font-size: 13px;
}

.tm-premium-domains__badge{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 22px;
  padding: 0 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
  background: rgba(var(--tm-primary-rgb,255,165,0), .16);
  color: rgba(0,0,0,.75);
}

.tm-premium-domains__pills{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.tm-domain-pill{
  border: 1px solid rgba(0,0,0,.10);
  background: #fff;
  border-radius: 999px;
  padding: 6px 10px;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
}

.tm-domain-pill--premium{
  border-color: rgba(var(--tm-primary-rgb,255,165,0), .55);
  background: rgba(var(--tm-primary-rgb,255,165,0), .10);
}

.tm-domain-pill:focus-visible{
  outline: none;
  box-shadow: 0 0 0 4px rgba(var(--tm-primary-rgb,255,165,0), .22);
}

.tm-domain-pill.is-selected{
  border-color: rgba(var(--tm-primary-rgb,255,165,0), .78);
  background: rgba(var(--tm-primary-rgb,255,165,0), .22);
}

/* ------------------------------------------------------
 * P7 — Change page: domain search "no results" helper
 * ----------------------------------------------------*/
.tm-domain-no-results{
  margin-top: 8px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px dashed rgba(0,0,0,.18);
  background: rgba(0,0,0,.03);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  font-size: 13px;
  font-weight: 650;
  color: rgba(15,23,42,.85);
}

.tm-domain-reset-btn{
  border: 1px solid rgba(0,0,0,.12);
  background: #fff;
  border-radius: 999px;
  padding: 6px 10px;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
}

.tm-domain-reset-btn:focus-visible{
  outline: none;
  box-shadow: 0 0 0 4px rgba(var(--tm-primary-rgb,255,165,0), .22);
}



/* Utility: force LTR (emails/domains/usernames) inside RTL pages */
.tm-ltr{
  direction: ltr;
  unicode-bidi: isolate;
  text-align: left;
}

/* ==========================================================
   TempMy Fix: Prevent horizontal overflow on View page
   - Long sender emails (e.g. Stripe receipts) used to force the
     flex header wider than the viewport on mobile.
   - Allow wrapping + enable breaking long tokens.
   ========================================================== */
body.tm-saas .tm-message-head{flex-wrap:wrap;justify-content:flex-start}
body.tm-saas .tm-message-from{min-width:0;flex:1 1 auto}
body.tm-saas .tm-message-date{margin-inline-start:auto;white-space:nowrap;flex:0 0 auto}
body.tm-saas .tm-message-from-email{overflow-wrap:anywhere;word-break:break-all}
body.tm-saas .tm-message-subject .tm-value{overflow-wrap:anywhere;word-break:break-word}


/* ------------------------------------------------------------
   TempMy patches (2026-03)
   - Mobile language dropdown position
   - Prevent horizontal overflow in message view (long emails)
------------------------------------------------------------ */

@media (max-width: 640px) {
  /* Mobile fix: keep language dropdown under the button (avoid Popper flip-to-top) */
  .tm-header__lang{
    position: relative;
  }
  .tm-header__lang .tm-header__langMenu{
    position: absolute !important;
    top: calc(100% + 10px) !important;
    bottom: auto !important;
    right: 0 !important;
    left: auto !important;
    transform: none !important;
    margin: 0 !important;
    max-height: 70vh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 9999;
  }

  /* RTL: anchor to the left */
  body.tm-dir-rtl .tm-header__lang .tm-header__langMenu{
    left: 0 !important;
    right: auto !important;
  }
}

/* Long sender emails/subjects should never create horizontal scroll */
body.tm-saas .tm-message-head {
  flex-wrap: wrap;
  justify-content: flex-start;
}
body.tm-saas .tm-message-from {
  min-width: 0;
  flex: 1 1 auto;
}
body.tm-saas .tm-message-date {
  margin-inline-start: auto;
  white-space: nowrap;
  flex: 0 0 auto;
}
body.tm-saas .tm-message-from-email {
  overflow-wrap: anywhere;
  word-break: break-all;
}
body.tm-saas .tm-message-subject .tm-value {
  overflow-wrap: anywhere;
  word-break: break-word;
}



/* ------------------------------------------------------------
   Auth buttons (TempMy)
   Fix: body.tm-saas sets btn-primary text color based on --tm-on-primary (works for orange),
   but on auth pages we use --main-color as background (dark), so we force white text.
------------------------------------------------------------- */
body.tm-auth.tm-saas .btn-primary,
body.tm-auth.tm-saas .btn-primary:hover,
body.tm-auth.tm-saas .btn-primary:focus,
body.tm-auth.tm-saas .btn-primary:active,
body.tm-auth.tm-saas .btn-primary.active,
body.tm-auth.tm-saas .show > .btn-primary.dropdown-toggle,
body.tm-auth.tm-saas .btn-primary:disabled,
body.tm-auth.tm-saas .btn-primary.disabled{
  color: #fff !important;
}


/* Keep brand name order (TempMy) in RTL */
body.tm-dir-rtl .tm-header__brandText{direction:ltr;flex-direction:row;unicode-bidi:isolate;}