/* Thamrh interface theme. */
:root{
 --bg:#f6f7fb;
 --paper:#fff;
 --ink:#111a3b;
 --muted:#73809a;
 --line:#e6e9f2;
 --green:#162149;
 --positive:#079b73;
 --pale:#f0f4ff;
 --red:#e9625a;
 --redbg:#fff0ed;
 --radius:20px;
 --thamrh-navy:#101a3d;
 --thamrh-purple:#7047eb;
 --thamrh-blue:#347cf7;
 --thamrh-blue-soft:#edf4ff;
 --thamrh-lilac:#f3efff;
 --thamrh-shadow:0 14px 38px rgba(22,31,68,.06);
}

html{background:var(--bg)}
body{background:var(--bg);color:var(--ink)}
.thamrh-shell{min-height:100dvh;background:var(--bg)}
.thamrh-shell[dir=rtl]{font-family:'Noto Sans Arabic','DM Sans',sans-serif}
.thamrh-shell[dir=rtl] h1,.thamrh-shell[dir=rtl] h2,.thamrh-shell[dir=rtl] h3{font-family:'Noto Sans Arabic','Manrope',sans-serif;letter-spacing:0}
.thamrh-shell[dir=rtl] .number{direction:ltr;unicode-bidi:isolate}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-color:#a990ff}

/* Full-width desktop navigation. The previous vertical rail is fully flattened. */
.tamouh-sidebar{
 position:fixed!important;
 inset:0 0 auto 0!important;
 width:100%!important;
 height:82px!important;
 min-height:82px!important;
 padding:0!important;
 border:0!important;
 border-bottom:1px solid rgba(217,222,236,.9)!important;
 background:rgba(255,255,255,.96)!important;
 box-shadow:0 8px 24px rgba(20,28,62,.045)!important;
 backdrop-filter:blur(18px);
 z-index:60!important;
}
.tamouh-sidebar>[data-slot=sidebar-content]{
 width:100%;
 max-width:1600px;
 height:82px!important;
 margin:0 auto;
 padding:0 345px 0 32px;
 display:flex!important;
 flex-direction:row!important;
 align-items:center;
 gap:28px;
 overflow:visible!important;
}
.thamrh-shell[dir=rtl] .tamouh-sidebar>[data-slot=sidebar-content]{padding:0 32px 0 345px}
.tamouh-sidebar .brand,.mobile-brand.brand{
 margin:0!important;
 gap:9px!important;
 color:var(--thamrh-navy)!important;
 flex:none;
}
.tamouh-sidebar .brand img,.mobile-brand.brand img{display:none}
.thamrh-brand-mark{display:grid;place-items:center;width:35px;height:35px;border-radius:12px;background:var(--thamrh-purple);color:#fff;font-family:'Noto Sans Arabic',sans-serif;font-size:17px;font-weight:800;box-shadow:0 7px 16px rgba(112,71,235,.22)}
.thamrh-wordmark{font-family:'Manrope',sans-serif;font-size:23px;font-weight:800;letter-spacing:-1px}
.brand small{font-family:'Noto Sans Arabic',sans-serif!important;font-size:8px!important;line-height:1!important;letter-spacing:0!important;color:var(--thamrh-purple)!important;margin-inline-start:-5px;margin-top:-20px}
.tamouh-sidebar .nav-caption,.tamouh-sidebar .private-note,.tamouh-sidebar .sidebar-bottom{display:none!important}
.tamouh-sidebar .nav{display:flex!important;align-items:stretch;gap:3px;height:82px;margin:0!important;min-width:0}
.tamouh-sidebar .nav a{
 position:relative;
 height:82px;
 padding:0 13px!important;
 border-radius:0!important;
 background:transparent!important;
 color:#6e7b96!important;
 font-size:12px!important;
 font-weight:600!important;
 white-space:nowrap;
 gap:7px!important;
}
.tamouh-sidebar .nav a:nth-child(n+6){display:none}
.tamouh-sidebar .nav a .icon{width:17px;height:17px;stroke-width:1.8}
.tamouh-sidebar .nav a::after{content:'';position:absolute;inset:auto 12px 0;height:3px;border-radius:4px 4px 0 0;background:transparent}
.tamouh-sidebar .nav a:hover{color:var(--thamrh-navy)!important}
.tamouh-sidebar .nav a.active{color:var(--thamrh-navy)!important;font-weight:700!important}
.tamouh-sidebar .nav a.active::after{background:var(--thamrh-blue)}

.workspace{margin-left:0!important;width:100%!important;padding-top:82px}
.workspace>.topbar{
 position:fixed;
 inset:0 24px auto auto;
 width:auto;
 height:82px;
 padding:0;
 border:0;
 background:transparent;
 z-index:70;
}
.thamrh-shell[dir=rtl] .workspace>.topbar{inset:0 auto auto 24px}
.workspace>.topbar .crumb,.workspace>.topbar .mobile-brand{display:none}
.topbar .top-actions{gap:9px}
.topbar .icon-btn,.lang-toggle,.demo-badge,.workspace-switch,.market-status{
 min-height:38px;
 border:1px solid var(--line);
 background:#fff;
 color:#43516d;
 border-radius:12px;
 box-shadow:0 3px 10px rgba(24,34,72,.035);
}
.topbar .icon-btn{width:38px;height:38px}
.topbar .icon-btn:hover,.lang-toggle:hover,.workspace-switch:hover{border-color:#cdd6ef;background:#f8faff;color:var(--thamrh-blue)}
.lang-toggle{display:inline-flex;align-items:center;gap:7px;padding:0 11px;font-size:11px;font-weight:700}
.lang-toggle .icon{width:15px;height:15px}
.workspace-switch{padding:0 12px!important;color:#485672!important;font-size:11px!important;font-weight:700!important}
.workspace-switch .icon{width:15px;height:15px;color:var(--thamrh-purple)}
.market-status{display:inline-flex;align-items:center;gap:7px;padding:0 11px;color:#64708a!important;font-size:10px!important;white-space:nowrap}
.market-status::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--positive);box-shadow:0 0 0 3px rgba(7,155,115,.1)}
.top-actions:has(.workspace-switch) .market-status{display:none}
.demo-badge{display:inline-flex;align-items:center;padding:0 11px!important;font-size:10px!important;color:#7561a9!important;background:#f7f4ff!important;border-color:#e7dfff!important;white-space:nowrap}
.sample-banner,.setup-banner{background:#f1f5ff!important;color:#53627d!important;border-bottom-color:#dfe6f7!important;padding:9px max(32px,calc((100% - 1460px)/2))!important}
.sample-banner button{color:var(--thamrh-blue);font-weight:700}
.workspace main{max-width:1460px!important;margin:0 auto!important;padding:38px 32px 52px!important}

/* Core surfaces */
.panel,.home-panel,.position-card,.outlook,.portfolio-hero,.my-list-shell,.notification-card,.history-position,.empty-state,.transaction-preview,.tamouh-dialog{
 border-color:var(--line)!important;
 box-shadow:var(--thamrh-shadow);
}
.panel,.home-panel,.position-card,.outlook,.my-list-shell,.notification-card,.history-position,.empty-state{background:#fff!important}
.btn{border-radius:11px!important;border-color:#dfe4ef!important;color:#37435f}
.btn:hover:not(:disabled){background:#f5f7fc}
.btn.primary,.mobile-add{background:var(--thamrh-blue)!important;border-color:var(--thamrh-blue)!important;color:#fff!important;box-shadow:0 8px 18px rgba(52,124,247,.2)}
.btn.primary:hover:not(:disabled){background:#246deb!important}
.text-btn,.back-link,.field-link,.admin-table-link{color:#426fd4!important}
.input{border-color:#dce2ef!important;background:#fff!important;color:var(--thamrh-navy)!important;border-radius:11px!important}
.input:focus{border-color:#8faef5!important;box-shadow:0 0 0 4px rgba(52,124,247,.09)!important}
.eyebrow,.label{color:#8490a9!important}
.positive{color:var(--positive)!important}.negative{color:var(--red)!important}
.status,.quote-freshness{border-radius:999px!important}
.stock-logo{background:var(--thamrh-blue-soft)!important;color:var(--thamrh-blue)!important}
.avatar{background:var(--thamrh-lilac)!important;color:var(--thamrh-purple)!important}
.page-heading{margin-bottom:25px}
.page-heading h1{color:var(--thamrh-navy);font-size:32px}
.page-heading p{color:var(--muted)}
.page-footer{color:#8b95aa!important;border-top-color:var(--line)!important}

/* Dashboard */
#home-page{--home-forest:var(--thamrh-navy);--home-lime:#a9e2cf;--home-line:var(--line)}
#home-page .home-overline{color:var(--thamrh-purple)!important;font-weight:700}
#home-page .home-heading h1{color:var(--thamrh-navy)}
#home-page .home-heading p{color:var(--muted)}
#home-page .home-heading .btn{background:#fff!important;border-color:#dfe4ef!important;color:#4b5a78!important}
#home-page .home-hero{
 position:relative;
 background:#fff!important;
 color:var(--thamrh-navy)!important;
 border:1px solid var(--line);
 border-radius:24px!important;
 box-shadow:0 18px 46px rgba(21,29,68,.07)!important;
}
#home-page .home-hero::before{content:'';position:absolute;inset:0 auto 0 0;width:5px;background:var(--thamrh-purple)}
.thamrh-shell[dir=rtl] #home-page .home-hero::before{inset:0 0 0 auto}
#home-page .home-hero-top,#home-page .home-hero-top>span:first-child{color:#6f7b95!important}
#home-page .home-hero-top .icon{color:var(--thamrh-purple)!important}
#home-page .home-sample{border-color:#dfe4ef!important;background:#f8f9fc;color:#7b86a0!important}
#home-page .home-balance>p{color:#65728d!important}
#home-page .home-big{color:var(--thamrh-navy)!important}
#home-page .home-big>span{color:var(--thamrh-purple)!important}
#home-page .home-return>span{background:#e9f7f2!important;color:#087e61!important}
#home-page .home-return small{color:#75839d!important}
#home-page .home-return.negative>span{background:#fff0ed!important;color:#c84f48!important}
#home-page .home-return.negative>small{color:#9b7572!important}
#home-page .home-comparison{padding:25px 27px!important;border:1px solid #e2e7f2!important;border-radius:17px;background:#f8f9fd!important}
#home-page .home-comparison h2{color:#4e5c78!important}
#home-page .home-compare-row{color:#74809a!important}
#home-page .home-compare-row strong{color:var(--thamrh-navy)!important}
#home-page .home-compare-track{background:#e7ebf5!important}
#home-page .home-invested-bar{background:#a7b7db!important}
#home-page .home-value-bar{background:var(--thamrh-blue)!important}
#home-page .home-compare-note{color:#75819a!important}
#home-page .home-compare-note i{background:var(--thamrh-purple)!important}
#home-page .home-metrics{border-top-color:var(--line)!important}
#home-page .home-metrics>div{border-left-color:var(--line)!important}
.thamrh-shell[dir=rtl] #home-page .home-metrics>div{border-left:0!important;border-right:1px solid var(--line)!important;padding-left:0!important;padding-right:25px!important}
.thamrh-shell[dir=rtl] #home-page .home-metrics>div:first-child{border-right:0!important;padding-right:0!important}
#home-page .home-metrics>div>span{color:#68758f!important}
#home-page .home-metrics strong{color:var(--thamrh-navy)!important}
#home-page .home-metrics small{color:#929caf!important}
#home-page .home-panel{border-radius:20px!important}
#home-page .home-panel h2{color:var(--thamrh-navy)}
#home-page .home-small-icon{background:var(--thamrh-lilac)!important;color:var(--thamrh-purple)!important}
#home-page .home-ring-segment{filter:saturate(1.22) hue-rotate(35deg)}
#home-page .home-ring-center>strong{color:var(--thamrh-navy)!important}
#home-page .home-ring-center>a,#home-page .home-section-heading a,#home-page .home-history-link a{color:var(--thamrh-blue)!important}
#home-page .home-allocation-item:hover,#home-page .home-allocation-item.selected{background:#f4f7ff!important;border-color:#e0e7f8!important}
#home-page .home-allocation-bottom,#home-page .home-plan-note{border-color:var(--line)!important;color:#7b879e!important}
#home-page .home-scenarios{background:#f1f3f9!important}
#home-page .home-scenarios button{color:#76829a!important}
#home-page .home-scenarios button.active{color:var(--thamrh-purple)!important}
#home-page .home-scenario-track{background:#e8ebf4!important}
#home-page .home-scenario-track>span{background:#b9c7e6!important}
#home-page .home-scenario-track>i{background:var(--thamrh-purple)!important;border-color:#fff!important;box-shadow:0 0 0 1px #9f8bea!important}
#home-page .home-attention-card{background:#f0f7ff!important;border-color:#dce9fb!important}
#home-page .home-attention-card.warning{background:#fff5f1!important;border-color:#f4ded7!important}
#home-page .home-attention-icon{background:#dfecff!important;color:var(--thamrh-blue)!important}
#home-page .warning .home-attention-icon{background:#ffe7e1!important;color:var(--red)!important}

/* Portfolio, calculator, forms and supporting pages */
.portfolio-hero{background:var(--thamrh-navy)!important;color:#fff!important;border:0!important}
.portfolio-hero .muted,.portfolio-hero .label{color:#aeb8d0!important}
.outlook{background:#fff!important;color:var(--thamrh-navy)!important}
.outlook-head h2{color:var(--thamrh-navy)!important;font-weight:700!important}
.outlook-head .icon,.outlook .upside strong{color:var(--thamrh-purple)!important}
.outlook-columns p,.outlook-columns small,.outlook-bottom>span{color:#78849c!important}
.outlook .downside strong{color:var(--red)!important}
.outlook-bottom{border-top-color:var(--line)!important}
.portfolio-track{background:#e6eaf3!important}
.portfolio-track i{background:var(--thamrh-purple)!important;border-color:#fff!important;box-shadow:0 0 0 1px #a58cf1}
.portfolio-track b{border-left-color:#b8c1d4!important}
.track-labels{color:#7b879d!important}
.track-labels strong{color:var(--thamrh-navy)!important;font-weight:700!important}
.investment-track{background:#e6eaf3!important}
.investment-track i{background:#8d98af!important}
.investment-track b{background:var(--thamrh-blue)!important}
.calc-result,.admin-intro,.auth-story{background:var(--thamrh-navy)!important}
.calc-growth strong{color:#9ee2ca!important}
.scenario-buttons button.active{background:var(--thamrh-purple)!important;border-color:var(--thamrh-purple)!important}
.page-tabs [data-state=active]{border-bottom-color:var(--thamrh-blue)!important;color:var(--thamrh-blue)!important}
.my-list-tabs [data-slot=tabs-trigger] span{background:#eef2fb!important;color:#6c7890!important}
.my-list-price.is-reached,.my-list-target.is-reached{background:#e8f7f1!important;color:#087d60!important}
.my-list-target{background:#f2f5fb!important;color:#465879!important}
.notification-card.unread{border-left-color:var(--thamrh-blue)!important}
.notification-card.stop-card{border-left-color:var(--red)!important}
.notification-icon{background:var(--thamrh-lilac)!important;color:var(--thamrh-purple)!important}
.stop-card .notification-icon{background:var(--redbg)!important;color:var(--red)!important}
.switch:checked{background:var(--thamrh-blue)!important}
.transaction-preview,.market-reference,.impact-comparison,.correction-original{background:#f7f9fd!important;border-color:#e1e6f1!important}
.trade-kind-choice.buy.selected{background:var(--positive)!important;border-color:var(--positive)!important}
.trade-kind-choice.sell.selected,.sale-submit{background:var(--red)!important;border-color:var(--red)!important}

/* RTL details */
.thamrh-shell[dir=rtl] .home-comparison{padding-right:27px!important;border-right:1px solid #e2e7f2!important}
.thamrh-shell[dir=rtl] .review-row strong,.thamrh-shell[dir=rtl] .scenario-row>span:last-child{text-align:left}
.thamrh-shell[dir=rtl] .home-allocation-item,.thamrh-shell[dir=rtl] .my-list-table th,.thamrh-shell[dir=rtl] .my-list-table td{text-align:right}
.thamrh-shell[dir=rtl] .home-attention-arrow{margin-left:0;margin-right:auto;transform:rotate(180deg)}
.thamrh-shell[dir=rtl] .back-link .icon{transform:rotate(180deg)}

@media(max-width:1250px){
 .tamouh-sidebar>[data-slot=sidebar-content]{padding-right:300px;gap:18px}
 .thamrh-shell[dir=rtl] .tamouh-sidebar>[data-slot=sidebar-content]{padding-right:24px;padding-left:300px}
 .tamouh-sidebar .nav a{padding:0 9px!important;font-size:11px!important}
 .tamouh-sidebar .nav a .icon{display:none}
 .workspace>.topbar{right:18px}.thamrh-shell[dir=rtl] .workspace>.topbar{left:18px}
 .demo-badge{display:none}
}

@media(max-width:900px) and (min-width:761px){
 .tamouh-sidebar>[data-slot=sidebar-content]{padding-right:190px}
 .thamrh-shell[dir=rtl] .tamouh-sidebar>[data-slot=sidebar-content]{padding-right:18px;padding-left:190px}
 .tamouh-sidebar .nav a:nth-child(n+5){display:none}
 .topbar .icon-btn{display:none}
}

@media(max-width:760px){
 .tamouh-sidebar{display:none!important}
 .workspace{padding-top:66px!important}
 .workspace>.topbar,.thamrh-shell[dir=rtl] .workspace>.topbar{
  position:fixed!important;
  inset:0 0 auto 0!important;
  width:100%!important;
  height:66px!important;
  min-height:66px!important;
  padding:0 16px!important;
  border-bottom:1px solid var(--line)!important;
  background:rgba(255,255,255,.97)!important;
  backdrop-filter:blur(18px);
  box-shadow:0 5px 18px rgba(21,29,66,.04)!important;
 }
 .workspace>.topbar .mobile-brand{display:flex!important}
 .mobile-brand .thamrh-wordmark{font-size:20px}
 .mobile-brand .thamrh-brand-mark{width:31px;height:31px;border-radius:10px;font-size:15px}
 .mobile-brand small{display:none}
 .topbar .top-actions{margin-inline-start:auto;gap:7px!important}
 .topbar .demo-badge,.topbar .mobile-account-action{display:none!important}
 .lang-toggle{width:38px;height:38px;padding:0;justify-content:center;font-size:0}
 .lang-toggle .icon{width:17px;height:17px}
 .topbar .icon-btn{display:flex!important}
 .sample-banner,.setup-banner{padding:8px 16px!important;font-size:9px!important}
 .workspace main{padding:25px 16px 118px!important}
 .page-heading h1{font-size:27px}
 .mobile-nav{background:rgba(255,255,255,.97)!important;border-color:var(--line)!important;box-shadow:0 -8px 30px rgba(25,34,76,.07)!important}
 .mobile-nav a{color:#7b869d!important}
 .mobile-nav a.active{color:var(--thamrh-blue)!important}
 #home-page .home-hero{padding:20px 20px 0!important;border-radius:19px!important}
 #home-page .home-hero::before{width:4px}
 #home-page .home-big{color:var(--thamrh-navy)!important}
 #home-page .home-comparison{padding:18px!important}
 #home-page .home-metrics>div:nth-child(even){border-left-color:var(--line)!important}
 .thamrh-shell[dir=rtl] #home-page .home-metrics>div:nth-child(even){border-left:0!important;border-right:1px solid var(--line)!important;padding-left:0!important;padding-right:16px!important}
 .thamrh-shell[dir=rtl] #home-page .home-metrics>div:nth-child(odd){border-right:0!important;padding-right:0!important}
 .form-grid{grid-template-columns:1fr!important;gap:0!important}
}

@media(prefers-reduced-motion:reduce){.thamrh-shell *{scroll-behavior:auto!important}}