:root{--ts-ink:#101214;--ts-gold:#c6942f;--ts-gold2:#f0cf7a;--ts-blue:#0b3a67;--ts-line:rgba(17,18,20,.10)}
.ts-preview-banner{background:#101214;color:#fff;padding:9px 14px;text-align:center;font-weight:800;font-size:.9rem}.ts-preview-banner span{color:#f0cf7a}
.ts-shell{max-width:1220px;margin:0 auto}.ts-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#101214 0%,#0a3158 68%,#0f5b85 100%);color:#fff;border-radius:30px;padding:30px;margin-bottom:18px;box-shadow:0 24px 60px rgba(7,31,54,.18)}
.ts-hero:after{content:"";position:absolute;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(240,207,122,.23),transparent 68%);left:-170px;top:-240px}.ts-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.25fr .75fr;gap:22px;align-items:center}
.ts-hero h1{color:#fff;margin:.4rem 0 .7rem;font-size:clamp(2rem,4vw,3.35rem);line-height:1.2}.ts-hero p{margin:0;max-width:760px;color:rgba(255,255,255,.84);line-height:1.9;font-size:1.03rem}
.ts-logos{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap}.ts-logo-box{background:#fff;border-radius:22px;padding:15px;box-shadow:0 14px 35px rgba(0,0,0,.17);width:120px;height:96px;display:flex;align-items:center;justify-content:center}.ts-logo-box img{max-width:100%;max-height:100%;object-fit:contain}
.ts-eyebrow{display:inline-flex;gap:8px;align-items:center;border:1px solid rgba(240,207,122,.32);background:rgba(240,207,122,.11);color:#f0cf7a;border-radius:999px;padding:8px 13px;font-weight:900}
.ts-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.ts-step{background:#fff;border:1px solid var(--ts-line);border-radius:20px;padding:16px;display:flex;gap:11px;align-items:flex-start;box-shadow:0 12px 30px rgba(17,18,20,.05)}.ts-step b{min-width:38px;height:38px;border-radius:50%;background:#101214;color:#f0cf7a;display:flex;align-items:center;justify-content:center}.ts-step strong{display:block;margin-bottom:4px}.ts-step small{color:#667085;line-height:1.6}
.ts-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.ts-kpi{background:#fff;border:1px solid var(--ts-line);border-radius:18px;padding:14px;box-shadow:0 10px 28px rgba(17,18,20,.04)}.ts-kpi strong{display:block;color:#101214;font-size:1.5rem}.ts-kpi span{color:#667085;font-size:.9rem}
.ts-card{background:#fff;border:1px solid var(--ts-line);border-radius:26px;padding:22px;margin-bottom:16px;box-shadow:0 16px 40px rgba(17,18,20,.06)}.ts-card h2,.ts-card h3{margin:0 0 14px;display:flex;align-items:center;gap:9px}.ts-card h2:before,.ts-card h3:before{content:"";width:8px;height:27px;background:linear-gradient(180deg,#f0cf7a,#c6942f);border-radius:999px}
.ts-note{background:#fff8e6;border:1px solid rgba(198,148,47,.28);border-radius:16px;padding:13px 15px;line-height:1.75;color:#684d17;margin-bottom:14px}
.ts-toolbar{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;margin-bottom:14px}.ts-search{position:relative}.ts-search input{width:100%;box-sizing:border-box;padding:14px 44px 14px 15px;border-radius:16px;border:1px solid rgba(17,18,20,.15);background:#fff;font:inherit}html[dir="ltr"] .ts-search input{padding:14px 15px 14px 44px}.ts-search:before{content:"⌕";position:absolute;right:15px;top:50%;transform:translateY(-50%);font-size:1.4rem;color:#667085}html[dir="ltr"] .ts-search:before{right:auto;left:15px}.ts-count{font-weight:900;color:#101214;background:#f7f4ec;border-radius:999px;padding:10px 14px;white-space:nowrap}
.ts-category-chips{display:flex;gap:8px;overflow:auto;padding-bottom:8px;margin-bottom:14px;scrollbar-width:thin}.ts-chip{border:1px solid rgba(17,18,20,.12);background:#fff;border-radius:999px;padding:10px 14px;white-space:nowrap;font:inherit;font-weight:800;cursor:pointer}.ts-chip.active{background:#101214;color:#f0cf7a;border-color:#101214}
.ts-packages-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ts-package{position:relative;overflow:hidden;background:linear-gradient(145deg,#111214,#17365d);color:#fff;border-radius:22px;padding:18px;border:1px solid rgba(240,207,122,.25);min-height:170px;cursor:pointer;transition:.2s}.ts-package:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(17,18,20,.15)}.ts-package .num{display:inline-flex;background:#f0cf7a;color:#101214;border-radius:999px;padding:5px 10px;font-weight:900;font-size:.8rem}.ts-package h3{color:#fff;margin:14px 0 9px;font-size:1.02rem;line-height:1.55}.ts-package p{color:rgba(255,255,255,.72);font-size:.86rem;margin:0}
.ts-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ts-service{background:#fff;border:1px solid rgba(17,18,20,.10);border-radius:19px;padding:15px;cursor:pointer;transition:.18s;display:flex;flex-direction:column;min-height:154px}.ts-service:hover{border-color:rgba(198,148,47,.65);transform:translateY(-2px);box-shadow:0 12px 28px rgba(17,18,20,.08)}.ts-service.selected{border-color:#c6942f;box-shadow:0 0 0 3px rgba(198,148,47,.14)}.ts-service .meta{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:10px}.ts-service .code{font-size:.75rem;font-weight:900;background:#101214;color:#f0cf7a;padding:5px 8px;border-radius:999px}.ts-service .cat{font-size:.73rem;color:#475467;background:#f2f4f7;padding:5px 8px;border-radius:999px}.ts-service h4{margin:0;color:#101214;line-height:1.55;font-size:.98rem}.ts-service .docs-count{margin-top:auto;padding-top:12px;color:#667085;font-size:.82rem}.ts-empty{text-align:center;border:1px dashed rgba(17,18,20,.18);border-radius:18px;padding:28px;color:#667085}
.ts-form-wrap{display:none}.ts-form-wrap.show{display:block}.ts-selected-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;background:#101214;color:#fff;border-radius:20px;padding:17px;margin-bottom:14px}.ts-selected-head h3{margin:0;color:#fff}.ts-selected-head h3:before{display:none}.ts-selected-head .badge{background:#f0cf7a;color:#101214;border-radius:999px;padding:7px 10px;font-weight:900}.ts-doc-message{background:#eef8ff;border:1px solid rgba(14,116,144,.20);border-radius:16px;padding:13px 15px;color:#155e75;line-height:1.7;margin-bottom:12px}
.ts-doc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.ts-upload{border:1px dashed rgba(17,18,20,.2);background:#faf9f5;border-radius:17px;padding:13px;display:flex;flex-direction:column;gap:8px}.ts-upload strong{color:#101214}.ts-upload small{color:#667085}.ts-upload input{width:100%}
.ts-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.ts-fields label{display:flex;flex-direction:column;gap:7px}.ts-fields label.wide{grid-column:1/-1}.ts-fields span{font-weight:850;color:#101214}.ts-fields input,.ts-fields textarea{width:100%;box-sizing:border-box}.ts-submit-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:16px}.ts-preview-result{display:none;margin-top:14px;border-radius:17px;padding:15px}.ts-preview-result.success{display:block;background:#ecfdf5;border:1px solid rgba(22,163,74,.24);color:#166534}.ts-preview-result strong{display:block;font-size:1.05rem;margin-bottom:6px}.ts-preview-id{display:inline-block;background:#fff;border:1px solid rgba(22,163,74,.25);padding:7px 10px;border-radius:10px;font-weight:900;margin-top:6px}.ts-sticky-request{position:fixed;bottom:18px;left:18px;z-index:50;display:none}html[dir="ltr"] .ts-sticky-request{left:auto;right:18px}.ts-sticky-request.show{display:block}
@media(max-width:980px){.ts-service-grid,.ts-packages-grid{grid-template-columns:repeat(2,1fr)}.ts-hero-grid{grid-template-columns:1fr}.ts-logos{justify-content:flex-start}}
@media(max-width:720px){.ts-hero{padding:22px;border-radius:22px}.ts-steps,.ts-kpis,.ts-service-grid,.ts-packages-grid,.ts-doc-grid,.ts-fields,.ts-toolbar{grid-template-columns:1fr}.ts-card{padding:15px;border-radius:20px}.ts-count{justify-self:start}.ts-sticky-request{left:12px;right:12px}.ts-sticky-request .btn{width:100%;justify-content:center}}

/* V55 Tasheel Preview R2 — compact discovery layout */
.ts-hero{padding:26px;margin-bottom:14px}
.ts-hero h1{font-size:clamp(1.9rem,3.5vw,3rem)}
.ts-card{padding:18px;margin-bottom:14px}
.ts-card h2{margin-bottom:12px}
.ts-packages-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:9px}
.ts-package{border-radius:16px;padding:12px 13px;min-height:96px;display:flex;flex-direction:column;justify-content:flex-start}
.ts-package .num{align-self:flex-start;padding:4px 8px;font-size:.7rem}
.ts-package h3{margin:9px 0 0;font-size:.88rem;line-height:1.45}
.ts-package h3:before{display:none}
.ts-package p{display:none}
.ts-service-grid{grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:9px}
.ts-service{border-radius:15px;padding:10px 11px;min-height:92px}
.ts-service .meta{margin-bottom:7px}
.ts-service .code,.ts-service .cat{font-size:.66rem;padding:4px 7px}
.ts-service h4{font-size:.86rem;line-height:1.42}
.ts-service .docs-count{display:none}
.ts-category-chips{margin-bottom:10px}
.ts-chip{padding:8px 11px;font-size:.86rem}
.ts-toolbar{margin-bottom:10px}
@media(max-width:720px){
  .ts-hero{padding:20px}
  .ts-card{padding:13px}
  .ts-packages-grid,.ts-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .ts-package{min-height:92px;padding:10px}
  .ts-service{min-height:88px;padding:9px}
}
@media(max-width:440px){
  .ts-packages-grid,.ts-service-grid{grid-template-columns:1fr}
}

/* V55 Tasheel Preview R3 — four consolidated service groups */
.ts-group-heading{font-weight:900;color:#101214;margin:2px 0 9px;font-size:.95rem}
.ts-category-chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;overflow:visible;padding:0;margin-bottom:13px}
.ts-group{appearance:none;border:1px solid rgba(17,18,20,.11);background:#fff;border-radius:16px;padding:11px 12px;display:flex;align-items:center;gap:9px;text-align:inherit;cursor:pointer;transition:.18s;min-width:0}
.ts-group:hover{border-color:rgba(198,148,47,.65);transform:translateY(-1px);box-shadow:0 9px 22px rgba(17,18,20,.06)}
.ts-group.active{background:#101214;border-color:#101214;color:#fff;box-shadow:0 12px 26px rgba(17,18,20,.13)}
.ts-group-icon{width:34px;height:34px;flex:0 0 34px;border-radius:11px;background:#f7f4ec;display:flex;align-items:center;justify-content:center;font-size:1.05rem}
.ts-group.active .ts-group-icon{background:rgba(240,207,122,.16)}
.ts-group-copy{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.ts-group-copy strong{font-size:.84rem;white-space:normal}
.ts-group-copy small{font-size:.7rem;color:#667085;margin-top:3px}
.ts-group.active .ts-group-copy small{color:rgba(255,255,255,.67)}
.ts-service-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}
.ts-service{min-height:82px;padding:9px 10px;border-radius:14px}
.ts-service .meta{margin-bottom:6px}
.ts-service .code{font-size:.63rem;padding:3px 6px}
.ts-service .cat{font-size:.62rem;padding:3px 6px;max-width:62%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ts-service h4{font-size:.83rem;line-height:1.38}
@media(max-width:980px){.ts-category-chips{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.ts-category-chips{grid-template-columns:1fr}.ts-group{padding:10px}.ts-service-grid{grid-template-columns:1fr}}


/* V55 Tasheel Preview R4 — compact accordion list like Amer */
.ts-accordion{display:grid;gap:10px}
.ts-accordion-group{border:1px solid rgba(17,18,20,.10);border-radius:18px;background:#fff;overflow:hidden;transition:.18s}
.ts-accordion-group.open{border-color:rgba(198,148,47,.38);box-shadow:0 10px 26px rgba(17,18,20,.055)}
.ts-accordion-head{width:100%;border:0;background:#fff;padding:14px 15px;display:flex;align-items:center;gap:12px;text-align:inherit;cursor:pointer;font:inherit}
.ts-accordion-head:hover{background:#fbfaf7}
.ts-accordion-icon{width:38px;height:38px;border-radius:12px;background:#101214;color:#f0cf7a;display:flex;align-items:center;justify-content:center;flex:0 0 auto;font-size:1.05rem}
.ts-accordion-title{min-width:0;flex:1}
.ts-accordion-title strong{display:block;color:#101214;font-size:.98rem;line-height:1.35}
.ts-accordion-title small{display:block;color:#667085;margin-top:3px;font-size:.78rem}
.ts-accordion-arrow{width:28px;height:28px;border-radius:999px;background:#f5f2ea;color:#101214;display:flex;align-items:center;justify-content:center;transition:.2s;flex:0 0 auto;font-weight:900}
.ts-accordion-group.open .ts-accordion-arrow{transform:rotate(180deg);background:#101214;color:#f0cf7a}
.ts-accordion-body{display:none;border-top:1px solid rgba(17,18,20,.08);background:#fcfcfb;padding:7px}
.ts-accordion-group.open .ts-accordion-body{display:block}
.ts-service-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.ts-service-row{border:1px solid transparent;background:#fff;border-radius:12px;padding:10px 11px;display:flex;align-items:center;gap:9px;cursor:pointer;transition:.16s;text-align:inherit;min-width:0}
.ts-service-row:hover{border-color:rgba(198,148,47,.52);background:#fffdf8;transform:translateY(-1px)}
.ts-service-row.selected{border-color:#c6942f;background:#fff8e6;box-shadow:0 0 0 2px rgba(198,148,47,.10)}
.ts-service-dot{width:7px;height:7px;border-radius:50%;background:#c6942f;flex:0 0 auto}
.ts-service-row-copy{min-width:0;flex:1}
.ts-service-row-copy strong{display:block;color:#101214;font-size:.86rem;line-height:1.42;font-weight:800}
.ts-service-row-copy small{display:block;color:#98a2b3;font-size:.65rem;margin-top:2px;direction:ltr;text-align:inherit}
.ts-service-go{color:#98a2b3;font-size:1.05rem;flex:0 0 auto}
html[dir="rtl"] .ts-service-go{transform:rotate(180deg)}
.ts-search-match-note{font-size:.78rem;color:#667085;margin:0 0 8px;padding:0 3px}

/* Hide the previous card/chip layout in R4 */
.ts-group-heading,.ts-category-chips,.ts-service-grid{display:none!important}

@media(max-width:780px){
  .ts-service-list{grid-template-columns:1fr}
  .ts-accordion-head{padding:12px}
  .ts-accordion-icon{width:34px;height:34px;border-radius:10px}
  .ts-service-row{padding:10px}
}

/* V55 R5 Fixed: compact Tasheel, Tawjeeh, and MOHRE logo row */
.ts-logos{gap:10px}
.ts-logo-box{width:108px;height:88px;padding:12px;border-radius:18px}
@media(max-width:420px){
  .ts-logos{justify-content:center;gap:7px;flex-wrap:nowrap}
  .ts-logo-box{width:82px;height:68px;padding:8px;border-radius:14px}
}


/* V55 technical completion stage 1 — smart questions and live submission */
.ts-smart-section{margin:4px 0 18px;padding:16px;border:1px solid rgba(198,148,47,.25);background:#fffaf0;border-radius:18px}
.ts-smart-section[hidden]{display:none!important}
.ts-smart-intro{margin:-5px 0 13px;color:#667085;line-height:1.7}
.ts-smart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.ts-smart-field{display:flex;flex-direction:column;gap:7px;min-width:0}
.ts-smart-field>span,.ts-fields label>span{font-weight:850;color:#101214}
.ts-smart-field.required>span:after,.ts-fields label.required>span:after{content:' *';color:#c2410c}
.ts-smart-field input,.ts-smart-field select{width:100%;box-sizing:border-box}
.ts-checkbox-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:9px;border:1px solid rgba(17,18,20,.12);border-radius:14px;background:#fff}
.ts-checkbox-group.invalid{border-color:#dc2626;box-shadow:0 0 0 3px rgba(220,38,38,.08)}
.ts-check-option{display:flex;align-items:center;gap:7px;padding:8px;border-radius:10px;background:#f7f7f5;cursor:pointer}
.ts-check-option input{width:auto;flex:0 0 auto}
.ts-check-option span{font-weight:750;font-size:.9rem}
.ts-smart-notice{margin-top:11px;padding:11px 13px;border-radius:13px;background:#eef8ff;border:1px solid rgba(14,116,144,.18);color:#155e75;line-height:1.65}
.ts-preview-result.loading{display:block;background:#f8fafc;border:1px solid rgba(15,23,42,.12);color:#334155}
.ts-preview-result.error{display:block;background:#fef2f2;border:1px solid rgba(220,38,38,.2);color:#991b1b}
.ts-success-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:13px}
#tsSubmitButton:disabled{opacity:.65;cursor:not-allowed}
@media(max-width:720px){.ts-smart-grid,.ts-checkbox-group{grid-template-columns:1fr}}