/* WATHEQ APP UI V7 — 2026-09-05 */
/* Final visual override loaded last; no contract logic is changed here. */
:root{
 --wt-primary:#0B6B5B;--wt-primary-2:#09594C;--wt-secondary:#173B52;--wt-accent:#C79A47;
 --wt-bg:#F3F7F5;--wt-surface:#FFFFFF;--wt-surface-2:#EDF5F2;--wt-text:#17312C;
 --wt-muted:#6B7C77;--wt-border:#DCE8E4;--wt-danger:#B94343;--wt-success:#14765E;
 --wt-radius:16px;--wt-radius-sm:11px;--wt-shadow:0 1px 2px rgba(23,49,44,.04),0 10px 30px rgba(23,59,82,.07);
 --wt-shadow-hover:0 5px 20px rgba(11,107,91,.11),0 18px 42px rgba(23,59,82,.09);
}
html{font-size:14px!important;background:var(--wt-bg)!important;scroll-behavior:smooth}
body{background:var(--wt-bg)!important;color:var(--wt-text)!important;font-family:"IBM Plex Sans Arabic","Tahoma",sans-serif!important;font-size:14px!important;line-height:1.65!important;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body,button,input,select,textarea{font-family:"IBM Plex Sans Arabic","Tahoma",sans-serif!important}
h1,h2,h3,h4,.top-title,.contract-title,.stat-num{font-family:"Readex Pro","IBM Plex Sans Arabic",sans-serif!important;letter-spacing:-.015em}
h1{font-size:clamp(1.35rem,2.2vw,1.8rem)!important;line-height:1.35!important}h2{font-size:clamp(1.14rem,1.8vw,1.42rem)!important;line-height:1.4!important}h3{font-size:clamp(1rem,1.5vw,1.14rem)!important}h4{font-size:.96rem!important}.small{font-size:.79rem!important}.tiny{font-size:.72rem!important}.muted,.section-sub{color:var(--wt-muted)!important}
.app-shell{min-height:100dvh;background:var(--wt-bg)!important}.main{background:transparent!important;min-width:0}.content{max-width:1240px!important;margin-inline:auto!important;padding:22px 26px 100px!important}
.sidebar{background:linear-gradient(180deg,#113F39 0%,#173B52 100%)!important;border:0!important;box-shadow:10px 0 40px rgba(23,59,82,.08)!important}.sidebar-logo{filter:none!important}.side-nav{gap:4px!important}.side-item{min-height:43px!important;border-radius:11px!important;font-size:.87rem!important;color:rgba(255,255,255,.82)!important;transition:.18s ease!important}.side-item:hover{background:rgba(255,255,255,.09)!important;transform:translateX(-2px)}.side-item.active{background:rgba(255,255,255,.14)!important;color:#fff!important;box-shadow:inset 3px 0 0 var(--wt-accent)!important}.side-icon{width:25px!important;height:25px!important;border-radius:8px!important;background:rgba(255,255,255,.08)!important;display:grid!important;place-items:center!important}.sidebar-create{background:var(--wt-accent)!important;color:#fff!important;border:0!important;box-shadow:0 8px 20px rgba(199,154,71,.22)!important}.sidebar-help{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:15px!important;color:#fff!important}.sidebar-help p{color:rgba(255,255,255,.72)!important}
.topbar{position:sticky!important;top:0!important;z-index:80!important;min-height:64px!important;background:rgba(255,255,255,.88)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;border-bottom:1px solid rgba(220,232,228,.88)!important;box-shadow:0 5px 18px rgba(23,59,82,.035)!important}.top-title{font-size:1.02rem!important;color:var(--wt-secondary)!important}.searchbox{background:#F7FAF9!important;border:1px solid var(--wt-border)!important;border-radius:12px!important;min-height:40px!important}.searchbox input{font-size:.84rem!important}.top-actions{gap:7px!important}.icon-btn,.avatar{width:39px!important;height:39px!important;min-width:39px!important;border-radius:12px!important;border:1px solid var(--wt-border)!important;background:#fff!important;color:var(--wt-secondary)!important}.avatar{background:var(--wt-primary)!important;color:#fff!important;border-color:var(--wt-primary)!important}
.card,.form-card,.subCard,.review-box,.money-box,.contract-card,.service-card,.task-card{background:var(--wt-surface)!important;border:1px solid var(--wt-border)!important;border-radius:var(--wt-radius)!important;box-shadow:var(--wt-shadow)!important}.card{padding:18px!important}.card:hover,.contract-card:hover,.service-card:hover{box-shadow:var(--wt-shadow-hover)!important}.contract-card,.service-card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important}.contract-card:hover,.service-card:hover{transform:translateY(-2px);border-color:#C8DDD6!important}
.btn{min-height:41px!important;border-radius:11px!important;padding:0 15px!important;font-size:.82rem!important;font-weight:650!important;letter-spacing:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;transition:transform .16s ease,box-shadow .16s ease,background .16s ease!important}.btn:hover{transform:translateY(-1px)!important}.btn:active{transform:translateY(0)!important}.btn-primary{background:linear-gradient(135deg,var(--wt-primary),var(--wt-primary-2))!important;border:1px solid var(--wt-primary)!important;color:#fff!important;box-shadow:0 7px 18px rgba(11,107,91,.16)!important}.btn-soft{background:#EEF7F4!important;border:1px solid #CFE4DE!important;color:var(--wt-primary)!important}.btn-ghost{background:#fff!important;border:1px solid var(--wt-border)!important;color:var(--wt-secondary)!important}.btn-gold{background:linear-gradient(135deg,#C79A47,#B88835)!important;border:1px solid #B88835!important;color:#fff!important;box-shadow:0 7px 18px rgba(199,154,71,.18)!important}.btn-navy{background:var(--wt-secondary)!important;border-color:var(--wt-secondary)!important;color:#fff!important}.btn-danger{background:#FFF2F1!important;border:1px solid #F1CECA!important;color:var(--wt-danger)!important}.btn-block{width:100%!important}.filter-btn,.workspace-tab{border-radius:999px!important;min-height:35px!important;padding:0 13px!important;font-size:.78rem!important}.filter-btn.active,.workspace-tab.active{background:var(--wt-primary)!important;color:#fff!important;border-color:var(--wt-primary)!important}
.input,.select,.textarea,.native-select{min-height:45px!important;border-radius:11px!important;border:1px solid #CFDED9!important;background:#fff!important;color:var(--wt-text)!important;font-size:.84rem!important;padding:9px 12px!important;box-shadow:0 1px 0 rgba(23,49,44,.02)!important}.textarea{min-height:110px!important}.input:focus,.select:focus,.textarea:focus,.native-select:focus{border-color:var(--wt-primary)!important;box-shadow:0 0 0 3px rgba(11,107,91,.09)!important;outline:none!important}.field label{font-size:.79rem!important;font-weight:650!important;color:#34504A!important;margin-bottom:5px!important}.field small{font-size:.72rem!important}
.hero{min-height:auto!important;padding:28px!important;border-radius:22px!important;background:linear-gradient(135deg,#103E38 0%,#173B52 100%)!important;box-shadow:0 20px 60px rgba(23,59,82,.13)!important;overflow:hidden!important;position:relative!important}.hero:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(199,154,71,.20),rgba(199,154,71,0) 70%);left:-60px;top:-80px;pointer-events:none}.hero h1{color:#fff!important;font-size:clamp(1.65rem,3vw,2.55rem)!important;max-width:680px!important}.hero p{color:rgba(255,255,255,.78)!important;font-size:.9rem!important;max-width:650px!important}.hero .trust-chip{background:rgba(255,255,255,.10)!important;color:#F3D89F!important;border:1px solid rgba(255,255,255,.12)!important}.hero-visual{background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:20px!important;padding:12px!important}.journey-label{color:rgba(255,255,255,.76)!important;font-size:.75rem!important}.ribbon{gap:10px!important;margin-top:13px!important}.ribbon-card{border:1px solid var(--wt-border)!important;background:#fff!important;border-radius:14px!important;box-shadow:none!important;padding:12px 13px!important}.ribbon-card b{font-size:.83rem!important}.ribbon-card small{font-size:.72rem!important}.ribbon-icon{background:#EDF6F3!important;color:var(--wt-primary)!important;border-radius:10px!important}
.trust-showcase{gap:14px!important}.trust-showcase article{border-radius:18px!important;border:1px solid var(--wt-border)!important;background:#fff!important;box-shadow:var(--wt-shadow)!important;overflow:hidden!important}.trust-showcase article img{background:#F2F7F5!important;border-radius:14px!important;object-fit:cover!important}.trust-showcase article h3{margin:.25rem 0!important}.trust-showcase article p{font-size:.79rem!important}
.page-head{margin-bottom:14px!important}.page-head h1{margin-bottom:3px!important}.page-head p{font-size:.8rem!important}.cards{gap:12px!important}.stat{position:relative!important;overflow:hidden!important;min-height:118px!important}.stat:after{content:"";position:absolute;width:64px;height:64px;border-radius:50%;background:rgba(11,107,91,.06);left:-15px;bottom:-15px}.stat-num{font-size:1.65rem!important;color:var(--wt-secondary)!important}.status{border-radius:999px!important;font-size:.7rem!important;padding:4px 9px!important}.status.done{background:#E4F4EF!important;color:#11654F!important}.status.review{background:#EDF2F6!important;color:var(--wt-secondary)!important}.status.payment{background:#FFF5E5!important;color:#8A6224!important}
.service-card{position:relative!important;overflow:hidden!important;padding:0 0 16px!important}.service-card>*:not(.wt-service-ill){margin-inline:16px!important}.service-card .service-icon{display:none!important}.wt-service-ill{width:100%!important;height:112px!important;object-fit:cover!important;display:block!important;background:#F2F7F5!important;border-bottom:1px solid var(--wt-border)!important;margin-bottom:14px!important}.service-card h3{margin-top:0!important}.service-card p{font-size:.78rem!important;min-height:38px!important}.service-card .btn{margin-top:7px!important}
.contract-card{padding:15px 16px!important}.contract-id{font-size:.75rem!important;color:var(--wt-primary)!important;font-weight:700!important}.contract-title{font-size:.96rem!important;margin:4px 0!important}.contract-meta{font-size:.75rem!important;gap:8px!important}.contract-actions{gap:7px!important}.wt-sync-chip{border-radius:10px!important;font-size:.7rem!important;background:#F2F8F6!important;border:1px solid #D8E9E4!important}
.wizard-head,.wt-head{border-radius:16px!important}.wizard .card,.wt-flow-card,.wt-section{border-color:var(--wt-border)!important;box-shadow:var(--wt-shadow)!important}.stepper .step,.wt-step{font-size:.76rem!important}.progress{height:7px!important;background:#E4ECE9!important}.progress i{background:linear-gradient(90deg,var(--wt-primary),#2E9581)!important}.stage-subsection,.wt-section{border-radius:16px!important}.stage-subsection-head h3,.wt-section h2{font-size:1.02rem!important}.step1-pick,.wt-option{border-radius:12px!important;font-size:.82rem!important}.step1-pick.selected,.wt-option.selected{border-color:var(--wt-primary)!important;background:#EDF7F4!important;box-shadow:0 0 0 2px rgba(11,107,91,.06)!important}.stage-master-checklist{background:#F8FBFA!important;border:1px solid var(--wt-border)!important;border-radius:15px!important}.stage-check-items span{font-size:.74rem!important}.summary-money{gap:10px!important}.money-box{padding:13px!important}.money-box span{font-size:.72rem!important}.money-box b{font-size:1rem!important;color:var(--wt-secondary)!important}.schedule table{font-size:.76rem!important}
.account-grid{gap:14px!important}.profile-card{text-align:center!important;background:linear-gradient(180deg,#fff 0%,#F4F9F7 100%)!important}.profile-avatar{background:linear-gradient(135deg,var(--wt-primary),var(--wt-secondary))!important;color:#fff!important;box-shadow:0 8px 20px rgba(11,107,91,.16)!important}.verified{background:#E5F4EF!important;color:#11654F!important;border-radius:999px!important;font-size:.72rem!important}.theme-grid{gap:7px!important}.theme-dot{width:31px!important;height:31px!important;border:3px solid #fff!important;box-shadow:0 0 0 1px var(--wt-border)!important}
.wt-app-overview{display:grid;grid-template-columns:1.45fr 1fr;gap:14px;margin:14px 0 20px}.wt-overview-main{background:linear-gradient(135deg,#fff,#F2F8F6);border:1px solid var(--wt-border);border-radius:18px;padding:18px;box-shadow:var(--wt-shadow)}.wt-overview-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.wt-overview-head h2{margin:0}.wt-overview-head p{margin:3px 0 0;color:var(--wt-muted);font-size:.76rem}.wt-progress-ring{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--wt-primary) var(--p),#E2ECE9 0);position:relative;flex:none}.wt-progress-ring:after{content:"";width:50px;height:50px;border-radius:50%;background:#fff;position:absolute}.wt-progress-ring b{position:relative;z-index:1;font-size:.78rem;color:var(--wt-secondary)}.wt-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}.wt-metric{background:#fff;border:1px solid var(--wt-border);border-radius:12px;padding:11px}.wt-metric span{font-size:.7rem;color:var(--wt-muted);display:block}.wt-metric b{font-size:1.18rem;color:var(--wt-secondary)}.wt-overview-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:13px}.wt-overview-side{display:grid;gap:10px}.wt-mini-panel{background:#fff;border:1px solid var(--wt-border);border-radius:16px;padding:14px;box-shadow:var(--wt-shadow)}.wt-mini-panel img{width:66px;height:50px;object-fit:cover;border-radius:10px;float:left;margin-right:10px}.wt-mini-panel h3{margin:0 0 3px}.wt-mini-panel p{font-size:.74rem;color:var(--wt-muted);margin:0}.wt-mini-panel:after{content:"";display:block;clear:both}
.wt-account-suite{display:grid;gap:12px;margin-bottom:14px}.wt-account-hero{background:linear-gradient(135deg,#103F39,#173B52);border-radius:20px;padding:18px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:14px;box-shadow:0 18px 45px rgba(23,59,82,.14)}.wt-account-hero h2{color:#fff!important;margin:0}.wt-account-hero p{color:rgba(255,255,255,.72);font-size:.78rem;margin:3px 0 0}.wt-account-score{width:72px;height:72px;border-radius:18px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.13);display:grid;place-items:center;text-align:center}.wt-account-score b{font-size:1.25rem;color:#F2D69A}.wt-account-score small{font-size:.65rem}.wt-account-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.wt-account-stat{background:#fff;border:1px solid var(--wt-border);border-radius:14px;padding:13px;box-shadow:var(--wt-shadow)}.wt-account-stat span{font-size:.7rem;color:var(--wt-muted);display:block}.wt-account-stat b{font-size:1.2rem;color:var(--wt-secondary)}.wt-account-tools{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px}.wt-tool-card{background:#fff;border:1px solid var(--wt-border);border-radius:16px;padding:16px;box-shadow:var(--wt-shadow)}.wt-tool-card h3{margin-top:0}.wt-tool-card p{font-size:.76rem;color:var(--wt-muted)}.wt-switch-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 0;border-bottom:1px dashed var(--wt-border);font-size:.78rem}.wt-switch-row:last-child{border-bottom:0}.wt-switch{appearance:none;width:39px;height:22px;border-radius:999px;background:#D8E2DF;position:relative;cursor:pointer;transition:.18s}.wt-switch:before{content:"";width:17px;height:17px;border-radius:50%;background:#fff;position:absolute;top:2.5px;right:2.5px;box-shadow:0 1px 4px rgba(0,0,0,.18);transition:.18s}.wt-switch:checked{background:var(--wt-primary)}.wt-switch:checked:before{right:19px}.wt-activity-list{display:grid;gap:8px}.wt-activity-item{display:flex;gap:10px;align-items:flex-start;padding:9px;border:1px solid var(--wt-border);border-radius:11px;background:#F9FBFA}.wt-activity-item i{width:24px;height:24px;border-radius:8px;background:#E7F3EF;color:var(--wt-primary);display:grid;place-items:center;font-style:normal;font-size:.68rem}.wt-activity-item b{font-size:.76rem;display:block}.wt-activity-item small{font-size:.67rem;color:var(--wt-muted)}
.wt-mail-state{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 9px;font-size:.68rem;background:#FFF5E5;color:#815F26;border:1px solid #F0DBB8}.wt-mail-state.sent{background:#E5F4EF;color:#11654F;border-color:#CBE4DB}.wt-mail-state.failed{background:#FFF0EF;color:#9D3F3F;border-color:#EBC9C6}
.bottom-nav{background:rgba(255,255,255,.92)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;border-top:1px solid var(--wt-border)!important;box-shadow:0 -8px 25px rgba(23,59,82,.06)!important}.bottom-nav button{font-size:.68rem!important;color:#64746F!important}.bottom-nav button span{font-size:1.05rem!important}.bottom-nav .create{background:linear-gradient(135deg,var(--wt-primary),var(--wt-secondary))!important;color:#fff!important;border:4px solid var(--wt-bg)!important;box-shadow:0 8px 20px rgba(11,107,91,.22)!important}
.chat-fab{background:linear-gradient(135deg,var(--wt-primary),var(--wt-secondary))!important;box-shadow:0 10px 28px rgba(11,107,91,.22)!important}
body.wt-compact .content{padding-top:14px!important}body.wt-compact .card{padding:14px!important}body.wt-compact .contract-card{padding:12px 14px!important}body.wt-compact .field{margin-bottom:9px!important}body.wt-compact .input,body.wt-compact .select{min-height:41px!important}
@media(max-width:980px){.wt-app-overview{grid-template-columns:1fr}.wt-overview-side{grid-template-columns:1fr 1fr}.wt-account-stats{grid-template-columns:repeat(2,1fr)}.content{padding-inline:18px!important}}
@media(max-width:760px){html{font-size:13.5px!important}.content{padding:14px 12px calc(96px + env(safe-area-inset-bottom))!important}.topbar{min-height:58px!important;padding-inline:12px!important}.topbar .top-title{font-size:.93rem!important}.searchbox{display:none!important}.top-actions .speech{display:none!important}.hero{padding:20px 17px!important;border-radius:18px!important}.hero h1{font-size:1.62rem!important}.hero p{font-size:.82rem!important}.hero-actions{gap:7px!important}.hero-actions .btn{flex:1!important}.hero-visual{margin-top:14px!important}.ribbon{display:grid!important;grid-template-columns:1fr 1fr!important}.trust-showcase{grid-template-columns:1fr!important}.trust-showcase article{padding:12px!important}.trust-showcase article img{width:110px!important;height:92px!important}.cards{grid-template-columns:1fr 1fr!important}.service-card>*:not(.wt-service-ill){margin-inline:13px!important}.wt-service-ill{height:94px!important}.service-card p{min-height:0!important}.btn{min-height:42px!important;font-size:.8rem!important}.account-grid{grid-template-columns:1fr!important}.wt-account-hero{padding:15px!important;border-radius:17px!important}.wt-account-stats{grid-template-columns:1fr 1fr}.wt-account-tools{grid-template-columns:1fr}.wt-metrics{grid-template-columns:1fr 1fr}.wt-overview-actions{grid-template-columns:1fr}.wt-overview-side{grid-template-columns:1fr}.wt-mini-panel img{float:none;margin:0 0 8px;width:100%;height:84px}.contract-card{display:block!important}.contract-actions{margin-top:10px!important}.contract-actions .btn{flex:1!important}.bottom-nav{display:grid!important;grid-template-columns:repeat(5,1fr)!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:120!important;padding:7px 7px calc(7px + env(safe-area-inset-bottom))!important;border-radius:20px 20px 0 0!important}.bottom-nav button{min-height:49px!important}.bottom-nav .create{width:56px!important;height:56px!important;margin:-19px auto 0!important;border-radius:18px!important}.chat-fab{bottom:calc(82px + env(safe-area-inset-bottom))!important;left:14px!important;width:45px!important;height:45px!important}.modal{border-radius:20px 20px 0 0!important;max-height:91dvh!important}.modal-backdrop{align-items:flex-end!important}.grid-2{grid-template-columns:1fr!important}.summary-money{grid-template-columns:1fr 1fr!important}.wt-detail-server{grid-template-columns:1fr 1fr!important}.stage-jump-links{overflow:auto!important;flex-wrap:nowrap!important}.stage-jump-links button{white-space:nowrap!important}}
@media(max-width:420px){.cards{grid-template-columns:1fr 1fr!important}.ribbon{grid-template-columns:1fr!important}.wt-account-stats,.wt-metrics{grid-template-columns:1fr 1fr}.stat{min-height:105px!important}.wt-account-score{width:62px;height:62px}.hero-actions{display:grid!important;grid-template-columns:1fr!important}.summary-money{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}