/* Design 19 — الخط الأزرق. Shared RTL website and technician UI. */
body.blue-home{background:#f3f7fb;color:#0b1d35}.blue-home .e-header{width:min(1328px,calc(100% - 64px));margin:24px auto 0;border:1px solid #dfe7ee;border-bottom:0;border-radius:11px 11px 0 0;box-shadow:0 2px 14px #0c294a05}.blue-home .e-header-inner{height:82px;padding-inline:29px;gap:20px}.blue-home .e-wordmark{font-size:34px;letter-spacing:-1.5px;font-style:normal}.blue-home .e-wordmark>span{width:24px;height:3px}.blue-home .e-header-actions .e-button{border:0;gap:10px;padding:10px 16px;font-size:12px}.blue-home .e-header-actions .e-button.e-outline{background:white}.blue-home .e-header-actions .e-button.e-outline .e-icon{width:18px;height:18px}.blue-home .e-links{font-size:12px;gap:24px}.blue-home main{width:min(1328px,calc(100% - 64px));margin:auto;border:1px solid #dfe7ee;background:#fff;box-shadow:0 5px 20px #0d29440c;border-radius:0 0 11px 11px;overflow:hidden}.blue-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:290px 390px;isolation:isolate}.blue-headline{grid-area:1/1/2/2;padding:46px 45px 30px;background:linear-gradient(135deg,#fff,#f5f9fd);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.blue-headline .e-kicker{font-size:12px;color:#6e879c;margin-bottom:13px}.blue-headline h1{font-size:clamp(44px,4.5vw,64px);line-height:1.35;letter-spacing:-1.6px;margin:0;font-weight:800;color:#0a1b32;white-space:nowrap}.blue-subheading{color:#68727f;font-size:clamp(30px,3.1vw,43px);line-height:1.5;margin:6px 0 17px;font-weight:650;letter-spacing:-1px}.blue-headline-rule{width:57px;height:5px;background:#10bfce;margin-inline-start:auto}.blue-photo{margin:0;overflow:hidden;background:#e5eff6;min-width:0;min-height:0}.blue-photo img{width:100%;height:100%;object-fit:cover}.blue-camera{grid-area:1/2/2/3}.blue-camera img{object-position:center 54%}.blue-phone{grid-area:2/2/3/3;background:#0b2139}.blue-phone img{object-position:center}.blue-booking{grid-area:2/1/3/2;background:linear-gradient(130deg,#102f49,#071c31);padding:27px 35px 20px;color:#fff}.blue-booking h2{font-size:30px;line-height:1.3;margin:0 0 8px;letter-spacing:-.5px}.blue-booking>p{font-size:12px;color:#d1deea;margin-bottom:18px}.blue-booking form{margin:0}.blue-booking-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px}.blue-booking label{display:grid;gap:6px;min-width:0}.blue-booking label>span{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#d7e6f3}.blue-booking label .e-icon{width:15px;height:15px;opacity:.9}.blue-booking select,.blue-booking input{width:100%;min-width:0;border:1px solid #d4e4ef;background:#f8fbfe;color:#18344d;border-radius:5px;min-height:37px;padding:6px 10px;font-size:12px}.blue-booking input::placeholder{color:#6d8295}.blue-location{grid-column:1/-1}.blue-booking-steps{list-style:none;padding:0;display:flex;justify-content:space-between;margin:17px 0 15px;gap:12px}.blue-booking-steps li{display:flex;flex-direction:column;align-items:center;position:relative;flex:1}.blue-booking-steps li+li:before{content:"";width:30%;height:1px;background:#688195;position:absolute;right:-22%;top:13px}.blue-booking-steps b{font:700 19px Arial;color:#1ad3df;margin-bottom:4px;direction:ltr}.blue-booking-steps span{font-size:10px;color:#d2e0eb}.blue-booking .e-button{width:100%;min-height:41px;border-radius:4px;justify-content:center;background:#0bc4d3;color:#06253a;font-size:14px;padding:7px 14px}.blue-booking .e-button .e-icon{width:19px}.blue-booking small{display:block;text-align:center;color:#96b0c4;font-size:9px;margin-top:8px}.blue-axis{position:absolute;left:calc(50% - 2px);top:0;bottom:0;width:4px;background:#12c9d6;z-index:3;pointer-events:none;border-inline:1px solid #fff}.blue-axis i{position:absolute;left:-7px;width:16px;height:16px;border-radius:50%;border:2px solid #fff;background:#11c4d2;top:49px}.blue-axis i+i{top:282px}.blue-service-strip,.blue-device-strip{display:flex;align-items:center;padding:23px 28px;gap:25px;border-bottom:1px solid #dfe8ee;background:#fff}.blue-device-strip{background:#fbfdff}.blue-strip-title{flex:0 0 255px}.blue-strip-title h2{font-size:20px;margin:0 0 5px;line-height:1.5}.blue-strip-title p{font-size:10px;color:#6d7f92;margin:0}.blue-service-links{display:grid;grid-template-columns:repeat(3,1fr);flex:1;gap:0}.blue-service-links a{padding:0 17px;display:flex;align-items:center;flex-direction:column;gap:9px;font-size:11px;font-weight:550;border-inline-start:1px solid #dee8ef;min-width:0;text-align:center;min-height:48px}.blue-service-links .e-icon{width:25px;height:25px;stroke-width:1.45}.blue-service-links a:hover{color:#008ea7}.blue-strip-contact{display:flex;align-items:center;gap:13px;border-inline-start:1px solid #d3e0e9;padding-inline-start:20px;flex:none}.blue-strip-contact .e-icon{width:25px;height:25px}.blue-strip-contact span{display:flex;flex-direction:column;gap:3px;font-size:11px;color:#667a8c}.blue-strip-contact b{font-size:19px;color:#0a1b32;font-family:Arial;letter-spacing:.2px}.blue-strip-contact small{font-size:10px;color:#667a8c}.blue-device-strip .blue-strip-contact span{font-weight:650;color:#132b42}.blue-device-strip .blue-strip-contact{min-width:173px}.blue-follow{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding:65px 52px 60px;background:#fff}.blue-follow h2{font-size:34px;line-height:1.5;margin:12px 0 17px;letter-spacing:-.7px}.blue-follow p{font-size:13px;color:#687e91;max-width:400px}.blue-follow .e-text-link{margin-top:20px;color:#037e96;font-size:12px}.blue-journey{margin:0;list-style:none;padding:4px 0;display:grid;gap:20px;position:relative}.blue-journey:before{content:"";width:1px;position:absolute;right:22px;top:24px;bottom:40px;background:#11c2d3}.blue-journey li{display:flex;gap:22px;position:relative;align-items:flex-start}.blue-journey li>span{width:45px;height:45px;display:grid;place-items:center;border-radius:50%;background:#f2faff;border:1px solid #b4e7f0;color:#009db4;flex:none;font:600 14px Arial}.blue-journey h3{font-size:17px;margin:3px 0 5px}.blue-journey p{font-size:11px;margin:0}.blue-contact{margin:0 35px 28px;padding:29px;background:#eff7fc;border:1px solid #e1edf4;display:flex;align-items:center;justify-content:space-between;gap:25px;border-radius:7px}.blue-contact h2{font-size:27px;margin:8px 0}.blue-contact p{font-size:12px;color:#6c8194}.blue-contact .e-kicker{font-size:11px}.blue-contact .e-button{font-size:12px}.blue-phone-number{font-family:Arial;font-weight:700;font-size:17px;display:inline-block;margin-inline-start:20px;color:#0c354f}.blue-contact small{display:block;font-size:9px;color:#768ea0;margin-top:10px}.blue-directory{width:auto;margin:0 36px 22px}.blue-home .e-footer{width:min(1260px,calc(100% - 88px));padding-top:28px}.blue-home .e-demo-note{height:30px;background:#edf4fa}.blue-home .e-skip{border:1px solid #0ab3ca}.blue-home .e-header-actions .e-cyan:hover{background:#008eaa}.blue-home :where(a,button,input,select):focus-visible,.blue-app :where(a,button,input,select):focus-visible{outline:3px solid #0085a1;outline-offset:4px}
/* Technician agenda with the same cyan line and pale-blue time blocks. */
.blue-app.elegance-tech{background:#f5f9fd}.blue-app.elegance-tech .demo-top{background:#fff;color:#10263e;border-bottom:1px solid #e0e9f0}.blue-app.elegance-tech .brand strong{color:#10263e;font-style:normal}.blue-app.elegance-tech .brand small{color:#71859b}.blue-app.elegance-tech .demo-nav a,.blue-app.elegance-tech .demo-nav button{background:#fff;border-color:#d9e5ef;color:#173149}.blue-app.elegance-tech .demo-nav .logout{background:white!important;color:#647f93!important;border-color:#d9e5ef!important}.blue-app.elegance-tech .demo-top-inner:after{color:#6d8195}.blue-app .btn-primary{background:#08bed0;color:#05273c}.blue-app .btn-primary .e-icon{color:#05273c}.blue-app .btn-primary:hover{background:#02aabc}.blue-app .tech-layout{gap:36px}.blue-app .tech-workspace>.e-kicker{font-size:22px;color:#0b233b;margin-bottom:9px;font-weight:700}.blue-app .tech-availability{background:#e5f4fa;color:#668194;display:inline-flex}.blue-app .tech-workspace>h2{font-size:17px;margin:8px 0 23px;padding-block:10px;border-top:1px solid #e0e9f0;border-bottom:1px solid #e0e9f0}.blue-app .tech-workspace>h2:before{content:"طلبات اليوم";color:#0d2a42;font-size:17px;font-weight:700;border:0}.blue-app #tech-jobs{position:relative;padding-inline-end:23px}.blue-app #tech-jobs:before{content:"";position:absolute;left:6px;top:4px;bottom:22px;width:1px;background:#10c4d5}.blue-app .tech-agenda{border:1px solid #d9e9f3;border-radius:7px;position:relative;box-shadow:none;background:linear-gradient(#fff,#f9fcff);padding:18px 19px 16px}.blue-app .tech-agenda:before{content:"";position:absolute;left:-24px;top:27px;width:11px;height:11px;border-radius:50%;border:2px solid #0ac2d5;background:#fff;z-index:2}.blue-app .tech-agenda-top{grid-template-columns:1fr 88px;gap:21px}.blue-app .tech-agenda-time{grid-column:2;grid-row:1;background:#e4f6ff;border-radius:5px;padding:16px 6px;min-height:109px;justify-content:center}.blue-app .tech-agenda-content{grid-column:1;grid-row:1}.blue-app .tech-agenda-time .e-icon{display:none}.blue-app .tech-agenda-time strong{font-size:21px;white-space:normal;color:#0b2138}.blue-app .tech-agenda-time small{font-size:9px;color:#617d93}.blue-app .tech-agenda-content h3{font-size:20px}.blue-app .tech-agenda-content .request-id{font-size:11px;text-align:left;color:#153049}.blue-app .tech-agenda-content .status-chip{font-size:10px;color:#00839a;background:#ddf5ff;border-radius:20px}.blue-app .tech-meta{font-size:12px;color:#25435c}.blue-app .care-progress{padding-top:17px;margin:16px 0 0;border-top:1px solid #e8eff5}.blue-app .care-progress:before{top:24px}.blue-app .care-progress li{font-size:10px;gap:5px}.blue-app .care-progress i{width:13px;height:13px}.blue-app .care-progress .current i{box-shadow:none;background:#fff}.blue-app .care-progress .done i{background:#0bbdcc}.blue-note{border-top:1px solid #e5edf4;padding-top:11px;margin-top:13px}.blue-note h4{font-size:11px;display:flex;align-items:center;gap:7px;margin:0 0 4px;color:#21415c}.blue-note .e-icon{width:15px;height:15px;margin-inline-start:auto}.blue-note p{font-size:11px;color:#7a8fa2;margin:0}.blue-app .tech-agenda .btn{min-height:41px;justify-content:center;border-radius:5px;font-size:14px;margin-top:15px}.blue-work-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px;margin:18px 0}.blue-work-actions a{display:flex;flex-direction:column;gap:8px;align-items:center;padding:15px 7px;border:1px solid #dbe9f3;border-radius:5px;background:white;color:#21425a;font-size:11px;text-align:center;min-height:75px}.blue-work-actions .e-icon{width:23px;height:23px}.blue-work-actions a:hover{border-color:#64ccd9;background:#f7fdff}.blue-app .tech-shortcuts{display:none}.blue-app .tech-bottom-nav a.active{background:#0b223a;color:#fff;padding:7px 10px;border-radius:5px;min-width:67px}.blue-app .tech-bottom-nav a.active:after{display:none}.blue-app .tech-bottom-nav{border-color:#e0ebf3}.blue-app .tech-rail{border-radius:7px;border-color:#deebf4}.blue-app .tech-rail a.active{background:#e6f5fc;color:#007f96}.blue-app .tech-workspace details.panel{border-color:#e0ecf5}.blue-app #tech-history .timeline-dot{background:#10c6d8}.blue-app .footer-demo{font-size:10px;color:#7890a6}.blue-app .blue-attachments-note{font-size:12px;color:#71879c;line-height:1.9}
@media(min-width:1500px){.blue-grid{grid-template-rows:310px 410px}.blue-axis i+i{top:302px}.blue-headline{padding-right:55px}.blue-booking{padding:35px 45px 25px}.blue-booking>p{margin-bottom:20px}.blue-booking-fields{gap:15px 20px}.blue-booking-steps{margin-block:20px}}
@media(max-width:1100px){.blue-home main,.blue-home .e-header{width:calc(100% - 38px)}.blue-grid{grid-template-rows:260px 390px}.blue-axis i+i{top:252px}.blue-headline{padding:30px}.blue-headline h1{font-size:48px}.blue-subheading{font-size:33px}.blue-booking{padding:26px 24px 19px}.blue-booking h2{font-size:27px}.blue-service-strip,.blue-device-strip{gap:18px;padding:20px}.blue-strip-title{flex-basis:190px}.blue-strip-title h2{font-size:18px}.blue-strip-title p{font-size:9px}.blue-strip-contact{gap:8px;padding-inline-start:15px}.blue-strip-contact b{font-size:16px}.blue-service-links a{padding-inline:10px;font-size:10px}.blue-device-strip .blue-strip-contact{min-width:146px}.blue-follow{gap:40px;padding:45px 30px}.blue-follow h2{font-size:30px}.blue-contact{margin-inline:24px}.blue-contact h2{font-size:24px}}
@media(max-width:760px){.blue-home .e-header{width:calc(100% - 24px);margin-top:12px;border-radius:8px 8px 0 0}.blue-home .e-header-inner{height:73px;padding-inline:15px;gap:7px}.blue-home .e-wordmark{font-size:27px}.blue-home .e-header-actions{gap:5px}.blue-home .e-header-actions .e-button{padding:8px 10px;font-size:10px;gap:5px;min-height:41px}.blue-home .e-header-actions .e-outline .e-icon{display:none}.blue-home main{width:calc(100% - 24px);border-radius:0 0 8px 8px}.blue-grid{grid-template-columns:1fr;grid-template-rows:auto;grid-template-areas:'headline' 'camera' 'booking' 'phone';padding-inline-start:12px}.blue-headline{grid-area:headline;padding:29px 24px 25px;min-height:220px;align-items:flex-start}.blue-headline h1{font-size:43px;white-space:normal;letter-spacing:-1.1px}.blue-subheading{font-size:30px;margin-bottom:12px}.blue-headline .e-kicker{font-size:10px;margin-bottom:10px}.blue-headline-rule{width:40px;height:4px}.blue-camera{grid-area:camera;height:195px}.blue-phone{grid-area:phone;height:240px}.blue-booking{grid-area:booking;padding:26px 21px 21px;min-height:382px}.blue-booking h2{font-size:27px}.blue-booking>p{font-size:11px;line-height:1.8}.blue-booking-fields{gap:12px}.blue-booking select,.blue-booking input{min-height:41px;font-size:12px}.blue-booking-steps{margin:17px 0}.blue-booking .e-button{min-height:43px}.blue-axis{left:auto;right:4px;width:3px;top:0;bottom:0;border:0}.blue-axis i{left:-5px;width:13px;height:13px;top:38px}.blue-axis i+i{top:416px}.blue-service-strip,.blue-device-strip{display:flex;flex-direction:column;align-items:stretch;padding:24px 20px;gap:21px}.blue-strip-title{flex:none}.blue-strip-title h2{font-size:19px}.blue-strip-title p{font-size:10px}.blue-service-links{gap:6px}.blue-service-links a{padding-inline:7px;min-height:59px;font-size:10px}.blue-service-links a:first-child{border:0}.blue-service-links .e-icon{width:24px;height:24px}.blue-strip-contact{border-inline-start:0;border-top:1px solid #dce8ef;padding:15px 0 0;justify-content:center}.blue-strip-contact span{align-items:center}.blue-strip-contact b{font-size:19px}.blue-device-strip .blue-strip-contact{min-width:0}.blue-follow{display:block;padding:32px 22px}.blue-follow h2{font-size:27px}.blue-follow p{font-size:12px}.blue-follow .e-text-link{font-size:11px}.blue-journey{margin-top:30px}.blue-journey li{gap:16px}.blue-journey h3{font-size:15px}.blue-journey p{font-size:10px}.blue-contact{margin:0 17px 18px;padding:22px 17px;display:block}.blue-contact h2{font-size:23px;line-height:1.6}.blue-contact .e-team-links{margin-top:25px}.blue-phone-number{display:block;margin:18px 0 0;font-size:18px}.blue-directory{margin-inline:22px;font-size:10px}.blue-home .e-footer{width:calc(100% - 48px)}.blue-app .tech-workspace>.e-kicker{font-size:21px}.blue-app .tech-workspace>h2{font-size:13px;padding-block:12px;margin-top:10px;margin-bottom:21px}.blue-app .tech-workspace>h2:before{font-size:18px}.blue-app #tech-jobs{padding-inline-end:16px}.blue-app #tech-jobs:before{left:3px}.blue-app .tech-agenda{padding:13px 12px 12px}.blue-app .tech-agenda:before{left:-18px;width:10px;height:10px}.blue-app .tech-agenda-top{grid-template-columns:minmax(0,1fr) 65px;gap:10px}.blue-app .tech-agenda-time{min-height:100px;padding:10px 4px}.blue-app .tech-agenda-time strong{font-size:16px}.blue-app .tech-agenda-time small{font-size:8px}.blue-app .tech-agenda-content h3{font-size:15px}.blue-app .tech-agenda-content .request-id{font-size:10px}.blue-app .tech-meta{font-size:10px}.blue-app .tech-agenda-content .status-chip{font-size:9px;padding:4px 7px}.blue-app .tech-agenda-content{gap:7px}.blue-app .care-progress{margin-top:14px;padding-top:15px}.blue-app .care-progress:before{top:21px}.blue-app .care-progress li{font-size:9px}.blue-note h4{font-size:10px}.blue-note p{font-size:10px;line-height:1.8}.blue-app .tech-agenda .btn{min-height:42px;font-size:13px}.blue-work-actions{gap:7px}.blue-work-actions a{padding:13px 4px;font-size:10px;min-height:72px}.blue-work-actions .e-icon{width:22px;height:22px}.blue-app .tech-availability{font-size:8px}.blue-app .demo-top-inner{min-height:69px}.blue-app .tech-bottom-nav a{font-size:10px}}
@media(max-width:370px){.blue-home .e-header-inner{padding-inline:10px}.blue-home .e-wordmark{font-size:24px}.blue-home .e-header-actions .e-button{font-size:9px;padding-inline:8px}.blue-headline h1{font-size:38px}.blue-subheading{font-size:27px}.blue-booking{padding-inline:16px}}