/* TehranWeb brand design: navy, cyan and restrained gold. Scoped to account page only. */
.tw-su-portal{--twsp-cyan:#17c5da;--twsp-gold:#f4be42;--twsp-border:rgba(28,175,199,.25);--twsp-text:#f5fafc;--twsp-muted:#a9c1cb;background:radial-gradient(ellipse 70% 46% at 0 90%,rgba(4,147,169,.08),transparent 65%),linear-gradient(160deg,#041924,#03141d)!important;direction:rtl;text-align:right;color:var(--twsp-text);min-height:72vh}
.tw-su-portal *{box-sizing:border-box}
.tw-su-portal [hidden]{display:none!important}
.tw-su-portal .tw-su-account__shell{width:min(calc(100% - 36px),1370px);grid-template-columns:minmax(240px,290px) minmax(0,1fr);gap:22px;align-items:start}
.tw-su-portal .tw-su-account__sidebar,.tw-su-portal .tw-su-account__content{border:1px solid var(--twsp-border);border-radius:20px;background:linear-gradient(145deg,rgba(5,34,45,.98),rgba(2,22,31,.98));box-shadow:0 18px 56px rgba(0,0,0,.18)}
.tw-su-portal .tw-su-account__sidebar{position:sticky;top:24px}
.tw-su-portal .tw-su-account__nav{display:grid;grid-template-columns:1fr;gap:7px}
.tw-su-portal .tw-su-account__nav button{justify-content:flex-start;gap:8px;min-height:46px;border-radius:11px;line-height:1.6;text-align:right}
.tw-su-portal .tw-su-account__nav button.is-active{background:linear-gradient(90deg,rgba(2,183,208,.1),rgba(246,188,58,.09));box-shadow:inset -3px 0 0 var(--twsp-cyan)}
.tw-su-portal .tw-su-account__nav small{margin-right:auto;background:#f4bd3d;color:#03202a;border-radius:30px;padding:1px 7px}
.tw-su-portal .tw-su-account__hero h1{font-size:clamp(26px,3.6vw,46px);line-height:1.4}
.tw-su-portal .tw-su-account__eyebrow{letter-spacing:.12em;font-size:11px;color:var(--twsp-gold)}
.tw-su-portal .tw-su-account__hero p{line-height:1.9}
.tw-su-portal__stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:26px}
.tw-su-portal__stats article{border:1px solid var(--twsp-border);border-radius:15px;padding:20px 17px;background:linear-gradient(140deg,rgba(9,47,58,.94),rgba(4,27,39,.95));min-width:0;position:relative;overflow:hidden}
.tw-su-portal__stats article:before{content:"";position:absolute;top:0;right:0;width:55px;height:2px;background:linear-gradient(90deg,var(--twsp-gold),transparent)}
.tw-su-portal__stats span{font-size:13px;color:var(--twsp-muted)}
.tw-su-portal__stats strong{display:block;font-size:clamp(28px,3.2vw,39px);color:#fdfefe;line-height:1.4;font-weight:850;margin:5px 0}
.tw-su-portal__stats small{font-size:11px;color:var(--twsp-muted)}
.tw-su-portal__section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:18px 0}
.tw-su-portal__section-head h2{font-size:clamp(19px,2vw,25px);margin:0;color:white}
.tw-su-portal__section-head span{color:var(--twsp-muted);font-size:12px}
.tw-su-portal__section-head button{border:1px solid #a27e28;border-radius:10px;padding:9px 14px;background:transparent;color:var(--twsp-gold);font:inherit;font-size:12px;cursor:pointer}
.tw-su-portal__request-list{display:grid;gap:10px}
.tw-su-portal__request{width:100%;background:#072533;border:1px solid rgba(43,162,181,.25);border-radius:13px;padding:16px 18px;display:flex;align-items:center;gap:20px;flex-wrap:wrap;text-align:right;cursor:pointer;color:white;font:inherit}
.tw-su-portal__request:hover,.tw-su-portal__request:focus-visible{border-color:var(--twsp-cyan);background:#0a3241}
.tw-su-portal__request-title{display:grid;gap:6px;min-width:140px;margin-left:auto}
.tw-su-portal__request-title strong{font-size:18px;color:#fff;text-align:right}
.tw-su-portal__request-title small{font-size:11px;color:var(--twsp-muted)}
.tw-su-portal__status{color:#f3cb6a;background:rgba(230,175,52,.09);border:1px solid rgba(244,190,66,.25);border-radius:25px;padding:6px 13px;font-size:12px;font-weight:700;white-space:nowrap}
.tw-su-portal__unread{padding:5px 11px;border-radius:20px;background:#0c5361;color:#d3fcff;font-size:11px}
.tw-su-portal__empty{text-align:center;padding:55px 20px;border:1px dashed var(--twsp-border);border-radius:15px;color:var(--twsp-muted)}
.tw-su-portal__empty strong{font-size:20px;color:#fff}
.tw-su-portal__empty a{color:var(--twsp-gold);text-decoration:none}
.tw-su-portal__back{border:0;background:none;color:var(--twsp-cyan);font:inherit;cursor:pointer;padding:10px 0}
.tw-su-portal__case-detail{margin-top:4px}
.tw-su-portal__detail-head{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}
.tw-su-portal__detail-head h3{font-size:27px;margin:10px 0}
.tw-su-portal__case-detail>p{color:var(--twsp-muted);font-size:12px}
.tw-su-portal__timeline{border-right:2px solid rgba(30,172,194,.35);padding:10px 20px 8px 0;margin:25px 5px 25px 0}
.tw-su-portal__event{position:relative;border:1px solid rgba(34,130,152,.22);background:rgba(9,46,58,.65);padding:14px 17px;border-radius:13px;margin:0 0 15px}
.tw-su-portal__event:before{content:"";width:11px;height:11px;position:absolute;right:-27px;top:22px;border-radius:50%;background:var(--twsp-cyan);box-shadow:0 0 0 4px #062632}
.tw-su-portal__event.is-admin:before{background:var(--twsp-gold)}
.tw-su-portal__event span{font-weight:800;font-size:13px;color:white}
.tw-su-portal__event time{float:left;color:var(--twsp-muted);font-size:11px;direction:ltr}
.tw-su-portal__event p{font-size:13px;line-height:1.95;color:#d8e8ee;white-space:normal;overflow-wrap:anywhere}
.tw-su-portal__case-detail form,.tw-su-portal__email-box{margin-top:24px;border:1px solid rgba(37,169,194,.26);background:#062532;padding:21px;border-radius:15px;display:grid;gap:12px}
.tw-su-portal form label{color:#e6f2f5;font-size:13px;font-weight:720}
.tw-su-portal :is(input,textarea){background:#031b27;border:1px solid rgba(59,151,177,.5);color:#fff;padding:13px;border-radius:9px;font:inherit;font-size:14px;width:100%;min-height:47px;outline:none}
.tw-su-portal :is(input,textarea):focus-visible{outline:2px solid var(--twsp-cyan);outline-offset:2px}
.tw-su-portal input[readonly]{background:#07222e;color:#c6dae3;cursor:default}
.tw-su-portal :is(button,a):focus-visible{outline:2px solid var(--twsp-gold);outline-offset:3px}
.tw-su-portal form button{background:linear-gradient(180deg,#ffd365,#efb837);color:#071d27;border:0;border-radius:10px;font:inherit;font-weight:850;padding:12px 20px;min-height:48px;cursor:pointer;width:max-content}
.tw-su-portal form button:disabled{opacity:.6;cursor:wait}
.tw-su-portal__readonly{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.tw-su-portal__readonly label,.tw-su-portal__email-box label{display:grid;gap:9px}
.tw-su-portal__email-box h3{font-size:18px;margin:0}
.tw-su-portal__email-box h3 small{color:#edbe59;font-size:12px}
.tw-su-portal__email-box h3 small.is-verified{color:#8ce4be}
.tw-su-portal__email-box p{font-size:13px;color:#b7cbd5;margin:0;line-height:1.85}
.tw-su-portal__email-box form{display:grid;grid-template-columns:1fr auto;align-items:end;gap:12px;margin:0}
.tw-su-portal__email-box form small{grid-column:1/-1;color:var(--twsp-muted)}
@media(max-width:1100px){.tw-su-portal__stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.tw-su-portal .tw-su-account__shell{grid-template-columns:1fr;width:min(calc(100% - 20px),780px)}.tw-su-portal .tw-su-account__sidebar{position:static}.tw-su-portal .tw-su-account__nav{display:flex;overflow-x:auto;scrollbar-width:thin}.tw-su-portal .tw-su-account__nav button{flex:0 0 auto;min-width:max-content}.tw-su-portal__section-head{flex-wrap:wrap}}
@media(max-width:560px){.tw-su-portal{padding:20px 0 45px!important}.tw-su-portal .tw-su-account__shell{width:calc(100% - 16px);gap:12px}.tw-su-portal .tw-su-account__content{padding:18px 15px}.tw-su-portal__stats{gap:9px}.tw-su-portal__stats article{padding:15px 12px}.tw-su-portal__stats strong{font-size:28px}.tw-su-portal__readonly{grid-template-columns:1fr}.tw-su-portal__email-box form{grid-template-columns:1fr}.tw-su-portal__email-box form button{width:100%}.tw-su-portal__request{gap:9px;padding:14px}.tw-su-portal__request-title{min-width:100px}.tw-su-portal__detail-head h3{font-size:20px}.tw-su-portal__event time{float:none;display:block;margin-top:4px}}
@media(prefers-reduced-motion:reduce){.tw-su-portal *{scroll-behavior:auto!important;transition:none!important}}

.tw-su-portal__fields{margin:18px 0;border:1px solid var(--twsp-border);border-radius:12px;padding:12px 15px;background:#052532}
.tw-su-portal__fields summary{font-weight:790;color:#f2c350;cursor:pointer;padding:6px 0}
.tw-su-portal__field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:15px 0 4px}
.tw-su-portal__field-grid>div{min-width:0;border-top:1px solid rgba(96,181,194,.16);padding-top:10px}
.tw-su-portal__field-grid dt{color:var(--twsp-muted);font-size:12px;margin:0 0 5px}
.tw-su-portal__field-grid dd{margin:0;color:#f0f7fa;font-size:13px;line-height:1.9;overflow-wrap:anywhere}
.tw-su-portal__timeline-title{font-size:19px;color:white;margin:24px 0 10px}
@media(max-width:560px){.tw-su-portal__field-grid{grid-template-columns:1fr}}

.tw-su-portal__pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin:20px 0;flex-wrap:wrap;color:var(--twsp-muted);font-size:13px}
.tw-su-portal__pagination a{color:var(--twsp-gold);text-decoration:none;border:1px solid rgba(244,190,66,.27);padding:8px 15px;border-radius:9px}


.tw-su-portal select option{background:#0b2230;color:#f7fbfd}

.tw-su-portal select,.tw-su-portal select:is(:hover,:focus,:active){color-scheme:dark!important;color:#f7fbfd!important;-webkit-text-fill-color:#f7fbfd!important;opacity:1!important}
.tw-su-portal select option,.tw-su-portal select option:checked{color:#f7fbfd!important;background-color:#092837!important}

/* Notification badge: hide when all notifications are read. */
.tw-su-portal [data-adv-unread-count][hidden]{display:none!important}

/* Mirrored English customer account; Persian layout remains unchanged. */
.tw-su-portal[dir="ltr"]{direction:ltr!important;text-align:left}
.tw-su-portal[dir="ltr"] .tw-su-account__nav button,.tw-su-portal[dir="ltr"] .tw-su-portal__request,.tw-su-portal[dir="ltr"] .tw-su-portal__request-title strong{text-align:left}
.tw-su-portal[dir="ltr"] .tw-su-account__nav button.is-active{box-shadow:inset 3px 0 0 var(--twsp-cyan)}
.tw-su-portal[dir="ltr"] .tw-su-account__nav small{margin-left:auto;margin-right:0}
.tw-su-portal[dir="ltr"] .tw-su-portal__timeline{border-right:0;border-left:2px solid rgba(30,172,194,.35);padding:10px 0 8px 20px;margin:25px 0 25px 5px}
.tw-su-portal[dir="ltr"] .tw-su-portal__event:before{right:auto;left:-27px}
.tw-su-portal[dir="ltr"] .tw-su-portal__request-title{margin-right:auto;margin-left:0}
.tw-su-portal[dir="ltr"] .tw-su-portal__stats article:before{right:auto;left:0}