/* The public directory: compact discovery, clear categories, and calm provider cards. */
.directory-page{background:#f6f8fb;font-family:system-ui,"Segoe UI",Tahoma,Arial,sans-serif;color:#17313a}.directory-page svg{display:block;width:24px;height:24px;flex:none}.directory-page header{background:#fff}.directory-page .header-inner{padding-block:20px;max-width:1240px}.directory-page .brand{font-size:1.16rem;letter-spacing:-.02em}.directory-page .brand small{font-size:.875rem;letter-spacing:0;color:#698087}.directory-page .mark{border-radius:15px;background:#104d46;box-shadow:0 5px 12px #104d461c}.directory-page .location{display:flex;align-items:center;gap:7px;color:#52716c}.directory-page .location svg{width:18px;height:18px}.directory-page .join{background:#fff;color:#104d46;border:1px solid #c8dbd6;border-radius:10px}.directory-page .join:hover{background:#eef6f3}.directory-page main{max-width:1240px;padding:22px 28px 38px}.directory-page .notice{display:block;background:transparent;border:0;border-inline-start:3px solid #d7a450;border-radius:0;padding:0 12px;margin:0 0 20px;color:#7c6948;font-size:.875rem}.discovery{display:grid;grid-template-columns:.9fr 1.2fr;align-items:center;gap:40px;background:#104d46;border:1px solid #174c44;border-radius:28px;padding:34px;box-shadow:0 15px 36px #183b4312}.directory-page .intro{padding:8px 0;color:white}.directory-page .intro .eyebrow{display:flex;align-items:center;gap:10px;color:#ead2a0;font-size:.9375rem;margin-bottom:20px}.eyebrow-line{height:2px;width:25px;background:#d9b66d}.directory-page .intro h1{color:#fff;font-size:clamp(1.8rem,3.1vw,2.9rem);line-height:1.6;font-weight:750;letter-spacing:-.035em;max-width:450px}.directory-page .intro p:last-child,.directory-page #app-intro{color:#d0e4de;max-width:420px;font-size:1.025rem;line-height:2;margin:15px 0}.coverage-strip{display:flex;align-items:center;gap:14px;color:#e1ede7;margin-top:25px;font-size:.875rem;flex-wrap:wrap}.coverage-strip b{font-weight:700;color:#f5dca9;font-size:1rem;margin-inline-end:4px}.coverage-strip i{height:16px;width:1px;background:#63857d}.directory-page .filters.home-search{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;background:white;border:0;padding:24px;border-radius:20px;box-shadow:0 10px 28px #051d2621;align-items:end}.search-heading{display:flex;align-items:center;gap:12px;grid-column:1/-1;margin-bottom:3px}.search-heading-icon{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:12px;background:#f0f6f4;color:#104d46}.directory-page .search-heading h2{font-size:1.2rem;margin:0 0 2px;color:#1b383e}.directory-page .search-heading p{font-size:.875rem;color:#6a7a80;margin:0}.directory-page .home-search label{font-size:.875rem;font-weight:500;gap:6px}.directory-page .home-search .search{grid-column:1/-1}.directory-page .home-search input,.directory-page .home-search select{background:#f8fafb;border-color:#dce5e8;padding:11px;font-size:1rem;border-radius:9px;min-height:48px}.search-actions{grid-column:1/-1;display:flex;gap:15px;align-items:center;margin-top:3px}.directory-page .search-submit{display:flex;justify-content:space-between;flex:1;background:#104d46;color:white;font-weight:650;border-radius:10px;min-height:48px;padding-inline:16px}.directory-page .search-submit svg{width:21px;height:21px}.directory-page .search-actions #clear-filters{padding:6px;font-size:.875rem}.services-section{margin-top:32px}.directory-page .section-head{margin:0 0 18px}.directory-page .section-head .eyebrow{font-size:.875rem;color:#7a898e;margin:0 0 3px}.directory-page .section-head h2{font-size:1.45rem;color:#19343d;font-weight:700;letter-spacing:-.025em}.directory-page .section-head .text-button{font-size:.9375rem;font-weight:550;text-decoration:none;color:#225d53}.directory-page .categories{gap:12px;grid-template-columns:repeat(8,minmax(0,1fr))}.directory-page .category{position:relative;gap:11px;border:1px solid #e0e7e9;border-radius:16px;background:#fff;padding:19px 6px 16px;box-shadow:0 4px 12px #243e4604;min-height:114px;font-size:.875rem;color:#3b535a;transition:background .15s,border-color .15s,box-shadow .15s}.directory-page .category .icon{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:#f0f6f4;color:#28675a}.directory-page .category .icon svg{width:27px;height:27px}.directory-page .category:hover{background:#f8fcfa;border-color:#95bbae;box-shadow:0 5px 16px #1b5c5010}.directory-page .category[aria-pressed=true]{background:#e7f1ed;color:#104d46;border:2px solid #40776a;padding:18px 5px 15px;box-shadow:0 4px 12px #1744380a;font-weight:700}.directory-page .category[aria-pressed=true] .icon{background:#104d46;color:#fff}.directory-page .directory{margin-top:36px}.results-heading{scroll-margin-top:20px}.directory-page #count{font-size:.875rem;background:#e9eeef;padding:4px 13px;color:#5a6f77;border-radius:20px;white-space:nowrap}.directory-page #count:empty{display:none}.active-filters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}.filter-chip{display:inline-flex;gap:8px;align-items:center;background:#e8f0ed;border:1px solid #ceddd6;color:#1e5a4c;border-radius:20px;padding:5px 13px;font-size:.875rem;min-height:36px}.directory-page .results{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.directory-page .card{padding:24px;border:1px solid #dce5e8;border-radius:20px;background:white;box-shadow:0 7px 22px #183a4406;display:flex;flex-direction:column;transition:box-shadow .15s,border-color .15s}.directory-page .card:hover{border-color:#b8d0c7;box-shadow:0 9px 26px #183a4410}.directory-page .card-top{gap:15px;align-items:center}.directory-page .card-top>div{min-width:0}.directory-page .card h3{font-size:1.12rem;line-height:1.7;font-weight:700;margin:0 0 4px;color:#1b3b43}.directory-page .avatar,.directory-page .provider-photo{width:64px;height:64px;border-radius:18px}.directory-page .avatar{background:#edf4f1;color:#28675a;font-size:1.8rem;font-weight:600}.directory-page .avatar svg{width:32px;height:32px}.directory-page .badge{display:inline-flex;align-items:center;gap:6px;font-size:.875rem;color:#53736a;background:#f3f7f5;border-radius:6px;padding:2px 7px;margin:0}.directory-page .badge svg{height:15px;width:15px}.directory-page .card>p{font-size:1rem;line-height:1.9;color:#5d7279;margin:19px 0 17px}.directory-page .place{display:flex;flex-wrap:wrap;gap:8px;border:0;padding:0;margin-top:auto;font-size:.875rem}.coverage-tag{display:inline-flex;align-items:center;gap:6px;line-height:1.8;color:#678077;background:#f8faf9;border:1px solid #edf1ef;border-radius:7px;padding:4px 8px;max-width:100%;overflow-wrap:anywhere}.coverage-tag svg{height:15px;width:15px}.directory-page .active-call{display:flex;gap:9px;align-items:center;padding:12px 14px;margin-top:22px;background:#104d46;border:1px solid #104d46;color:#fff;border-radius:11px;font-size:.9375rem;min-height:50px}.directory-page .active-call svg{height:19px;width:19px}.directory-page .active-call span{font-weight:600;white-space:nowrap}.directory-page .active-call bdi{font-size:.875rem;margin-inline-start:auto;letter-spacing:.02em}.directory-page .report-button{display:flex;justify-content:center;align-items:center;gap:7px;text-decoration:none;font-size:.875rem;color:#7b8c91;margin:9px 0 -7px;min-height:36px}.directory-page .report-button svg{height:15px;width:15px}.directory-page .report-button:hover{color:#265f54}.directory-page .agreement-note{background:transparent;border:0;border-top:1px solid #dce5e8;border-radius:0;color:#708187;font-size:.875rem;padding:18px 2px 0;margin:26px 0 0;line-height:1.9}.directory-page .how{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:24px;background:#eef3f4;border:1px solid #e1e8eb;border-radius:18px;margin-top:28px}.how>div{display:flex;gap:12px;align-items:center}.directory-page .how p{display:flex;flex-direction:column;margin:0;gap:3px}.directory-page .how strong{font-size:.9375rem;font-weight:600;color:#3b5861}.directory-page .how small{font-size:.875rem;color:#7c8d93}.step-number{display:grid;place-items:center;flex:none;width:37px;height:37px;background:#fff;border:1px solid #dce5e8;border-radius:50%;font-size:.9375rem;color:#52726a}.directory-page footer{max-width:1184px;border-top:0;padding-top:0;padding-bottom:28px;gap:8px 22px;font-size:.875rem}.directory-page footer .text-button{font-size:.875rem;color:#6b8188;text-decoration:none}.directory-page footer .text-button:hover{text-decoration:underline}.directory-page footer>span{color:#294e48;font-weight:600}.directory-page .empty{padding:45px 22px;background:#fff;border:1px dashed #c5d8d3;border-radius:18px}.directory-page .empty h3{font-size:1.2rem}.directory-page #results[aria-busy=true]{opacity:.65}.directory-page #results-title:focus{outline:0}.directory-page .contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-fields label{display:grid;gap:7px;font-size:.9375rem}.directory-page .data-form>p.muted{margin:0;font-size:.875rem}.directory-page .work-dialog{border-radius:22px}.directory-page .data-form .solid{min-height:48px}.bank-picker{margin:18px 0}.bank-picker>label{display:grid;gap:8px}.bank-picker dl{background:#f0f6f4}.directory-page .legal-copy{color:#365159}.directory-page .legal-actions{background:#f7faf9;padding:18px;border:1px solid #e1ebe6;border-radius:14px}.directory-page .legal-actions label{font-size:.9375rem}.directory-page #legal-dialog{padding:28px}.directory-page #legal-dialog>p{color:#627980}.directory-page .legal-buttons .solid{background:#104d46}.directory-page .close{background:#f0f5f3;color:#396359}.directory-page .work-dialog h2{font-size:1.4rem}.directory-page .solid:focus-visible{outline-color:#d6a34d}@media(max-width:1100px){.discovery{gap:25px;padding:26px;grid-template-columns:.8fr 1.2fr}.directory-page .categories{grid-template-columns:repeat(4,minmax(0,1fr))}.directory-page .category{flex-direction:row;min-height:75px;padding:14px 12px;gap:10px}.directory-page .category[aria-pressed=true]{padding:13px 11px}.directory-page .category .icon{width:38px;height:38px;flex:none}.directory-page .category .icon svg{height:24px;width:24px}.directory-page .home-search input,.directory-page .home-search select{padding-inline:8px}.directory-page .results{grid-template-columns:repeat(2,minmax(0,1fr))}.directory-page .how{gap:16px}.directory-page .how small{font-size:.875rem}}@media(max-width:820px){.discovery{grid-template-columns:1fr;gap:20px;padding:24px}.directory-page .intro{padding:0}.directory-page .intro h1{max-width:none;font-size:2rem;line-height:1.6}.directory-page .intro .eyebrow{margin-bottom:10px}.directory-page #app-intro{max-width:none;margin:8px 0 0;font-size:1rem}.coverage-strip{margin-top:13px}.directory-page .filters.home-search{padding:22px;gap:12px}.directory-page .search-heading{margin-bottom:3px}.directory-page .category{flex-direction:column;gap:8px;padding:14px 6px;font-size:.875rem;min-height:100px}.directory-page .category[aria-pressed=true]{padding:13px 5px}.directory-page .how{padding:20px;gap:18px;grid-template-columns:1fr}.directory-page .how>div{gap:15px}.directory-page .how p{flex-direction:row;align-items:center;gap:10px;flex-wrap:wrap}.directory-page .how small{font-size:.875rem}.directory-page .section-head h2{font-size:1.3rem}.directory-page .services-section{margin-top:28px}.directory-page .directory{margin-top:30px}}@media(max-width:560px){.directory-page .header-inner{padding:15px 16px;gap:10px}.directory-page .brand{font-size:1rem;gap:9px}.directory-page .brand small{font-size:.875rem}.directory-page .location{display:none}.directory-page .join{font-size:.875rem;padding:8px 11px;min-height:42px;margin-inline-start:auto;white-space:nowrap}.directory-page main{padding:17px 16px 28px}.directory-page .notice{font-size:.875rem;margin-bottom:16px;padding-inline-start:9px}.discovery{border-radius:22px;padding:20px 16px 16px;gap:18px}.directory-page .intro{padding-inline:4px}.directory-page .intro .eyebrow{font-size:.875rem;gap:8px;margin-bottom:9px}.directory-page .intro h1{font-size:1.72rem;line-height:1.65;letter-spacing:-.04em}.directory-page #app-intro{font-size:.9375rem;line-height:1.9;margin-top:8px}.coverage-strip{font-size:.875rem;gap:9px;margin-top:13px}.coverage-strip b{font-size:.9375rem}.directory-page .filters.home-search{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px;border-radius:15px;gap:11px}.directory-page .home-search .search-heading{gap:9px;margin-bottom:3px}.search-heading-icon{width:36px;height:36px;border-radius:10px}.search-heading-icon svg{width:20px;height:20px}.directory-page .search-heading h2{font-size:1.06rem}.directory-page .search-heading p{display:none}.directory-page .home-search label{font-size:.875rem;font-weight:500;gap:5px}.directory-page .home-search label:has(#service-filter){grid-column:1/-1}.directory-page .home-search label:has(#area){grid-column:auto}.directory-page .home-search label:has(#city){grid-column:auto}.directory-page .home-search input,.directory-page .home-search select{font-size:1rem;min-height:45px;padding:9px 8px}.search-actions{gap:9px;margin-top:5px}.directory-page .search-submit{font-size:.9375rem;padding:10px 12px;min-height:46px}.directory-page .search-actions #clear-filters{font-size:.875rem}.directory-page .categories{gap:9px}.directory-page .category{font-size:.875rem;border-radius:12px;min-height:93px;padding:12px 3px;gap:7px;line-height:1.7}.directory-page .category[aria-pressed=true]{padding:11px 2px}.directory-page .category .icon{width:36px;height:36px;border-radius:10px}.directory-page .category .icon svg{width:23px;height:23px}.directory-page .section-head{margin-bottom:15px;gap:10px}.directory-page .section-head .eyebrow{font-size:.875rem}.directory-page .section-head h2{font-size:1.24rem}.directory-page .section-head .text-button{font-size:.875rem}.directory-page .results{grid-template-columns:1fr;gap:16px}.directory-page .card{border-radius:18px;padding:22px}.directory-page .avatar,.directory-page .provider-photo{width:60px;height:60px;border-radius:16px}.directory-page .card h3{font-size:1.1rem}.directory-page .card>p{font-size:1rem;margin:17px 0}.directory-page .active-call{min-height:49px;padding:12px 14px;margin-top:20px}.directory-page .active-call bdi{font-size:.9375rem}.directory-page .report-button{font-size:.875rem}.directory-page .agreement-note{font-size:.875rem;line-height:1.95;margin-top:23px}.directory-page footer{margin-inline:16px;display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}.directory-page footer>span{grid-column:1/-1;font-size:.9375rem;margin-bottom:5px}.directory-page footer .text-button{text-align:right;line-height:1.85}.directory-page .how{margin-top:23px;padding:19px}.directory-page .how p{display:flex;flex-direction:column;align-items:flex-start;gap:1px}.directory-page .contact-fields{grid-template-columns:1fr;gap:16px}.directory-page #legal-dialog{padding:21px}.directory-page .legal-actions{padding:13px}.directory-page .legal-buttons .text-button{font-size:.875rem}.directory-page .empty{padding:32px 20px}}@media(max-width:380px){.directory-page .header-inner{padding-inline:12px}.directory-page .brand{font-size:.9375rem}.directory-page .brand small{display:none}.directory-page .mark{width:36px;height:36px}.directory-page .join{font-size:.875rem;padding:7px 9px}.directory-page main{padding-inline:12px}.discovery{padding-inline:12px}.directory-page .intro h1{font-size:1.6rem}.directory-page .card{padding:18px}.directory-page .active-call{gap:7px;padding:11px}.directory-page .active-call bdi{font-size:.875rem}.directory-page .coverage-strip{gap:8px}.directory-page footer{margin-inline:12px}}@media(prefers-reduced-motion:reduce){.directory-page *{transition:none!important;scroll-behavior:auto!important}}

.directory-loading{grid-column:1/-1;padding:30px;text-align:center;color:#638078;background:#fff;border:1px solid #e0e9e5;border-radius:16px;font-size:1rem}

.directory-page .whatsapp-button{display:flex;gap:9px;align-items:center;justify-content:center;padding:12px 14px;margin-top:22px;background:#167a58;border:1px solid #167a58;color:#fff;border-radius:11px;font-size:.9375rem;min-height:50px;text-decoration:none;font-weight:650}.directory-page .whatsapp-button:hover{background:#12694c}.directory-page .wa-mark{display:grid;place-items:center;width:20px;height:20px;border:2px solid currentColor;border-radius:50%;font-size:.55rem;font-weight:800}.directory-page .provider-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.directory-page .provider-actions .active-call,.directory-page .provider-actions .whatsapp-button{margin-top:22px}.directory-page .provider-actions .report-button{grid-column:1/-1}@media(max-width:520px){.directory-page .provider-actions{grid-template-columns:1fr}}

/* V10 — تنظيم الخدمات والموقع والطلبات مع الحفاظ على الهوية الحالية */
.three-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.today-help-card{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;margin-top:10px;padding:15px 17px;border:1px solid #f1d8a9;border-radius:16px;background:#fff7e8;color:#765314;text-align:right}.today-help-card strong{display:block;font-size:1rem}.today-help-card small{display:block;margin-top:3px;color:#8c7445}.main-service-tile{min-height:112px}.main-service-tile small{display:block;color:#74868b;font-size:.75rem;font-weight:500}.service-browser{display:grid;gap:18px}.service-browser section{border:1px solid #e3eaec;border-radius:16px;padding:15px;background:#fbfcfc}.service-browser h3{display:flex;align-items:center;gap:8px;margin:0 0 12px;color:#173a41}.service-browser-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.service-browser-grid button{display:flex;align-items:center;gap:8px;min-height:48px;border:1px solid #dbe5e6;border-radius:12px;background:#fff;color:#23464c;padding:9px 11px;text-align:right}.service-browser-grid button:hover{border-color:#8bb9ae;background:#f3f8f6}.service-browser-grid svg{width:21px;height:21px;color:#11675b}.service-mini-tags{display:flex;flex-wrap:wrap;gap:5px}.service-mini-tag{display:inline-flex;align-items:center;min-height:25px;padding:2px 8px;border-radius:999px;background:#eff5f3;color:#185f54;font-size:.76rem}.provider-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:5px}.provider-rating{font-size:.8rem;color:#966c17}.provider-rating.new{color:#75868b}.coverage-match{display:inline-flex;align-items:center;gap:3px;border-radius:999px;background:#e9f5ef;color:#14694f;padding:2px 7px;font-size:.75rem}.coverage-match svg{width:14px;height:14px}.provider-locations{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.provider-locations>span{display:inline-flex;align-items:center;gap:4px;color:#667b80;font-size:.78rem}.provider-locations svg{width:14px;height:14px}.provider-profile-dialog{display:grid;gap:13px}.profile-dialog-head{display:flex;align-items:center;gap:13px}.profile-dialog-head img,.provider-avatar.large{width:76px;height:76px;border-radius:20px;object-fit:cover}.provider-avatar.large{display:grid;place-items:center;background:#e9f3f0;color:#135e53;font-size:1.6rem;font-weight:800}.coverage-list{margin:0;padding-inline-start:20px;color:#506970}.request-tabs{display:flex;gap:7px;margin:0 0 12px}.request-tabs button{border:1px solid #d8e3e4;background:#fff;border-radius:999px;padding:7px 14px;color:#526970}.request-tabs button.active{background:#0f665b;color:#fff;border-color:#0f665b}.request-card{border:1px solid #dfe8e9;border-radius:16px;background:#fff;padding:14px;margin-bottom:10px;box-shadow:0 4px 14px #183a4405}.request-card-head,.request-head-actions,.request-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.request-card-head{justify-content:space-between}.request-service{display:inline-flex;align-items:center;gap:7px;color:#173c43;font-weight:800}.request-service svg{width:20px;height:20px}.request-card h3{font-size:.95rem;line-height:1.8;margin:10px 0}.request-status,.urgent-badge{display:inline-flex;padding:3px 8px;border-radius:999px;font-size:.72rem;font-weight:800}.request-status.open{background:#eef4ff;color:#275d9e}.request-status.contacted,.request-status.matched{background:#fff6de;color:#8a651d}.request-status.in_progress{background:#eaf6f1;color:#17654e}.request-status.completed,.request-status.closed{background:#e7f5ec;color:#1e704d}.request-status.cancelled{background:#f5ecea;color:#934c42}.urgent-badge{background:#fdebed;color:#b12d38}.request-meta{color:#74868b;font-size:.78rem}.request-meta span{display:inline-flex;align-items:center;gap:4px}.request-meta svg{width:14px;height:14px}.request-actions-menu{position:relative}.request-actions-menu summary{list-style:none;cursor:pointer;border:1px solid #dbe5e6;border-radius:9px;padding:1px 9px;font-size:1.2rem}.request-actions-menu summary::-webkit-details-marker{display:none}.request-actions-menu>div{position:absolute;z-index:9;inset-inline-end:0;top:calc(100% + 5px);min-width:160px;display:grid;padding:6px;border:1px solid #dce5e7;border-radius:12px;background:#fff;box-shadow:0 10px 26px #152d3520}.request-actions-menu button{border:0;background:transparent;text-align:right;padding:8px;border-radius:8px;color:#294b51}.request-actions-menu button:hover{background:#f3f7f7}.request-actions-menu button.danger{color:#a3433d}.coverage-state,.coverage-city{border:1px solid #e1e9ea;border-radius:12px;margin:7px 0;background:#fbfcfc}.coverage-state>summary,.coverage-city>summary{cursor:pointer;padding:10px 12px;font-weight:700}.coverage-city{margin:7px 10px 10px;background:#fff}.coverage-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:6px 10px 12px}.coverage-options label{display:flex;align-items:center;gap:6px;font-weight:500}.provider-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.provider-actions>a,.provider-actions>button{min-height:42px;display:flex;align-items:center;justify-content:center;gap:6px;border-radius:10px;text-decoration:none;font-weight:700;font-size:.82rem}.call-button{background:#1768d1;color:#fff}.whatsapp-button{background:#19a954;color:#fff}.outline-call{border:1px solid #b9d1dc;background:#fff;color:#26657a}.wa-mark{font-size:.7rem;border:1px solid currentColor;border-radius:50%;padding:1px 2px}
@media(max-width:650px){.three-fields{grid-template-columns:1fr}.service-browser-grid{grid-template-columns:1fr}.coverage-options{grid-template-columns:1fr}.provider-actions{grid-template-columns:1fr 1fr}.provider-actions .outline-call{grid-column:1/-1}.today-help-card{padding:13px 14px}}