:root{font-family:"Tajawal","Segoe UI",Tahoma,Arial,sans-serif;color:#102a3c;background:#eef4f7;font-synthesis:none;--navy:#112b3a;--teal:#087d79;--green:#079573;--muted:#647885;--border:#dae4e9;--shadow:0 14px 48px #15314115}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{color:var(--teal)}.shell{width:min(1180px,calc(100% - 32px));margin:auto}.site-header{background:#fff;border-bottom:1px solid var(--border)}.site-header .shell{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0}.brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:800}.brand-mark{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;background:var(--navy);color:#fff;font-size:22px}.eyebrow{letter-spacing:1px;font-weight:700;text-transform:uppercase;color:var(--teal);font-size:12px}.pill{font-size:12px;font-weight:700;border-radius:100px;background:#e9f8f3;color:#08775e;padding:8px 12px}.ghost,.primary,.small-btn{border:1px solid var(--border);border-radius:10px;padding:11px 15px;background:white;color:var(--navy);font-weight:700}.primary{background:var(--teal);color:#fff;border-color:var(--teal)}.primary:hover{background:#086b68}.ghost:hover{background:#f2f7f8}.small-btn{padding:7px 12px;font-size:12px}.muted{color:var(--muted)}.banner{border:1px solid #f2dc99;background:#fff7dc;color:#725512;border-radius:12px;padding:11px 15px;font-size:13px;line-height:1.7}.card{border:1px solid var(--border);background:white;border-radius:17px;box-shadow:var(--shadow)}.chip{font-size:12px;border-radius:6px;padding:4px 9px;background:#e3f6ec;color:#176647;font-weight:700}.chat-intro{padding:45px 0 30px;display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center}.chat-intro h1{font-size:clamp(29px,4vw,45px);line-height:1.35;margin:12px 0}.chat-intro p{color:#5b7381;line-height:1.9;font-size:15px}.chat-intro .feature{display:grid;gap:12px;margin-top:20px}.feature div{display:flex;align-items:center;gap:10px;color:#476170}.feature b{color:#0b9470}.chat-frame{overflow:hidden;max-width:520px;width:100%;margin:auto;border:1px solid #c2d6d5;border-radius:19px;box-shadow:0 30px 60px #1b404728;background:#eeeae2}.chat-top{background:#075b55;color:white;display:flex;align-items:center;gap:12px;padding:17px}.avatar{border-radius:50%;width:45px;height:45px;background:#e9fffb;display:grid;place-items:center;font-size:21px}.chat-top strong{display:block;font-size:16px}.chat-top small{font-size:11px;opacity:.85}.chat-log{height:460px;overflow:auto;padding:20px 14px;display:flex;flex-direction:column;gap:13px;background-color:#e6e9e2;background-image:radial-gradient(#ffffff50 1px,transparent 1px);background-size:18px 18px}.msg{max-width:88%;font-size:13px;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere;padding:11px 13px 7px;border-radius:12px;box-shadow:0 1px 3px #0001}.msg.bot{background:white;align-self:flex-start;border-top-right-radius:3px}.msg.me{background:#dcf9cf;align-self:flex-end;border-top-left-radius:3px}.msg time{display:block;text-align:left;font-size:10px;opacity:.56;margin-top:3px}.chat-compose{display:flex;align-items:center;gap:8px;padding:11px;background:#f8fafb}.chat-compose input{width:100%;border:1px solid #d7e1e5;border-radius:11px;background:#fff;padding:13px;outline:none;min-width:0}.chat-compose input:focus{border-color:#079573}.send{width:46px;height:46px;flex:0 0 auto;border-radius:12px;background:var(--teal);border:0;color:#fff;font-weight:700;font-size:20px}.chat-footer{text-align:center;padding:10px;background:#fff;color:#73858f;font-size:11px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.chips button{border:1px solid #cfdedb;border-radius:50px;padding:8px 13px;background:#fff;color:#1c5b5b;font-weight:700;font-size:12px}.page-foot{font-size:12px;color:#748995;text-align:center;padding:23px}.admin-main{padding:32px 0 60px}.admin-main h1{font-size:29px;margin:6px 0 9px}.login-card{width:min(450px,100%);margin:56px auto;padding:28px}.login-card label{display:block;margin:16px 0 8px;font-size:14px;font-weight:700}.form-input{width:100%;border:1px solid var(--border);border-radius:11px;padding:12px;color:var(--navy);background:#fff}.login-card .primary{width:100%;margin-top:16px}.error{color:#ad3344;font-size:13px;min-height:19px;margin:12px 0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:24px 0}.metric{padding:22px}.metric p{margin:0 0 9px;color:#627987;font-size:13px}.metric strong{font-size:31px}.metric small{display:block;margin-top:7px;color:#718796}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:space-between;margin:23px 0 15px}.toolbar h2{font-size:20px;margin:0}.toolbar .tools{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.table-wrap{width:100%;overflow-x:auto}.data-table{width:100%;border-collapse:collapse;text-align:right;min-width:900px}.data-table th,.data-table td{padding:15px 12px;border-bottom:1px solid #e9eff2;font-size:13px;vertical-align:middle}.data-table th{background:#f4f8fa;color:#5a7180;font-size:12px}.data-table tr:hover td{background:#fbfdfd}.status{display:inline-flex;font-weight:700;font-size:11px;padding:5px 9px;border-radius:50px;background:#eef1f4;color:#4f6372}.status.pending{background:#fff3ce;color:#896000}.status.confirmed{background:#e0f7ed;color:#19714f}.status.completed{background:#e7f2ff;color:#1b5ca7}.status.cancelled{background:#ffebed;color:#a13644}.table-select{width:120px;border:1px solid var(--border);border-radius:8px;padding:8px;font-size:12px;background:white}.note-input{max-width:165px}.empty-state{padding:30px;color:#728794;text-align:center}.hidden{display:none!important}@media(max-width:900px){.chat-intro{grid-template-columns:1fr;gap:15px;padding:25px 0}.chat-intro .intro-copy{max-width:660px}.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:550px){.site-header .shell{padding:12px 0}.brand{font-size:17px}.shell{width:min(100% - 20px,1180px)}.chat-log{height:53vh;min-height:300px}.chat-intro{padding-top:17px}.chat-intro h1{font-size:27px}.metrics{gap:9px}.metric{padding:13px}.metric strong{font-size:23px}.admin-main{padding-top:18px}.toolbar{align-items:flex-start}.data-table{min-width:800px}}

/* Clinic Desk v2.1 — conversion-focused landing and mobile-first demo. */
html{scroll-behavior:smooth}
.site-header{background:#fffdfb}
.header-inner{min-height:74px}
.brand-link{text-decoration:none;color:var(--navy)}
.brand-highlight{color:#07837b}
.header-cta{display:inline-flex;align-items:center;gap:10px;background:#e5f7f0;border:1px solid #c0e7d9;border-radius:100px;color:#086a55;font-size:13px;font-weight:800;text-decoration:none;padding:11px 16px}
.header-cta:hover{background:#d9f1e8}
.chat-intro{grid-template-columns:1.02fr .98fr;gap:40px;padding:52px 0 48px;align-items:center}
.intro-copy{max-width:620px}
.intro-copy .eyebrow{display:inline-flex;align-items:center;gap:8px;direction:ltr;letter-spacing:1.2px}
.eyebrow-dot{width:9px;height:9px;background:#0eac85;border-radius:50%}
.chat-intro h1{font-size:clamp(33px,4.35vw,56px);line-height:1.25;letter-spacing:-1.5px;color:#122d3d;margin:16px 0 19px;font-weight:800}
.hero-line{display:block;white-space:nowrap;color:#07877b}
.chat-intro .hero-description{color:#496579;font-size:17px;line-height:1.85;max-width:560px;margin:0 0 22px}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:11px;margin:0 0 26px}
.hero-actions a{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;min-height:50px;font-size:14px}
.hero-actions .hero-primary{background:#087c72;border-color:#087c72;border-radius:12px;box-shadow:0 9px 22px #09776c2d;padding:12px 19px}
.hero-actions .hero-secondary{border-radius:12px;padding:12px 18px}
.hero-footnote{font-size:12px;color:#81909a;margin-top:20px;line-height:1.8}
.hero-footnote-icon{color:#068b7a;margin-left:5px}
.chat-frame{max-width:525px;box-shadow:0 32px 78px #0d36412b;border-radius:23px;scroll-margin-top:15px}
.chat-top{background:linear-gradient(115deg,#07534e,#087c70);min-height:80px;padding:17px 18px}
.chat-identity{min-width:0;flex:1}
.chat-top strong{font-size:17px}
.chat-top small{font-size:12px;opacity:.82;margin-top:3px}
.online-indicator{width:9px;height:9px;background:#4de5a8;border-radius:50%;box-shadow:0 0 0 4px #ffffff20}
.chat-quick-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap;padding:10px 12px;background:#f8fbf9;border-bottom:1px solid #d9e5e1}
.chat-quick-actions .quick-label{font-size:11px;color:#627786;white-space:nowrap;margin-left:4px}
.chat-quick-actions button{border:1px solid #bfded4;background:white;color:#0b675e;border-radius:100px;padding:7px 11px;font-size:12px;font-weight:700;line-height:1.2;transition:background .15s}
.chat-quick-actions button:hover{background:#e7f9f3}
.chat-quick-actions button:focus-visible,.header-cta:focus-visible,.hero-actions a:focus-visible{outline:3px solid #25c3a3;outline-offset:3px}
.chat-log{height:450px}
.chat-footer{padding:10px 13px;line-height:1.55;font-size:10.5px}
.page-foot a{color:inherit;text-decoration:none}
.page-foot a:hover{text-decoration:underline}
@media (max-width:900px){
  .chat-intro{grid-template-columns:1fr;gap:28px;padding-top:23px}
  .chat-frame{order:-1;margin:0 auto;max-width:610px}
  .intro-copy{order:2;margin:auto;max-width:610px}
  .chat-log{height:clamp(250px,38svh,370px)}
}
@media (max-width:550px){
  .shell{width:calc(100% - 24px)}
  .site-header .header-inner{min-height:64px;padding:10px 0}
  .brand{gap:7px;font-size:15px}
  .brand-mark{width:35px;height:35px;border-radius:10px;font-size:18px}
  .header-cta{padding:9px 10px;font-size:11px;gap:4px}
  .chat-intro{padding:13px 0 22px;gap:22px}
  .chat-frame{border-radius:16px}
  .chat-top{min-height:65px;padding:12px 13px}
  .chat-top strong{font-size:14px}
  .chat-top small{font-size:10.5px}
  .avatar{width:40px;height:40px}
  .chat-quick-actions{padding:9px;gap:5px}
  .chat-quick-actions .quick-label{display:none}
  .chat-quick-actions button{padding:7px 9px;font-size:11px}
  .chat-log{height:clamp(225px,35svh,320px);min-height:225px;padding:14px 10px}
  .msg{font-size:12px}
  .chat-compose{padding:8px}
  .chat-compose input{padding:12px;font-size:14px}
  .chat-footer{font-size:9.5px}
  .chat-intro h1{font-size:clamp(30px,8.6vw,42px);letter-spacing:-.7px;margin:11px 0 15px}
  .hero-description{font-size:15px!important}
  .hero-actions{align-items:stretch;flex-direction:column}
  .hero-actions a{width:100%}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}


/* Clinic Desk v2.2 — transparent price cards and independent regional demos */
.market-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:10px 13px;background:#f0f7f7;border-bottom:1px solid #d4e5e4}
.market-caption{font-size:11px;color:#486c6c;font-weight:700}
.market-switch{display:inline-flex;align-items:center;gap:5px;padding:3px;border-radius:12px;background:#dceae8}
.market-choice{border:1px solid transparent;border-radius:9px;background:transparent;color:#315e5b;font-size:12px;font-weight:800;padding:7px 12px}
.market-choice.is-selected{background:#fff;color:#06685f;border-color:#c6dedb;box-shadow:0 1px 4px #123b3617}
.market-choice:focus-visible,.price-ask:focus-visible{outline:3px solid #25c3a3;outline-offset:2px}
.pricing-section{margin:0 auto 45px;padding:30px;border:1px solid #dce8ea;border-radius:24px;background:linear-gradient(135deg,#fff,#f6faf9)}
.pricing-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}
.pricing-top h2{font-size:clamp(25px,2.9vw,36px);line-height:1.3;color:#143545;margin:8px 0 9px}
.pricing-top p{margin:0;color:#647885;font-size:14px;line-height:1.9}
.pricing-count{border-radius:30px;background:#e9f7f2;padding:8px 13px;color:#11745b;font-weight:700;font-size:13px;white-space:nowrap}
.pricing-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.price-card{display:flex;flex-direction:column;min-width:0;min-height:183px;gap:13px;padding:17px 14px;border:1px solid #dae8e8;border-radius:16px;background:#fff;box-shadow:0 6px 22px #193e4910}
.price-card-head{display:flex;align-items:flex-start;gap:9px;min-height:51px}
.price-number{font-weight:800;font-size:12px;color:#82aaa2;padding-top:4px;direction:ltr}
.price-card h3{font-size:14px;line-height:1.55;margin:0;color:#1f4350}
.price-amount{display:block;color:#087b67;font-size:19px;line-height:1.4;white-space:normal}
.price-ask{margin-top:auto;border:0;border-top:1px solid #e8f0ef;background:transparent;color:#1f7771;text-align:right;padding:12px 0 2px;font-size:12px;font-weight:800}
.price-ask:hover{color:#07564c}
.pricing-disclaimer{font-size:12px;color:#798c96;line-height:1.8;margin:18px 0 0}
.pricing-loading{color:#70828d}
@media(max-width:1080px){.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.pricing-section{padding:20px 15px;border-radius:18px}.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pricing-top{align-items:flex-start}.price-card{min-height:168px}.price-amount{font-size:17px}}
@media(max-width:420px){.pricing-grid{grid-template-columns:1fr}.pricing-top{flex-wrap:wrap}.price-card{min-height:130px;gap:5px}.price-card-head{min-height:auto}.market-bar{padding:7px 10px}.market-choice{padding:7px 8px}.market-caption{font-size:10px}}

/* Expanded demonstration catalogue — independent Kuwait/Saudi categories */
.pricing-filters{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 20px}
.category-filter{border:1px solid #d6e6e3;background:#fff;color:#3f6566;border-radius:999px;padding:9px 14px;font-size:13px;font-weight:700}
.category-filter.is-selected{background:#0b7369;color:white;border-color:#0b7369}
.category-filter:focus-visible{outline:3px solid #25c3a3;outline-offset:2px}
.price-category{display:block;margin-top:-8px;margin-bottom:2px;font-weight:700;color:#66848a;font-size:11px}
@media(max-width:420px){.pricing-filters{gap:6px}.category-filter{font-size:11px;padding:8px 11px}}

/* Clinic Desk v2.3 — GCC demo markets and concise mobile price catalogue. */
.market-switch{display:flex;flex-wrap:wrap;gap:5px;max-width:100%}
.market-choice{white-space:nowrap;padding:7px 9px}
.pricing-more-row{display:flex;justify-content:center;margin:18px 0 0}
.pricing-more{border:1px solid #bee1d7;background:#e8f8f2;color:#075f55;border-radius:12px;padding:12px 22px;font-weight:800;font-size:14px}
.pricing-more:hover{background:#d7f3e9}
.pricing-more:focus-visible{outline:3px solid #25c3a3;outline-offset:2px}
@media(max-width:700px){
  .market-bar{align-items:flex-start;flex-direction:column}
  .market-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:5px}
  .market-choice{font-size:11px;padding:9px 4px;min-width:0}
  .pricing-more{width:min(100%,360px)}
}
@media(max-width:350px){.market-choice{font-size:10px;padding:9px 3px}}