.product-tour{background:#fff}.product-tour h2 em{font-style:normal;color:var(--teal)}
.tour-nav{display:grid;grid-template-columns:repeat(8,1fr);gap:7px;margin-bottom:26px}
.tour-nav button{border:1px solid var(--line);border-radius:10px;background:#fff;padding:13px 8px;color:#64777f;font-weight:700;font-size:12px;cursor:pointer;transition:.2s}
.tour-nav button i{display:block;font-style:normal;font-size:19px;margin-bottom:4px}
.tour-nav button.active{background:var(--navy);border-color:var(--navy);color:#fff;transform:translateY(-3px);box-shadow:0 10px 25px #0a233122}
.tour-stage{display:grid;grid-template-columns:.65fr 1.6fr;gap:50px;align-items:center;background:#f0f5f3;border-radius:24px;padding:44px}
.tour-story .tour-no{display:inline-block;color:var(--teal);font:700 12px Manrope;letter-spacing:2px;margin-bottom:18px}
.tour-story h3{font:700 36px/1.12 Manrope;margin:0 0 15px;letter-spacing:-1.3px}
.tour-story p{color:var(--muted);font-size:16px}
.tour-story ul{list-style:none;padding:0;margin:25px 0}
.tour-story li{padding:8px 0 8px 26px;position:relative;font-size:14px;font-weight:600}
.tour-story li:before{content:"✓";position:absolute;left:0;color:var(--teal)}
.tour-device{border-radius:14px;background:#fff;box-shadow:0 30px 70px #0b2d2630;border:1px solid #d4dedb;overflow:hidden;transform:perspective(1200px) rotateY(-2deg)}
.device-bar{height:38px;border-bottom:1px solid #e2e8e6;display:flex;align-items:center;padding:0 13px;color:#7b8b91;font-size:9px;gap:12px}
.device-bar>span{flex:1;text-align:center}.device-bar small{font-size:8px;background:#e9f4f0;color:var(--teal);padding:3px 7px;border-radius:10px}
.device-dots{display:flex;gap:4px}.device-dots i{width:6px;height:6px;border-radius:50%;background:#ccd6d2}
.device-dots i:first-child{background:#ef9f93}.device-dots i:nth-child(2){background:#efce72}.device-dots i:last-child{background:#71cda4}
.tour-screen{height:430px;background:#f6f8f7;display:grid;grid-template-columns:108px 1fr;font-size:9px}
.ts-sidebar{background:#0a2635;color:#9fb3bc;padding:18px 9px;display:grid;align-content:start;gap:5px}
.ts-brand{color:#86d9cd;font-weight:800;padding:5px 6px 14px;font-size:10px}.ts-sidebar span{padding:7px;border-radius:5px}
.ts-sidebar .active{background:#164559;color:#fff}.ts-main{padding:18px;overflow:hidden}.ts-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}
.ts-top h4{font:700 16px Manrope;margin:0;color:var(--ink)}.ts-top button{border:0;background:var(--teal);color:#fff;border-radius:5px;padding:7px 10px;font-weight:700;font-size:8px}
.ui-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:11px}.ui-card,.ui-panel{background:#fff;border:1px solid #e1e8e5;border-radius:7px;padding:11px}
.ui-card small{color:#798a91}.ui-card strong{display:block;font:700 19px Manrope;color:var(--ink);margin-top:3px}.ui-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:9px}
.ui-panel h5{font:700 10px Manrope;margin:0 0 9px}.ui-row{display:grid;grid-template-columns:32px 1.25fr 1fr .8fr;gap:6px;align-items:center;padding:8px 2px;border-bottom:1px solid #edf1ef}
.ui-row:last-child{border:0}.ui-avatar{width:27px;height:27px;background:#d8eee9;color:var(--teal);border-radius:7px;display:grid;place-items:center;font-weight:700}
.ui-muted{color:#7f8e94;font-style:normal}.ui-chip{padding:3px 6px;background:#e1f2ed;color:var(--teal);border-radius:9px;text-align:center;font-weight:700}
.ui-chip.orange{background:#fff0dd;color:#bd6f18}.ui-chart{height:96px;display:flex;align-items:end;gap:7px;padding:10px 5px 0}
.ui-chart i{flex:1;background:#8bd7ca;border-radius:3px 3px 0 0}.ui-chart i:nth-child(2n){background:#cde979}
.ui-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.ui-calendar b,.ui-calendar span{text-align:center;padding:7px 2px}
.ui-calendar b{color:#7f8e94;font-size:7px}.ui-calendar span{background:#f1f5f3;border-radius:4px}.ui-calendar .booked{background:#d7eee9;color:#087c76;font-weight:700}
.ui-queue-cols{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.queue-doctor{background:#fff;border:1px solid #e0e8e5;border-radius:8px;padding:10px}
.queue-doctor h5{display:flex;justify-content:space-between;margin:0 0 8px;font-size:9px}.queue-now{background:var(--navy);color:#fff;border-radius:7px;padding:12px;display:flex;justify-content:space-between;align-items:center}
.queue-now strong{font:700 20px Manrope;color:var(--lime)}.queue-wait{display:flex;justify-content:space-between;padding:7px 3px;border-bottom:1px solid #edf1ef}
.consult-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.form-box{background:#fff;border:1px solid #e0e8e5;border-radius:7px;padding:9px}
.form-box label{display:block;color:#63757c;margin-bottom:5px}.form-line{min-height:24px;background:#f2f5f4;border:1px solid #e2e8e6;border-radius:4px;padding:6px;color:#344951}.form-area{height:54px}
.permission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.permission{background:#fff;border:1px solid #e0e8e5;border-radius:7px;padding:10px}
.permission strong{display:block;font-size:9px;margin-bottom:8px}.permission span{display:block;padding:5px 0;color:#60747c}.permission span:before{content:"✓";display:inline-grid;place-items:center;width:13px;height:13px;margin-right:5px;border-radius:3px;background:#dcefeb;color:var(--teal);font-size:7px}
.setting-block{background:#fff;border:1px solid #e0e8e5;border-radius:7px;padding:12px;margin-bottom:8px}.setting-block h5{margin:0 0 8px;font-size:10px}.setting-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.toggle{width:26px;height:14px;background:#b9ddd6;border-radius:10px;position:relative;float:right}.toggle:after{content:"";position:absolute;width:10px;height:10px;right:2px;top:2px;background:#fff;border-radius:50%}
.tour-progress{display:flex;align-items:center;gap:14px;margin-top:22px}.tour-progress>span{font:700 11px Manrope;color:var(--teal)}.tour-progress>div{height:3px;background:#dce6e2;flex:1}
.tour-progress>div i{display:block;height:100%;width:12.5%;background:var(--teal);transition:.25s}.tour-progress button{width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:#fff;cursor:pointer}
.role-photo{grid-column:1/-1;position:relative;margin:18px 0 0;border-radius:18px;overflow:hidden;height:360px}.role-photo img{width:100%;height:100%;object-fit:cover;object-position:center 42%;display:block}
.role-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#061b2a55,transparent 60%)}.role-photo figcaption{position:absolute;z-index:2;left:28px;bottom:24px;background:#071b2ad9;border:1px solid #ffffff25;padding:12px 16px;border-radius:8px;font-weight:700}
@media(max-width:1000px){.tour-nav{grid-template-columns:repeat(4,1fr)}.tour-stage{grid-template-columns:1fr;padding:30px}.tour-device{transform:none}}
@media(max-width:680px){.tour-nav{display:flex;overflow:auto}.tour-nav button{min-width:88px}.tour-stage{padding:22px 12px}.tour-story{padding:0 10px}.tour-story h3{font-size:30px}.tour-screen{height:365px;grid-template-columns:74px 1fr}.ts-sidebar{padding:10px 4px}.ts-sidebar span{padding:5px 3px}.ts-main{padding:10px}.ui-cards{grid-template-columns:1fr 1fr}.ui-cards .ui-card:last-child{display:none}.ui-layout,.consult-grid,.setting-row{grid-template-columns:1fr}.ui-layout>.ui-panel:last-child{display:none}.permission-grid{grid-template-columns:1fr 1fr}.ui-row{grid-template-columns:27px 1fr .8fr}.ui-row span:nth-child(4){display:none}.role-photo{height:300px}.role-photo img{object-position:61% center}}