@font-face{font-family:IRANSans;src:url("fonts/ultralight.woff2") format("woff2"),url("fonts/ultralight.ttf") format("truetype");font-style:normal;font-weight:200;font-display:swap} @font-face{font-family:IRANSans;src:url("fonts/light.woff2") format("woff2"),url("fonts/light.ttf") format("truetype");font-style:normal;font-weight:300;font-display:swap} @font-face{font-family:IRANSans;src:url("fonts/regular.woff2") format("woff2"),url("fonts/regular.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap} @font-face{font-family:IRANSans;src:url("fonts/medium.woff2") format("woff2"),url("fonts/medium.ttf") format("truetype");font-style:normal;font-weight:500;font-display:swap} @font-face{font-family:IRANSans;src:url("fonts/bold.woff2") format("woff2"),url("fonts/bold.ttf") format("truetype");font-style:normal;font-weight:700;font-display:swap} :root{--primary:#2563eb;--primary-600:#1d4ed8;--primary-700:#1e40af;--primary-50:#eff6ff;--primary-100:#dbeafe;--primary-200:#bfdbfe;--accent:#06b6d4;--accent-50:#ecfeff;--ink:#0f172a;--ink-2:#334155;--muted:#64748b;--line:#e2e8f0;--bg:#f8fafc;--surface:#ffffff;--radius:16px;--radius-lg:24px;--shadow-sm:0 1px 2px #0f172a0d,0 1px 3px #0f172a0a;--shadow:0 8px 24px -8px #1e3a8a26;--shadow-lg:0 20px 40px -16px #1e3a8a33;--ease:cubic-bezier(.2,.7,.2,1)} *{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:IRANSans,Tahoma,Arial,sans-serif;font-weight:400;line-height:1.9;-webkit-font-smoothing:antialiased}.site-header{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:15px max(20px,calc((100vw - 1080px)/2));border-bottom:1px solid var(--line)}a{color:var(--primary);text-decoration:none}.site-header>.brand{font-size:24px;font-weight:700}nav a{margin:0 8px;font-weight:500}main{max-width:1080px;margin:30px auto;padding:0 18px;min-height:70vh}.narrow{max-width:600px}h1{font-size:27px;font-weight:700;letter-spacing:-.4px}h2{font-size:19px;font-weight:700}p,.helper{font-weight:400}small,.muted{font-weight:300;color:var(--muted)}form,.card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:22px;margin-bottom:20px;box-shadow:0 4px 16px #0f172a0d}form label{display:block;margin-bottom:15px;font-weight:500}input,select{display:block;width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:10px;font:inherit;font-weight:400;margin-top:6px;background:white;color:var(--ink)}input:focus,select:focus{outline:2px solid #93c5fd;outline-offset:1px}input[type=checkbox]{display:inline;width:auto}button,.button{display:inline-block;background:var(--primary);color:white;border:0;border-radius:11px;padding:11px 20px;font:inherit;font-weight:500;cursor:pointer}button:hover,.button:hover{filter:brightness(.94)}.filters{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.error{background:#ffe6e6;padding:14px;border-radius:10px;color:#9d1e1e}.between{display:flex;justify-content:space-between;align-items:center;gap:12px}footer{text-align:center;color:#64748b;padding:20px;font-weight:300}.eyebrow{color:var(--primary);font-weight:500}.city-notice{background:#eff6ff;border:1px solid #bfdbfe;border-radius:14px;padding:12px 16px;margin:12px 0 20px}.doctor-meta{color:var(--muted);font-size:14px}.stat-value{font-size:25px;font-weight:700;display:block}.tag{font-size:12px;color:var(--primary);background:#eff6ff;border-radius:20px;padding:3px 10px}.admin-nav{display:flex;gap:8px;overflow:auto;margin-bottom:20px}.admin-nav a{white-space:nowrap;padding:8px 12px;border-radius:9px;background:#fff;border:1px solid var(--line)}@media(max-width:600px){.filters{grid-template-columns:1fr}h1{font-size:23px}.site-header{padding:12px 16px;gap:8px}.site-header>.brand{font-size:20px}nav a{margin:0 4px;font-size:12px}main{margin:18px auto}form,.card{padding:17px}.between{align-items:flex-start}} textarea{width:100%;min-height:125px;font:inherit;border:1px solid #cbd5e1;border-radius:10px;padding:12px;resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.notice{background:#eff6ff;padding:16px;border-radius:12px}.table-wrap{overflow-x:auto;background:white;border-radius:14px;margin:20px 0}table{border-collapse:collapse;width:100%;min-width:500px;text-align:right}th,td{padding:13px;border-bottom:1px solid var(--line);vertical-align:top}th{background:#eff6ff}form.inline{display:inline-block;margin:0 8px;padding:0;background:none;border:none;box-shadow:none}button.danger{background:#fff0f0;color:#9d1e1e;padding:5px 10px}button.secondary{background:#eff6ff;color:var(--primary)}.selected,.chosen{border:2px solid var(--primary)!important}details{background:#fff;border:1px solid var(--line);border-radius:12px;margin:18px 0;padding:14px}summary{cursor:pointer;font-weight:700;padding:8px}details form{box-shadow:none;margin:10px 0}.page-link{display:inline-block;margin:4px;padding:5px 12px;background:#fff;border-radius:8px}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #60a5fa;outline-offset:3px}.card p{overflow-wrap:anywhere}@media(max-width:600px){.form-grid{grid-template-columns:1fr;gap:0}.site-header{flex-wrap:wrap}nav{display:flex;flex-wrap:wrap}button{min-height:44px}.narrow{width:100%}} /* Phase 4 doctor workspace */ main:has(.workspace){max-width:1440px;margin-top:22px}.workspace{display:grid;grid-template-columns:230px minmax(0,1fr);gap:28px;align-items:start}.doctor-sidebar{position:sticky;top:18px;background:#172554;color:#eff6ff;border-radius:22px;padding:24px 16px;min-height:calc(100vh - 130px)}.brand-mark{display:block;color:#fff;font-size:25px;font-weight:700;padding:0 10px}.brand-mark small{display:block;font-size:11px;color:#bfdbfe;font-weight:300}.identity{text-align:center;border-bottom:1px solid #ffffff20;padding:24px 0;margin-bottom:16px}.identity strong,.identity small{display:block}.identity small{color:#bfdbfe}.doctor-avatar{width:78px;height:78px;border-radius:25px;object-fit:cover;display:inline-flex;align-items:center;justify-content:center;background:#dbeafe;font-size:35px;color:var(--primary-600)}.doctor-sidebar nav{display:flex;flex-direction:column;gap:3px}.doctor-sidebar nav a{color:#dbeafe;margin:0;padding:10px 15px;font-size:13px;border-radius:11px;font-weight:400}.doctor-sidebar nav a:hover,.doctor-sidebar nav a.current{background:#ffffff17;color:#fff}.doctor-sidebar nav a.current{box-shadow:inset -3px 0 #93c5fd;background:#ffffff20}.back-account{display:block;color:#bfdbfe;font-size:12px;padding:20px 15px 0}.doctor-content{min-width:0}.workspace-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:8px 0 25px}.workspace-heading h1{margin:6px 0;font-size:26px}.eyebrow{font-size:12px;letter-spacing:0}.button.secondary{background:#fff;color:var(--primary);border:1px solid var(--line)}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.metric{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;position:relative;overflow:hidden}.metric span,.metric small{display:block;font-size:12px}.metric strong{font-size:40px;line-height:1.8;font-weight:500}.metric:before{content:'';position:absolute;top:0;right:20px;width:28px;height:4px;background:var(--primary);border-radius:0 0 4px 4px}.metric-future:before{background:#4d7ce4}.metric-completed:before{background:#9da952}.metric-cancelled:before{background:#df947c}.subscription-card{margin:24px 0;background:linear-gradient(115deg,#e0ecff,#f0f7ff);border:1px solid #bfdbfe;border-radius:20px;padding:25px 30px;display:flex;justify-content:space-between;align-items:center;gap:25px}.subscription-card h2{margin:8px 0;font-size:21px}.subscription-card p{margin:0;font-size:13px}.days-left{text-align:center;min-width:130px}.days-left strong{font-size:45px;display:block;line-height:1.2}.days-left span{font-size:11px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:24px 0 12px}.section-heading a{font-size:12px}.two-column{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:20px}.card form{padding:0;border:none;box-shadow:none;margin:12px 0 0}.photo-card{text-align:center}.photo-card p{font-size:12px}.photo-card .doctor-avatar{width:120px;height:120px}.check{display:flex!important;align-items:center;gap:9px;font-size:13px}.check input{width:18px;height:18px;margin:0}.filter-bar{display:flex;flex-wrap:wrap;gap:15px;align-items:flex-end;padding:18px}.filter-bar label{flex:1;min-width:130px;margin:0}.filter-bar button{white-space:nowrap}.badge{display:inline-block;padding:3px 12px;border-radius:7px;font-size:11px;background:#f1f5f9;color:#64748b;white-space:nowrap}.status-confirmed{background:#e0f3ec;color:#187959}.status-cancelled{background:#fbece8;color:#a65040}.status-completed{background:#e7eefb;color:#4b69a9}.status-no_show{background:#f9efdd;color:#8d672e}.appointment-card{display:flex;align-items:center;gap:20px;background:white;border:1px solid var(--line);border-radius:15px;padding:18px 20px;margin-bottom:10px;flex-wrap:wrap}.appointment-time{border-left:1px solid var(--line);padding-left:20px;min-width:110px}.appointment-time strong,.appointment-time small{display:block}.appointment-time strong{font-size:21px}.appointment-time small{font-size:11px}.appointment-info{flex:1;min-width:160px}.appointment-info h3{font-size:15px;margin:0 0 3px}.appointment-info p{margin:0;font-size:12px}.appointment-info small{font-size:11px}.booking-controls{flex-basis:100%;margin:0;padding:0;border:none}.booking-controls summary{font-size:12px;color:var(--primary)}.booking-controls form{box-shadow:none}.empty-state{padding:35px;text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:16px;color:var(--muted);font-size:13px}.shift-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:12px 0}.shift-row form{margin:0}.shift-row button{padding:7px 12px;font-size:12px}.calendar-toolbar{display:flex;justify-content:space-between;align-items:center;margin:22px 0;gap:15px;font-size:13px}.month-scroll{overflow:auto;border:1px solid var(--line);border-radius:18px;background:white}.month-grid{display:grid;grid-template-columns:repeat(7,minmax(80px,1fr));min-width:560px}.weekday{text-align:center;background:#f1f5f9;font-size:12px;padding:14px 0}.calendar-day,.calendar-blank{min-height:115px;border-bottom:1px solid var(--line);border-left:1px solid var(--line);padding:15px;color:var(--ink)}.calendar-day strong,.calendar-day span{display:block}.calendar-day span{font-size:11px;color:var(--muted);margin-top:15px}.calendar-day:hover{background:#eff6ff}.is-today{background:#eff6ff;box-shadow:inset 0 0 0 2px #60a5fa}.week-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.week-day{background:#f1f5f9;padding:12px;border-radius:15px}.week-day h3{font-size:14px}.week-day .appointment-card{padding:12px;gap:10px}.week-day .appointment-time{border:0}.notification.unread{border-right:4px solid var(--primary)}.notification h3{font-size:15px}.notification p{font-size:13px}fieldset{border:1px solid var(--line);border-radius:12px;padding:15px;margin-bottom:20px}legend{font-size:12px}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/2 IRANSans,sans-serif}.public-hero{background:#fff;border:1px solid var(--line);border-radius:24px;padding:32px;display:flex;gap:25px;align-items:center;margin-bottom:24px}.public-hero .doctor-avatar{width:120px;height:120px;flex-shrink:0}.public-hero h1{margin:5px 0}.public-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px}.time-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(115px,1fr));gap:10px}.time-option{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;text-align:center;padding:13px 10px}.time-option strong,.time-option small{display:block}.time-option:hover{background:#dbeafe}.share-link{direction:ltr;text-align:left;overflow-wrap:anywhere;font-size:12px}.public-sidebar .card{position:sticky;top:20px} @media(max-width:1100px){.workspace{grid-template-columns:200px minmax(0,1fr);gap:18px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-column{grid-template-columns:1fr}.public-layout{grid-template-columns:1fr}} @media(max-width:760px){.workspace{display:block}.doctor-sidebar{position:static;min-height:0;padding:14px;margin-bottom:22px;border-radius:16px}.brand-mark,.identity,.back-account{display:none}.doctor-sidebar nav{flex-direction:row;flex-wrap:nowrap;overflow:auto;padding-bottom:4px}.doctor-sidebar nav a{white-space:nowrap;font-size:12px}.workspace-heading{align-items:flex-start}.workspace-heading h1{font-size:22px}.workspace-heading .button{padding:8px 10px;font-size:11px}.metric{padding:15px}.metric strong{font-size:32px}.subscription-card{padding:20px;gap:15px}.subscription-card h2{font-size:17px}.days-left{min-width:85px}.days-left strong{font-size:35px}.appointment-card{gap:12px;padding:15px}.appointment-time{padding-left:12px;min-width:95px}.public-hero{padding:20px;gap:15px;align-items:flex-start}.public-hero .doctor-avatar{width:75px;height:75px;border-radius:20px}.public-hero h1{font-size:22px}.public-hero p{font-size:12px}.shift-row{flex-wrap:wrap}.calendar-toolbar{font-size:11px}.filter-bar label{min-width:140px}.filter-bar button{width:100%}} @media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}} .error:empty{display:none}.receipt{max-width:760px;margin-inline:auto}.receipt-details div{display:grid;grid-template-columns:130px minmax(0,1fr);border-bottom:1px solid var(--line);padding:12px 0}.receipt-details dt{color:var(--muted);font-size:13px}.receipt-details dd{margin:0;overflow-wrap:anywhere}.status-held{background:#fff2d6;color:#8b641c}.status-expired{background:#f0f0f0;color:#777}@media print{header,footer,.no-print,button,nav{display:none!important}body{background:white}main{max-width:100%;margin:0}.receipt{border:0;box-shadow:none}.receipt a{display:none}} .public-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:1px solid var(--line);border-radius:12px;overflow:hidden;margin:15px 0}.public-calendar>*{text-align:center;padding:9px 0;min-height:44px;border-bottom:1px solid var(--line)}.public-calendar .disabled-date{color:#94a3b8;background:#f8fafc}.public-calendar a:hover{background:#eff6ff} .tracking{overflow-wrap:anywhere;word-break:break-all}.reception-table th,.reception-table td{padding:12px;font-size:13px}.reception-table tbody tr:hover{background:#f1f5f9}@media print{.table-wrap{overflow:visible!important}.reception-table{min-width:0;width:100%;font-size:10px}.reception-table td,.reception-table th{padding:5px;font-size:10px}tr{break-inside:avoid}.metric-grid{display:none}.share-link{display:none}} /* ===== 0.7.0 baseline components (full design pass comes in the final phase) ===== */ .icon{width:20px;height:20px;flex:none;vertical-align:-4px} .brand{display:inline-flex;align-items:center;gap:8px;font-size:22px;font-weight:700} .brand-icon{width:30px;height:30px} .site-header{gap:14px;flex-wrap:wrap} .city-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--line);border-radius:999px;font-size:13px;color:var(--ink);background:#f8fafc} .site-nav{display:flex;gap:4px;flex-wrap:wrap;margin-inline-start:auto} .skip-link{position:absolute;top:8px;right:12px;transform:translateY(-300%);background:#fff;padding:8px;z-index:9}.skip-link:focus{transform:none} .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)} .env-banner{background:#7a2e0e;color:#fff;text-align:center;padding:6px;font-size:13px} .site-footer{text-align:center;color:var(--muted);padding:24px 16px;font-size:13px} .stack{display:flex;flex-direction:column;gap:12px}.stack>label{margin:0} .grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:18px}.align-start{align-items:start} .form-grid.three{grid-template-columns:repeat(3,1fr)} .panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;margin-bottom:18px} .panel form{box-shadow:none;border:0;padding:0;margin:0} .panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap} .panel-head h2{margin:0 0 8px} .inline-form{display:inline;margin:0;padding:0;border:0;background:none;box-shadow:none} .link-button{background:none;color:var(--primary);padding:0;font-weight:500} .icon-button{background:#f1f5f9;color:var(--primary);padding:4px 6px;border-radius:8px;min-height:auto} button.small,.button.small{padding:5px 10px;font-size:12px;min-height:auto} .block{display:block;width:100%;text-align:center} .actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap} .nowrap{white-space:nowrap} .admin-shell{display:grid;grid-template-columns:240px minmax(0,1fr);gap:22px;align-items:start} main:has(.admin-shell){max-width:1440px} .admin-sidebar{min-width:0;position:sticky;top:12px;background:#172554;color:#e6f2f2;border-radius:18px;padding:16px 10px} .admin-sidebar-head{display:flex;justify-content:space-between;align-items:center;padding:4px 10px 12px;border-bottom:1px solid #ffffff22;margin-bottom:8px} .admin-sidebar .link-button{color:#bfe3e0} .admin-sidebar .admin-nav{display:flex;flex-direction:column;gap:2px;margin:0;overflow:visible} .admin-sidebar .admin-nav a{display:flex;align-items:center;gap:10px;background:none;border:0;color:#dbeafe;padding:8px 12px;border-radius:10px;font-size:14px} .admin-sidebar .admin-nav a.current,.admin-sidebar .admin-nav a:hover{background:#ffffff1c;color:#fff} .nav-group{font-size:11px;color:#8fb7b6;padding:10px 12px 2px} .admin-heading h1{margin:0 0 14px} .stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:18px} .stat-card{display:flex;flex-direction:column;gap:4px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;color:var(--ink)} .stat-card strong{font-size:24px}.stat-card strong.small{font-size:14px}.stat-card small{color:var(--muted);font-size:12px} .row-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);flex-wrap:wrap} .row-main{flex:1;min-width:150px}.row-main strong,.row-main small{display:block} .row-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap} .list-group-title{font-size:13px;color:var(--muted);margin:16px 0 4px} .specialty-icon{display:inline-flex;width:40px;height:40px;border-radius:12px;background:#eff6ff;color:var(--primary);align-items:center;justify-content:center;object-fit:cover} .specialty-icon .icon{width:24px;height:24px} .icon-picker{display:flex;flex-wrap:wrap;gap:6px;border:1px solid var(--line);border-radius:12px;padding:10px} .icon-picker label{position:relative;display:inline-flex;margin:0;padding:6px;border-radius:10px;border:1px solid transparent;cursor:pointer} .icon-picker input{position:absolute;opacity:0} .icon-picker label:has(input:checked){border-color:var(--primary);background:#eff6ff} .chip-row{display:flex;flex-wrap:wrap;gap:8px} .chip{display:inline-flex;gap:6px;align-items:center;padding:6px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--ink);font-size:14px} .chip.current,.chip.strong{border-color:var(--primary);color:var(--primary);font-weight:500} .chip-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px} .chip-tabs a{padding:6px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:13px} .chip-tabs a.current{background:var(--primary);color:#fff} .city-prompt{background:linear-gradient(135deg,var(--primary),#14908f);color:#fff;border-radius:20px;padding:22px;margin-bottom:22px} .city-prompt .eyebrow{color:#cdeeea}.city-prompt h2{margin:4px 0} .city-prompt .chip{background:#ffffff1c;color:#fff;border-color:#ffffff40} .city-search{position:relative;display:flex;gap:8px;margin:14px 0;background:none;border:0;padding:0;box-shadow:none} .city-search input{margin:0} .city-suggestions{position:absolute;top:100%;right:0;left:0;z-index:20;list-style:none;margin:4px 0 0;padding:6px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 30px #0002} .city-suggestions a{display:flex;justify-content:space-between;padding:8px 10px;border-radius:8px;color:var(--ink)} .city-suggestions a:hover{background:#f1f5f9} .search-hero h1{margin:4px 0 12px} .scope-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px} .scope-tabs a{padding:6px 14px;border-radius:999px;border:1px solid var(--line);background:#fff;font-size:13px} .scope-tabs a.current{background:var(--primary);color:#fff;border-color:var(--primary)} .search-main{display:flex;gap:8px}.search-main input{margin:0} .search-more{margin:12px 0 0;border:0;padding:0;background:none} .specialty-strip{display:flex;gap:10px;overflow-x:auto;padding:6px 2px 12px;margin-bottom:8px} .specialty-chip{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:96px;padding:12px 8px;border-radius:14px;background:#fff;border:1px solid var(--line);color:var(--ink);text-align:center;font-size:13px} .specialty-chip small{color:var(--muted);font-size:11px} .specialty-chip.current{border-color:var(--primary)} .results-head{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px} .doctor-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));gap:14px} .doctor-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:8px} .doctor-card-head{display:flex;gap:12px;align-items:center}.doctor-card h3{margin:0 0 4px;font-size:16px} .avatar{width:56px;height:56px;border-radius:16px;object-fit:cover;flex:none} .avatar.placeholder{display:inline-flex;align-items:center;justify-content:center;background:#dbeafe;color:var(--primary-600);font-size:24px;font-weight:700} .doctor-clinic,.doctor-meta,.first-free{margin:0;font-size:13px;display:flex;gap:6px;align-items:flex-start} .first-free{background:#eff6ff;border-radius:10px;padding:8px}.first-free.none{background:#f1f5f9;color:var(--muted)} .doctor-card .button{margin-top:auto} .pagination{display:flex;gap:6px;justify-content:center;margin:18px 0} .page-link.current{background:var(--primary);color:#fff} .map-fields{border:1px solid var(--line);border-radius:12px;padding:12px;margin:0} .map-canvas,.map-view{height:260px;border-radius:12px;margin:8px 0;z-index:0} .map-links{display:flex;gap:10px;flex-wrap:wrap;font-size:13px} .checklist{list-style:none;padding:0;display:grid;gap:6px} .checklist li{display:flex;gap:10px;align-items:center;padding:8px 12px;border-radius:10px;background:#f8fafc} .checklist li span{display:flex;flex-direction:column}.checklist small{color:var(--muted)} .checklist li.ok .icon{color:#187959}.checklist li.fail{background:#fde9e9}.checklist li.fail .icon{color:#9d1e1e}.checklist li.warn .icon{color:#a26b10} .setup-card,.auth-card,.city-page{max-width:860px;margin:0 auto} .auth-card{max-width:440px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px} pre.code,pre.sms-text{white-space:pre-wrap;background:#f8fafc;border-radius:10px;padding:10px;font-size:13px;margin:0} pre.sms-text{font-family:inherit;max-width:320px} .profile-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:12px} .badges{display:flex;gap:6px;flex-wrap:wrap} .status-pending{background:#fff4dc;color:#8d672e}.status-approved{background:#e0f3ec;color:#187959}.status-rejected,.status-suspended{background:#fbece8;color:#a65040} .sms-sent,.sms-test{background:#e0f3ec;color:#187959}.sms-failed,.sms-unknown{background:#fbece8;color:#a65040}.sms-queued,.sms-sending{background:#fff4dc;color:#8d672e} .card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:12px} .timeline{list-style:none;padding:0}.timeline li{padding:6px 0;border-bottom:1px dashed var(--line)} .back-link{display:inline-block;margin-bottom:10px;font-size:14px} .filter-bar{background:#fff;border:1px solid var(--line);border-radius:14px} .filter-bar .location-fields{display:contents} @media (max-width:900px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:static}.admin-sidebar .admin-nav{flex-direction:row;overflow-x:auto}.nav-group{display:none}.form-grid.three{grid-template-columns:1fr}} .admin-content{min-width:0} /* 0.8.0 subscriptions & payments */ .plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:12px} .plan-card{position:relative;display:flex!important;flex-direction:column;gap:6px;margin:0!important;padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff;cursor:pointer} .plan-card input{position:absolute;opacity:0} .plan-card:has(input:checked){border:2px solid var(--primary);box-shadow:0 6px 20px #0b6e7222} .plan-card.featured::before{content:'پیشنهادی';position:absolute;top:-10px;left:14px;background:var(--primary);color:#fff;font-size:11px;padding:2px 10px;border-radius:999px} .plan-name{font-weight:700}.plan-price{font-size:22px;color:var(--primary)} .plan-card ul{list-style:none;padding:0;margin:6px 0 0;font-size:13px;font-weight:400}.plan-card li{display:flex;gap:6px;align-items:flex-start;margin:4px 0} .facts{display:grid;grid-template-columns:max-content 1fr;gap:6px 16px;margin:10px 0}.facts dt{color:var(--muted)}.facts dd{margin:0} .highlight-panel{border-color:#9fd7cf;background:#f0f7ff} .order-paid{background:#e0f3ec;color:#187959}.order-proforma{background:#fff4dc;color:#8d672e}.order-expired,.order-cancelled{background:#f1f5f9;color:#64748b} .subscription-card.state-grace{background:linear-gradient(115deg,#fff2d8,#fff8ea);border-color:#f0dcb0} .subscription-card.state-expired,.subscription-card.state-none{background:linear-gradient(115deg,#fdecea,#fff6f4);border-color:#f1cfc8} .pay-result{max-width:560px;margin:20px auto;text-align:center;background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px} .result-icon{width:56px;height:56px;padding:12px;border-radius:50%;background:#e0f3ec;color:#187959} .pay-result.failure .result-icon{background:#fbece8;color:#a65040} .pay-result .facts{text-align:right;max-width:360px;margin:16px auto} .pay-result .actions{justify-content:center} .invoice{max-width:860px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px} .invoice-head{display:flex;justify-content:space-between;gap:16px;border-bottom:2px solid var(--primary);padding-bottom:12px;margin-bottom:16px;background:none} .invoice-head h1{margin:0}.invoice-meta p{margin:2px 0} .invoice-parties{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px} .invoice-parties section{background:#f8fafc;border-radius:12px;padding:12px 14px}.invoice-parties h2{font-size:14px;margin:0 0 6px;color:var(--muted)}.invoice-parties p{margin:2px 0} .invoice-table{min-width:0}.invoice-table tfoot th{background:#eff6ff;font-size:16px} .inline-details{display:inline-block;margin:0 6px;padding:0;border:0;background:none}.inline-details summary{font-weight:500;font-size:13px;padding:0;color:var(--primary)} @media print{.site-header,.site-footer,.no-print,.admin-sidebar{display:none!important}.invoice{border:0;padding:0}body{background:#fff}} @media(max-width:600px){.invoice-parties{grid-template-columns:1fr}.invoice-head{flex-direction:column}} /* 0.9.0 payments: checkout bill, gateways, transactions */ .checkout .bill{display:grid;grid-template-columns:1fr auto;gap:8px 16px;background:#f8fafc;border:1px solid var(--line);border-radius:14px;padding:14px 18px;margin:16px 0} .checkout .bill dt{color:var(--muted);font-size:13px}.checkout .bill dd{margin:0;text-align:left;font-weight:500} .checkout .bill .total{border-top:1px dashed var(--line);padding-top:8px;font-weight:700;color:var(--ink)}.checkout .bill dd.total{color:var(--primary);font-size:18px} .checkout .bill .discount{color:#187959} .hint{font-size:12px;color:var(--muted)} .discount-form{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.discount-form label{flex:1;min-width:160px;margin:0} .gateway-choice{display:grid;gap:8px}.gateway-choice .choice{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;padding:10px 14px;cursor:pointer;margin:0} .gateway-choice .choice:has(input:checked){border-color:var(--primary);background:#eff6ff}.gateway-choice input{width:18px;height:18px;margin:0} h2.sub{font-size:15px;margin-top:24px} .tx-list{list-style:none;padding:0;margin:0;font-size:12px}.tx-list li{padding:8px 0;border-bottom:1px solid var(--line)} .gateway-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:16px;margin-bottom:16px} .gateway-card{display:flex;flex-direction:column;margin:0}.gateway-card form.stack{flex:1} .gateway-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px;background:none;padding:0;margin-bottom:8px}.gateway-head h2{margin:0;flex:1;font-size:17px;display:flex;align-items:center;gap:8px} .gateway-card .actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.gateway-card .actions form{margin:0;padding:0;border:0;box-shadow:none} .panel.attention{border-color:#f0d9a8;background:#fffaf0}.panel.attention h2{display:flex;align-items:center;gap:8px;color:#8b641c} .refund-item{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 14px;margin:8px 0}.refund-item summary{cursor:pointer;font-size:13px} .badge.tx-verified{background:#e0f3ec;color:#187959}.badge.tx-failed,.badge.tx-cancelled{background:#fbece8;color:#a65040}.badge.tx-refund_due{background:#fff2d6;color:#8b641c}.badge.tx-refunded{background:#e7eefb;color:#4b69a9}.badge.tx-redirected{background:#eef1fb;color:#4b5ea9} .pager{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:14px;font-size:13px} .gateway-card .muted,.gateway-card a,.panel bdi[dir=ltr]{overflow-wrap:anywhere;word-break:break-word} /* 0.10.0 centers */ .center-switch{padding:0 6px 12px}.center-switch select{width:100%;background:#ffffff14;color:#fff;border-color:#ffffff30} .center-switch option{color:#0f172a} .center-sidebar nav a{display:flex;align-items:center;gap:8px}.center-sidebar nav .icon{width:16px;height:16px;opacity:.85} .center-sidebar .avatar-placeholder .icon{width:38px;height:38px} .room-form,.hours-form{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin:6px 0}.room-form label,.hours-form label{margin:0;flex:1;min-width:110px} .room-form label.check{flex:0 0 auto;min-width:0}.room-form input,.hours-form input,.hours-form select{min-height:38px} .inline-form:has(label){display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}.inline-form:has(label) label{margin:0;flex:1;min-width:120px} .perm-chips{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:8px 0}.perm-chips li{display:inline-flex;align-items:center;gap:4px;font-size:12px;padding:4px 10px;border-radius:999px;background:#f1f5f9;color:#64748b} .perm-chips li.on{background:#e0f3ec;color:#187959}.perm-chips .icon{width:14px;height:14px} .presence-list{list-style:none;padding:0;margin:8px 0;display:grid;gap:8px}.presence-list li{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fbfdff} .presence-list li>span:first-child{flex:1;min-width:140px}.presence-list form{margin:0;padding:0;border:0;box-shadow:none;background:none} .link-card h2{display:flex;align-items:center;gap:8px;font-size:18px;margin:0}.link-card h2 small{font-weight:400} .room-grid th,.room-grid td{vertical-align:top;min-width:120px}.room-grid tbody th{background:#f8fafc;white-space:nowrap} .shift-chip{display:block;font-size:12px;background:#eff6ff;color:var(--primary-600);border-radius:8px;padding:4px 8px;margin:2px 0}.shift-chip.muted-chip{background:#f1f5f9;color:#64748b} .center-calendar td{vertical-align:middle}.center-calendar tr.row-cancelled td{opacity:.6}.center-calendar tr.row-no_show td:first-child{box-shadow:inset -3px 0 #df947c} .day-block h2{display:flex;gap:10px;align-items:baseline} .rate-bar{display:inline-block;min-width:70px;padding:2px 8px;border-radius:6px;font-size:12px;background:linear-gradient(to left,#fbe1d9 var(--rate),#f1f5f9 var(--rate))} .announcement{border-bottom:1px solid var(--line);padding:10px 0}.announcement p{margin:4px 0} .center-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:12px;margin:14px 0} .center-card{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;color:var(--ink);transition:border-color .2s,box-shadow .2s} .center-card:hover{border-color:#93c5fd;box-shadow:0 6px 18px #2563eb14} .center-card img,.center-logo{width:56px;height:56px;border-radius:14px;flex-shrink:0;object-fit:cover;background:#eff6ff;display:inline-flex;align-items:center;justify-content:center;color:var(--primary)} .center-card strong,.center-card small{display:block}.center-card small{color:var(--muted);font-size:12px} .search-hero.compact{padding-bottom:18px}.center-cta{text-align:center;margin:24px 0} .narrow-wide{max-width:880px;margin-inline:auto}.register-center fieldset{background:#fbfdff} .clinic-hero .avatar-placeholder .icon{width:56px;height:56px}.branch-public h2{display:flex;align-items:center;gap:8px;margin:0} .centers-strip{margin-top:28px} @media(max-width:600px){.presence-list li{align-items:flex-start}.room-grid th,.room-grid td{min-width:96px}} .center-plans{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:14px;margin:16px 0} .center-plan{position:relative;display:flex;flex-direction:column;gap:6px;padding:20px;border:1px solid var(--line);border-radius:18px;background:#fff} .center-plan.featured{border:2px solid var(--primary)}.center-plan.featured::before{content:'پیشنهادی';position:absolute;top:-11px;left:16px;background:var(--primary);color:#fff;font-size:11px;padding:2px 10px;border-radius:999px} .center-plan h3{margin:0;font-size:17px}.center-plan .price{font-size:22px;color:var(--primary)} .center-plan ul{list-style:none;padding:0;margin:6px 0;font-size:13px;flex:1}.center-plan li{margin:4px 0;padding-right:16px;position:relative}.center-plan li::before{content:'✓';position:absolute;right:0;color:var(--primary)} .center-plan form{margin:8px 0 0;padding:0;border:0;box-shadow:none;background:none} /* 0.11.0 notifications, waitlist and queue */ .bell-link{position:relative;display:inline-flex;align-items:center}.bell-link .icon{width:20px;height:20px} .bell-count{position:absolute;top:-6px;left:-8px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:#d4553b;color:#fff;font-size:11px;line-height:18px;text-align:center;font-weight:500} .notify-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;align-items:start}.notify-layout h1{display:flex;align-items:center;gap:10px;font-size:24px} .notify-layout .chip-row{margin:10px 0 16px}.chip.current{background:var(--primary);color:#fff;border-color:var(--primary)} .notification .actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.notification .actions form{margin:0;padding:0;border:0;box-shadow:none;background:none} .notification.read{opacity:.8}.push-card h2,.notify-layout aside h2{display:flex;align-items:center;gap:8px;font-size:17px} .pref-table td,.pref-table th{text-align:center;padding:8px}.pref-table td:first-child,.pref-table th:first-child{text-align:right}.pref-table input{width:18px;height:18px} .live-line{margin:6px 0 0;font-size:12px;display:flex;align-items:center;gap:6px;color:var(--primary-600);background:#eff6ff;border-radius:8px;padding:4px 8px;width:fit-content} .live-line.now{background:#187959;color:#fff}.live-line.delay{background:#fff2d6;color:#8b641c}.live-line .icon{width:14px;height:14px} .waitlist-box{margin-top:16px;border:1px dashed #93c5fd;border-radius:14px;padding:12px 16px;background:#f5f9ff}.waitlist-box summary{cursor:pointer;font-weight:500;display:flex;align-items:center;gap:8px} .waitlist-form{display:flex!important;flex-wrap:wrap;gap:10px;align-items:flex-end;margin-top:10px}.waitlist-form label{flex:1;min-width:130px;margin:0} .queue-head{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px} .queue-now{background:var(--primary);color:#fff;border-radius:18px;padding:16px 20px;text-align:center}.queue-now span{display:block;font-size:13px;opacity:.85}.queue-now strong{font-size:48px;line-height:1.3} .queue-now.muted-box{background:#fff;color:var(--ink);border:1px solid var(--line)} .queue-call button{width:100%;font-size:17px;padding:14px}.queue-badge{background:#eff6ff;color:var(--primary-600)} .reception-table tr.row-current td{background:#e0f3ec}.estimate-form{display:flex!important;gap:6px;align-items:center}.estimate-form input{width:84px;min-height:34px}.estimate-form input[name=reason]{width:140px} body.queue-display{background:#172554}body.queue-display .site-header,body.queue-display .site-footer{display:none} .queue-board{max-width:1200px;margin:0 auto;color:#fff;text-align:center;padding:24px}.queue-board h1{font-size:34px;margin:0}.queue-board header p{opacity:.8} .queue-current{background:#fff;color:var(--primary);border-radius:28px;padding:24px;margin:20px auto;max-width:560px}.queue-current span{display:block;font-size:20px}.queue-current strong{display:block;font-size:min(30vw,180px);line-height:1.1;font-weight:700} .queue-next h2{font-size:22px}.queue-numbers{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px} .queue-numbers li{background:#ffffff14;border-radius:14px;padding:10px}.queue-numbers strong{display:block;font-size:34px}.queue-numbers small{opacity:.75} .queue-board .muted{color:#cfe4e4} @media(max-width:900px){.notify-layout{grid-template-columns:1fr}.queue-head{grid-template-columns:1fr 1fr 1fr}.queue-now strong{font-size:34px}} .notify-layout>*{min-width:0}.notify-layout .chip-row{flex-wrap:wrap}.notify-layout .between{flex-wrap:wrap;gap:8px} .pref-table{min-width:0;width:100%}.pref-table th{font-size:12px} [hidden]{display:none!important} .table-wrap{position:relative} .queue-numbers{grid-template-columns:repeat(auto-fit,minmax(110px,140px));justify-content:center}.queue-numbers small{color:#d6eaea;opacity:1} /* 0.12.0 admin dashboard, roles, support, content */ :root{--s1:var(--primary);--s2:#ea580c} .dash-filters{display:grid;gap:8px}.dash-filters .chip-row{margin:0}.dash-range{padding:0!important;border:0;box-shadow:none;margin:0} .dash-range label{max-width:180px}.dash-range .button,.dash-range button{min-height:44px;display:inline-flex;align-items:center;gap:6px} .revenue-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px} .revenue-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:4px;min-width:0} .revenue-card>span{font-size:13px;color:var(--muted)}.revenue-card>strong{font-size:21px;font-weight:700;line-height:1.6;overflow-wrap:anywhere} .revenue-card.accent{background:linear-gradient(135deg,var(--primary),#3b82f6);color:#fff;border-color:transparent}.revenue-card.accent>span,.revenue-card.accent dt{color:#dbeafe} .revenue-card dl{margin:4px 0 0;display:grid;gap:2px;font-size:12px}.revenue-card dl div{display:flex;justify-content:space-between;gap:8px}.revenue-card dt{color:var(--muted);display:flex;align-items:center;gap:6px}.revenue-card dd{margin:0} .swatch{display:inline-block;width:10px;height:10px;border-radius:3px;background:var(--s1);flex-shrink:0}.swatch.s2{background:var(--s2)} .revenue-card.accent .swatch{box-shadow:0 0 0 2px #ffffff55} .dash-stats{grid-template-columns:repeat(auto-fill,minmax(min(100%,190px),1fr))} .stat-card.attention{border-color:#f0c38d;background:#fffaf2}.stat-card.attention .icon{color:#b5651d} .stat-card strong small{font-size:14px;color:var(--muted)} .chart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:16px} .chart-panel .panel-head{flex-wrap:wrap}.legend{display:flex;gap:14px;list-style:none;margin:0;padding:0;font-size:12px;color:var(--muted)}.legend li{display:flex;align-items:center;gap:6px} .chart-box{position:relative;width:100%;overflow-x:auto;overscroll-behavior-x:contain} .chart{width:100%;min-width:540px;height:auto;display:block} .chart .grid{stroke:#e2e8f0;stroke-width:1}.chart .baseline{stroke:#cbd5e1;stroke-width:1} .chart .axis{fill:#64748b;font-size:13px;font-family:IRANSans,Tahoma,sans-serif} .chart .mark.s1{fill:var(--s1)}.chart .mark.s2{fill:var(--s2)} .chart .line{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.chart .line.s1{stroke:var(--s1)}.chart .line.s2{stroke:var(--s2)} .chart .dot{stroke:#fff;stroke-width:2}.chart .dot.s1{fill:var(--s1)}.chart .dot.s2{fill:var(--s2)} .chart .hit{fill:transparent;cursor:crosshair;outline:none}.chart .hit:hover,.chart .hit.active,.chart .hit:focus-visible{fill:#2563eb12} .chart-tip{position:fixed;z-index:50;pointer-events:none;background:#0f172a;color:#fff;font-size:12px;line-height:1.8;padding:6px 10px;border-radius:8px;max-width:280px;box-shadow:0 6px 18px #0004} .chart-table{margin:10px 0 0;padding:6px 12px}.chart-table summary{font-size:13px;font-weight:500}.chart-table table{min-width:0} .geo-table td,.geo-table th{padding:9px 10px;font-size:13px} .inline-bar{display:inline-block;min-width:56px;padding:1px 8px;border-radius:6px;background:linear-gradient(to left,#dbeafe var(--w),#f1f5f9 var(--w))} .rank-list{margin:0;padding:0;list-style:none;counter-reset:r}.rank-list li{counter-increment:r;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 4px;border-bottom:1px solid var(--line)} .rank-list li span:before{content:counter(r,persian);display:inline-flex;width:24px;height:24px;border-radius:8px;background:#eff6ff;color:var(--primary-600);align-items:center;justify-content:center;font-size:12px;margin-left:8px} .rank-list small{color:var(--muted);font-size:11px} .admin-me{display:flex;align-items:center;gap:8px;color:#fff;min-width:0;border-radius:10px;padding:4px 6px}.admin-me:hover,.admin-me.current{background:#ffffff1c} .admin-me span{display:flex;flex-direction:column;min-width:0;line-height:1.5}.admin-me strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:130px}.admin-me small{font-size:11px;color:#bfdbfe} .admin-sidebar-head .link-button{color:#dbeafe;display:inline-flex;align-items:center;gap:4px;font-size:12px}.admin-sidebar-head .link-button .icon{width:14px;height:14px} .denied-panel{text-align:center;padding:40px 20px}.denied-panel>.icon{width:44px;height:44px;color:#b5651d} .role-matrix td,.role-matrix th{text-align:center;font-size:13px;padding:8px}.role-matrix td:first-child,.role-matrix th:first-child{text-align:right}.role-matrix .icon.ok{width:18px;height:18px;color:#187959} tr.row-muted td{opacity:.6}tr.row-attention td:first-child{box-shadow:inset -3px 0 #e39b4b} .badge.ticket-open,.badge.announce-queued,.badge.announce-sending{background:#fff2d6;color:#8b641c}.badge.ticket-answered,.badge.announce-sent{background:#e0f3ec;color:#187959}.badge.ticket-closed,.badge.announce-cancelled{background:#f1f5f9;color:#64748b} .badge.prio-high{background:#fbe1d9;color:#a64a32}.badge.prio-low{background:#f1f5f9;color:#64748b} .thread{list-style:none;padding:0;margin:14px 0;display:grid;gap:10px}.thread li{border:1px solid var(--line);border-radius:14px;padding:10px 14px;background:#fbfdff;max-width:92%} .thread li.from-support{background:#eff6ff;border-color:#bfdbfe;margin-right:auto}.thread li.from-user{margin-left:auto} .thread header{display:flex;justify-content:space-between;gap:10px;font-size:12px}.thread p{margin:6px 0 0;overflow-wrap:anywhere} .ticket-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start} .support-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:start}.support-layout h1{display:flex;align-items:center;gap:10px;font-size:24px}.support-layout>*{min-width:0} .ticket-card{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--ink);padding:14px 18px}.ticket-card span:first-child{display:flex;flex-direction:column;min-width:0}.ticket-card small{color:var(--muted);font-size:12px} .ticket-card:hover{border-color:#93c5fd} .home-notice{display:flex;align-items:center;gap:10px;background:#fff7e8;border:1px solid #f1d9a8;color:#7a5413;border-radius:14px;padding:10px 16px;margin:0 0 16px}.home-notice .icon{width:20px;height:20px;flex-shrink:0} .hero-text{margin:-4px 0 14px;color:var(--muted)} .home-banners{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:14px;margin:18px 0} .home-banner{position:relative;border-radius:20px;overflow:hidden;background:linear-gradient(120deg,#e0ecff,#f4f9ef);border:1px solid #dbeafe;min-height:150px;display:flex} .home-banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} .home-banner.has-image:after{content:'';position:absolute;inset:0;background:linear-gradient(to left,#172554e6,#17255433 70%)} .home-banner-text{position:relative;z-index:1;padding:20px 22px;display:flex;flex-direction:column;justify-content:center;gap:6px;max-width:520px} .home-banner-text h2{margin:0;font-size:19px}.home-banner-text p{margin:0;font-size:14px}.home-banner-text .button{align-self:flex-start;margin-top:6px} .home-banner.has-image .home-banner-text{color:#fff} .footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin-bottom:6px}.footer-links a{display:inline-flex;align-items:center;gap:4px}.footer-links .icon{width:16px;height:16px} .footer-contact{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 16px}.footer-contact a{display:inline-flex;align-items:center;gap:4px}.footer-contact .icon{width:14px;height:14px} .banner-row img,.banner-thumb{width:150px;height:50px;border-radius:8px;object-fit:cover;flex-shrink:0;background:#eff6ff;display:inline-flex;align-items:center;justify-content:center} .narrow-panel{max-width:720px} @media (max-width:1100px){.revenue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:900px){.ticket-layout,.support-layout{grid-template-columns:1fr}} @media (max-width:600px){.revenue-grid{grid-template-columns:1fr 1fr;gap:8px}.revenue-card{padding:12px}.revenue-card>strong{font-size:16px}.revenue-card dl{font-size:11px} .dash-range label{max-width:none;flex:1 1 40%}.banner-row{flex-wrap:wrap}.thread li{max-width:100%}} @media (max-width:900px){.admin-sidebar .admin-nav{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:4px;scrollbar-width:thin}.admin-sidebar .admin-nav a{white-space:nowrap;flex:0 0 auto;scroll-snap-align:start}} @media (max-width:600px){.dash-stats{grid-template-columns:1fr 1fr;gap:8px}.dash-stats .stat-card{padding:12px}.dash-stats .stat-card strong{font-size:20px}.dash-stats .stat-card small{font-size:11px}} /* 1.0.0 PWA: bottom navigation, install page, offline page, loading and connection feedback */ .bottom-nav{display:none} @media (max-width:720px){ body:has(.bottom-nav){padding-bottom:calc(68px + env(safe-area-inset-bottom))} .bottom-nav{display:flex;position:fixed;inset:auto 0 0 0;z-index:40;background:#fffffff2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--line);padding:6px 6px calc(6px + env(safe-area-inset-bottom));justify-content:space-around;box-shadow:0 -6px 20px #0f172a12} .bottom-nav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;margin:0;padding:4px 2px;border-radius:12px;color:#64748b;font-size:11px;font-weight:500;position:relative;min-height:48px;justify-content:center} .bottom-nav a .icon{width:22px;height:22px} .bottom-nav a.current{color:var(--primary);background:#eff6ff} .bottom-count{position:absolute;top:2px;left:calc(50% - 20px);min-width:17px;height:17px;border-radius:9px;background:#d4553b;color:#fff;font-size:10px;line-height:17px;text-align:center;padding:0 4px} .site-footer{padding-bottom:12px} } .net-status{position:fixed;top:0;inset-inline:0;z-index:60;margin:0;background:#7a3b16;color:#fff;text-align:center;font-size:13px;padding:6px 12px} html.is-navigating body:before{content:'';position:fixed;top:0;right:0;height:3px;z-index:70;background:linear-gradient(to left,var(--primary),#60a5fa);animation:nav-progress 2.4s ease-out forwards} @keyframes nav-progress{from{width:0}to{width:85%}} button.is-loading{position:relative;color:transparent!important;pointer-events:none} button.is-loading:after{content:'';position:absolute;inset:0;margin:auto;width:18px;height:18px;border-radius:50%;border:2px solid #ffffff80;border-top-color:#fff;animation:spin .7s linear infinite} button.secondary.is-loading:after,button.danger.is-loading:after,.link-button.is-loading:after{border-color:#2563eb40;border-top-color:var(--primary)} @keyframes spin{to{transform:rotate(360deg)}} .skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#f8fafc 50%,#f1f5f9 75%);background-size:200% 100%;animation:shimmer 1.3s infinite;border-radius:12px;color:transparent!important} @keyframes shimmer{from{background-position:200% 0}to{background-position:-200% 0}} [data-map-view]:empty{min-height:220px;background:linear-gradient(90deg,#f1f5f9 25%,#f8fafc 50%,#f1f5f9 75%);background-size:200% 100%;animation:shimmer 1.3s infinite;border-radius:14px} @media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}} .install-hero{display:flex;gap:22px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:24px;padding:26px;margin-bottom:18px} .install-hero img{border-radius:22px;flex-shrink:0;box-shadow:0 8px 24px #2563eb30}.install-hero h1{margin:0 0 6px} .install-hero button{display:inline-flex;align-items:center;gap:8px} .install-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:14px} .install-grid h2{display:flex;align-items:center;gap:8px;font-size:17px}.install-grid ol{padding-inline-start:20px;margin:0}.install-grid li{margin:4px 0} .offline-page{display:grid;place-items:center;min-height:100vh;padding:20px} .offline-box{background:#fff;border:1px solid var(--line);border-radius:24px;padding:32px 26px;max-width:460px;text-align:center;margin:0;min-height:0} .offline-icon{width:56px;height:56px;color:var(--primary)} .error-page main{margin-top:12vh} .gateway-redirect main{margin-top:15vh;text-align:center} .danger-zone{border:1px solid #f1c7bd;background:#fff8f6;border-radius:14px;padding:14px} .log-list li{font-size:13px;overflow-wrap:anywhere} @media (max-width:600px){.install-hero{flex-direction:column;text-align:center;padding:20px}} /* ============================================================ 1.0.0-rc.2 design system: blue medical theme, header, homepage, footer, admin homepage manager. Rules below intentionally come last and override earlier component styles. ============================================================ */ html{scroll-behavior:smooth;-webkit-text-size-adjust:100%} body{background:var(--bg);color:var(--ink);font-weight:400;line-height:1.85;text-rendering:optimizeLegibility} h1,h2,h3,h4{color:var(--ink);line-height:1.5}h1{font-weight:700}h2{font-weight:700}h3{font-weight:500} small,.muted{font-weight:300} a{color:var(--primary);transition:color .2s var(--ease)}a:hover{color:var(--primary-600)} ::selection{background:#bfdbfe;color:#0f172a} a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #93c5fd;outline-offset:2px} main{max-width:1240px;margin:26px auto 40px;padding:0 20px} main:has(.admin-shell),main:has(.workspace){max-width:1440px} /* Buttons */ button,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--primary);color:#fff;border:1px solid transparent;border-radius:12px;padding:10px 20px;font:inherit;font-weight:500;line-height:1.6;cursor:pointer;text-decoration:none;transition:background .2s var(--ease),box-shadow .2s var(--ease),transform .15s var(--ease),color .2s;box-shadow:0 1px 2px #1e3a8a1f} button:hover,.button:hover{background:var(--primary-600);color:#fff;filter:none;box-shadow:0 6px 16px -6px #2563eb80} button:active,.button:active{transform:translateY(1px)} button .icon,.button .icon{width:18px;height:18px} button.secondary,.button.secondary{background:var(--primary-50);color:var(--primary-600);border-color:#dbeafe;box-shadow:none} button.secondary:hover,.button.secondary:hover{background:var(--primary-100);color:var(--primary-700)} .button.ghost,button.ghost{background:#fff;color:var(--primary-600);border-color:var(--line);box-shadow:none} .button.ghost:hover,button.ghost:hover{border-color:#bfdbfe;background:var(--primary-50);color:var(--primary-700)} .button.light,button.light{background:#fff;color:var(--primary-700);box-shadow:0 6px 18px -8px #0f172a66} .button.light:hover{background:#f8fafc;color:var(--primary-700)} button.danger,.button.danger{background:#fef2f2;color:#b91c1c;border-color:#fecaca;box-shadow:none} button.danger:hover{background:#fee2e2;color:#991b1b} button.small,.button.small{padding:5px 12px;font-size:13px;border-radius:10px} .button.block{display:flex;width:100%} .link-button{background:none!important;box-shadow:none!important;border:0;padding:0;color:var(--primary)} .icon-button{background:#fff;color:var(--ink-2);border:1px solid var(--line);padding:6px;border-radius:10px;box-shadow:none} .icon-button:hover{background:var(--primary-50);color:var(--primary-600);box-shadow:none} /* Forms */ input,select,textarea{border:1px solid #cbd5e1;border-radius:12px;background:#fff;color:var(--ink);transition:border-color .2s,box-shadow .2s} input:focus,select:focus,textarea:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 4px #dbeafe} input::placeholder,textarea::placeholder{color:#94a3b8;font-weight:300} form,.card{border-color:var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)} .panel{border-color:var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)} textarea.tall{min-height:340px} .notice{background:var(--primary-50);border:1px solid #dbeafe;color:#1e3a8a} .error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b} .tag{background:var(--primary-50);color:var(--primary-600)} .chip{transition:background .2s,border-color .2s,color .2s}.chip:hover{border-color:#bfdbfe;background:var(--primary-50);color:var(--primary-700)} .chip.ghost{background:transparent;border-style:dashed} .empty-state{border-color:#cbd5e1;color:var(--muted);background:#fff} .empty-state.wide{display:flex;flex-direction:column;align-items:center;gap:10px;padding:34px 20px;border-radius:var(--radius-lg)} .empty-state.wide>.icon{width:40px;height:40px;color:#93c5fd}.empty-state.wide p{margin:0;font-size:15px;color:var(--ink-2)} th{background:#f1f5f9;color:var(--ink-2);font-weight:500} /* Header */ .site-header{position:sticky;top:0;z-index:30;display:block;background:#ffffffeb;backdrop-filter:saturate(1.6) blur(12px);-webkit-backdrop-filter:saturate(1.6) blur(12px);border-bottom:1px solid transparent;padding:0;transition:box-shadow .25s var(--ease),border-color .25s} .site-header.scrolled{border-bottom-color:var(--line);box-shadow:0 8px 24px -18px #0f172a59} .header-inner{max-width:1240px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;gap:20px} .site-header .brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:21px;font-weight:700;flex-shrink:0} .site-header .brand small,.site-footer .brand small{display:block;font-size:11px;font-weight:300;color:var(--muted);line-height:1.2;margin-top:2px} .site-header .brand span,.site-footer .brand span{line-height:1.25} .brand-icon{width:38px;height:38px;color:var(--primary);background:var(--primary-50);border-radius:12px;padding:6px} .site-nav{display:flex;gap:2px;margin:0;flex-wrap:nowrap} .site-nav a{margin:0;padding:8px 12px;border-radius:10px;color:var(--ink-2);font-size:14px;font-weight:500;white-space:nowrap} .site-nav a:hover{background:#f1f5f9;color:var(--ink)} .site-nav a.current{color:var(--primary-600);background:var(--primary-50)} .header-actions{display:flex;align-items:center;gap:8px;margin-inline-start:auto} .city-chip{gap:6px;padding:7px 12px;border-radius:12px;background:#f8fafc;border:1px solid var(--line);color:var(--ink);font-size:13px;font-weight:500} .city-chip .icon{width:17px;height:17px;color:var(--primary)}.city-chip .chev{width:14px;height:14px;color:var(--muted)} .city-chip:hover{border-color:#bfdbfe;background:var(--primary-50);color:var(--ink)} .header-actions .button{padding:8px 14px;font-size:14px} .bell-link{width:40px;height:40px;justify-content:center;border-radius:12px;color:var(--ink-2)}.bell-link:hover{background:#f1f5f9} .header-admin{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;border-radius:12px;color:var(--ink-2);border:1px solid var(--line)} @media (max-width:1100px){.site-nav a{padding:8px 8px;font-size:13px}.header-doctor span{display:none}.header-doctor{padding:8px 10px!important}} @media (max-width:920px){.site-nav{display:none}} @media (max-width:600px){ .header-inner{padding:10px 16px;gap:10px} .site-header .brand{font-size:18px}.site-header .brand small{display:none}.brand-icon{width:34px;height:34px} .header-actions{gap:6px}.header-doctor{display:none!important} .header-account span{display:none}.header-account{width:40px;height:40px;padding:0!important;border-radius:12px} .city-chip{padding:6px 10px;max-width:130px}.city-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} main{margin-top:16px;padding:0 16px} } /* Home: notice and preview */ .home-notice{border-radius:14px;margin-bottom:18px} .preview-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#fffbeb;border:1px solid #fde68a;color:#78350f;border-radius:14px;padding:10px 14px;margin:0 0 16px} .preview-bar .button{margin-inline-start:auto} /* Hero */ .hero{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:20px;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 55%,#e0f2fe 100%);border-radius:28px;padding:44px 48px;overflow:hidden;isolation:isolate;margin-bottom:22px} .hero:before,.hero:after{content:'';position:absolute;border-radius:50%;z-index:-1} .hero:before{width:420px;height:420px;background:radial-gradient(circle,#bfdbfe 0%,transparent 70%);left:-120px;top:-160px;opacity:.9} .hero:after{width:260px;height:260px;background:radial-gradient(circle,#a5f3fc 0%,transparent 70%);right:38%;bottom:-140px;opacity:.6} .hero h1{font-size:clamp(26px,3.4vw,40px);margin:0 0 8px;letter-spacing:-.5px;color:#0f172a} .hero-sub{font-size:16px;color:var(--ink-2);margin:0 0 22px;max-width:520px} .hero-search{position:relative;display:flex;align-items:center;gap:0;background:#fff;border:1px solid #dbeafe;border-radius:18px;padding:6px;box-shadow:var(--shadow-lg);margin:0;max-width:640px} .hero-city{display:inline-flex;align-items:center;gap:6px;padding:10px 12px;color:var(--ink);font-weight:500;font-size:14px;white-space:nowrap;border-left:1px solid var(--line)} .hero-city .icon{color:var(--primary);width:18px;height:18px}.hero-city .chev{width:14px;height:14px;color:var(--muted)} .hero-search input{border:0;box-shadow:none;margin:0;padding:12px 14px;min-width:0;flex:1;background:transparent;font-size:15px} .hero-search input:focus{box-shadow:none} .hero-search button{border-radius:14px;padding:12px 20px;flex-shrink:0} .hero-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;font-size:13px;color:var(--ink-2)} .hero-chips a{background:#ffffffb3;border:1px solid #ffffff;color:var(--primary-700);padding:4px 12px;border-radius:999px;font-size:13px;backdrop-filter:blur(4px)} .hero-chips a:hover{background:#fff;border-color:#bfdbfe} .hero-pick{margin-top:18px;background:#ffffffb3;border:1px solid #fff;border-radius:16px;padding:12px 14px} .hero-pick strong{display:flex;align-items:center;gap:6px;font-size:14px;margin-bottom:8px}.hero-pick strong .icon{color:var(--primary)} .hero-art{display:flex;justify-content:center}.hero-art img{width:100%;max-width:460px;height:auto;animation:float-in .7s var(--ease) both} @keyframes float-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}} .suggest-box{position:absolute;inset-inline:0;top:calc(100% + 8px);background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-lg);padding:8px;z-index:20;max-height:360px;overflow:auto;text-align:right} .suggest-group{font-size:11px;font-weight:500;color:var(--muted);padding:6px 10px 2px} .suggest-box a{display:flex;flex-direction:column;padding:8px 10px;border-radius:10px;color:var(--ink);line-height:1.6} .suggest-box a small{color:var(--muted);font-size:12px} .suggest-box a:hover,.suggest-box a[aria-selected=true]{background:var(--primary-50)} .suggest-empty{margin:6px 10px;color:var(--muted);font-size:13px} .suggest-skeleton{display:block;height:38px;margin:6px 4px} .search-main{position:relative} @media (max-width:860px){.hero{grid-template-columns:1fr;padding:28px 22px}.hero-art{display:none}} @media (max-width:600px){ .hero{border-radius:22px;padding:22px 16px 18px;margin-bottom:16px}.hero h1{font-size:23px}.hero-sub{font-size:14px;margin-bottom:16px} .hero-search{flex-wrap:wrap;border-radius:16px}.hero-city{border-left:0;border-bottom:1px solid var(--line);width:100%;padding:8px 10px} .hero-search input{flex:1 1 60%;padding:10px}.hero-search button{padding:10px 14px}.hero-search button span{display:none} } /* Service cards */ .service-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:28px} .service-card{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(135deg,#ffffff,#f0f7ff);border:1px solid #dbeafe;border-radius:24px;padding:22px 24px;color:var(--ink);overflow:hidden;min-height:176px;transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s} .service-card.centers{background:linear-gradient(135deg,#ffffff,#ecfeff);border-color:#cffafe} .service-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#bfdbfe;color:var(--ink)} .service-text{display:flex;flex-direction:column;gap:6px;max-width:58%} .service-text strong{font-size:20px}.service-text>span:not(.service-icon):not(.service-cta){color:var(--ink-2);font-size:14px} .service-icon{width:44px;height:44px;border-radius:14px;background:var(--primary);color:#fff;display:inline-flex;align-items:center;justify-content:center} .centers .service-icon{background:#0891b2} .service-cta{display:inline-flex;align-items:center;gap:4px;margin-top:6px;color:var(--primary-600);font-weight:500;font-size:14px}.service-cta .icon{width:16px;height:16px} .service-card img{width:42%;max-width:220px;height:auto;flex-shrink:0} @media (max-width:720px){.service-cards{grid-template-columns:1fr 1fr;gap:10px}.service-card{flex-direction:column-reverse;align-items:stretch;padding:14px;min-height:0;border-radius:18px;text-align:center}.service-text{max-width:none;align-items:center}.service-text strong{font-size:15px}.service-text>span:not(.service-icon):not(.service-cta){display:none}.service-icon{display:none}.service-card img{width:100%;max-width:none;height:96px;object-fit:contain}.service-cta{font-size:12px}} /* Section heads */ .home-sec{margin:34px 0} .sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:14px} .sec-head h2{margin:0;font-size:22px;letter-spacing:-.3px}.sec-head p{margin:2px 0 0;color:var(--muted);font-size:14px} .sec-more{display:inline-flex;align-items:center;gap:2px;font-size:14px;font-weight:500;white-space:nowrap;padding:4px 10px;border-radius:10px}.sec-more:hover{background:var(--primary-50)}.sec-more .icon{width:16px;height:16px} @media (max-width:600px){.home-sec{margin:24px 0}.sec-head h2{font-size:18px}.sec-head p{font-size:13px}.sec-more{font-size:13px;padding:2px 6px}} /* Specialty grid */ .spec-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px} .spec-card{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 10px 14px;color:var(--ink);transition:transform .2s var(--ease),box-shadow .2s var(--ease),border-color .2s} .spec-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#bfdbfe;color:var(--ink)} .spec-card strong{font-size:14px;font-weight:500;line-height:1.5}.spec-card small{font-size:12px;color:var(--muted)} .spec-icon{width:52px;height:52px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;background:#eff6ff;color:var(--primary);object-fit:cover} .spec-icon .icon{width:26px;height:26px} .spec-card:nth-child(6n+2) .spec-icon{background:#fdf2f8;color:#db2777}.spec-card:nth-child(6n+3) .spec-icon{background:#ecfeff;color:#0891b2} .spec-card:nth-child(6n+4) .spec-icon{background:#f5f3ff;color:#7c3aed}.spec-card:nth-child(6n+5) .spec-icon{background:#fff7ed;color:#ea580c}.spec-card:nth-child(6n) .spec-icon{background:#f0fdf4;color:#16a34a} @media (max-width:1000px){.spec-grid{grid-template-columns:repeat(4,minmax(0,1fr))}} @media (max-width:600px){.spec-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.spec-card{padding:12px 4px 10px;border-radius:14px;gap:6px}.spec-card strong{font-size:12px}.spec-card small{display:none}.spec-icon{width:44px;height:44px;border-radius:14px}.spec-icon .icon{width:22px;height:22px}} @media (max-width:360px){.spec-grid{grid-template-columns:repeat(3,minmax(0,1fr))}} /* Rails */ .rail-wrap{position:relative} .rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 3*16px)/4);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:2px;padding:4px 2px 14px;scrollbar-width:none;overscroll-behavior-x:contain} .rail::-webkit-scrollbar{display:none} .rail>*{scroll-snap-align:start;min-width:0} .rail-btn{position:absolute;top:calc(50% - 30px);width:40px;height:40px;padding:0;border-radius:50%;background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow);z-index:2} .rail-btn:hover{background:var(--primary-50);color:var(--primary-600)} .rail-btn.prev{right:-14px}.rail-btn.next{left:-14px}.rail-btn[hidden]{display:none} .article-rail,.center-rail{grid-auto-columns:calc((100% - 3*16px)/4)} @media (max-width:1000px){.rail{grid-auto-columns:calc((100% - 2*14px)/3);gap:14px}} @media (max-width:720px){.rail{grid-auto-columns:72%;gap:12px;margin-inline:-16px;padding-inline:16px;scroll-padding-inline:16px}.rail-btn{display:none}.doc-rail{grid-auto-columns:64%}} /* Doctor cards */ .doc-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px 16px 16px;height:100%;transition:transform .2s var(--ease),box-shadow .2s var(--ease),border-color .2s} .doc-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#bfdbfe} .doc-badge{position:absolute;top:12px;left:12px;display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:500;color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:999px;padding:2px 8px}.doc-badge .icon{width:13px;height:13px} .doc-photo{display:block;width:88px;height:88px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#dbeafe,#eff6ff);box-shadow:0 0 0 4px #fff,0 0 0 5px #dbeafe;margin-bottom:8px} .doc-photo img{width:100%;height:100%;object-fit:cover} .doc-initial{display:flex;width:100%;height:100%;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:var(--primary)} .doc-card h3{font-size:16px;font-weight:700;margin:0}.doc-card h3 a{color:var(--ink)}.doc-card h3 a:hover{color:var(--primary)} .doc-spec{display:inline-flex;align-items:center;gap:4px;margin:0 0 6px;font-size:13px;color:var(--primary-600);font-weight:500}.doc-spec .icon{width:15px;height:15px} .doc-meta{display:flex;align-items:center;justify-content:center;gap:4px;margin:0;font-size:12px;color:var(--muted);max-width:100%} .doc-meta .icon{width:14px;height:14px;flex:none}.doc-meta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .doc-first{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin:10px 0 12px;padding:7px 10px;border-radius:12px;background:#f0fdf4;color:#166534;font-size:12px;font-weight:500} .doc-first.none{background:#f1f5f9;color:var(--muted)}.doc-first .icon{width:15px;height:15px} .doc-card .button{margin-top:auto} /* Promo */ .promo{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;border-radius:28px;padding:34px 44px;color:#fff;overflow:hidden;isolation:isolate;margin:34px 0} .promo:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 15% 20%,#ffffff26 0,transparent 40%),radial-gradient(circle at 85% 110%,#ffffff1f 0,transparent 45%);z-index:-1} .promo.theme-blue{background:linear-gradient(120deg,var(--primary-600),var(--primary) 50%,#3b82f6)} .promo.theme-indigo{background:linear-gradient(120deg,#3730a3,#4f46e5)} .promo.theme-teal{background:linear-gradient(120deg,#0e7490,#0891b2)} .promo.theme-navy{background:linear-gradient(120deg,#0f172a,#1e3a8a)} .promo h2{color:#fff;font-size:26px;margin:0 0 6px}.promo p{margin:0 0 18px;color:#e0ecff;font-size:16px;max-width:520px} .promo img{width:300px;max-width:38%;height:auto} @media (max-width:720px){.promo{flex-direction:column;align-items:flex-start;padding:22px 20px;border-radius:22px;margin:24px 0}.promo h2{font-size:20px}.promo p{font-size:14px}.promo img{display:none}} /* Steps */ .steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;counter-reset:step} .steps li{position:relative;counter-increment:step;background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px 20px;display:flex;flex-direction:column;gap:6px} .steps li:before{content:counter(step,persian);position:absolute;top:18px;left:18px;width:28px;height:28px;border-radius:50%;background:var(--primary);color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center} .steps strong{font-size:16px}.steps li>span:last-child{color:var(--muted);font-size:14px} .step-icon{width:52px;height:52px;border-radius:16px;background:var(--primary-50);color:var(--primary);display:inline-flex;align-items:center;justify-content:center;margin-bottom:6px}.step-icon .icon{width:26px;height:26px} @media (max-width:720px){.steps{grid-template-columns:1fr;gap:10px}.steps li{flex-direction:row;flex-wrap:wrap;align-items:center;padding:14px 16px;gap:4px 12px}.step-icon{width:44px;height:44px;margin:0}.steps strong{flex:1;font-size:14px}.steps li>span:last-child{flex-basis:100%;font-size:13px}.steps li:before{top:12px;left:12px;width:24px;height:24px;font-size:12px}} /* Centers, why, FAQ, articles */ .center-tile{display:flex;flex-direction:column;gap:4px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:12px;color:var(--ink);height:100%;transition:transform .2s var(--ease),box-shadow .2s var(--ease)} .center-tile:hover{transform:translateY(-3px);box-shadow:var(--shadow);color:var(--ink)} .center-cover{display:flex;align-items:center;justify-content:center;aspect-ratio:16/10;border-radius:14px;background:linear-gradient(135deg,#ecfeff,#eff6ff);color:#0891b2;margin-bottom:6px;overflow:hidden} .center-cover .icon{width:42px;height:42px}.center-cover img{width:84px;height:84px;object-fit:cover;border-radius:18px;box-shadow:var(--shadow-sm)} .center-tile strong{font-size:15px}.center-tile small{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:4px}.center-tile small .icon{width:13px;height:13px} .why-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px} .why-grid li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid var(--line);border-radius:20px;padding:22px 14px} .why-grid .icon{width:30px;height:30px;color:var(--primary);background:var(--primary-50);padding:10px;box-sizing:content-box;border-radius:16px} .why-grid strong{font-size:15px}.why-grid span{font-size:13px;color:var(--muted)} @media (max-width:720px){.why-grid{grid-template-columns:1fr 1fr;gap:10px}.why-grid li{padding:14px 10px}.why-grid strong{font-size:13px}.why-grid span{font-size:12px}} .faq-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:18px;align-items:start} .faq{background:#fff;border:1px solid var(--line);border-radius:16px;margin:0 0 10px;padding:0;transition:border-color .2s,box-shadow .2s} .faq[open]{border-color:#bfdbfe;box-shadow:var(--shadow-sm)} .faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px;font-weight:500;font-size:15px} .faq summary::-webkit-details-marker{display:none} .faq summary .chev{width:18px;height:18px;color:var(--muted);transition:transform .25s var(--ease)}.faq[open] summary .chev{transform:rotate(180deg);color:var(--primary)} .faq-answer{padding:0 18px 14px;color:var(--ink-2);font-size:14px}.faq-answer p{margin:0 0 8px} .faq-help{display:flex;flex-direction:column;align-items:flex-start;gap:6px;background:linear-gradient(135deg,#eff6ff,#e0f2fe);border:1px solid #dbeafe;border-radius:22px;padding:24px} .faq-help-icon{width:52px;height:52px;border-radius:16px;background:#fff;color:var(--primary);display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.faq-help-icon .icon{width:26px;height:26px} .faq-help strong{font-size:17px}.faq-help p{margin:0 0 8px;color:var(--ink-2);font-size:14px} @media (max-width:860px){.faq-layout{grid-template-columns:1fr}} .article-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;color:var(--ink);height:100%;transition:transform .2s var(--ease),box-shadow .2s var(--ease)} .article-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);color:var(--ink)} .article-cover{display:flex;align-items:center;justify-content:center;aspect-ratio:1200/630;background:linear-gradient(135deg,#eff6ff,#e0f2fe);color:#93c5fd;overflow:hidden} .article-cover img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease)}.article-card:hover .article-cover img{transform:scale(1.04)} .article-cover .icon{width:40px;height:40px} .article-body{display:flex;flex-direction:column;gap:6px;padding:14px 16px 16px} .article-body strong{font-size:15px;line-height:1.7}.article-body .tag{align-self:flex-start;font-size:11px} .article-body small{color:var(--muted);font-size:12px;margin-top:auto} .clamp2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--muted);font-size:13px} .article-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:16px} .home-banners{margin:0 0 28px}.home-banners .rail{grid-auto-columns:100%} @media (min-width:900px){.home-banners .rail:has(> :nth-child(2)){grid-auto-columns:calc((100% - 16px)/2)}} .home-banner{min-height:180px;border-radius:24px;border-color:#dbeafe;background:linear-gradient(120deg,#eff6ff,#f0f9ff)} .home-banner.has-image:after{background:linear-gradient(to left,#172554e6,#17255433 70%)} /* Inner pages */ .page-head{margin:6px 0 18px}.page-head h1{margin:0 0 6px;font-size:28px} .article-page{max-width:800px;margin:0 auto} .article-page h1{font-size:clamp(24px,3vw,34px);margin:6px 0} .article-hero{width:100%;height:auto;border-radius:22px;margin:14px 0;box-shadow:var(--shadow)} .lead{font-size:18px;color:var(--ink-2)} .prose{font-size:16px;line-height:2.1}.prose h2{font-size:20px;margin:26px 0 8px}.prose ul{padding-inline-start:22px}.prose p{margin:0 0 14px} .breadcrumb{display:flex;gap:6px;font-size:13px;color:var(--muted)} .related{margin-top:24px} .contact-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:18px 0} .contact-cards .card{display:flex;flex-direction:column;align-items:flex-start;gap:4px;color:var(--ink);margin:0}.contact-cards .icon{color:var(--primary)} .results-head h2{font-size:20px} .doctor-card{border-radius:20px;border-color:var(--line);transition:box-shadow .2s,border-color .2s}.doctor-card:hover{box-shadow:var(--shadow);border-color:#bfdbfe} .search-hero{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #dbeafe;border-radius:24px;color:var(--ink)} .search-hero h1{color:var(--ink)} .search-hero .eyebrow{color:var(--primary-600)} /* Footer */ .site-footer{text-align:right;background:#fff;border-top:1px solid var(--line);color:var(--ink-2);padding:40px 20px 24px;margin-top:20px;font-size:14px} .footer-grid{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:28px} .footer-about .brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:20px;font-weight:700;margin-bottom:10px} .footer-about p{color:var(--muted);margin:0 0 12px;font-size:13px} .footer-col{display:flex;flex-direction:column;gap:6px} .footer-col h2{font-size:15px;margin:0 0 6px} .footer-col a,.footer-col>span{display:inline-flex;align-items:center;gap:6px;color:var(--ink-2);font-size:13px;margin:0} .footer-col a:hover{color:var(--primary)}.footer-col .icon{width:16px;height:16px;color:var(--primary)} .social-links{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px} .social-links a{display:inline-block;padding:4px 12px;border-radius:999px;border:1px solid var(--line);font-size:12px;color:var(--ink-2)}.social-links a:hover{background:var(--primary-50);border-color:#bfdbfe;color:var(--primary-700)} .trust-badges{max-width:1240px;margin:20px auto 0;display:flex;gap:12px;justify-content:center;flex-wrap:wrap} .trust-badges img{width:80px;height:80px;object-fit:contain;border:1px solid var(--line);border-radius:14px;background:#fff;padding:6px} .footer-bottom{max-width:1240px;margin:22px auto 0;padding-top:16px;border-top:1px solid var(--line);text-align:center;color:var(--muted);font-size:12px} .footer-bottom p{margin:0 0 4px} @media (max-width:900px){.footer-grid{grid-template-columns:1fr 1fr}.footer-about{grid-column:1/-1}} @media (max-width:520px){.footer-grid{grid-template-columns:1fr 1fr;gap:18px}.site-footer{padding:28px 16px 16px}} /* Bottom navigation (phones) */ @media (max-width:720px){ .bottom-nav{background:#ffffffef;border-top:1px solid var(--line);padding:6px 8px calc(6px + env(safe-area-inset-bottom))} .bottom-nav a{color:#64748b;font-size:11px;border-radius:14px} .bottom-nav a.current{color:var(--primary);background:var(--primary-50)} .bottom-nav a.current .icon{stroke-width:2.2} } .hide-mobile{} @media (max-width:720px){.hide-mobile{display:none!important}} /* Admin homepage manager */ .sub-tabs{display:flex;gap:4px;overflow-x:auto;margin:0 0 16px;padding:4px;background:#fff;border:1px solid var(--line);border-radius:14px;scrollbar-width:none} .sub-tabs a{white-space:nowrap;padding:7px 14px;border-radius:10px;color:var(--ink-2);font-size:14px} .sub-tabs a.current{background:var(--primary);color:#fff}.sub-tabs a:not(.current):hover{background:#f1f5f9} .publish-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap} .publish-bar.has-draft{border-color:#fde68a;background:#fffbeb} .publish-bar p{margin:2px 0 0} .home-editor{padding:0;border:0;background:none;box-shadow:none} .sort-list{list-style:none;margin:0;padding:0;display:grid;gap:8px} .sort-item{display:flex;align-items:flex-start;gap:10px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px;transition:box-shadow .2s,border-color .2s,opacity .2s} .sort-item.dragging{opacity:.5;border-style:dashed;border-color:#60a5fa} .sort-item:hover{border-color:#cbd5e1} .sort-list.compact .sort-item{align-items:center;padding:8px 10px} .grip{cursor:grab;color:#94a3b8;padding-top:2px}.grip .icon{width:18px;height:18px} .sort-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px} .sort-main .form-grid{gap:10px}.sort-main label{margin:0;font-size:13px} .sort-buttons{display:flex;gap:4px;align-items:center;flex-shrink:0} .count-fields{display:flex;gap:10px;flex-wrap:wrap}.count-fields label{max-width:170px} .image-field{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:12px} .image-field img{border-radius:14px;border:1px solid var(--line);background:#f8fafc;object-fit:contain} .check-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:4px 12px} .swatch-picker{display:flex;gap:8px;flex-wrap:wrap} .swatch-option{position:relative;display:inline-flex!important;align-items:center;justify-content:center;min-width:90px;padding:10px 12px;border-radius:12px;color:#fff;margin:0!important;cursor:pointer} .swatch-option input{position:absolute;opacity:0}.swatch-option:has(input:checked){box-shadow:0 0 0 3px #fff,0 0 0 5px var(--primary)} .swatch-option.theme-blue{background:var(--primary)}.swatch-option.theme-indigo{background:#4f46e5}.swatch-option.theme-teal{background:#0891b2}.swatch-option.theme-navy{background:#1e3a8a} .sticky-actions{position:sticky;bottom:12px;z-index:5;display:flex;gap:8px;justify-content:flex-end;background:#ffffffe6;backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:14px;padding:10px;box-shadow:var(--shadow)} .sr-only-form{display:none} .article-editor{padding:0;border:0;background:none;box-shadow:none;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:16px;align-items:start} @media (max-width:900px){.article-editor{grid-template-columns:1fr}} /* Admin sidebar in the new palette */ .admin-sidebar{background:linear-gradient(180deg,#172554,#1e3a8a)} .doctor-sidebar,.center-sidebar{background:linear-gradient(180deg,#172554,#1e3a8a)} @media (prefers-reduced-motion:reduce){.hero-art img{animation:none}.service-card:hover,.spec-card:hover,.doc-card:hover,.article-card:hover,.center-tile:hover{transform:none}} .admin-sidebar,.doctor-sidebar,.center-sidebar,.public-sidebar .card,.sticky{top:84px} @media (max-width:900px){.admin-sidebar,.doctor-sidebar,.center-sidebar{top:auto}} .header-actions .button,.city-chip,.header-actions a{white-space:nowrap} .hero-pick .chip{padding:4px 12px;font-size:13px;background:#fff} @media (max-width:600px){.hero-pick .chip:nth-child(n+7):not(.ghost){display:none}} /* ===== 1.0.0-rc.3: phone side menu, sign-in sheet / dialog ===== */ html.scroll-locked,html.scroll-locked body{overflow:hidden} html.scroll-locked body{position:fixed;inset-inline:0;width:100%} .menu-toggle{display:none;flex-shrink:0;width:44px;height:44px;padding:0;align-items:center;justify-content:center;border-radius:12px;background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:none} .menu-toggle .icon{width:22px;height:22px} .menu-toggle:hover{background:var(--primary-50);color:var(--primary-600);filter:none} @media (max-width:920px){.menu-toggle{display:inline-flex}} .drawer-backdrop,.sheet-backdrop{position:fixed;inset:0;z-index:80;background:#0f172a;opacity:0;transition:opacity .28s var(--ease)} .drawer-backdrop.is-open{opacity:.45} .sheet-backdrop{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)} .sheet-backdrop.is-open{opacity:.5} .drawer{position:fixed;inset-block:0;right:0;z-index:81;width:min(84vw,380px);background:#fff;display:flex;flex-direction:column;box-shadow:-18px 0 40px -18px #0f172a59;transform:translateX(100%);transition:transform .3s var(--ease);will-change:transform;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)} .drawer.is-open{transform:none} .drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid #f1f5f9} .drawer-brand{font-size:19px;color:var(--ink)} .drawer-brand .brand-icon{width:34px;height:34px} .drawer-close{width:40px;height:40px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:#f1f5f9;color:var(--ink-2)} .drawer-close:hover{background:#e2e8f0;filter:none} .drawer-body{flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:0 0 18px} .drawer-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0;padding:16px 18px;color:var(--ink);min-height:96px} .drawer-banner.theme-blue{background:linear-gradient(135deg,#dbeafe,#eff6ff)} .drawer-banner.theme-indigo{background:linear-gradient(135deg,#e0e7ff,#eef2ff)} .drawer-banner.theme-teal{background:linear-gradient(135deg,#cffafe,#ecfeff)} .drawer-banner.theme-navy{background:linear-gradient(135deg,#1e3a8a,var(--primary-600));color:#fff} .drawer-banner-text{display:flex;flex-direction:column;gap:4px;min-width:0} .drawer-banner strong{font-size:16px;line-height:1.6;font-weight:700} .drawer-banner small{font-size:12.5px;color:inherit;opacity:.8;line-height:1.8} .drawer-banner-btn{align-self:flex-start;margin-top:6px;background:var(--primary-700);color:#fff;border-radius:10px;padding:5px 14px;font-size:13px;font-weight:500} .drawer-banner.theme-navy .drawer-banner-btn{background:#fff;color:var(--primary-700)} .drawer-banner img{width:min(42%,150px);height:auto;border-radius:12px;flex-shrink:0;object-fit:cover} .drawer-user{display:flex;align-items:center;gap:12px;padding:16px 18px 10px} .drawer-avatar{width:44px;height:44px;border-radius:14px;background:var(--primary-100);color:var(--primary-700);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;flex-shrink:0} .drawer-user-text{display:flex;flex-direction:column;min-width:0;line-height:1.6} .drawer-user-text strong{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .drawer-user-text small{font-size:12px;text-align:right} .drawer-account{display:flex;gap:6px;padding:0 14px 12px;border-bottom:1px solid #f1f5f9;flex-wrap:wrap} .drawer-account a,.drawer-account button{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:10px;background:#f8fafc;border:1px solid var(--line);color:var(--ink-2);font-size:13px;font-weight:500;line-height:1.6} .drawer-account .icon{width:16px;height:16px;color:var(--primary)} .drawer-account form{margin:0;padding:0;border:0;box-shadow:none;background:none} .drawer-account button{cursor:pointer} .drawer-account button:hover,.drawer-account a:hover{background:var(--primary-50);filter:none} .drawer-login{display:flex!important;align-items:center;justify-content:center;gap:8px;margin:16px 18px 6px;padding:12px 18px!important;border-radius:12px} .drawer-nav{padding:6px 0 0} .drawer-nav ul{list-style:none;margin:0;padding:0} .drawer-nav>ul>li+li{border-top:1px solid #f8fafc} .drawer-item{display:flex;align-items:center;gap:14px;width:100%;min-height:56px;padding:8px 20px;background:none;border:0;border-radius:0;color:var(--ink);font:inherit;font-size:15.5px;font-weight:500;text-align:start;cursor:pointer;box-shadow:none} .drawer-item:hover,.drawer-item:focus-visible{background:#f8fafc;filter:none} .drawer-item[aria-current=page]{color:var(--primary-600);background:var(--primary-50)} .drawer-item span{flex:1} .drawer-icon{width:22px;height:22px;color:var(--primary);flex-shrink:0} .drawer-chev{width:18px;height:18px;color:#94a3b8;flex-shrink:0;transition:transform .22s var(--ease)} .drawer-item[aria-expanded=true] .drawer-chev{transform:rotate(180deg);color:var(--primary)} .drawer-item[aria-expanded=true]{color:var(--primary-700)} .drawer-sub{overflow:hidden;background:#f8fbff} .drawer-sub ul{padding:4px 0 8px} .drawer-sub a{display:flex;align-items:center;min-height:46px;padding:6px 56px 6px 20px;color:var(--ink-2);font-size:14.5px;position:relative} .drawer-sub a:before{content:'';position:absolute;right:30px;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:var(--primary-200)} .drawer-sub a:hover{color:var(--primary-700);background:var(--primary-50)} .drawer-sub a[aria-current=page]{color:var(--primary-700);font-weight:500} .drawer-sub a[aria-current=page]:before{background:var(--primary)} @media (min-width:921px){.drawer,.drawer-backdrop{display:none!important}} /* Sign-in: bottom sheet on phones, centered dialog from 720px */ .auth-sheet{position:fixed;inset-inline:0;bottom:var(--kb,0px);z-index:90;background:#fff;border-radius:28px 28px 0 0;padding:10px 22px calc(22px + env(safe-area-inset-bottom));max-height:calc(100dvh - var(--kb,0px) - 24px);overflow-y:auto;overscroll-behavior:contain;box-shadow:0 -20px 50px -20px #0f172a59;transform:translateY(105%);transition:transform .32s var(--ease),bottom .2s ease} .auth-sheet.is-open{transform:none} .sheet-grip{display:block;width:44px;height:5px;border-radius:9px;background:#e2e8f0;margin:2px auto 10px} .sheet-close{position:absolute;top:18px;right:18px;width:40px;height:40px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:#f1f5f9;color:var(--ink-2)} .sheet-close:hover{background:#e2e8f0;filter:none} .sheet-status{margin:6px 0 0;text-align:center;font-size:13px;color:var(--primary-700);min-height:0} .sheet-status:empty{display:none} @media (min-width:720px){ .auth-sheet{inset:50% auto auto 50%;bottom:auto;width:440px;max-height:calc(100dvh - 48px);border-radius:24px;padding:26px 30px 28px;transform:translate(-50%,-46%) scale(.97);opacity:0;transition:transform .26s var(--ease),opacity .2s ease;box-shadow:0 30px 70px -20px #0f172a66} .auth-sheet.is-open{transform:translate(-50%,-50%);opacity:1} .sheet-grip{display:none} } .auth-box{max-width:440px;margin:0 auto} .auth-step{animation:auth-in .28s var(--ease)} @keyframes auth-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}} .auth-title{text-align:center;font-size:20px;margin:8px 48px 6px;outline:none;line-height:1.7} .auth-lead{text-align:center;color:var(--muted);font-size:14px;margin:0 0 22px;line-height:2} .auth-box form{background:none;border:0;box-shadow:none;padding:0;margin:0} .auth-box label{font-size:13.5px;font-weight:500;color:var(--ink-2);margin-bottom:14px} .auth-box input:not([type=checkbox]){border-radius:14px;padding:12px 14px;border-color:#cbd5e1;font-size:16px} .auth-box input:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 4px #2563eb26} .phone-field{display:flex;align-items:stretch;border:1.5px solid #cbd5e1;border-radius:16px;background:#fff;overflow:hidden;transition:border-color .15s,box-shadow .15s} .phone-field:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px #2563eb26} .has-error .phone-field{border-color:#ef4444;box-shadow:0 0 0 4px #ef44441f} .phone-prefix{display:flex;align-items:center;padding:0 16px;color:var(--ink);font-weight:500;font-size:16px;border-inline-end:1px solid #e2e8f0;background:#f8fafc} .auth-box .phone-field input{border:0!important;box-shadow:none!important;margin:0;padding:15px 16px;font-size:18px;letter-spacing:.5px;text-align:left;border-radius:0} .phone-field input::placeholder{color:#94a3b8;letter-spacing:0} .field-error{min-height:22px;margin:8px 2px 4px;font-size:13px;color:#dc2626;line-height:1.7} .field-error:empty{min-height:8px} .auth-legal{font-size:12.5px;color:var(--muted);margin:6px 0 22px;line-height:2;text-align:center} .auth-legal a{font-weight:500} .auth-submit{display:flex!important;align-items:center;justify-content:center;gap:8px;width:100%;min-height:54px;border-radius:16px!important;font-size:16px;font-weight:700;position:relative;transition:background .15s,opacity .15s} .auth-submit:disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed;filter:none} .auth-submit.is-loading{color:transparent!important;pointer-events:none} .auth-submit.is-loading:after{content:'';position:absolute;width:22px;height:22px;border-radius:50%;border:2.5px solid #ffffff66;border-top-color:#fff;animation:auth-spin .7s linear infinite} .auth-submit.is-loading:disabled:after{border-color:#94a3b866;border-top-color:var(--primary)} @keyframes auth-spin{to{transform:rotate(360deg)}} .auth-number{font-weight:700;color:var(--ink);direction:ltr;unicode-bidi:isolate} .auth-inline{display:flex;justify-content:center;margin:-14px 0 16px!important} .auth-edit{display:inline-flex!important;align-items:center;gap:5px;font-size:13.5px} .auth-edit .icon{width:15px;height:15px} .otp-cells{display:flex;justify-content:center;gap:clamp(6px,2.4vw,10px);margin:4px 0 0} .otp-cell{width:clamp(42px,12vw,52px)!important;height:clamp(52px,14vw,60px);padding:0!important;margin:0!important;text-align:center;font-size:24px!important;font-weight:700;border:1.5px solid #cbd5e1!important;border-radius:14px!important;background:#fff;caret-color:var(--primary);transition:border-color .15s,box-shadow .15s,background .15s} .otp-cell.filled{border-color:var(--primary-200)!important;background:var(--primary-50)} .otp-cell:focus{border-color:var(--primary)!important;box-shadow:0 0 0 4px #2563eb26!important;background:#fff} .has-error .otp-cell{border-color:#fca5a5!important} .otp-cells.shake{animation:otp-shake .38s} @keyframes otp-shake{20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}} .auth-box .otp-input:not(.sr-only){letter-spacing:12px;text-align:center;font-size:24px;font-weight:700} .auth-resend{display:flex!important;justify-content:center;align-items:center;margin:14px 0 0!important;font-size:13.5px;color:var(--muted);min-height:32px} .auth-resend b{color:var(--ink);font-weight:500} .auth-resend .link-button{display:inline-flex;align-items:center;gap:6px;font-size:14px} .auth-resend .icon{width:16px;height:16px} .auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px} .auth-grid label{margin-bottom:12px} .auth-box input[readonly]{background:#f8fafc;color:var(--ink-2);text-align:left} .auth-accept{align-items:flex-start!important;font-weight:400!important;font-size:13px!important;line-height:2;margin:4px 0 0!important} .auth-accept input{margin-top:5px!important;flex-shrink:0} .card.auth-page{max-width:480px;margin:24px auto;padding:30px 26px!important;border-radius:24px!important} .login-page main{min-height:auto} @media (max-width:420px){.auth-grid{grid-template-columns:1fr;gap:0}.card.auth-page{padding:24px 18px!important;margin:8px auto}} @media (prefers-reduced-motion:reduce){.drawer,.auth-sheet,.drawer-backdrop,.sheet-backdrop,.auth-step{transition:none!important;animation:none!important}} /* Booking time taken while signing in; centers filter; FAQ page */ .slot-taken{background:#fff7ed;border:1px solid #fed7aa;border-radius:16px;padding:16px 18px;margin:14px 0} .slot-taken p{margin:0 0 12px;color:#9a3412;line-height:2} .slot-taken .button{display:inline-flex;align-items:center;gap:6px} .search-hero .chip-row{justify-content:center;margin:14px 0 4px} .chip.active,.chip[aria-current=page]{background:var(--primary);border-color:var(--primary);color:#fff} .faq-page .page-head{margin:8px 0 22px} .faq-page .page-head h1{margin:4px 0 0} .menu-preview{margin:0;padding:0 18px 0 0;line-height:2.1} .menu-preview>li{padding:4px 0} .menu-preview .icon{width:16px;height:16px;color:var(--primary);vertical-align:-3px} .menu-preview ul{margin:0;padding:0 26px 0 0;color:var(--muted);font-size:13px;list-style:circle} .drawer .drawer-nav{display:block} .drawer .drawer-nav a,.drawer-account a{margin:0} @media print{.drawer,.drawer-backdrop,.auth-sheet,.sheet-backdrop,.menu-toggle{display:none!important}} @media (max-width:480px){ .header-inner{gap:8px;padding-inline:12px} .menu-toggle{width:40px;height:40px} .header-admin{display:none!important} .city-chip{padding:7px 9px} .city-chip span{max-width:76px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .city-chip .chev{display:none} .site-header .brand small{display:none} } @media (max-width:360px){.site-header .brand span{font-size:17px}.city-chip span{max-width:56px}} /* ===== 1.0.0-rc.4: doctor search page ===== */ .header-back,.header-search{display:none;flex-shrink:0;width:40px;height:40px;align-items:center;justify-content:center;border-radius:12px;color:var(--ink);border:1px solid var(--line);background:#fff} .header-back .icon,.header-search .icon{width:20px;height:20px} @media (max-width:920px){ .header-back,.header-search{display:inline-flex} .site-header:not(:has(.header-back)) .header-search{display:none} .site-header:has(.header-back) .city-chip{display:none} .header-inner{gap:8px} } .results-page main{max-width:1280px} .search-page{margin-top:4px} .search-toolbar{display:none} .search-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:24px;align-items:start} .search-page.map-mode .search-layout{grid-template-columns:270px minmax(0,1fr) minmax(320px,38%)} .filter-panel{position:sticky;top:84px;max-height:calc(100vh - 100px);overflow:auto;background:#fff;border:1px solid var(--line);border-radius:20px;padding:6px 18px 18px;box-shadow:var(--shadow-sm);overscroll-behavior:contain} .filter-panel .sheet-head{display:none} .filter-form{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important} .filter-group{border:0;border-bottom:1px solid #f1f5f9;margin:0;padding:14px 0;border-radius:0} .filter-group:last-of-type{border-bottom:0} .filter-group legend{font-size:14px;font-weight:700;color:var(--ink);padding:0;margin-bottom:8px;float:right;width:100%} .filter-group legend+*{clear:both} .filter-group .check{display:flex!important;align-items:center;gap:9px;margin:0;padding:6px 2px;font-size:14px;font-weight:400;cursor:pointer;border-radius:8px} .filter-group .check:hover{background:#f8fafc} .filter-group .check span{flex:1} .filter-group .check small{color:var(--muted);font-size:12px} .filter-group input[type=search],.filter-group input[type=text],.filter-range input{border-radius:12px;padding:10px 12px;margin-top:4px} .filter-scroll{max-height:230px;overflow:auto;padding-inline-end:4px} .filter-city{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:14px} .filter-city .icon{width:18px;height:18px;color:var(--primary)} .filter-city b{flex:1} .seg{display:flex;flex-wrap:wrap;gap:6px} .seg label{margin:0!important;flex:1 1 auto} .seg input{position:absolute;opacity:0;pointer-events:none} .seg span{display:block;text-align:center;padding:8px 10px;border:1px solid var(--line);border-radius:12px;font-size:13px;font-weight:500;color:var(--ink-2);cursor:pointer;background:#fff;transition:all .15s} .seg input:checked+span{background:var(--primary-50);border-color:var(--primary);color:var(--primary-700)} .seg input:focus-visible+span{outline:2px solid #93c5fd;outline-offset:2px} .filter-range{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px} .filter-range label{font-size:12.5px;margin:0} .filter-actions{display:flex;gap:8px;padding-top:14px;position:sticky;bottom:-18px;background:#fff;padding-bottom:4px} .filter-actions button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px} .results-top{margin-bottom:12px} .results-top h1{font-size:24px;margin:2px 0 12px} .results-search{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0 0 12px!important} .results-search .search-main input{border-radius:14px;padding:12px 14px;margin:0} .results-search .search-main button{display:inline-flex;align-items:center;gap:6px;border-radius:14px;white-space:nowrap} .sort-inline{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;color:var(--muted)} .sort-link{display:inline-block;padding:5px 12px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink-2);font-size:13px;font-weight:500;line-height:1.7;cursor:pointer} button.sort-link{font:inherit;font-size:13px} .sort-link:hover{border-color:var(--primary-200);color:var(--primary-700);filter:none} .sort-link.current{background:var(--primary);border-color:var(--primary);color:#fff} .results-meta{margin:0 0 12px} .active-chips{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-wrap:wrap;gap:8px} .active-chips a{display:inline-flex;align-items:center;gap:8px;padding:7px 12px 7px 10px;border-radius:999px;background:#f1f5f9;color:var(--ink);font-size:14px;font-weight:500;border:1px solid transparent;line-height:1.5} .active-chips a .icon{width:15px;height:15px;color:var(--muted)} .active-chips a:hover{background:#fee2e2;color:#991b1b} .active-chips a:hover .icon{color:#991b1b} .active-chips .clear a{background:none;color:var(--primary-600);text-decoration:underline;text-underline-offset:4px} .results-count{margin:0;font-size:14px;color:var(--ink-2)} .results-count b{font-size:16px;color:var(--ink)} .results-count span{color:var(--muted)} .result-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:16px} .search-page.map-mode .result-list{grid-template-columns:1fr} .result-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px 18px 16px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow-sm);transition:box-shadow .2s var(--ease),border-color .2s} .result-card:hover{box-shadow:var(--shadow);border-color:#dbeafe} .rc-head{display:flex;gap:14px;align-items:flex-start} .rc-photo{flex-shrink:0;width:84px;height:84px;border-radius:50%;overflow:hidden;background:var(--primary-100);display:flex;align-items:center;justify-content:center;color:var(--primary-700);font-size:30px;font-weight:700;box-shadow:0 0 0 3px #fff,0 0 0 4px var(--primary-100)} .rc-photo img{width:100%;height:100%;object-fit:cover} .rc-id{min-width:0;flex:1} .rc-id h3{margin:0;font-size:17px;font-weight:700;line-height:1.7} .rc-id h3 a{color:var(--ink)} .rc-id h3 a:hover{color:var(--primary-700)} .rc-spec{margin:0;font-size:14px;font-weight:500;color:var(--ink-2)} .rc-bio{margin:2px 0 0;font-size:13px;color:var(--muted);line-height:1.8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .rc-rating{display:flex;flex-wrap:wrap;gap:4px 14px;margin:6px 0 0;font-size:13px;color:var(--ink-2)} .rc-rating .icon{width:16px;height:16px;vertical-align:-3px} .rc-stars .icon{color:#f59e0b;fill:#f59e0b} .rc-stars b{font-size:14px} .rc-rec .icon{color:#16a34a} .rc-none{color:var(--muted);font-size:12.5px} .rc-done{margin:4px 0 0;font-size:13px;color:var(--ink-2)} .rc-done .icon{width:16px;height:16px;color:var(--primary);vertical-align:-3px} .rc-badges{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px} .rc-badges li{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:500;line-height:1.8;background:#f1f5f9;color:var(--ink-2)} .rc-badges .icon{width:14px;height:14px} .rc-badges .b-verified{background:#ecfdf5;color:#047857} .rc-badges .b-featured{background:#fffbeb;color:#b45309} .rc-badges .b-today{background:#eff6ff;color:var(--primary-600)} .rc-badges .b-tomorrow{background:#f0f9ff;color:#0369a1} .rc-badges .b-custom{background:#f5f3ff;color:#6d28d9} .rc-clinic{border-top:1px solid #f1f5f9;padding-top:12px;display:flex;flex-direction:column;gap:8px} .rc-clinic p{margin:0} .rc-clinic-name{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--ink)} .rc-clinic-name small{color:var(--muted);font-weight:400} .rc-clinic .icon{width:18px;height:18px;color:var(--primary);flex-shrink:0} .rc-address{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:13px;color:var(--ink-2);min-width:0} .rc-address span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .rc-address .icon{color:var(--muted);width:16px;height:16px} .rc-first{font-size:13px;color:var(--muted)} .rc-first b{color:var(--ink);font-weight:700;margin-inline-start:4px} .rc-first.none b{color:var(--muted);font-weight:500} .rc-more,.rc-extra{border:1px solid #f1f5f9;border-radius:14px;background:#fafcff} .rc-more summary,.rc-extra summary{display:flex;align-items:center;gap:8px;padding:9px 12px;font-size:13px;font-weight:500;color:var(--primary-700);cursor:pointer;list-style:none} .rc-more summary::-webkit-details-marker,.rc-extra summary::-webkit-details-marker{display:none} .rc-more summary .icon,.rc-extra summary .icon{width:16px;height:16px} .rc-more summary .chev,.rc-extra summary .chev{margin-inline-start:auto;transition:transform .2s} .rc-more[open] .chev,.rc-extra[open] .chev{transform:rotate(180deg)} .rc-more ul{list-style:none;margin:0;padding:0 8px 8px} .rc-more li a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px;border-radius:10px;color:var(--ink)} .rc-more li a:hover{background:#fff} .rc-more li span{display:flex;flex-direction:column;line-height:1.7;min-width:0} .rc-more li strong{font-size:13.5px;font-weight:500} .rc-more li small{font-size:12px} .rc-more li em{font-style:normal;font-size:12px;color:var(--primary-700);white-space:nowrap} .rc-extra dl{margin:0;padding:0 12px 10px;display:grid;gap:4px} .rc-extra dl div{display:flex;justify-content:space-between;gap:8px;font-size:13px} .rc-extra dt{color:var(--muted)} .rc-extra dd{margin:0;font-weight:500} .rc-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:8px;margin-top:auto} .rc-actions .button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:11px 12px;border-radius:14px;font-size:14px} .rc-actions .button:not(.secondary){font-weight:700} .rc-actions .button.secondary{background:#fff;border:1px solid var(--line);color:var(--ink)} .load-more-wrap{grid-column:1/-1;display:flex;justify-content:center;padding:8px 0} .load-more{display:inline-flex!important;align-items:center;gap:8px;border-radius:14px!important;padding:11px 22px!important} .load-more small{color:var(--muted);font-weight:400} .load-more.is-loading{opacity:.6;pointer-events:none} .js-search .results-pages{display:none} .results-empty{text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:22px;padding:34px 20px} .results-empty-icon{display:inline-flex;width:64px;height:64px;border-radius:20px;background:var(--primary-50);color:var(--primary);align-items:center;justify-content:center;margin-bottom:6px} .results-empty-icon .icon{width:30px;height:30px} .results-empty h2{margin:6px 0} .results-empty p{color:var(--muted);margin:0 0 14px} .results-empty .chip-row{justify-content:center} .skeleton-card{min-height:250px} .sk{display:block;border-radius:10px;background:linear-gradient(90deg,#eef2f7 25%,#f8fafc 50%,#eef2f7 75%);background-size:200% 100%;animation:sk 1.2s linear infinite} .sk-photo{width:84px;height:84px;border-radius:50%} .sk-line{height:14px} .w60{width:60%}.w40{width:40%}.w80{width:80%} .sk-btn{height:44px;margin-top:auto;border-radius:14px} @keyframes sk{to{background-position:-200% 0}} .results-body[aria-busy=true]{pointer-events:none} .results-map{position:sticky;top:84px;height:calc(100vh - 110px);border-radius:20px;overflow:hidden;border:1px solid var(--line);background:#eef2f7;display:flex;flex-direction:column} .results-map-canvas{flex:1;min-height:300px} .map-note{margin:0;padding:8px 12px;font-size:12.5px;color:var(--muted);background:#fff;border-top:1px solid var(--line)} .map-pop{display:flex;flex-direction:column;gap:2px;font-family:IRANSans,Tahoma,sans-serif;text-align:right;direction:rtl;min-width:180px} .map-pop strong{font-size:14px} .map-pop span,.map-pop small{font-size:12px;color:var(--muted)} .map-pop em{font-style:normal;font-size:12px;color:var(--primary-700);margin-top:2px} .map-pop .button{margin-top:8px;padding:7px 12px;font-size:13px;color:#fff!important;text-align:center} .sort-sheet{display:none} .sort-options{list-style:none;margin:0;padding:0 0 8px} .sort-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:54px;padding:10px 4px;background:none;border:0;border-bottom:1px solid #f1f5f9;border-radius:0;color:var(--ink);font:inherit;font-size:15px;font-weight:500;text-align:start;cursor:pointer;box-shadow:none} .sort-option span{display:flex;flex-direction:column;line-height:1.7} .sort-option small{font-size:12px;color:var(--muted);font-weight:400} .sort-option .tick{width:20px;height:20px;color:var(--primary);visibility:hidden} .sort-option.current{color:var(--primary-700)} .sort-option.current .tick{visibility:visible} .sort-option:hover{background:#f8fafc;filter:none} .sort-option.is-loading{opacity:.6} @media (max-width:1100px){.search-layout{grid-template-columns:250px minmax(0,1fr)}.search-page.map-mode .search-layout{grid-template-columns:minmax(0,1fr) minmax(300px,42%)}.search-page.map-mode .filter-panel{display:none}} @media (max-width:920px){ .results-page main{margin-top:0} .js-search .search-toolbar{display:flex;position:sticky;top:64px;z-index:25;margin:0 -16px 12px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 6px 14px -12px #0f172a40} .tool{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:13px 6px;background:none;border:0;border-radius:0;color:var(--ink);font:inherit;font-size:14px;font-weight:500;position:relative;box-shadow:none} .tool+.tool:before{content:'';position:absolute;right:0;top:12px;bottom:12px;width:1px;background:var(--line)} .tool .icon{width:20px;height:20px} .tool:hover{background:#f8fafc;filter:none} .tool[aria-pressed=true]{color:var(--primary-700)} .tool-count{position:absolute;top:6px;margin-inline-start:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#ef4444;color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center;transform:translate(14px,-2px)} .search-layout,.search-page.map-mode .search-layout{display:block} .js-search .filter-panel,.js-search .sort-sheet{display:block;position:fixed;inset:auto 0 0 0;top:auto;margin:0;z-index:90;max-height:88dvh;border-radius:26px 26px 0 0;border:0;padding:0 18px calc(14px + env(safe-area-inset-bottom));background:#fff;box-shadow:0 -20px 50px -20px #0f172a59;transform:translateY(105%);visibility:hidden;overflow:auto} .sheets-ready .filter-panel,.sheets-ready .sort-sheet{transition:transform .3s var(--ease),visibility 0s .3s} .js-search .filter-panel.is-open,.js-search .sort-sheet.is-open{transform:none;visibility:visible;transition:transform .3s var(--ease)} .js-search .filter-panel .sheet-head,.sort-sheet .sheet-head{display:flex;position:sticky;top:0;background:#fff;z-index:2;align-items:center;justify-content:center;padding:14px 0 10px;border-bottom:1px solid #f1f5f9;margin:0 -18px 4px;flex-wrap:wrap} .sheet-head .sheet-grip{flex-basis:100%;margin:0 auto 8px} .sheet-head h2{margin:0;font-size:17px} .sheet-x{position:absolute;right:14px;top:22px;width:38px;height:38px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:#f1f5f9;color:var(--ink-2)} .js-search .filter-actions{bottom:-14px;padding-bottom:calc(10px + env(safe-area-inset-bottom));margin:0 -18px;padding-inline:18px;border-top:1px solid #f1f5f9} .filter-panel:not(.is-open) .filter-actions{position:static} .search-backdrop.is-open{opacity:.45} .filter-panel{position:static;max-height:none;margin-bottom:16px} .results-top h1{font-size:20px} .sort-inline{display:none} .js-search .results-search{display:none} .result-list{grid-template-columns:1fr;gap:12px} .result-card{border-radius:20px;padding:16px} .rc-photo{width:72px;height:72px} .results-map{position:relative;top:0;height:calc(100dvh - 190px);margin-bottom:12px} .search-page.map-mode .results-main{display:none} } @media (min-width:921px){.sort-sheet{display:none!important}.search-backdrop{display:none!important}} .booking-fee{display:flex;align-items:center;gap:8px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:14px;padding:10px 14px;font-size:13.5px;color:#075985;margin:0 0 14px} .booking-fee .icon{width:18px;height:18px;flex-shrink:0} .back-results{display:inline-flex;align-items:center;gap:6px;margin:0 0 12px;font-size:14px;font-weight:500} .back-results .icon{width:16px;height:16px} .review-summary{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;margin:0 0 12px} .review-summary .big{font-size:28px;font-weight:700;color:var(--ink)} .review-summary .icon{width:18px;height:18px;color:#f59e0b;vertical-align:-3px} .review-list{list-style:none;margin:0;padding:0;display:grid;gap:10px} .review-list li{border:1px solid #f1f5f9;border-radius:14px;padding:12px 14px;background:#fafcff} .review-list p{margin:4px 0 0;font-size:14px;line-height:2} .review-list small{color:var(--muted)} .stars{color:#f59e0b;letter-spacing:2px} .rc-more,.rc-extra{padding:0!important;margin:0!important;box-shadow:none} .rc-more>ul,.rc-extra>dl{margin-top:0} .filter-actions .button,.filter-actions button{white-space:nowrap;padding:10px 12px;font-size:14px} .sheet-head{position:relative} .sheet-head .sheet-grip{position:absolute;top:6px;left:50%;transform:translateX(-50%);margin:0;flex:none;width:44px} @media (max-width:920px){.tool{white-space:nowrap;font-size:13.5px;gap:6px;padding-inline:4px}.js-search .filter-panel .sheet-head,.sort-sheet .sheet-head{padding-top:20px}} .result-card{width:100%;max-width:none;margin:0;box-sizing:border-box} /* ===== 1.0.0-rc.5 design system: Nobatyar tokens (brand palette, spacing, radii, motion) ===== */ :root{ --primary:#3978F6;--primary-600:#2F69E0;--primary-700:#173B75;--primary-50:#EFF6FF;--primary-100:#DCE8FE;--primary-200:#BCD3FC; --link:#2F69E0;--bg:#F6F8FC;--surface:#FFFFFF;--ink:#17233B;--ink-2:#3B4A63;--muted:#718096;--line:#E5EAF2;--line-2:#EEF2F8; --success:#27A86B;--success-ink:#1C7F50;--success-50:#EAF8F0;--warning:#F59E0B;--warning-ink:#92400E;--warning-50:#FFF8E6;--danger:#EF4444;--danger-ink:#B91C1C;--danger-50:#FEF2F2; --r-card:18px;--r-btn:12px;--r-input:12px;--r-pill:999px; --sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px; --pad-card:clamp(16px,4vw,24px); --shadow-card:0 1px 2px rgba(23,35,59,.04),0 6px 20px -10px rgba(23,35,59,.12); --shadow-pop:0 18px 50px -18px rgba(23,35,59,.35); --dur:200ms;--ease:cubic-bezier(.2,.7,.2,1); --safe-b:env(safe-area-inset-bottom,0px); } body{background:var(--bg);color:var(--ink)} a{color:var(--link)} /* ===== 1.0.0-rc.5 components: buttons, fields, alerts (shared by profile and booking steps) ===== */ .button,button{transition:background var(--dur) var(--ease),border-color var(--dur),color var(--dur),box-shadow var(--dur),transform 120ms} .button:active:not(:disabled),button:active:not(:disabled){transform:translateY(1px)} .button:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #3978F64d;outline-offset:2px} .button:disabled,button:disabled{cursor:not-allowed;opacity:1;background:#E5EAF2;color:#94A3B8;border-color:#E5EAF2;box-shadow:none} .button.block{display:flex;width:100%;align-items:center;justify-content:center;gap:8px} .button.success{background:var(--success);color:#fff;border-color:var(--success)} .button.success:hover{background:#21915c;filter:none} .button.danger,button.danger{background:var(--danger);color:#fff;border-color:var(--danger)} .button.small{padding:7px 12px;font-size:13px;border-radius:10px} .danger-link{color:var(--danger-ink)!important;font-weight:500} .req{color:var(--danger);font-weight:700;margin-inline-start:2px} .field{display:block;margin:0 0 16px;border:0;padding:0} .field>span,.field>legend{display:block;font-size:14px;font-weight:500;color:var(--ink);margin-bottom:6px;padding:0;float:none} .field>span small{color:var(--muted);font-weight:400} .field input,.field select{margin:0;border:1px solid var(--line);border-radius:var(--r-input);padding:12px 14px;font-size:15px;background:#fff;transition:border-color var(--dur),box-shadow var(--dur);min-height:48px} .field input::placeholder{color:#A0AEC0} .field input:focus,.field select:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 4px #3978F622} .field.invalid input,.field.invalid select,.field.invalid .seg span{border-color:var(--danger)} .field.invalid input:focus{box-shadow:0 0 0 4px #EF444422} .field-msg{display:block;margin-top:6px;font-size:12.5px;color:var(--danger-ink);line-height:1.7} .field-help{display:flex;align-items:center;gap:6px;margin:4px 0 0;font-size:12.5px;color:var(--muted);line-height:1.8} .field-help .icon{width:15px;height:15px;flex-shrink:0} .field-check{margin:-8px 0 14px!important;font-size:13px!important;font-weight:400!important;color:var(--ink-2)} .field-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px} .field-geo .form-grid{gap:0 14px} .field-geo label{font-size:14px;font-weight:500} .field-geo select{border-radius:var(--r-input);min-height:48px;border-color:var(--line)} @media (max-width:520px){.field-grid{grid-template-columns:1fr}} .alert{display:flex;align-items:flex-start;gap:10px;border-radius:14px;padding:12px 14px;margin:0 0 14px;font-size:14px;line-height:1.9} .alert .icon{width:20px;height:20px;flex-shrink:0;margin-top:3px} .alert-error{background:var(--danger-50);color:var(--danger-ink);border:1px solid #FECACA} .alert-ok{background:var(--success-50);color:var(--success-ink);border:1px solid #BBE7CF} .toast{position:fixed;left:50%;bottom:calc(90px + var(--safe-b));transform:translate(-50%,20px);background:var(--ink);color:#fff;padding:10px 18px;border-radius:12px;font-size:14px;opacity:0;pointer-events:none;transition:all var(--dur) var(--ease);z-index:120;margin:0} .toast.show{opacity:1;transform:translate(-50%,0)} /* ===== Doctor profile ===== */ .doctor-page main,.booking-page main{max-width:1180px} .dp{display:flex;flex-direction:column;gap:16px} .dp-hero{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:var(--pad-card);box-shadow:var(--shadow-card)} .dp-photo{position:relative;width:112px;height:112px;border-radius:50%;background:var(--primary-50);display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:700;color:var(--primary-700);box-shadow:0 0 0 4px #fff,0 0 0 5px var(--primary-100)} .dp-photo img{width:100%;height:100%;border-radius:50%;object-fit:cover} .dp-verified{position:absolute;bottom:4px;left:4px;width:28px;height:28px;border-radius:50%;background:var(--success);color:#fff;display:flex;align-items:center;justify-content:center;border:3px solid #fff} .dp-verified .icon{width:14px;height:14px} .dp-id{min-width:0} .dp-id h1{margin:0;font-size:24px;line-height:1.6} .dp-spec{margin:2px 0 8px;font-size:15px;font-weight:500;color:var(--ink-2)} .dp-spec span{font-weight:400;color:var(--muted)} .dp-meta{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-wrap:wrap;gap:6px} .dp-meta li{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;padding:3px 10px;border-radius:var(--r-pill);background:#F1F5F9;color:var(--ink-2)} .dp-meta li.ok{background:var(--success-50);color:var(--success-ink)} .dp-meta .icon{width:14px;height:14px} .dp-stats{display:flex;flex-wrap:wrap;gap:8px} .dp-stat{display:flex;flex-direction:column;min-width:96px;padding:8px 14px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);line-height:1.6} .dp-stat b{font-size:17px;display:inline-flex;align-items:center;gap:4px} .dp-stat b .icon{width:16px;height:16px;color:#F59E0B} .dp-stat small{font-size:12px;color:var(--muted)} .muted-stat b{color:var(--muted)} .dp-hero-actions{display:flex;flex-direction:column;gap:8px;align-self:start} .dp-hero-actions .button{display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap} .dp-tabs{position:sticky;top:64px;z-index:20;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;background:#ffffffee;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:14px;padding:5px} .dp-tabs::-webkit-scrollbar{display:none} .dp-tabs a{flex-shrink:0;padding:8px 14px;border-radius:10px;font-size:14px;font-weight:500;color:var(--ink-2);white-space:nowrap} .dp-tabs a:hover{background:#F1F5F9} .dp-tabs a.current{background:var(--primary-50);color:var(--primary-700)} .dp-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start} .dp-main{display:flex;flex-direction:column;gap:16px;min-width:0} .dp-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:var(--pad-card);box-shadow:var(--shadow-card);scroll-margin-top:130px} .dp-card>h2{font-size:17px;margin:0 0 12px} .dp-text{font-size:15px;line-height:2.05;color:var(--ink-2);overflow-wrap:anywhere} .dp-empty{color:var(--muted);font-size:14px;margin:0} .dp-line{display:flex;align-items:center;gap:8px;margin:10px 0 0;font-size:14px} .dp-line .icon{width:18px;height:18px;color:var(--primary)} .dp-note{display:flex;align-items:center;gap:8px;margin:12px 0 0;padding:10px 12px;background:var(--primary-50);border-radius:12px;font-size:13px;color:var(--primary-700)} .dp-note .icon{width:17px;height:17px;flex-shrink:0} .svc-list{list-style:none;margin:0;padding:0;display:grid;gap:8px} .svc-list li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 14px;border:1px solid var(--line-2);border-radius:12px;background:#FBFCFE;flex-wrap:wrap} .svc-name{display:inline-flex;align-items:center;gap:8px;font-weight:500} .svc-name .icon{width:18px;height:18px;color:var(--primary)} .svc-meta{font-size:13px;color:var(--muted)} .clinic-picks{display:grid;gap:10px} .clinic-pick{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1.5px solid var(--line);border-radius:16px;color:var(--ink);background:#fff;transition:border-color var(--dur),box-shadow var(--dur)} .clinic-pick:hover{border-color:var(--primary-200)} .clinic-pick.is-selected{border-color:var(--primary);box-shadow:0 0 0 4px #3978F614;background:#FAFCFF} .cp-radio{flex-shrink:0;width:20px;height:20px;border-radius:50%;border:2px solid #CBD5E1;margin-top:4px;position:relative} .is-selected .cp-radio{border-color:var(--primary)} .is-selected .cp-radio:after{content:'';position:absolute;inset:3px;border-radius:50%;background:var(--primary)} .cp-body{display:flex;flex-direction:column;gap:2px;min-width:0;line-height:1.8} .cp-body strong{font-size:15px} .cp-body small{font-size:13px;color:var(--muted)} .cp-address{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .cp-body em{font-style:normal;font-size:13px;font-weight:500;margin-top:4px} .cp-body em.free{color:var(--success-ink)} .cp-body em.none{color:var(--muted)} .clinic-detail .map-view{height:220px;border-radius:14px;margin-top:14px;overflow:hidden} .map-links{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0} .map-links .button{display:inline-flex;align-items:center;gap:6px} .rv-summary{display:grid;grid-template-columns:auto 1fr;gap:10px 22px;align-items:center;padding:14px;border-radius:16px;background:#FBFCFE;border:1px solid var(--line-2);margin-bottom:14px} .rv-score{display:flex;flex-direction:column;align-items:center;min-width:110px;line-height:1.5} .rv-score b{font-size:38px;color:var(--ink)} .rv-score small{font-size:12px;color:var(--muted)} .stars{color:#F59E0B;letter-spacing:2px} .rv-bars{list-style:none;margin:0;padding:0;display:grid;gap:5px} .rv-bars li{display:grid;grid-template-columns:42px 1fr 28px;align-items:center;gap:8px;font-size:12.5px;color:var(--muted)} .rv-bars .bar{height:8px;border-radius:8px;background:#EEF2F8;overflow:hidden} .rv-bars .bar i{display:block;height:100%;background:#F59E0B;border-radius:8px} .rv-rec{grid-column:1/-1;margin:0;display:flex;align-items:center;gap:6px;font-size:13.5px;color:var(--success-ink)} .rv-rec .icon{width:17px;height:17px} .rv-sort{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap} .rv-sort a{padding:5px 12px;border-radius:var(--r-pill);border:1px solid var(--line);font-size:13px;color:var(--ink-2)} .rv-sort a.current{background:var(--primary);border-color:var(--primary);color:#fff} .rv-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap} .rv-head small{color:var(--muted);margin-inline-start:auto} .rv-avatar{width:30px;height:30px;border-radius:50%;background:var(--primary-50);color:var(--primary-700);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:13px} .rv-yes{display:inline-flex;align-items:center;gap:4px;color:var(--success-ink);font-size:12px} .rv-yes .icon{width:14px;height:14px} .rv-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:22px 12px;border:1px dashed #CBD5E1;border-radius:16px} .rv-empty span{width:52px;height:52px;border-radius:16px;background:#FFF8E6;color:#F59E0B;display:flex;align-items:center;justify-content:center} .rv-empty span .icon{width:26px;height:26px} .rv-empty p{margin:0;font-size:13px;color:var(--muted);max-width:420px} .dp-faq{display:grid;gap:8px} .dp-faq details{margin:0;padding:0;border:1px solid var(--line);border-radius:14px;background:#fff} .dp-faq summary{display:flex;align-items:center;gap:10px;padding:13px 14px;cursor:pointer;font-weight:500;list-style:none} .dp-faq summary::-webkit-details-marker{display:none} .dp-faq summary>.icon:first-child{width:19px;height:19px;color:var(--primary)} .dp-faq summary .chev{margin-inline-start:auto;width:18px;height:18px;color:var(--muted);transition:transform var(--dur)} .dp-faq details[open] summary .chev{transform:rotate(180deg)} .dp-faq details>div{padding:0 14px 14px;font-size:14px;line-height:2;color:var(--ink-2)} .dp-faq details>div p{margin:0} .hours-list{list-style:none;margin:0;padding:0;display:grid;gap:4px} .hours-list li{display:flex;justify-content:space-between;gap:12px;padding:6px 10px;border-radius:8px;background:#FBFCFE} .how-list{margin:0;padding:0 18px 0 0;display:grid;gap:4px;font-size:14px;line-height:2;color:var(--ink-2)} .dp-related h2{font-size:18px;margin:6px 0 12px} .dp-aside{position:sticky;top:84px} .book-card{background:#fff;border:1.5px solid var(--primary-100);border-radius:var(--r-card);padding:18px;box-shadow:0 14px 36px -18px #173B7540;display:flex;flex-direction:column;gap:12px} .book-card h2{display:flex;align-items:center;gap:8px;margin:0;font-size:17px} .book-card h2 .icon{color:var(--primary)} .bc-clinic{display:flex;align-items:center;gap:6px;margin:0;font-size:14px;font-weight:500} .bc-clinic small{color:var(--muted);font-weight:400} .bc-clinic .icon{width:17px;height:17px;color:var(--primary)} .bc-first{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:14px;background:var(--success-50);line-height:1.7} .bc-first span{font-size:12.5px;color:var(--success-ink)} .bc-first strong{font-size:18px;color:var(--ink)} .bc-first small{font-size:12.5px;color:var(--ink-2)} .bc-first.none{background:#F1F5F9} .bc-first.none strong{font-size:14px;color:var(--ink-2)} .bc-state{display:flex;align-items:center;gap:6px;margin:0;font-size:13px;color:var(--muted)} .bc-state.ok{color:var(--success-ink)} .bc-state .icon{width:16px;height:16px} .bc-fee{display:flex;align-items:center;gap:6px;margin:0;font-size:13.5px;color:var(--ink-2);flex-wrap:wrap} .bc-fee .icon{width:17px;height:17px;color:var(--primary)} .bc-fee small{color:var(--muted)} .book-card .button{padding:13px 16px;border-radius:14px;font-size:15px;font-weight:700} .book-bar{display:none} @media (max-width:920px){ .dp-hero{grid-template-columns:auto 1fr;gap:14px} .dp-photo{width:84px;height:84px;font-size:30px} .dp-id h1{font-size:19px} .dp-hero-actions{grid-column:1/-1;flex-direction:row} .dp-hero-actions .button{flex:1} .dp-book-top{display:none!important} .dp-layout{grid-template-columns:1fr} .dp-aside{position:static} .doctor-page .bottom-nav,.booking-page .bottom-nav{display:none} .book-bar{display:flex;position:fixed;inset:auto 0 0 0;z-index:40;align-items:center;justify-content:space-between;gap:12px;background:#fff;border-top:1px solid var(--line);padding:10px 16px calc(10px + var(--safe-b));box-shadow:0 -8px 24px -14px #17233B55} .book-bar span{display:flex;flex-direction:column;line-height:1.5;min-width:0} .book-bar small{font-size:12px;color:var(--muted)} .book-bar b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .book-bar .button{display:inline-flex;align-items:center;gap:6px;padding:12px 18px;border-radius:14px;font-weight:700;white-space:nowrap} .doctor-page .site-footer{padding-bottom:90px} .rv-summary{grid-template-columns:1fr} } /* ===== Time picker ===== */ .tp{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:14px} .tp-head{display:flex;align-items:center;justify-content:center;position:relative;min-height:48px;background:#fff;border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow-card)} .tp-head h1{margin:0;font-size:17px} .tp-close{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:12px;background:#F1F5F9;color:var(--ink-2);display:flex;align-items:center;justify-content:center} .tp-close:hover{background:#E2E8F0} .tp-close .icon{width:20px;height:20px} .tp-doctor{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:14px 16px;box-shadow:var(--shadow-card)} .tp-photo{flex-shrink:0;width:56px;height:56px;border-radius:50%;background:var(--primary-50);color:var(--primary-700);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:22px;overflow:hidden} .tp-photo img{width:100%;height:100%;object-fit:cover} .tp-id{display:flex;flex-direction:column;min-width:0;line-height:1.7} .tp-id strong{font-size:16px} .tp-id small{font-size:13px;color:var(--muted)} .tp-addr{display:flex;align-items:center;gap:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .tp-addr .icon{width:14px;height:14px;flex-shrink:0} .tp-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px} .tp-chips::-webkit-scrollbar{display:none} .tp-chips .chip{flex-shrink:0;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;padding:8px 14px} .tp-chips .chip .icon{width:15px;height:15px} .tp-service{display:flex;align-items:center;gap:6px;margin:0;font-size:14px;color:var(--ink-2)} .tp-service .icon{width:17px;height:17px;color:var(--primary)} .tp-notes{background:var(--primary-50);border:1px solid #DCE8FE;border-radius:var(--r-card);padding:14px 16px;position:relative} .tp-notes h2{display:flex;align-items:center;gap:6px;margin:0 0 6px;font-size:15px;color:var(--primary-700)} .tp-notes h2 .icon{width:18px;height:18px} .tp-notes .dp-text{font-size:14px;line-height:2} .tp-notes.clamped [data-clamp-body]{max-height:88px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 45%,transparent);mask-image:linear-gradient(#000 45%,transparent)} .clamp-toggle{display:block;margin:6px auto 0;background:none;border:0;color:var(--primary-700);font:inherit;font-size:13px;font-weight:500;padding:4px 10px;box-shadow:none} .day-strip{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x proximity;padding:4px 2px 8px;scrollbar-width:thin;-webkit-overflow-scrolling:touch;scroll-padding-inline:16px} .day-card{flex:0 0 108px;scroll-snap-align:center;display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 6px;border:1.5px solid var(--line);border-radius:16px;background:#fff;color:var(--ink);line-height:1.6;position:relative;transition:border-color var(--dur),background var(--dur),transform 120ms} .day-card:hover{border-color:var(--primary-200)} .dc-week{font-size:12.5px;color:var(--muted)} .dc-date{font-size:16px} .dc-count{font-size:12.5px;font-weight:500} .state-free .dc-count{color:var(--success-ink)} .state-full .dc-count,.state-over .dc-count{color:var(--muted)} .state-closed{background:#F8FAFC;color:#94A3B8} .state-closed .dc-date,.state-closed .dc-week,.state-closed .dc-count{color:#A0AEC0} .day-card.is-selected{border-color:var(--primary);background:var(--primary-50);box-shadow:0 0 0 3px #3978F61c} .day-card.is-selected .dc-week,.day-card.is-selected .dc-date{color:var(--primary-700)} .day-card.is-today:before{content:'';position:absolute;top:8px;left:8px;width:7px;height:7px;border-radius:50%;background:var(--primary)} .tp-day-title{font-size:15px;margin:4px 0 10px;outline:none} .tp-times{min-height:120px;transition:opacity var(--dur)} .tp-times.is-loading{opacity:.45;pointer-events:none} .time-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px} @media (min-width:640px){.time-grid{grid-template-columns:repeat(5,minmax(0,1fr))}} .time-grid .time-option{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:52px;padding:8px;border:1.5px solid #9BD9BA;border-radius:12px;background:#fff;color:var(--success-ink);font-weight:700;text-align:center;transition:background var(--dur),border-color var(--dur),transform 120ms} .time-grid .time-option strong{font-size:16px;font-weight:700;letter-spacing:.3px} .time-grid .time-option small{font-size:11px;font-weight:400;color:var(--muted);display:block} .time-grid .time-option:hover{background:var(--success-50);border-color:var(--success)} .time-grid .time-option:active,.time-grid .time-option:focus-visible{background:var(--success-50);border-color:var(--success);outline:3px solid #27A86B33} .tp-hint{display:flex;align-items:center;gap:6px;margin:12px 0 0;font-size:12.5px;color:var(--muted)} .tp-hint .icon{width:15px;height:15px} .tp-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:28px 14px;background:#fff;border:1px dashed #CBD5E1;border-radius:var(--r-card)} .tp-empty-icon{width:56px;height:56px;border-radius:16px;background:#F1F5F9;color:var(--muted);display:flex;align-items:center;justify-content:center} .tp-empty-icon .icon{width:28px;height:28px} .tp-empty p{margin:0;color:var(--ink-2)} .tp-empty .button{display:inline-flex;align-items:center;gap:6px;padding:12px 20px;border-radius:14px;font-weight:700} .tp-empty .button small{font-weight:400;opacity:.9} .tp-month,.waitlist-box{margin:0;padding:0;border:1px solid var(--line);border-radius:var(--r-card);background:#fff;box-shadow:var(--shadow-card)} .tp-month summary,.waitlist-box summary{display:flex;align-items:center;gap:8px;padding:14px 16px;cursor:pointer;font-weight:500;list-style:none} .tp-month summary::-webkit-details-marker,.waitlist-box summary::-webkit-details-marker{display:none} .tp-month summary .icon:first-child,.waitlist-box summary .icon:first-child{width:18px;height:18px;color:var(--primary)} .tp-month summary .chev,.waitlist-box summary .chev{margin-inline-start:auto;width:18px;height:18px;color:var(--muted);transition:transform var(--dur)} .tp-month[open] .chev,.waitlist-box[open] .chev{transform:rotate(180deg)} .tp-month>:not(summary),.waitlist-box>:not(summary){margin-inline:16px} .tp-month .public-calendar{margin-bottom:16px} .waitlist-box form{background:none;border:0;box-shadow:none;padding:0 0 16px;margin-top:0} .waitlist-box p{font-size:13px} .tp-legacy h2{font-size:15px} .tp-fee{display:flex;align-items:center;gap:6px;margin:4px 0 0;font-size:13px;color:var(--muted)} .tp-fee .icon{width:16px;height:16px} @media (max-width:920px){ .times-page main{padding:0 12px;margin-top:8px} .times-page .site-footer{display:none} .tp-head{position:sticky;top:64px;z-index:15;border-radius:14px} .day-strip{margin:0 -12px;padding-inline:12px} .day-card{flex-basis:96px} } /* ===== Booking steps ===== */ .bk{max-width:680px;margin:0 auto;display:flex;flex-direction:column;gap:14px} .stepper{list-style:none;margin:0;padding:14px 10px 10px;display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow-card);counter-reset:none} .stepper li{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center} .stepper li+li:before{content:'';position:absolute;top:13px;right:calc(-50% + 16px);left:calc(50% + 16px);border-top:2px dashed #CBD5E1} .stepper li.step-done+li:before,.stepper li.step-current:before{border-top-style:solid;border-color:var(--primary)} .step-dot{position:relative;z-index:1;width:28px;height:28px;border-radius:50%;border:2px solid #CBD5E1;background:#fff;display:flex;align-items:center;justify-content:center} .step-done .step-dot{background:var(--primary);border-color:var(--primary);color:#fff} .step-done .step-dot .icon{width:15px;height:15px} .step-current .step-dot{border-color:var(--primary);box-shadow:0 0 0 5px #3978F61f} .step-current .step-dot:after{content:'';width:9px;height:9px;border-radius:50%;background:var(--primary)} .step-label{font-size:12.5px;color:var(--muted);line-height:1.6} .step-current .step-label{color:var(--ink);font-weight:500} .booking-summary{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow-card);padding:0;margin:0} .booking-summary>summary,.bs-head{display:flex;align-items:center;gap:12px;padding:14px 16px;list-style:none;cursor:pointer} .bs-head{cursor:default} .booking-summary>summary::-webkit-details-marker{display:none} .booking-summary>summary .chev{margin-inline-start:auto;width:20px;height:20px;color:var(--muted);transition:transform var(--dur)} .booking-summary[open]>summary .chev{transform:rotate(180deg)} .bs-photo{flex-shrink:0;width:60px;height:60px;border-radius:50%;background:var(--primary-50);color:var(--primary-700);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:22px;overflow:hidden} .bs-photo img{width:100%;height:100%;object-fit:cover} .bs-id{display:flex;flex-direction:column;line-height:1.7;min-width:0} .bs-id strong{font-size:16px} .bs-id small{font-size:13px;color:var(--muted)} .bs-rows{margin:0;padding:12px 16px 14px;border-top:1px dashed #CBD5E1;display:grid;gap:8px} .bs-rows div{display:grid;grid-template-columns:110px 1fr;gap:10px;font-size:14px} .bs-rows dt{color:var(--muted)} .bs-rows dd{margin:0;font-weight:500;overflow-wrap:anywhere} .bk-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:var(--pad-card);box-shadow:var(--shadow-card);margin:0} .bk-card>h2{font-size:17px;margin:0 0 4px} .bk-card>.muted{margin:0 0 14px;font-size:14px} .bk-form,.bk-plain,.bk-who{background:#fff} .bk-form{border:0;box-shadow:none;padding:0;margin:0} .bk-plain{background:none;border:0;box-shadow:none;padding:0;margin:0;display:contents} .bk-actions{margin-top:8px} .bk-actions .button{padding:14px 18px;border-radius:14px;font-size:16px;font-weight:700} .cta-note{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:8px;font-size:12.5px;color:var(--muted);text-align:center} .cta-note .icon{width:15px;height:15px} .who-list{display:grid;gap:10px;margin-bottom:6px} .who-item{position:relative} .who-card{display:flex!important;align-items:center;gap:12px;margin:0!important;padding:14px 16px;border:1.5px solid var(--line);border-radius:16px;cursor:pointer;transition:border-color var(--dur),background var(--dur),box-shadow var(--dur)} .who-card:hover{border-color:var(--primary-200)} .who-card input{position:absolute;opacity:0;pointer-events:none} .who-radio{flex-shrink:0;width:22px;height:22px;border-radius:50%;border:2px solid #CBD5E1;position:relative;transition:border-color var(--dur)} .who-card:has(input:checked){border-color:var(--primary);background:#FAFCFF;box-shadow:0 0 0 4px #3978F614} .who-card input:checked+.who-radio{border-color:var(--primary)} .who-card input:checked+.who-radio:after{content:'';position:absolute;inset:3px;border-radius:50%;background:var(--primary)} .who-card input:focus-visible+.who-radio{outline:3px solid #3978F64d;outline-offset:2px} .who-body{display:flex;flex-direction:column;line-height:1.7;min-width:0;padding-inline-end:70px} .who-body strong{font-size:15px;font-weight:500} .who-body small{font-size:13px;color:var(--muted)} .who-body strong small{color:var(--muted);font-weight:400} .who-edit{position:absolute;top:50%;left:14px;transform:translateY(-50%);display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:500} .who-edit .icon{width:15px;height:15px} .bk-add{padding:0} .bk-add>summary{display:flex;align-items:center;justify-content:center;gap:8px;padding:15px;cursor:pointer;list-style:none;font-weight:500;color:var(--ink);border-radius:var(--r-card)} .bk-add>summary::-webkit-details-marker{display:none} .bk-add>summary .icon{width:18px;height:18px;color:var(--primary)} .bk-add>summary:hover{background:#FAFCFF} .bk-add[open]>summary{border-bottom:1px solid var(--line-2);border-radius:var(--r-card) var(--r-card) 0 0} .bk-add>form{padding:var(--pad-card)} .alert-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px} .ac-icon{width:58px;height:58px;border-radius:18px;background:var(--danger-50);color:var(--danger);display:flex;align-items:center;justify-content:center} .ac-icon.warn{background:var(--warning-50);color:var(--warning)} .ac-icon .icon{width:28px;height:28px} .alert-card p{margin:0 0 6px;color:var(--ink-2);max-width:460px} .ac-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center} .ac-actions .button{display:inline-flex;align-items:center;gap:6px} @media (max-width:920px){ .sticky-cta{position:sticky;bottom:0;margin:12px calc(var(--pad-card) * -1) calc(var(--pad-card) * -1);padding:12px var(--pad-card) calc(12px + var(--safe-b));background:#ffffffef;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top:1px solid var(--line-2);border-radius:0 0 var(--r-card) var(--r-card)} } /* Payment step */ .hold-bar{position:sticky;top:64px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 -16px 12px;padding:10px 16px;background:#FFF8E6;border-bottom:1px solid #FDE7B0;color:#7C4A03;font-size:13.5px;line-height:1.8} .hold-bar span{display:flex;align-items:flex-start;gap:6px} .hold-bar span .icon{width:17px;height:17px;color:var(--warning);flex-shrink:0;margin-top:4px} .hold-timer{display:inline-flex;align-items:center;gap:5px;font-size:15px;font-weight:700;color:var(--ink);white-space:nowrap} .hold-timer .icon{width:17px;height:17px} .hold-bar.urgent{background:#FEF2F2;border-color:#FECACA;color:var(--danger-ink)} .hold-bar.urgent .hold-timer{color:var(--danger-ink)} @media (min-width:921px){.hold-bar{max-width:680px;margin:0 auto 14px;border:1px solid #FDE7B0;border-radius:14px;top:84px}} .gw-list{display:grid;gap:10px;margin-top:10px} .gw-card{display:flex!important;align-items:center;gap:12px;margin:0!important;padding:14px 16px;border:1.5px solid var(--line);border-radius:16px;cursor:pointer;transition:border-color var(--dur),box-shadow var(--dur)} .gw-card input{position:absolute;opacity:0;pointer-events:none} .gw-radio{flex-shrink:0;width:22px;height:22px;border-radius:50%;border:2px solid #CBD5E1;position:relative} .gw-card:has(input:checked){border-color:var(--primary);box-shadow:0 0 0 4px #3978F614;background:#FAFCFF} .gw-card input:checked+.gw-radio{border-color:var(--primary)} .gw-card input:checked+.gw-radio:after{content:'';position:absolute;inset:3px;border-radius:50%;background:var(--primary)} .gw-card input:focus-visible+.gw-radio{outline:3px solid #3978F64d;outline-offset:2px} .gw-logo{flex-shrink:0;width:44px;height:44px;border-radius:12px;background:#F1F5F9;display:flex;align-items:center;justify-content:center;color:var(--ink-2);overflow:hidden} .gw-logo img{width:100%;height:100%;object-fit:contain} .gw-logo .icon{width:22px;height:22px} .gw-text{display:flex;flex-direction:column;line-height:1.7} .gw-text strong{font-size:15px;font-weight:500} .gw-text small{font-size:12.5px;color:var(--muted)} .discount-box{padding:0} .discount-box>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px var(--pad-card);cursor:pointer;list-style:none;font-weight:500} .discount-box>summary::-webkit-details-marker{display:none} .link-like{display:inline-flex;align-items:center;gap:4px;color:var(--link);font-size:14px} .link-like .icon{width:16px;height:16px} .discount-box[open]>summary .link-like{visibility:hidden} .discount-form{display:flex;gap:8px;padding:0 var(--pad-card);margin:0;background:none;border:0;box-shadow:none} .discount-form input{flex:1;margin:0;border-radius:var(--r-input);border-color:var(--line);min-height:46px;letter-spacing:1px} .discount-form .button{white-space:nowrap;border-radius:var(--r-input)} .discount-box .field-help{padding:6px var(--pad-card) 16px} .bill-card dl{margin:10px 0 0;display:grid;gap:12px} .bill-card dl div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:14.5px} .bill-card dt{color:var(--muted)} .bill-card dd{margin:0;font-weight:500;color:var(--ink);text-align:left} .bill-card .muted-dd{color:var(--ink-2);font-weight:400;font-size:13.5px} .inv-discount dd{color:var(--success-ink)} .inv-total{padding-top:14px;border-top:1.5px dashed #CBD5E1;margin-top:2px} .inv-total dt{color:var(--ink);font-weight:500} .inv-total dd{font-size:18px;font-weight:700} .rules{margin:10px 0 0;padding:0;border:0;background:none} .rules summary{display:flex;align-items:center;gap:6px;cursor:pointer;color:var(--link);font-size:14px;font-weight:500;list-style:none} .rules summary::-webkit-details-marker{display:none} .rules summary .icon{width:16px;height:16px} .rules[open] summary .chev{transform:rotate(180deg)} .rules .how-list{margin-top:8px} .release-form{background:none;border:0;box-shadow:none;padding:0;margin:0;text-align:center} .release-form .link-button{display:inline-flex;align-items:center;gap:4px;font-size:13.5px} .release-form .icon{width:15px;height:15px} .pay-bar{position:sticky;bottom:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:14px;margin:4px -16px 0;padding:12px 16px calc(12px + var(--safe-b));background:#fff;border-top:1px solid var(--line);box-shadow:0 -10px 26px -18px #17233B66} .pay-bar span{display:flex;flex-direction:column;line-height:1.5} .pay-bar small{font-size:12.5px;color:var(--muted)} .pay-bar b{font-size:19px} .pay-bar .button{flex:1;max-width:340px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 18px;border-radius:14px;font-size:16px;font-weight:700} @media (min-width:921px){.pay-bar{margin:4px 0 0;border:1px solid var(--line);border-radius:var(--r-card);bottom:16px}} .checkout-page .site-footer{margin-top:24px} /* Receipt */ .success-hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:18px 12px 6px} .success-hero h1{margin:6px 0 0;font-size:21px;color:var(--success-ink)} .success-hero p{margin:0;color:var(--ink-2);font-size:14px} .success-mark svg{width:84px;height:84px} .success-mark circle{fill:var(--success-50);stroke:var(--success);stroke-width:2.5;stroke-dasharray:151;stroke-dashoffset:151;animation:ok-ring .5s var(--ease) forwards} .success-mark path{fill:none;stroke:var(--success);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:36;stroke-dashoffset:36;animation:ok-tick .35s .4s var(--ease) forwards} @keyframes ok-ring{to{stroke-dashoffset:0}} @keyframes ok-tick{to{stroke-dashoffset:0}} @media (prefers-reduced-motion:reduce){.success-mark circle,.success-mark path{animation:none;stroke-dashoffset:0}} .receipt-wrap .receipt{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow-card);padding:0;overflow:hidden;margin:0} .rc-top{display:flex;align-items:center;gap:12px;padding:16px} .rc-top .badge{margin-inline-start:auto} .track{display:flex;align-items:center;gap:10px;justify-content:center;flex-wrap:wrap;padding:12px 16px;background:var(--primary-50);border-block:1px dashed #BCD3FC} .track small{color:var(--primary-700)} .track b{font-size:20px;letter-spacing:2px;color:var(--ink)} .track .link-button{display:inline-flex;align-items:center;gap:4px;font-size:13px} .track .icon{width:15px;height:15px} .receipt-details{margin:0;padding:14px 16px;display:grid;gap:10px} .receipt-details div{display:grid;grid-template-columns:130px 1fr;gap:10px;font-size:14px} .receipt-details dt{color:var(--muted)} .receipt-details dd{margin:0;font-weight:500;overflow-wrap:anywhere} .receipt .live-line,.receipt>p{margin:0 16px 12px} .receipt-note{display:flex;align-items:center;gap:6px;margin:0;padding:12px 16px;border-top:1px solid var(--line-2);font-size:12.5px;color:var(--muted)} .receipt-note .icon{width:16px;height:16px;flex-shrink:0} .receipt-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px} .receipt-actions .button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px;border-radius:14px} .receipt-actions .button:first-child{grid-column:1/-1} .timeline{list-style:none;margin:10px 0 0;padding:0 14px 0 0;border-right:2px solid var(--line);display:grid;gap:10px} .timeline li{position:relative;display:flex;justify-content:space-between;gap:10px;font-size:13.5px} .timeline li:before{content:'';position:absolute;right:-21px;top:9px;width:10px;height:10px;border-radius:50%;background:var(--primary-200);border:2px solid #fff} .timeline small{color:var(--muted)} .cancel-box{margin-top:12px;padding:0;border:0;background:none} .cancel-box summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:4px} .cancel-box summary::-webkit-details-marker{display:none} .cancel-box summary .icon{width:15px;height:15px} @media (max-width:520px){.receipt-details div,.bs-rows div{grid-template-columns:100px 1fr}} @media print{ .receipt-page .site-header,.receipt-page .site-footer,.receipt-page .bottom-nav,.no-print,.success-hero,.drawer,.auth-sheet{display:none!important} .receipt-wrap .receipt{box-shadow:none;border:1px solid #999} body{background:#fff} } .gateway-logo{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;margin-top:12px;padding-top:12px;border-top:1px dashed var(--line)} .gateway-logo img{border-radius:10px;border:1px solid var(--line);background:#fff;object-fit:contain} .gateway-logo label{flex:1;min-width:220px} .dp-tabs{flex-wrap:nowrap} @media (max-width:520px){ .dp-hero{grid-template-columns:1fr;text-align:center;justify-items:center} .dp-photo{width:96px;height:96px} .dp-meta{justify-content:center} .dp-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%} .dp-stat{min-width:0;padding:8px 6px;align-items:center;text-align:center} .dp-hero-actions{width:100%} } @media (max-width:360px){ .site-header .header-actions{gap:2px} .header-actions .bell-link,.header-account{width:36px!important;height:36px!important} .site-header .brand small{display:none} } @media (max-width:360px){.header-inner{padding-inline:10px;gap:6px}.site-header .brand{font-size:18px;gap:6px}.site-header .brand-icon{width:32px;height:32px}} .tp-chips,.dp-tabs{flex-wrap:nowrap!important} .track b{font-size:clamp(13px,3.8vw,18px);letter-spacing:.5px;word-break:break-all;text-align:center;max-width:100%} .receipt-actions .button:last-child{grid-column:1/-1} .receipt-actions .button{white-space:nowrap} details.bk-card>summary{cursor:pointer;font-weight:500;list-style-position:inside} .receipt-actions{grid-template-columns:repeat(2,minmax(0,1fr))} @media (max-width:400px){.receipt-actions{grid-template-columns:1fr}.receipt-actions .button{grid-column:auto!important}} .who-card,.gw-card,.seg label{position:relative} .who-card input,.gw-card input{inset:0;width:100%;height:100%;margin:0} .day-card.is-today:not(.is-selected){box-shadow:none;background:#fff} .day-card.is-today.state-closed:not(.is-selected){background:#F8FAFC} /* ===== 1.0.0-rc.6: one-click update ===== */ .update-head{display:flex;align-items:center;gap:14px} .update-head h2{margin:0} .update-head p{margin:2px 0 0} .uh-icon{flex-shrink:0;width:52px;height:52px;border-radius:16px;background:var(--primary-50);color:var(--primary);display:flex;align-items:center;justify-content:center} .uh-icon .icon{width:26px;height:26px} .update-steps{list-style:none;margin:0 0 16px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px} .update-steps li{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:#fff;font-size:13.5px;color:var(--muted)} .update-steps span{flex-shrink:0;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#F1F5F9;font-weight:700} .update-steps .current{border-color:var(--primary);color:var(--ink);font-weight:500} .update-steps .current span{background:var(--primary);color:#fff} .update-steps .done span{background:var(--success);color:#fff} .update-upload{background:none;border:0;box-shadow:none;padding:0;display:flex;flex-direction:column;gap:12px;margin:0 0 10px} .drop-zone{position:relative;display:flex!important;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:28px 16px;border:2px dashed var(--primary-200);border-radius:18px;background:#FAFCFF;cursor:pointer;transition:border-color var(--dur),background var(--dur);margin:0!important} .drop-zone:hover,.drop-zone:focus-within{border-color:var(--primary);background:var(--primary-50)} .drop-zone>.icon{width:34px;height:34px;color:var(--primary)} .drop-zone small{color:var(--muted);font-weight:400;max-width:520px} .drop-zone input{margin-top:8px;max-width:340px;background:#fff} .update-upload>button{align-self:flex-start} .version-jump{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px;border-radius:16px;background:#FBFCFE;border:1px solid var(--line-2);margin-bottom:14px;flex-wrap:wrap} .version-jump div{display:flex;flex-direction:column;align-items:center;line-height:1.7} .version-jump small{color:var(--muted);font-size:12px} .version-jump b{font-size:16px} .version-jump .to b{color:var(--success-ink)} .version-jump>span .icon{width:22px;height:22px;color:var(--muted)} .update-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 12px} .update-facts div{padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fff} .update-facts dt{font-size:12px;color:var(--muted)} .update-facts dd{margin:0;font-weight:700} @media (max-width:700px){.update-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.update-steps li{flex-direction:column;text-align:center;font-size:12px}} .file-list{margin:0 0 12px;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:#fff} .file-list summary{cursor:pointer;font-weight:500} .file-list ul{list-style:none;margin:8px 0 0;padding:0;max-height:260px;overflow:auto;font-size:12.5px;display:grid;gap:4px} .update-notes{list-style:disc!important;padding-inline-start:20px!important;max-height:320px!important;font-size:13.5px!important;line-height:1.9} .update-notes .un-head{list-style:none;margin-inline-start:-20px;font-weight:700;margin-top:6px} .update-safe{list-style:none;margin:0 0 14px;padding:12px 14px;border-radius:14px;background:var(--success-50);display:grid;gap:6px;font-size:13.5px;color:var(--success-ink)} .update-safe li{display:flex;gap:6px;align-items:flex-start} .update-safe .icon{width:16px;height:16px;flex-shrink:0;margin-top:5px} .maintenance{max-width:520px;margin:18vh auto;padding:28px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:18px} .update-done{text-align:center} .update-done .success-mark svg{width:72px;height:72px} .update-done bdi{word-break:break-all} .setup-page .setup-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:var(--pad-card);box-shadow:var(--shadow-card)} /* ===================================================================== 1.0.0-rc.7 — visual polish pass: light typography, consistent buttons, forms, tabs, expandable sections, tables as cards on phones, account area ===================================================================== */ /* Typography: light body text, medium labels and buttons, bold titles only */ body{font-weight:300;letter-spacing:0} p,li,dd,td,.helper,.dp-text,.muted,small{font-weight:300} h1{font-weight:700;letter-spacing:-.2px} h2{font-weight:700} h3,h4,summary,th,legend,.eyebrow{font-weight:500} strong{font-weight:500} b{font-weight:700} form label,.field>span,.field>legend{font-weight:400} input,select,textarea{font-weight:400} .site-nav a,.drawer-item,.footer-col a,.page-tabs a{font-weight:400} button,.button,.chip{font-weight:500} .button.small,button.small{font-size:13.5px} /* Buttons: every