:root{--content-max:1520px;--panel:rgba(13,34,44,.88);--panel-strong:#0c202b;--focus:0 0 0 3px rgba(128,242,209,.2)}
button,[role=button],.discovery-card,.action-card,.decision-row,.request-row,.notification,.dual-summary article,.candidate-line,.cost-list>div,.timeline>li{cursor:pointer}
button:focus-visible,[role=button]:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--aqua);outline-offset:3px;box-shadow:var(--focus)}
button:disabled{cursor:not-allowed;opacity:.52;transform:none!important}
.interactive-card{position:relative}.interactive-card::after{content:'↗';position:absolute;inset-inline-end:14px;inset-block-start:14px;font:500 .72rem var(--mono);color:var(--aqua);opacity:.7}
.is-busy{pointer-events:none;position:relative;color:transparent!important}.is-busy::before{content:'';position:absolute;inset:50% auto auto 50%;width:18px;height:18px;margin:-9px;border:2px solid rgba(255,255,255,.25);border-top-color:var(--aqua);border-radius:50%;animation:sv-spin .7s linear infinite}@keyframes sv-spin{to{transform:rotate(1turn)}}
.empty-state{padding:36px 20px;text-align:center;border:1px dashed var(--line);border-radius:18px;color:var(--mist)}
.screen-dialog{position:fixed;inset:0;z-index:1000;display:grid;place-items:end;background:rgba(2,11,17,.72);backdrop-filter:blur(10px);animation:sv-fade .18s ease}.screen-dialog[hidden]{display:none}.dialog-panel{width:min(100%,520px);max-height:min(88svh,850px);overflow:auto;background:linear-gradient(155deg,#102b37,#081822 70%);border:1px solid rgba(128,242,209,.16);border-radius:26px 26px 0 0;padding:22px;color:var(--paper);box-shadow:0 -30px 80px rgba(0,0,0,.35);animation:sv-rise .25s cubic-bezier(.2,.8,.2,1)}.dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.dialog-head h2{font-size:1.35rem;margin:4px 0}.dialog-close{width:38px;height:38px;border-radius:12px;background:rgba(255,255,255,.06);color:var(--paper);font-size:20px}.dialog-body{display:grid;gap:12px}.dialog-body p{color:var(--mist);line-height:1.75;margin:0}.dialog-actions{display:flex;gap:10px;margin-top:20px}.dialog-actions>*{flex:1}.field{display:grid;gap:7px}.field span{font-size:.86rem;color:var(--mist)}.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.045);color:var(--paper);padding:12px;font:inherit}.field textarea{min-height:95px;resize:vertical}.demo-result{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:14px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.03)}.demo-result i{width:10px;height:10px;border-radius:50%;background:var(--aqua);margin-top:7px}.demo-result b{display:block}.demo-result small{color:var(--mist)}
.desktop-customer-nav{display:none}.filter-count{font:500 .68rem var(--mono);color:var(--mist);margin-inline-start:5px}.state-toast{display:flex;align-items:center;gap:8px}.state-toast::before{content:'✓';display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:rgba(128,242,209,.15);color:var(--aqua)}
.admin-section-tabs{display:flex;gap:7px;overflow:auto;margin-bottom:28px;padding-bottom:4px;scrollbar-width:none}.admin-section-tabs::-webkit-scrollbar{display:none}.admin-section-tabs button{white-space:nowrap;padding:8px 11px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.025);color:var(--mist);font-size:.72rem}.admin-section-tabs button:hover,.admin-section-tabs button.active{color:var(--aqua);border-color:rgba(128,242,209,.35);background:rgba(128,242,209,.07)}
.live-sync-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:var(--mist);font:500 .68rem var(--mono);white-space:nowrap}.live-sync-badge i{width:7px;height:7px;border-radius:50%;background:var(--amber)}.live-sync-badge.online{color:var(--aqua);border-color:rgba(128,242,209,.25)}.live-sync-badge.online i{background:var(--aqua);box-shadow:0 0 12px rgba(128,242,209,.7)}.live-sync-badge.offline i{background:var(--danger)}.customize-layout{height:44px;padding:0 14px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.035);color:var(--paper);font-size:.75rem}.customize-layout:hover{border-color:rgba(128,242,209,.35);color:var(--aqua)}.widget-options{display:grid;gap:9px}.widget-options label{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025)}.widget-options input{accent-color:var(--aqua);width:18px;height:18px}.widget-dragging{opacity:.5;outline:1px dashed var(--aqua)}[data-widget-id]{transition:opacity .2s ease,transform .2s ease}
@keyframes sv-fade{from{opacity:0}}@keyframes sv-rise{from{transform:translateY(22px);opacity:0}}
@media (min-width:640px){
  .dialog-panel{border-radius:26px;margin:24px;width:min(560px,calc(100% - 48px))}
  .screen-dialog{place-items:center}
  .signal-rail{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible!important}
  .discovery-card{min-width:0!important}
  .language-screen{padding-inline:max(32px,calc((100vw - 720px)/2))}
  .journey-screen.active,.confirmation-screen.active,.review-screen.active,.exception-screen.active,.notifications-screen.active,.account-screen.active{padding-inline:max(34px,calc((100vw - 760px)/2))}
}
@media (min-width:1024px){
  /* Home spans the full width (background and light field edge to edge); its content keeps
     --content-max through the side padding, so wide screens show no framed box. */
  body{background:#061119}
  .app-shell{max-width:none;width:100%;min-height:100svh;box-shadow:none}
  #home.active{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(420px,.94fr);grid-template-areas:'header header' 'greeting studio' 'discovery discovery';column-gap:clamp(34px,5vw,84px);row-gap:20px;--home-gutter:clamp(40px,5vw,88px);padding:0 max(var(--home-gutter),calc((100% - var(--content-max)) / 2 + var(--home-gutter))) 70px;max-width:none;margin:0}
  :is(#home .home-header,.home-header.sv-mirror){grid-area:header;width:100%;height:90px;padding:0;border-bottom:1px solid var(--line)}
  #home .home-greeting{grid-area:greeting;min-height:430px;padding:52px 0;align-items:center}
  #home .home-greeting h1{font-size:clamp(3.6rem,6vw,6.8rem);line-height:.93;letter-spacing:-.07em;max-width:760px}
  #home .home-greeting>div>p:last-child{font-size:1.1rem;line-height:1.9;max-width:630px}
  #home .signal{align-self:flex-start;margin-top:20px}
  #home .intent-studio{grid-area:studio;align-self:center;width:100%;max-width:none;margin:0;padding:22px;border-radius:28px;box-shadow:0 28px 80px rgba(0,0,0,.28)}
  #home .intent-studio textarea{min-height:230px;font-size:1.16rem;padding:20px 4px}
  #home .intent-tools{gap:9px;flex-wrap:wrap}
  #home .tool-chip{min-height:44px;padding-inline:13px}
  #home .send-intent{margin-inline-start:auto;width:50px;height:50px}
  #home .discovery{grid-area:discovery;margin-top:30px;padding-top:34px;border-top:1px solid var(--line)}
  #home .section-title h2{font-size:1.75rem}
  #home .signal-rail{gap:18px}
  #home .discovery-card{min-height:320px;padding:22px;border-radius:24px;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
  #home .discovery-card:hover{transform:translateY(-6px);border-color:rgba(128,242,209,.34);box-shadow:0 24px 50px rgba(0,0,0,.2)}
  .mobile-nav{display:none!important}.desktop-customer-nav{display:flex;align-items:center;gap:8px;margin-inline-start:auto;margin-inline-end:22px}.desktop-customer-nav button{padding:9px 13px;border-radius:10px;background:transparent;color:var(--mist);font-size:.83rem}.desktop-customer-nav button:hover,.desktop-customer-nav button.active{background:rgba(128,242,209,.08);color:var(--aqua)}
  .review-screen.active,.journey-screen.active,.confirmation-screen.active,.exception-screen.active,.notifications-screen.active,.account-screen.active{width:100%;max-width:1180px;margin:auto;padding:32px 56px 64px}
  .review-content{max-width:900px;margin:40px auto}.review-screen .sticky-footer{position:static;max-width:900px;margin:26px auto 0;border:0;background:none;padding:0}
  #match.active{display:grid;grid-template-columns:minmax(330px,.8fr) minmax(500px,1.2fr);grid-template-areas:'header header' 'art title' 'art lead' 'art product' 'art question' 'art actions';column-gap:72px;align-content:start}
  #match .compact-header{grid-area:header}#match .match-hero{grid-area:art;align-self:center;position:sticky;top:50px}#match>.eyebrow{grid-area:title;align-self:end;margin-top:65px}#match>h1{grid-area:title;margin-top:90px;align-self:end;font-size:3.15rem}#match>.lead{grid-area:lead}#match .product-card{grid-area:product}#match .confirm-question{grid-area:question}#match .sticky-footer{grid-area:actions;position:static;border:0;background:none;padding:0;margin-top:8px}
  #quote.active{display:grid;grid-template-columns:minmax(0,.8fr) minmax(460px,1.2fr);grid-template-areas:'header header' 'intro card' 'explain card' 'actions card';column-gap:72px;align-content:start}#quote .compact-header{grid-area:header}#quote .quote-top,#quote>h1,#quote>.lead{grid-area:intro}#quote .quote-top{margin-top:74px}#quote>h1{margin-top:112px;font-size:3.1rem;align-self:start}#quote>.lead{margin-top:195px}#quote .quote-card{grid-area:card;margin-top:70px;min-height:500px;padding:28px}#quote .quote-detail-toggle,#quote .quote-explainer{grid-area:explain;align-self:start}#quote .quote-detail-toggle{margin-top:10px}#quote .quote-explainer{margin-top:58px}#quote .quote-actions{grid-area:actions;align-self:start;margin-top:16px}
  #confirmation.active{display:grid;grid-template-columns:.78fr 1.22fr;grid-template-areas:'header header' 'visual content';column-gap:70px;align-content:start}#confirmation .compact-header{grid-area:header}#confirmation .confirmation-orbit{grid-area:visual;align-self:center;transform:scale(1.2)}#confirmation>.eyebrow,#confirmation>h1,#confirmation>.lead,#confirmation>.payment-state,#confirmation>.promise-card,#confirmation>.primary-action{grid-column:2}#confirmation>.eyebrow{margin-top:58px}#confirmation>h1{font-size:3rem}
  #order-journey.active{display:grid;grid-template-columns:minmax(340px,.72fr) minmax(520px,1.28fr);grid-template-areas:'header header' 'heading timeline' 'promise timeline' 'exception timeline';column-gap:76px;align-content:start}#order-journey .compact-header{grid-area:header}#order-journey .journey-heading{grid-area:heading;margin-top:65px}#order-journey .promise-banner{grid-area:promise}#order-journey .timeline{grid-area:timeline;margin-top:62px;padding:28px;border:1px solid var(--line);border-radius:26px;background:rgba(255,255,255,.025)}#order-journey .exception-link{grid-area:exception;align-self:start}
  .admin-screen.active{grid-template-columns:244px minmax(0,1fr)}.admin-rail{position:sticky;top:0;height:100svh;padding:28px 18px}.admin-main{padding:38px clamp(34px,4vw,72px) 72px;max-width:none}.admin-header{align-items:center}.admin-header h1{font-size:clamp(2.2rem,3.2vw,4rem)}.admin-tools{align-items:center}.search-button{display:flex;align-items:center;min-width:280px;height:44px}.action-section{margin-top:38px}.action-title h2{font-size:1rem}.action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.action-card{min-height:285px;padding:20px;border-radius:22px}.action-card h3{font-size:1.15rem}.action-card p,.impact,.next-action{font-size:.79rem}.action-section:not(.critical){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.action-section:not(.critical) .action-title{grid-column:1/-1}.decision-row{display:flex;min-height:142px;align-items:flex-start;border:1px solid var(--line);border-radius:18px;padding:18px;background:rgba(255,255,255,.025);position:relative}.decision-row>span:last-child{position:absolute;inset-inline-end:16px;bottom:14px;color:var(--aqua)}.decision-row em{margin-inline-start:auto}.dual-summary{grid-template-columns:repeat(3,1fr);gap:16px}.dual-summary article{min-height:145px;padding:20px;border-radius:20px}.control-utilities{margin-top:26px;grid-template-columns:repeat(4,minmax(0,1fr))}.control-utilities button{min-height:54px}
  .admin-detail.active{min-height:100svh;padding-inline-start:244px;position:relative}.admin-detail .admin-mini-header{position:fixed;z-index:20;top:0;inset-inline-start:0;width:244px;height:100svh;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:24px;padding:28px 20px;background:#07131d;border-inline-end:1px solid var(--line);border-bottom:0}.admin-detail .admin-mini-header .back-button{order:-1}.admin-detail .admin-mini-header>span:nth-child(2){font-size:1rem;line-height:1.5}.admin-detail .detail-page{max-width:1440px;margin:0;padding:54px clamp(40px,5vw,84px) 72px}.detail-page h1{font-size:clamp(2.3rem,3.2vw,4rem)}.filter-row{overflow:visible}.request-list{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(360px,.55fr);border:1px solid var(--line);border-radius:20px;overflow:hidden}.request-row{grid-column:1;padding:20px;border-bottom:1px solid var(--line)}.request-list::after{content:'حدد طلبًا لفتح مساحة العمل\A\Aتظهر التفاصيل، الأحداث والإجراء التالي هنا.';white-space:pre-wrap;grid-column:2;grid-row:1/4;padding:30px;color:var(--mist);background:rgba(255,255,255,.02);border-inline-start:1px solid var(--line);line-height:1.8}.workspace-grid,.sourcing-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.internal-card,.candidate-panel,.builder-card,.po-card,.delivery-card{padding:22px;border-radius:20px}.wide-card{grid-column:1/-1}.candidate-panel{display:grid;grid-template-columns:1fr 1fr;gap:14px}.candidate-panel .panel-head{grid-column:1/-1}.candidate-line{border:1px solid var(--line);border-radius:14px;padding:14px;margin:0}.candidate-data{grid-template-columns:repeat(4,1fr)}.builder-card{display:grid;grid-template-columns:repeat(3,1fr)}.builder-card div{display:block;border-bottom:0;border-inline-end:1px solid var(--line);padding:12px 18px}.builder-card div:last-child{border:0}.po-card{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.cost-readiness{display:grid;grid-template-columns:1fr auto;gap:8px 24px;padding:24px}.cost-readiness>div,.cost-readiness>p{grid-column:1/-1}.cost-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.cost-list div{border:1px solid var(--line);border-radius:14px;padding:16px}.route-map{max-width:850px;margin:60px auto}.route-map>i{flex:1}.delivery-card{display:grid;grid-template-columns:1fr 1fr;gap:12px}.delivery-card>.card-label,.delivery-card>h3,.delivery-card>.primary-action{grid-column:1/-1}.exception-admin-card{display:grid;grid-template-columns:repeat(2,1fr)}.exception-admin-card div{border-bottom:1px solid rgba(255,137,126,.15)}
}
@media (min-width:1440px){
  #home.active{grid-template-columns:minmax(0,1.12fr) minmax(500px,.88fr);--home-gutter:64px}.admin-screen.active{grid-template-columns:276px minmax(0,1fr)}.admin-detail.active{padding-inline-start:276px}.admin-detail .admin-mini-header{width:276px}.action-grid{grid-template-columns:repeat(2,minmax(440px,1fr))}.admin-main{padding-inline:72px}.action-card{min-height:300px}.decision-row{min-height:155px}.detail-page{padding-inline:88px}
}
@media (max-width:639px){
  .dialog-actions{flex-direction:column}.home-greeting h1{font-size:clamp(3.1rem,16vw,5.1rem)}.tool-chip{min-height:44px}.intent-tools{gap:7px}.discovery-card{scroll-snap-align:start}.signal-rail{scroll-snap-type:x mandatory}.admin-detail .detail-page{padding-bottom:90px}
  .admin-screen.active{display:block;padding-bottom:78px}.admin-main{padding:24px 16px 44px}.admin-rail{position:fixed;z-index:90;inset:auto 0 0;height:70px;width:100%;padding:7px 8px;display:flex;flex-direction:row;align-items:center;justify-content:space-around;gap:3px;border-left:0;border-top:1px solid var(--line);background:rgba(7,19,29,.96);backdrop-filter:blur(18px)}.rail-logo,.rail-back{display:none}.rail-item{width:19%;min-height:55px;height:55px;font-size:15px;border-radius:12px}.rail-item span{font-size:8px}.admin-header{display:block}.admin-tools{margin-top:16px}.admin-tools .search-button{display:flex;flex:1}.action-grid{grid-template-columns:1fr}.action-card{min-height:0}.dual-summary{grid-template-columns:1fr 1fr}.control-utilities{grid-template-columns:1fr 1fr}.action-section:not(.critical){display:block}.decision-row{min-height:0}
}
@media (min-width:640px) and (max-width:699px){.admin-screen.active{grid-template-columns:170px 1fr}.admin-rail{align-items:stretch;padding:20px 12px}.rail-logo{flex-direction:row}.rail-item{width:100%;height:44px;min-height:44px;flex-direction:row;justify-content:flex-start;padding-inline:10px}.rail-item span{font-size:10px}.rail-back{flex-direction:row}.admin-main{padding:32px 26px}.action-grid{grid-template-columns:1fr 1fr}}
@media (min-width:381px) and (max-width:560px){html[lang="en"] #home-title,html[lang="fr"] #home-title{font-size:clamp(1.7rem,7.2vw,2rem);letter-spacing:-.055em}html[lang="en"] #language .language-copy #language-title,html[lang="fr"] #language .language-copy #language-title,html[lang="es"] #language .language-copy #language-title{max-width:100%;font-size:clamp(1.3rem,5.4vw,1.55rem);line-height:1.1;letter-spacing:-.045em}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}