/* Khadoom is decorative; the existing text and actions remain accessible. */
.khadoom-artwork{display:block;width:100%;height:100%;max-width:100%;pointer-events:none}
.khadoom-welcome-image{object-fit:contain}
.khadoom-expression{object-fit:contain}
.khadoom-request-state{display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0}
.khadoom-state-art{width:64px;height:96px}
.khadoom-feedback{display:flex;align-items:center;gap:12px}
.khadoom-feedback:before{content:'';display:block;width:54px;height:81px;flex-shrink:0;background:url('../img/khadoom/transparent/image12.png') center/contain no-repeat}
.khadoom-feedback.alert-success:before{background-image:url('../img/khadoom/transparent/image11.png')}
.home-hero.khadoom-welcome{background:#fff;color:#172f43;border:1px solid #e3e7eb;grid-template-columns:minmax(0,1fr) 90px;padding:18px;gap:8px 14px;box-shadow:none}
.khadoom-welcome .home-hero-intro{grid-column:1;grid-row:1}
.home-hero.khadoom-welcome .home-hero-copy{grid-column:1;grid-row:2;align-self:center}
.home-hero.khadoom-welcome h1{color:#172f43;font-size:1.5rem}
.home-hero.khadoom-welcome p,.khadoom-welcome .home-hero-note{color:#687b86}
.khadoom-welcome .home-kicker{color:#687b86}
.home-hero.khadoom-welcome .home-hero-brand{grid-column:2;grid-row:1 / 3;width:90px;height:145px;padding:0;background:#fff;border:0;box-shadow:none;animation:none;transform:none;overflow:hidden;border-radius:12px}
.khadoom-welcome .signature-orbit{display:none}
.home-hero.khadoom-welcome .home-hero-actions .btn{background:#172f43;color:#fff;border-color:#172f43}
.khadoom-customer-welcome{display:grid;grid-template-columns:minmax(0,1fr) 90px;gap:10px 14px;background:#fff;border:1px solid #e3e7eb;box-shadow:none;padding:18px;border-radius:22px}
.khadoom-customer-welcome h1{color:#172f43;font-size:1.5rem;line-height:1.5}
.khadoom-customer-welcome p{color:#687b86;font-size:.78rem;line-height:1.75;margin:5px 0 0}
.khadoom-customer-welcome .home-eyebrow{color:#687b86!important;margin-bottom:4px}
.khadoom-welcome-art{height:145px;width:90px;align-self:center;overflow:hidden}
.khadoom-customer-welcome .customer-home-actions{grid-column:1 / -1;margin-top:2px}
.khadoom-customer-welcome .btn-gold{background:#172f43;border-color:#172f43;color:#fff}
.khadoom-customer-welcome .btn-light-mobile{background:#fff;border-color:#dfe4e8;color:#172f43}
.home-service-icon:has(.khadoom-artwork){background:#fff;border:0;border-radius:0;width:100%;height:100%;padding:0;box-shadow:none}
.home-service-visual:has(.khadoom-artwork){background:#fff}
.home-service-icon .khadoom-artwork{width:100%;height:100%;max-height:none}
.home-service-visual:has(.khadoom-artwork){height:140px}
.home-service-visual .home-service-icon:has(.khadoom-artwork){width:100%;height:136px;max-width:none}
.home-brand-strip{display:flex;align-items:center;justify-content:space-between;gap:12px}
.home-brand-strip .home-license{margin:0;min-width:0}
.home-animated-logo{display:block;flex-shrink:0;width:64px;height:58px}
.home-animated-logo img{width:100%;height:100%;object-fit:contain;animation:kh-logo-drift 4.5s ease-in-out infinite;transform:rotate(-6deg);transform-origin:center}
@keyframes kh-logo-drift{0%,100%{transform:translateY(0) rotate(-6deg) scale(1)}50%{transform:translateY(-5px) rotate(4deg) scale(1.05)}}
@media(prefers-reduced-motion:reduce){.home-animated-logo img{animation:none}}
.home-hero.khadoom-welcome,.khadoom-customer-welcome{grid-template-columns:minmax(0,1fr) 108px}
.home-hero.khadoom-welcome .home-hero-brand,.khadoom-welcome-art{width:108px;height:162px}
@media(min-width:760px){.home-hero.khadoom-welcome,.khadoom-customer-welcome{grid-template-columns:minmax(0,1fr) 140px}.home-hero.khadoom-welcome .home-hero-brand,.khadoom-welcome-art{width:140px;height:210px}}
.catalog-hero-icon:has(.khadoom-artwork){background:#fff}
.khadoom-request-created{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#fff;border:1px solid #dfe8e3;margin-bottom:16px}
.khadoom-confirmation-art{width:66px;height:110px;flex-shrink:0;overflow:hidden}
.khadoom-request-created h2{font-size:1.1rem;margin:0 0 5px;color:#172f43}
.khadoom-request-created p{font-size:.8rem;line-height:1.8;margin:0;color:#607782}
@media(min-width:760px){.home-hero.khadoom-welcome{grid-template-columns:minmax(0,1fr) 140px;padding:22px 28px}.home-hero.khadoom-welcome .home-hero-brand{width:140px;height:210px}.khadoom-customer-welcome{grid-template-columns:minmax(0,1fr) 140px}.khadoom-welcome-art{width:140px;height:210px}}
.home-hero.khadoom-welcome{border-color:#dbe4eb;background:linear-gradient(120deg,#fff 55%,#f1f6fa);box-shadow:0 8px 24px -18px #172f4366;grid-template-columns:minmax(0,1fr) 120px;gap:7px 12px;padding:18px}
.home-hero.khadoom-welcome .home-hero-brand{width:120px;height:180px;border-radius:18px}
.home-hero.khadoom-welcome .home-kicker{display:inline-flex;align-items:center;gap:7px;color:#fff;background:#12355b;border:1px solid #12355b;border-radius:999px;padding:7px 13px;font-size:.8rem;font-weight:600;line-height:1.6;box-shadow:0 3px 9px #12355b0a}
.home-hero.khadoom-welcome .home-kicker:before{content:'✦';color:#fff;font-size:1rem;line-height:1}
.khadoom-page-intro{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}
.khadoom-page-intro h1{margin:0}
.khadoom-page-intro p{margin:5px 0 0;font-size:.76rem;line-height:1.7}
.khadoom-page-helper{width:64px;height:96px;flex-shrink:0}
.khadoom-registration-intro{gap:18px;border-bottom:1px solid #e3e7eb;padding-bottom:16px}
.registration-back-row{display:flex;justify-content:flex-start;margin-bottom:14px}
.registration-back-home{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:8px 4px;background:transparent;color:#12355b;border:0;border-radius:0;font-weight:600;box-shadow:none}
.registration-back-home span{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#edf3f8;font-size:1.1rem}
.registration-back-home:hover{background:transparent;color:#254f8a;box-shadow:none}
.registration-back-home:hover span{background:#dfeaf3}
.public-header.registration-top-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:min(650px,calc(100% - 32px));height:58px;margin:0 auto;padding:0;text-align:initial}
.registration-top-row .public-logo{display:block;width:64px;height:58px;object-fit:contain;animation:kh-logo-drift 4.5s ease-in-out infinite;transform:rotate(-6deg);transform-origin:center}
@media(prefers-reduced-motion:reduce){.registration-top-row .public-logo{animation:none}}
.khadoom-registration-intro>div:first-child{flex:1;min-width:0}
.khadoom-registration-intro .khadoom-page-helper{width:100px;height:150px}
.khadoom-registration-intro .card-title{color:#12355b;font-size:1.35rem;line-height:1.5}
@media(max-width:380px){.khadoom-registration-intro{gap:12px}.khadoom-registration-intro .khadoom-page-helper{width:90px;height:135px}}
.khadoom-new-request-intro .khadoom-page-helper{width:90px;height:135px}
.khadoom-account-intro .khadoom-page-helper{width:100px;height:150px}
.khadoom-requests-intro{background:#fff;border:1px solid #dce5ec;border-radius:22px;padding:20px;margin-bottom:16px;box-shadow:none}
.khadoom-requests-intro .khadoom-page-helper{width:100px;height:150px}
.khadoom-account-intro,.khadoom-requests-intro .khadoom-page-intro{gap:18px}
@media(max-width:380px){.khadoom-account-intro .khadoom-page-helper,.khadoom-requests-intro .khadoom-page-helper{width:90px;height:135px}.khadoom-account-intro,.khadoom-requests-intro .khadoom-page-intro{gap:12px}}
.khadoom-requests-intro .khadoom-page-intro{margin-bottom:0}
.khadoom-requests-intro h1{color:#12355b;font-size:1.35rem;line-height:1.5}
.khadoom-requests-intro .btn{margin-top:12px}
.signature-login .khadoom-page-helper{width:90px;height:135px}
.khadoom-technician-intro .khadoom-page-helper{width:90px;height:135px}
.khadoom-goodbye-modal{border:0;border-radius:24px;padding:24px;width:min(340px,calc(100% - 40px));color:#172f43;text-align:center;box-shadow:0 20px 70px #071b3b40}
.khadoom-goodbye-modal::backdrop{background:#0b223766;backdrop-filter:blur(3px)}
.khadoom-goodbye-modal .modal-content{display:flex;flex-direction:column;align-items:center}
.khadoom-goodbye-art{width:110px;height:165px}
.khadoom-goodbye-modal h2{margin:10px 0 5px;font-size:1.4rem}
.khadoom-goodbye-modal p{margin:0 0 12px;font-size:.85rem;line-height:1.7}
.home-hero.khadoom-welcome h1{font-size:clamp(1.5rem,5.8vw,2rem);line-height:1.5;margin-bottom:4px}
.home-hero.khadoom-welcome p{color:#526979;font-size:.82rem;line-height:1.8}
.home-hero.khadoom-welcome .home-hero-actions{margin-top:4px}
.home-hero.khadoom-welcome .home-hero-actions .btn{min-height:48px;background:#172f43;border-color:#172f43;font-size:.9rem;box-shadow:0 5px 12px -8px #172f4370}
.home-hero.khadoom-welcome .home-hero-actions .btn:hover{background:#25475b;border-color:#25475b}
@media(min-width:760px){.home-hero.khadoom-welcome{grid-template-columns:minmax(0,1fr) 150px;padding:24px 28px}.home-hero.khadoom-welcome .home-hero-brand{width:150px;height:225px}}


/* Roadmap: white surfaces, clear status, support and notification guidance. */
body,.public-shell,.home-landing{background:#fff}
.home-hero.khadoom-welcome{background:#fff}
.loading-brand{width:90px;height:75px;object-fit:contain}
.loader-overlay{background:#fff;backdrop-filter:none}
.loader-card{flex-direction:column;gap:14px;background:#fff;box-shadow:none;border:0;text-align:center}
.support-links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 20px;margin:14px 0}
.support-links a{display:flex;flex-direction:column;gap:4px;align-items:center;min-height:44px;color:#12355b;font-size:.8rem}
.support-card{margin:16px auto;max-width:620px}
.request-status-summary{padding:18px;margin-bottom:16px;border:1px solid #cbdce9;background:#f7fafc}
.request-status-summary .khadoom-request-state{flex-direction:row;justify-content:space-between;gap:16px}
.request-status-summary .badge{font-size:1rem;padding:10px 16px;white-space:normal}
.request-status-summary .detail-label{font-weight:600;color:#12355b}
.request-status-summary .khadoom-state-art{order:2}
.post-service-help{padding:16px;border:1px solid #e3e7eb;border-radius:16px;margin:0 0 18px;background:#fff}
.post-service-help p{margin:0 0 10px}
#request-complaint{scroll-margin-top:90px}
.notification-reminder{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid #dce5ec;border-radius:18px;margin-top:18px;background:#fff}
.notification-reminder .khadoom-page-helper{width:64px;height:96px}
.notification-reminder p{font-size:.78rem;color:#687b86;line-height:1.8;margin:6px 0}
.notification-reminder a{font-size:.8rem;color:#12355b;text-decoration:underline}
.notification-guide{padding:16px;background:#f5f8fb;border:1px solid #dce5ec;border-radius:14px;margin:14px 0;scroll-margin-top:80px}
.notification-guide summary{cursor:pointer;font-weight:600;color:#12355b;line-height:1.8}
.notification-guide p,.notification-guide li{font-size:.8rem;line-height:1.9}
.notification-item{display:block;padding:18px;margin:12px 0;color:inherit;text-decoration:none;box-shadow:none}
.notification-unread{border-inline-start:4px solid #12355b;background:#f6f9fc}
.notification-item h3{font-size:1rem;line-height:1.6;margin:0 0 8px}
.notification-item p{font-size:.85rem;line-height:1.8;margin:0 0 10px}
.notification-item small{display:block;color:#687b86}
.notification-open{display:block;margin-top:12px;color:#12355b;font-size:.8rem;font-weight:600}
/* Consistent, slightly larger character sizes across the application. */
.khadoom-page-intro .khadoom-page-helper{width:115px;height:172px}
.khadoom-page-intro>div:first-child{min-width:0}
.notification-reminder .khadoom-page-helper{width:74px;height:111px}
.khadoom-state-art{width:74px;height:111px}
.khadoom-confirmation-art{width:76px;height:126px}
.khadoom-feedback:before{width:62px;height:93px}
.khadoom-goodbye-art{width:130px;height:195px}
.home-hero.khadoom-welcome,.khadoom-customer-welcome{grid-template-columns:minmax(0,1fr) 140px}
.home-hero.khadoom-welcome .home-hero-brand,.khadoom-welcome-art{width:140px;height:210px}
@media(max-width:380px){
 .khadoom-page-intro .khadoom-page-helper{width:104px;height:156px}
 .home-hero.khadoom-welcome,.khadoom-customer-welcome{grid-template-columns:minmax(0,1fr) 124px}
 .home-hero.khadoom-welcome .home-hero-brand,.khadoom-welcome-art{width:124px;height:186px}
}
@media(min-width:760px){
 .home-hero.khadoom-welcome,.khadoom-customer-welcome{grid-template-columns:minmax(0,1fr) 172px}
 .home-hero.khadoom-welcome .home-hero-brand,.khadoom-welcome-art{width:172px;height:258px}
}
.request-service-details{margin-bottom:18px;padding:0;overflow:hidden}
.request-service-details>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;cursor:pointer;list-style:none;font-weight:600;font-size:1.05rem;color:#12355b;min-height:48px}
.request-service-details>summary::-webkit-details-marker{display:none}
.request-service-details>summary:after{content:'+';font-size:1.4rem;font-weight:400;transition:transform .7s ease}
.request-service-details[open]>summary:after{transform:rotate(45deg)}
@media(prefers-reduced-motion:reduce){.request-service-details>summary:after{transition:none}}
.request-service-details[open]>summary{border-bottom:1px solid #e3e7eb}
.request-service-details>.detail-grid{padding:18px 20px}
.request-service-details>summary:focus-visible{outline:2px solid #12355b;outline-offset:-4px;border-radius:16px}
.request-collapse-content{padding:16px 20px}
.request-collapse-content>.card,.request-collapse-content>.quote{margin:0;border:0;border-radius:0;padding:0;box-shadow:none}

.quote-response-card{margin-bottom:24px}

.request-status-summary .khadoom-state-art{width:130px;height:195px;flex-shrink:0}
@media(max-width:380px){.request-status-summary .khadoom-state-art{width:115px;height:172px}.request-status-summary .badge{font-size:.9rem;padding:10px 12px}}
.quote-response-card{display:grid;grid-template-columns:minmax(0,1fr) 115px;gap:8px 14px;align-items:center;border-top:1px solid #e3e7eb;padding-top:16px;margin:16px 0 0}
.quote-response-card .khadoom-page-intro{display:contents}
.quote-response-card .card-title{grid-column:1;grid-row:1;margin:0;font-size:1rem}
.quote-response-card .khadoom-page-helper{grid-column:2;grid-row:1 / 3;width:115px;height:172px}
.quote-response-card .two-col-actions{grid-column:1;grid-row:2;display:grid;grid-template-columns:1fr;gap:8px;margin:0}
.quote-response-card .btn{min-height:44px;margin:0}
@media(max-width:380px){.quote-response-card{grid-template-columns:minmax(0,1fr) 100px;column-gap:10px}.quote-response-card .khadoom-page-helper{width:100px;height:150px}}

.quote .quote-price-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.quote-price-grid .detail-item{min-width:0}.quote-price-grid .detail-value{overflow-wrap:anywhere}

.request-status-summary{padding:10px 14px}.request-status-summary .khadoom-request-state{gap:12px;align-items:center}.request-status-copy{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0}.request-status-copy .detail-label{margin:0}.request-status-summary .badge{padding:9px 12px}
.registration-password-field{display:flex;align-items:stretch;border:1px solid #d4deda;border-radius:12px;background:#fff;overflow:hidden;direction:ltr}
.registration-password-field .form-control{flex:1;min-width:0;border:0;border-radius:0;box-shadow:none}
.registration-password-toggle{flex-shrink:0;min-width:56px;min-height:44px;padding:8px;border:0;border-inline-start:1px solid #e3e7eb;background:#f3f7fa;color:#12355b;font:inherit;font-size:.75rem;cursor:pointer}
.registration-password-field:focus-within{outline:2px solid #12355b;outline-offset:2px}

.registration-password-toggle{display:flex;align-items:center;justify-content:center;min-width:46px}.registration-password-toggle .password-eye-slash{display:none}.registration-password-toggle[aria-pressed='true'] .password-eye-slash{display:block}

.registration-password-toggle{order:-1;border-inline-start:0;border-right:1px solid #e3e7eb}
.registration-password-field{position:relative;display:block;background:#fbfdfc;border:1px solid #d4deda;border-radius:13px}
.registration-password-field .form-control{display:block;width:100%;padding-left:48px;background:transparent;direction:ltr;text-align:left}
.registration-password-toggle{position:absolute;left:2px;top:50%;transform:translateY(-50%);width:44px;min-width:44px;min-height:44px;padding:10px;border:0;background:transparent;color:#526f80;border-radius:10px}
.registration-password-toggle:hover{background:transparent;color:#12355b}
.registration-password-toggle:focus-visible{outline:2px solid #12355b;outline-offset:-4px}
.khadoom-loading-art{width:130px;height:195px}
.loader-overlay{z-index:2000;background:#ffffffed}
.loader-card{min-width:230px;padding:22px;border-radius:24px;color:#12355b;gap:12px}
.loader-card [data-loader-text]{font-size:1rem;font-weight:600}
.notification-guide-modal{width:min(440px,calc(100% - 32px));max-height:85dvh;overflow:auto;border:1px solid #dce5ec;border-radius:24px;padding:22px;color:#12355b;background:#fff;box-sizing:border-box}
.notification-guide-modal::backdrop{background:#12355b66;backdrop-filter:blur(3px)}
.notification-guide-modal>.khadoom-page-helper{width:100px;height:150px;margin:0 auto}
.notification-guide-modal h2{font-size:1.15rem;line-height:1.6}
.notification-guide-modal p,.notification-guide-modal li{font-size:.82rem;line-height:1.9}
.notification-guide-modal ul{padding-inline-start:20px}
.notification-guide-modal .actions{margin-top:18px}

.home-brand-strip{position:sticky;top:0;z-index:50;align-self:start;padding:8px 12px;background:#f5f8fc;border-bottom:1px solid #e1e9f2;box-shadow:0 3px 12px #12355b08;border-radius:0 0 14px 14px}
.home-brand-strip .home-animated-logo{flex-shrink:0}

.home-brand-strip{background:#fff}

.kp-is-loading .appilix-header,.kp-is-loading .app-header-clean,.kp-is-loading .home-brand-strip,.kp-is-loading .public-header,.kp-is-loading .bottom-nav{pointer-events:none}
.loader-overlay{overflow:auto}.loader-card{max-height:100%;box-sizing:border-box}.khadoom-loading-art{flex-shrink:0}

.khadoom-artwork,.khadoom-page-helper,.khadoom-welcome-art,.khadoom-state-art,.khadoom-confirmation-art,.khadoom-loading-art,.khadoom-goodbye-art{background:transparent}
.home-hero.khadoom-welcome .home-hero-brand{background:transparent}

.support-link-label{display:inline-flex;align-items:center;justify-content:center;gap:7px}
.support-link-label svg{flex-shrink:0}
.support-whatsapp-icon{color:#168743}
html[data-theme=dark] .support-whatsapp-icon{color:#64d995}