:root{--bg:#fff9f5;--panel:#ffffff;--panel-soft:#fff4ec;--line:#f1d7c5;--text:#2f241f;--muted:#7d6b62;--orange:#ff7a21;--orange-2:#ff9850;--peach:#fff1e6;--cream:#fffaf7;--danger:#e05666;--ok:#16966a;--blue:#3e85c7;--shadow:0 20px 50px rgba(255,122,33,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#fff7f2 0,#fff 55%,#fff8f2 100%);color:var(--text);font-family:Vazirmatn,Tahoma,"Segoe UI",Arial,sans-serif;min-height:100vh}.container{width:min(1160px,92%);margin:auto}.shell{width:min(1160px,92%);margin:auto}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between}.topbar nav{display:flex;gap:18px;align-items:center}.topbar a,.sidenav a{color:inherit;text-decoration:none}.brand{font-weight:800;font-size:23px;letter-spacing:-.4px;color:var(--text);text-decoration:none}.brand span{color:var(--orange)}.btn,.ghost{border:none;border-radius:16px;padding:13px 22px;font:inherit;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:.2s}.btn{background:linear-gradient(135deg,var(--orange),var(--orange-2));color:#fff;box-shadow:0 14px 34px rgba(255,122,33,.18)}.btn:hover{transform:translateY(-1px)}.ghost{background:#fff;border:1px solid var(--line);color:var(--text)}.ghost:hover{background:var(--cream)}.small{padding:9px 14px;font-size:13px}.linkbtn{background:none;border:none;color:inherit;font:inherit;cursor:pointer}.inline,.inline-filter{display:inline-flex;gap:10px;align-items:center}.hero{min-height:650px;display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center;padding:28px 0 34px}.hero-med{position:relative}.pill,.eyebrow,.verified{font-size:13px;color:var(--orange);font-weight:700;letter-spacing:.2px}.hero h1{font-size:58px;line-height:1.18;margin:18px 0}.hero h1 em{font-style:normal;color:var(--orange)}.hero-copy>p{font-size:18px;line-height:2;color:var(--muted);max-width:690px}.actions{display:flex;gap:12px;margin:28px 0;flex-wrap:wrap}.trust{display:flex;gap:18px;flex-wrap:wrap;color:#876f61;font-size:14px}.glass,.panel,.stat,.doctor-card,.hero-card{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow)}.hero-card{border-radius:30px;padding:28px;background:linear-gradient(180deg,#fffefc,#fff5ed)}.soft-badge{background:var(--peach);padding:8px 12px;border-radius:999px;color:var(--orange);font-size:12px;font-weight:700}.mock-head,.panel-head,.page-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0}.metric-grid div,.queue div{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px}.metric-grid b{font-size:26px;display:block}.metric-grid span,.stat span,.hint{color:var(--muted);font-size:12px}.queue{display:grid;gap:12px}.queue div{display:grid;grid-template-columns:70px 1fr auto;align-items:center}.queue-time{font-weight:700;color:var(--orange)}.status{font-style:normal;font-size:12px;border-radius:99px;padding:7px 10px;background:var(--peach)}.status.booked{color:#9a5b28}.status.checked_in{color:#ad6d00;background:#fff5da}.status.completed{color:var(--ok);background:#eafaf4}.status.cancelled,.status.no_show{color:var(--danger);background:#fff0f1}.section{padding:74px 0}.section-head{margin-bottom:28px}.section-head span{color:var(--orange);font-size:13px}.section-head h2{font-size:36px;margin:8px 0 12px}.section-head p{margin:0;color:var(--muted);line-height:1.9}.cards{display:grid;gap:16px}.cards.six{grid-template-columns:repeat(3,1fr)}.cards article{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:24px}.cards h3{margin-top:0}.cards p{color:var(--muted);line-height:1.9}.doctor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.doctor-card{padding:18px;border-radius:20px;display:flex;gap:14px;align-items:center;text-decoration:none;color:inherit}.doc-avatar,.avatar,.big-avatar{display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,#ffe4cf,#ffc28f);font-weight:800;color:#9a490c}.doc-avatar{width:56px;height:56px}.doctor-card h3{margin:0 0 4px}.doctor-card p,.doctor-card small{margin:0;color:var(--muted)}.footer{text-align:center;color:var(--muted);padding:40px;border-top:1px solid #f6e1d4}.auth-wrap{min-height:calc(100vh - 82px);display:grid;place-items:center;padding:36px}.auth-card{width:min(520px,95vw);padding:34px;border-radius:28px;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow)}.auth-card.wide{width:min(860px,95vw)}.auth-card h1{font-size:34px;margin:8px 0}.auth-card>div>p,.micro{color:var(--muted)}.stack{display:grid;gap:14px;margin-top:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:24px}.search-form{margin-top:0}.search-btn{align-self:end}.span2{grid-column:1/-1}label{display:grid;gap:7px;color:#6f5f57;font-size:13px;font-weight:600}input,select,textarea{width:100%;background:#fff;color:var(--text);border:1px solid #ebd6c7;border-radius:14px;padding:12px 13px;font:inherit;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--orange);box-shadow:0 0 0 4px rgba(255,122,33,.08)}textarea{resize:vertical}.alert{margin-top:18px;padding:12px 14px;border-radius:12px;background:rgba(224,86,102,.08);border:1px solid rgba(224,86,102,.25);color:#c6364b}.success{margin-top:15px;padding:12px;background:rgba(22,150,106,.08);border:1px solid rgba(22,150,106,.2);border-radius:12px;color:#157252}.demo-note{margin-top:20px;border-top:1px solid var(--line);padding-top:15px;color:var(--muted);display:grid;gap:6px}.demo-note code{direction:ltr;text-align:left;color:#364454}.app-shell{display:grid;grid-template-columns:280px 1fr;background:#fff}.sidebar{position:sticky;top:0;height:100vh;padding:26px 20px;background:#fffaf7;border-left:1px solid var(--line)}.userbox{display:flex;align-items:center;gap:11px;margin:28px 0;padding:13px;background:#fff;border:1px solid var(--line);border-radius:18px}.avatar{width:42px;height:42px}.userbox strong,.userbox small{display:block}.userbox small{color:var(--muted);margin-top:4px}.sidenav{display:grid;gap:6px}.sidenav a{padding:12px 13px;border-radius:12px;color:#7a675e}.sidenav a:hover{background:var(--peach);color:var(--orange)}.sidebar-box{margin-top:18px;padding:16px;border-radius:18px;background:linear-gradient(180deg,#fff3e9,#fffdfb);border:1px solid var(--line);display:grid;gap:6px}.sidebar-box small{color:var(--muted)}.logout{position:absolute;bottom:20px;left:20px;right:20px}.full{width:100%}.main{padding:34px;min-width:0;background:#fff}.mobile-head{display:none}.page-head{margin-bottom:24px}.page-head h1{margin:5px 0;font-size:34px}.page-head p{margin:0;color:var(--muted)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.stat-grid.two{grid-template-columns:1fr 1fr}.stat-grid.five-cols{grid-template-columns:repeat(5,1fr)}.stat{padding:20px;border-radius:20px}.stat.accent{background:linear-gradient(180deg,#fff3e6,#fff)}.stat b{display:block;font-size:28px;margin-top:10px}.stat b small{font-size:12px;color:var(--muted)}.panel{padding:22px;border-radius:22px;margin-bottom:18px}.panel h2{margin:0 0 16px;font-size:18px}.panel-head{margin-bottom:12px}.panel-head h2{margin:0}.panel-head a{color:var(--orange);text-decoration:none;font-size:13px}.table{display:grid}.tr{display:grid;grid-template-columns:110px 1.4fr 1fr 100px;gap:12px;align-items:center;padding:13px 8px;border-top:1px solid #f1e4d9;font-size:14px}.tr.five{grid-template-columns:160px 1.2fr .7fr 110px 130px}.tr:first-child{border-top:none}.tr a{color:var(--text);text-decoration:none}.tr i{font-style:normal;color:var(--muted)}.clickable{text-decoration:none;color:inherit}.empty{padding:28px;text-align:center;color:var(--muted)}.card-empty{background:#fff;border:1px dashed var(--line);border-radius:22px}.secure{border:1px dashed #f0cab4;border-radius:14px;background:#fffaf8}.split{display:grid;grid-template-columns:1fr 360px;gap:18px;align-items:start}.sideform{position:sticky;top:24px}.compact{max-width:230px}.info-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.info-strip span{background:#fff;border:1px solid #f0dfd3;border-radius:16px;padding:14px}.info-strip small,.info-strip b{display:block}.info-strip small{color:var(--muted);margin-bottom:6px}.timeline{display:grid;gap:14px}.timeline article{padding:18px;background:#fffdfb;border:1px solid #f1ddd2;border-radius:18px}.timeline time{color:var(--muted);font-size:12px}.timeline h3{margin:6px 0 10px}.timeline p{color:#5b4a42;line-height:1.9}.private{margin-top:12px;background:#fff4ea;border-right:3px solid var(--orange);padding:12px;border-radius:10px;color:#7e4f2b}.locknote{font-size:12px;color:#8f7668}.income{color:var(--ok)!important}.expense{color:var(--danger)!important}.check{grid-template-columns:auto 1fr;align-items:center}.check input{width:auto}.doctor-page{padding:60px 0}.doctor-hero{border-radius:30px;padding:35px;display:flex;gap:25px;align-items:flex-start}.big-avatar{width:110px;height:110px;font-size:40px;flex:none}.doc-main h1{font-size:38px;margin:8px 0}.doc-main h2{font-size:18px;color:#6f5f57;font-weight:500}.doc-main p{color:var(--muted);line-height:2;max-width:740px}.doc-meta{display:flex;gap:12px;flex-wrap:wrap;color:#7d6b62;font-size:13px}.doctor-cols{display:grid;grid-template-columns:2fr 1fr;gap:18px;margin-top:18px}.doctor-highlights{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.doctor-highlights span{padding:8px 12px;background:var(--peach);border-radius:999px;color:#95501f;font-size:13px}.price{font-size:30px;font-weight:800}.price small{font-size:12px;color:var(--muted)}.mini-list{display:grid;gap:10px}.mini-row{display:flex;justify-content:space-between;gap:10px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;text-decoration:none;color:var(--text);background:#fff}.mini-summary{margin-top:16px;display:grid;gap:8px;color:var(--muted)}.note-panel p{margin:0;line-height:1.9;color:#5b4a42} @media(max-width:980px){.hero{grid-template-columns:1fr;padding:50px 0}.hero h1{font-size:44px}.cards.six,.doctor-grid{grid-template-columns:1fr 1fr}.app-shell{display:block}.sidebar{display:none}.main{padding:20px}.mobile-head{display:block;margin-bottom:20px}.stat-grid,.stat-grid.five-cols{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr}.sideform{position:static}.tr,.tr.five{grid-template-columns:1fr 1fr}.info-strip{grid-template-columns:1fr 1fr}.doctor-cols{grid-template-columns:1fr}.doctor-hero{flex-direction:column}} @media(max-width:640px){.topbar nav>a:not(.btn){display:none}.hero h1{font-size:37px}.metric-grid{grid-template-columns:1fr 1fr}.cards.six,.doctor-grid,.form-grid,.stat-grid,.stat-grid.two,.stat-grid.five-cols{grid-template-columns:1fr}.span2{grid-column:auto}.doctor-page{padding:25px 0}.doc-main h1{font-size:30px}.page-head{align-items:flex-start;gap:12px;flex-direction:column}.info-strip{grid-template-columns:1fr}.tr,.tr.five{grid-template-columns:1fr}.panel{padding:16px}.inline-filter{display:grid;grid-template-columns:1fr; width:100%}.compact{max-width:none}} .pricing-page h1{font-size:42px;margin:8px 0}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.price-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:var(--shadow);position:relative}.price-card.featured{border:2px solid var(--orange);transform:translateY(-4px)}.price-card.active-plan{outline:3px solid rgba(255,122,33,.12);border-color:var(--orange)}.plan-tag{display:inline-block;background:var(--peach);color:#93480f;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:700}.price-card h2,.price-card h3{margin:16px 0}.price-card h2 small,.price-card h3 small{font-size:12px;color:var(--muted);font-weight:500}.price-card ul{padding:0;margin:18px 0 24px;list-style:none;display:grid;gap:10px;color:#5f4d44}.compact-plans{margin-bottom:18px}.billing-current{display:flex;justify-content:space-between;align-items:center;gap:20px;background:linear-gradient(180deg,#fff8f2,#fff)}.billing-current h2{font-size:32px;margin:6px 0}.gateway-badge{display:inline-flex;align-items:center;background:#fff0e4;color:#9b4b11;border:1px solid #ffd5b6;border-radius:999px;padding:9px 13px;font-size:12px;font-weight:700}.mock-pay{display:flex;justify-content:space-between;align-items:center;gap:20px}.admin-plan-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.admin-plan-card{display:grid;gap:12px;padding:18px;background:#fffaf7;border:1px solid var(--line);border-radius:18px}.admin-plan-card>b{color:var(--orange);font-size:13px}.admin-table .admin-clinic{grid-template-columns:1.3fr .7fr .7fr 1.3fr}.tiny-input{width:72px;padding:8px}.legal-page{max-width:900px}.legal-page h1{font-size:38px}.legal-page h2{margin-top:28px}.legal-page p{line-height:2;color:var(--muted)} @media(max-width:980px){.pricing-grid{grid-template-columns:1fr 1fr}.admin-plan-grid{grid-template-columns:1fr}.billing-current,.mock-pay{align-items:flex-start;flex-direction:column}.admin-table .admin-clinic{grid-template-columns:1fr 1fr}} @media(max-width:640px){.pricing-grid{grid-template-columns:1fr}.pricing-page h1{font-size:34px}.admin-table .admin-clinic{grid-template-columns:1fr}} /* Professional v4 */ .muted{color:var(--muted);line-height:1.9}.tr.six{grid-template-columns:150px 1.15fr 1fr 1fr 100px 150px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:18px}.service-card{display:grid;gap:12px;margin:0}.compact-grid{margin:0}.schedule-grid{display:grid;gap:10px}.schedule-row{display:grid;grid-template-columns:110px 130px 30px 130px 100px 90px;gap:10px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:15px;background:#fffdfb}.inline-check{display:flex;gap:7px}.secret-box{background:#fff8f2;border:1px dashed #f3c8aa;border-radius:16px;padding:18px;margin:15px 0}.secret-box code{display:block;background:#fff;padding:10px;border:1px solid var(--line);border-radius:10px;margin:8px 0;font-size:15px}.break{white-space:normal;word-break:break-all}.report-filter{width:100%;justify-content:flex-start}.report-filter label{min-width:180px}.audit-meta{font-size:11px;color:var(--muted);direction:ltr;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.patient-portal{padding:50px 0 80px}.portal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.portal-head h1{font-size:36px;margin:5px 0}.portal-head p{margin:0;color:var(--muted)}.booking-select{padding-bottom:22px;border-bottom:1px solid var(--line)}.booking-summary{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:20px 0 0;padding:14px;background:#fff6ef;border:1px solid var(--line);border-radius:15px}.booking-summary span{color:var(--muted)}.service-list{display:grid;gap:10px}.service-list a{display:flex;justify-content:space-between;gap:12px;padding:14px;border:1px solid var(--line);border-radius:14px;text-decoration:none;color:var(--text)}.service-list a:hover{background:var(--cream)}.service-list span{color:var(--muted);font-size:13px}.verify-dot{color:var(--ok)!important}.admin-verify-table .tr.six{grid-template-columns:1fr 1fr 1fr 100px 1fr 2fr}.admin-verify-table form.inline{display:grid;grid-template-columns:110px 1fr auto}.sidebar{overflow-y:auto}.logout{position:sticky;bottom:0;margin-top:20px;background:#fffaf7;padding-top:10px}.sidenav{padding-bottom:6px} @media(max-width:1150px){.service-grid{grid-template-columns:1fr 1fr}.tr.six,.admin-verify-table .tr.six{grid-template-columns:1fr 1fr}.schedule-row{grid-template-columns:100px 1fr 25px 1fr}.schedule-row .inline-check,.schedule-row button{grid-column:auto}} @media(max-width:700px){.service-grid{grid-template-columns:1fr}.tr.six,.admin-verify-table .tr.six{grid-template-columns:1fr}.schedule-row{grid-template-columns:1fr}.schedule-row>span{display:none}.portal-head{align-items:flex-start;flex-direction:column;gap:14px}.service-list a{flex-direction:column}.admin-verify-table form.inline{grid-template-columns:1fr}.report-filter{display:grid}.report-filter label{min-width:0}} .document-list{display:grid;gap:10px;margin-top:18px}.document-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 14px;border:1px solid var(--line);border-radius:14px;background:#fffdfb}.document-row small{display:block;color:var(--muted);margin-top:4px}.admin-actions{display:flex;gap:6px;flex-wrap:wrap} @media(max-width:700px){.document-row{align-items:flex-start;flex-direction:column}} .mobile-nav{display:none;gap:8px;overflow-x:auto;margin-top:12px;padding-bottom:4px}.mobile-nav a{white-space:nowrap;text-decoration:none;color:var(--text);padding:8px 12px;background:#fff8f2;border:1px solid var(--line);border-radius:999px;font-size:12px}.medical-cards{grid-template-columns:repeat(4,1fr)!important} @media(max-width:980px){.mobile-nav{display:flex}.medical-cards{grid-template-columns:1fr 1fr!important}} @media(max-width:640px){.medical-cards{grid-template-columns:1fr!important}} .profile-photo{object-fit:cover;border-radius:18px}.profile-photo-panel{display:grid;grid-template-columns:120px 1fr;gap:20px;align-items:center}.profile-photo-panel .profile-photo{width:110px;height:110px}.doc-avatar.profile-photo{width:56px;height:56px}.big-avatar.profile-photo{width:110px;height:110px} @media(max-width:640px){.profile-photo-panel{grid-template-columns:1fr}} .reset-pass{margin-top:8px}.reset-pass input{min-width:160px}details>summary{cursor:pointer;list-style:none} .appointment-actions{display:flex;gap:6px;align-items:center}.receipt-card{max-width:900px;margin-inline:auto}.receipt-brand{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:18px}.receipt-brand b{font-size:22px}.receipt-brand small{display:block;color:var(--muted);margin-top:5px}.receipt-total{display:grid;grid-template-columns:1fr auto;gap:10px;padding:18px;background:#fff8f2;border-radius:15px;margin:15px 0}.receipt-total b{text-align:left} @media print{.sidebar,.mobile-head,.no-print{display:none!important}.app-shell{display:block}.main{padding:0}.panel{box-shadow:none;border-color:#ddd}.receipt-card{max-width:none}} /* Core application styles */ .nav-label{margin:12px 8px 2px;color:#aa8b79;font-size:10px;font-weight:800;letter-spacing:.4px}.mobile-quick{display:none}.sidenav a{font-size:13px}.sidenav a:hover{transform:translateX(-2px)}.main{background:linear-gradient(180deg,#fff,#fffaf6)} .search-grid{display:grid;grid-template-columns:2fr repeat(5,1fr) auto;gap:12px;align-items:end}.search-wide{min-width:260px}.doctor-directory{display:grid;gap:14px;margin-top:22px}.doctor-result{display:grid;grid-template-columns:78px 1fr auto;gap:18px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:0 10px 34px rgba(61,38,23,.05)}.result-avatar{width:72px;height:72px;border-radius:20px;object-fit:cover;background:linear-gradient(135deg,#ffe1cb,#ffc18f);display:grid;place-items:center;font-size:28px;font-weight:800;color:#9b4d17}.result-main h3{margin:0;font-size:19px}.result-main p{margin:4px 0;color:#65544b}.result-main small{display:block;color:var(--muted);line-height:1.8}.result-actions{display:grid;gap:8px}.rating-pill{background:#fff4df;color:#94600d;padding:7px 10px;border-radius:999px;font-size:12px;font-weight:800}.delay-badge,.delay-text{color:#9d590d!important;background:#fff4df;padding:6px 10px;border-radius:999px}.delay-text{display:inline-block!important;margin-top:6px} .appt-table .appt-row{grid-template-columns:105px 1.15fr 1.15fr .75fr 1fr 90px 170px}.appt-row>div small{display:block;color:var(--muted);margin-top:4px}.appt-row>div b{display:block}.appointment-actions{flex-wrap:wrap}.appointment-actions select{padding:8px} .analytics-grid{display:grid;grid-template-columns:1.4fr .8fr 1fr;gap:16px;margin-bottom:18px}.analytics-grid.two-cols{grid-template-columns:1fr 1fr}.bar-chart{display:grid;gap:12px}.bar-line{display:grid;grid-template-columns:70px 1fr 35px;gap:10px;align-items:center;font-size:13px}.bar-line>div{height:11px;background:#fff0e6;border-radius:999px;overflow:hidden}.bar-line i{display:block;height:100%;background:linear-gradient(90deg,var(--orange),#ffb075);border-radius:999px}.gender-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.gender-cards div{padding:16px 10px;background:#fff8f2;border:1px solid var(--line);border-radius:17px;text-align:center}.gender-cards b{display:block;font-size:25px}.gender-cards span{font-size:12px;color:var(--muted)}.rank-list{display:grid;gap:8px}.rank-list div{display:flex;justify-content:space-between;gap:10px;padding:11px;border-radius:13px;background:#fffaf7;border:1px solid #f4e5da}.rank-list span{color:var(--muted);font-size:12px}.mt{margin-top:24px!important} .service-consumables{border-top:1px dashed var(--line);padding-top:14px;display:grid;gap:10px}.chip-wrap{display:flex;gap:8px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:5px;background:#fff4ea;border:1px solid #ffd8bd;border-radius:999px;padding:6px 10px;font-size:12px}.chip-x{border:0;background:none;color:#bb5a13;font-size:18px;cursor:pointer;line-height:1}.service-card .inline-filter select{min-width:140px} .ticket-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.ticket-card{padding:17px;border:1px solid var(--line);border-radius:18px;background:#fffdfb}.ticket-card p{color:#625048;line-height:1.85}.ticket-card small{display:block;color:var(--muted);margin-top:4px}.ticket-reply{padding:11px 13px;border-radius:13px;background:#eef9f4;color:#246d53;margin:10px 0}.integration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.integration-card{margin:0}.integration-card small{color:var(--muted)} .portal-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.portal-appts .portal-appt-row{grid-template-columns:130px 1.1fr .7fr 90px 120px 2fr}.portal-appt-row small{display:block;color:var(--muted);margin-top:4px}.portal-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.review-inline{display:flex;gap:6px;flex-wrap:wrap}.review-inline input{max-width:160px}.family-list,.file-list{display:grid;gap:10px;margin-bottom:14px}.family-card,.file-list a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 14px;border:1px solid var(--line);border-radius:14px;text-decoration:none;color:var(--text);background:#fffdfb}.family-card small,.file-list small{display:block;color:var(--muted);margin-top:3px} .review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.review-card{padding:16px;border:1px solid var(--line);border-radius:16px;background:#fffdfb}.review-card p{line-height:1.8;color:#67534a}.review-card small{color:var(--muted)}.stars{color:#f2a600;letter-spacing:2px}.service-list a>div small{display:block;color:var(--muted);margin-top:4px} .booking-selector{margin-top:16px;padding:15px;background:#fff8f2;border:1px solid var(--line);border-radius:18px}.selected-doctor{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:16px 0;padding:14px;border:1px solid #ffd7b9;background:#fff8f2;border-radius:16px}.selected-doctor span{color:var(--muted)} .receipt-breakdown{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.receipt-breakdown div{display:flex;justify-content:space-between;gap:10px;padding:12px 14px;background:#fff8f2;border:1px solid var(--line);border-radius:13px}.receipt-breakdown .total{background:#fff0e3;border-color:#ffcda9}.signature-box{display:grid;gap:10px}.signature-box canvas{width:100%;max-width:700px;height:180px;border:1px dashed #daa786;border-radius:15px;background:#fff;touch-action:none}.consent-box{padding:16px;border-radius:15px;background:#fff8f2;border:1px solid var(--line);line-height:2}.delay-panel{display:flex;justify-content:space-between;gap:18px;align-items:center}.delay-panel p{margin:0;color:var(--muted)} .period-legend{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.period-legend span{padding:7px 12px;border-radius:999px;background:#fff3e8;border:1px solid var(--line);font-size:12px}.plan-prices{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}.plan-prices div{padding:10px;background:#fff8f2;border:1px solid var(--line);border-radius:13px}.plan-prices small{display:block;color:var(--muted)}.plan-prices b{font-size:16px}.money-note{color:var(--muted)}.feature-list{max-height:430px;overflow:auto;padding-inline-end:4px!important}.pricing-grid{grid-template-columns:repeat(4,1fr)} @media(max-width:1250px){.search-grid{grid-template-columns:repeat(3,1fr)}.search-wide{grid-column:1/-1}.appt-table .appt-row,.portal-appts .portal-appt-row{grid-template-columns:1fr 1fr 1fr}.analytics-grid{grid-template-columns:1fr 1fr}.analytics-grid section:first-child{grid-column:1/-1}.integration-grid{grid-template-columns:1fr 1fr}.pricing-grid{grid-template-columns:1fr 1fr}} @media(max-width:980px){.mobile-head{display:flex;justify-content:space-between;align-items:center}.mobile-quick{display:flex;gap:7px}.mobile-quick a{font-size:11px;text-decoration:none;color:#8b4d21;background:#fff3e8;padding:7px 9px;border-radius:999px}.doctor-result{grid-template-columns:60px 1fr}.result-avatar{width:58px;height:58px}.result-actions{grid-column:1/-1;display:flex}.result-actions a{flex:1}.portal-stat-grid{grid-template-columns:1fr 1fr}.review-grid{grid-template-columns:1fr 1fr}.ticket-grid{grid-template-columns:1fr}.receipt-breakdown{grid-template-columns:1fr 1fr}} @media(max-width:700px){.search-grid,.analytics-grid,.analytics-grid.two-cols,.integration-grid,.portal-stat-grid,.review-grid,.receipt-breakdown{grid-template-columns:1fr}.doctor-result{grid-template-columns:1fr}.result-avatar{width:68px;height:68px}.appt-table .appt-row,.portal-appts .portal-appt-row{grid-template-columns:1fr}.gender-cards{grid-template-columns:1fr 1fr 1fr}.family-card,.file-list a{align-items:flex-start;flex-direction:column}.delay-panel{align-items:flex-start;flex-direction:column}.pricing-grid{grid-template-columns:1fr}} /* V5 FINAL additions */ .tr.six{grid-template-columns:1.1fr 1fr 1fr 100px 1.2fr 1.4fr}.inventory-item-card{padding:16px 0;border-top:1px solid #f1e4d9}.inventory-item-card:first-child{border-top:none}.inventory-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.compact-grid{margin-top:8px}.soft-line{border:0;border-top:1px solid var(--line);margin:22px 0}.course-grid{display:grid;gap:14px}.course-card{padding:18px;border:1px solid var(--line);border-radius:18px;background:#fffdfb}.course-card small{display:block;color:var(--muted);margin-top:4px}.course-progress{display:flex;gap:12px;align-items:center;padding:12px;background:#fff7f1;border-radius:14px;margin:12px 0}.course-progress b{font-size:22px;color:var(--orange)}.waitlist-public{margin-top:22px;padding-top:18px;border-top:1px dashed var(--line)}.waitlist-public h2{font-size:18px}.inventory-item-card .form-grid{grid-template-columns:repeat(2,1fr)} @media(max-width:1100px){.tr.six{grid-template-columns:1fr 1fr 1fr}.inventory-actions{grid-template-columns:1fr}} @media(max-width:700px){.tr.six,.inventory-item-card .form-grid{grid-template-columns:1fr}.course-progress{align-items:flex-start;flex-direction:column}} /* Professional tools and migration center */ .tool-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tool-card{display:flex;gap:15px;padding:22px;border:1px solid var(--line);background:#fff;border-radius:22px;text-decoration:none;color:var(--text);box-shadow:0 12px 32px rgba(68,45,31,.05);transition:.2s}.tool-card:hover{transform:translateY(-2px);border-color:#ffc89f;box-shadow:0 18px 42px rgba(255,122,33,.10)}.tool-card.featured{grid-column:span 2;background:linear-gradient(135deg,#fff7f0,#fff)}.tool-card h3{margin:0 0 7px;font-size:18px}.tool-card p{margin:0 0 10px;color:var(--muted);line-height:1.9}.tool-card span{color:var(--orange);font-size:12px;font-weight:800}.tool-icon{width:52px;height:52px;flex:none;border-radius:16px;display:grid;place-items:center;background:var(--peach);color:var(--orange);font-weight:900;font-size:15px}.migration-flow{display:flex;align-items:center;justify-content:center;gap:12px;margin:12px 0 25px;flex-wrap:wrap}.migration-flow div{display:flex;gap:9px;align-items:center;padding:11px 14px;background:#fff;border:1px solid var(--line);border-radius:999px}.migration-flow div b{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--orange);color:#fff}.migration-flow div span{font-size:12px;font-weight:700}.migration-flow i{font-style:normal;color:#c9a58c}.migration-actions{grid-template-columns:repeat(2,1fr)}.tool-form{margin:0}.tool-kicker{font-size:11px;color:var(--orange);font-weight:800}.tool-form h2{margin:7px 0 8px}.tool-form p{color:var(--muted);line-height:1.9}.micro-link{display:inline-block;margin-top:12px;color:var(--orange);text-decoration:none;font-size:12px;font-weight:700}.ai-state{padding:11px 13px;border-radius:13px;margin:13px 0;font-size:12px}.ai-state.ok{background:#eaf8f2;color:#14724f}.ai-state.warn{background:#fff4df;color:#8a5a0b}.notice-box{display:grid;gap:5px;padding:14px 16px;border:1px solid #ffd4b5;background:#fff8f2;border-radius:15px;margin-bottom:18px}.notice-box span{color:var(--muted);line-height:1.8}.notice-box.warn{border-color:#efd49b;background:#fff9e8}.preview-table{overflow:auto;max-height:520px;border:1px solid var(--line);border-radius:15px}.preview-table table{border-collapse:collapse;min-width:850px;width:100%}.preview-table th,.preview-table td{padding:10px 12px;border-bottom:1px solid #f3e5db;border-left:1px solid #f3e5db;text-align:right;white-space:nowrap;font-size:12px}.preview-table th{position:sticky;top:0;background:#fff5ee;color:#754a2b;z-index:1}.danger-zone{border-color:#efc3c8;background:#fffafb}.review-workspace{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(350px,.85fr);gap:18px;align-items:start}.scan-viewer{position:sticky;top:18px}.scan-image{display:block;width:100%;max-height:78vh;object-fit:contain;background:#f3f0ed;border:1px solid var(--line);border-radius:16px}.review-fields textarea{min-height:84px}.confidence{color:#9b7d69;font-size:10px}.code-note code,.tool-form code{direction:ltr;display:inline-block;background:#fff3e8;padding:2px 7px;border-radius:7px;color:#8b4a1b}.migration-badge{display:inline-flex;padding:5px 8px;border-radius:999px;background:#fff3e8;color:#99551f;font-size:10px;font-weight:800} @media(max-width:1050px){.tool-grid{grid-template-columns:1fr 1fr}.review-workspace{grid-template-columns:1fr}.scan-viewer{position:static}.tool-stats{grid-template-columns:1fr 1fr}} @media(max-width:680px){.tool-grid,.migration-actions,.tool-stats{grid-template-columns:1fr}.tool-card.featured{grid-column:auto}.migration-flow i{display:none}.migration-flow{justify-content:flex-start}.migration-flow div{width:100%}.tool-card{align-items:flex-start}.review-workspace{display:block}} /* Reception workspace */ .demo-ribbon{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;padding:14px 18px;border:1px solid #f6c9aa;background:linear-gradient(135deg,#fff8f1,#fff);border-radius:18px;color:#6d4b34;box-shadow:0 10px 28px rgba(255,122,33,.08)}.demo-ribbon b{color:#cf5e12}.demo-ribbon span{font-size:13px;color:#8b7568}.secretary-actions{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:20px}.secretary-actions a{display:grid;gap:5px;min-height:96px;padding:18px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,#fff,#fff8f2);text-decoration:none;color:var(--text);box-shadow:0 10px 28px rgba(255,122,33,.07);transition:.2s}.secretary-actions a:hover{transform:translateY(-2px);border-color:#f1b78f}.secretary-actions b{font-size:15px;color:#8f4a1d}.secretary-actions span{font-size:12px;color:var(--muted);line-height:1.7}.migration-mini{display:grid;gap:10px}.migration-mini>b{font-size:15px;color:#8f4a1d;padding-bottom:8px;border-bottom:1px solid var(--line)}.migration-mini>div{display:flex;align-items:center;justify-content:space-between;gap:14px}.migration-mini span{color:var(--muted);font-size:13px}.migration-mini strong{font-size:17px}.demo-note details{margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}.demo-note summary{cursor:pointer;font-weight:700;color:#7c6558}.demo-note p{margin:5px 0 12px;line-height:1.8} @media(max-width:1100px){.secretary-actions{grid-template-columns:repeat(3,1fr)}} @media(max-width:700px){.demo-ribbon{align-items:flex-start;flex-direction:column}.secretary-actions{grid-template-columns:1fr 1fr}} @media(max-width:480px){.secretary-actions{grid-template-columns:1fr}} .module-hub .panel-head p{margin:5px 0 0;color:var(--muted);font-size:13px}.module-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.module-grid a{display:grid;gap:5px;padding:16px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(180deg,#fff,#fffaf6);text-decoration:none;color:var(--text);transition:.18s}.module-grid a:hover{transform:translateY(-2px);border-color:#efb58b;box-shadow:0 10px 24px rgba(255,122,33,.08)}.module-grid b{font-size:14px;color:#83451e}.module-grid span{font-size:12px;line-height:1.7;color:var(--muted)}@media(max-width:1100px){.module-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.module-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.module-grid{grid-template-columns:1fr}} /* Digital paper chart */ .paper-chart-callout{background:linear-gradient(135deg,#fff8f2,#fff);border:1px solid #f0d7c7}.paper-chart-callout p{color:var(--muted);line-height:1.9}.paper-sheet-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.paper-toolbar{position:sticky;top:8px;z-index:40;display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;padding:12px 14px;margin-bottom:16px}.tool-group{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.tool-btn{border:1px solid var(--line);background:#fff;color:var(--text);border-radius:12px;padding:9px 12px;font:inherit;cursor:pointer}.tool-btn.active{background:var(--peach);border-color:#f3b98e;color:var(--orange)}.tool-group input[type=color]{width:40px;height:34px;padding:2px;border-radius:8px}.tool-group input[type=range]{width:100px}.save-zone{margin-right:auto}.save-zone .dirty{color:var(--danger);font-weight:700}.chart-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px;align-items:start}.chart-side{position:sticky;top:90px}.chart-side hr{border:0;border-top:1px solid var(--line);margin:18px 0}.sheet-nav{display:grid;gap:8px;max-height:280px;overflow:auto;margin-bottom:16px}.sheet-nav a{display:grid;gap:3px;padding:11px;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--text);background:#fff}.sheet-nav a.active{background:var(--peach);border-color:#f2bd98}.sheet-nav small{color:var(--muted)}.paper-stage-wrap{min-width:0}.paper-stage{display:none;position:relative;width:min(100%,900px);margin:0 auto;background:#fff;box-shadow:0 18px 55px rgba(40,24,15,.18);user-select:none}.paper-stage.active{display:block}.paper-stage>img{display:block;width:100%;height:auto}.ink-canvas{position:absolute;z-index:5;cursor:crosshair}.front-ink{left:5.4%;top:31.0%;width:89.0%;height:64.5%}.back-ink{left:5.3%;top:12.2%;width:89.0%;height:83.5%}.paper-value{position:absolute;z-index:3;display:flex;align-items:center;justify-content:center;font-size:clamp(9px,1.25vw,16px);font-weight:700;color:#4a3d38;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;direction:rtl}.v-file{left:17.2%;top:12.9%;width:18.7%;height:3.0%}.v-national{left:40.0%;top:12.9%;width:17.0%;height:3.0%}.v-name{left:65.0%;top:12.9%;width:22.2%;height:3.0%}.v-job{left:17.2%;top:17.2%;width:18.7%;height:3.0%}.v-father{left:40.0%;top:17.2%;width:17.0%;height:3.0%}.v-visit{left:65.0%;top:17.2%;width:22.2%;height:3.0%}.v-phone{left:17.2%;top:21.4%;width:18.7%;height:3.0%;direction:ltr}.v-birth{left:40.0%;top:21.4%;width:17.0%;height:3.0%}.v-education{left:65.0%;top:21.4%;width:22.2%;height:3.0%}.v-address{left:18.2%;top:25.7%;width:69.0%;height:3.2%;justify-content:flex-start;padding-right:8px}.patient-paper-profile{background:#fffdfb} @media(max-width:1000px){.chart-layout{grid-template-columns:1fr}.chart-side{position:static}.paper-toolbar{position:static}.paper-value{font-size:clamp(8px,2vw,14px)}} @media(max-width:640px){.paper-toolbar{align-items:flex-start}.tool-group{width:100%}.paper-stage{width:100%}.chart-side{padding:14px}.patient-paper-profile .form-grid{grid-template-columns:1fr}} @media print{.no-print,.sidebar,.mobile-head{display:none!important}.app-shell{display:block!important}.main{padding:0!important}.paper-stage-wrap{width:100%}.paper-stage{display:block!important;box-shadow:none!important;width:100%!important;page-break-after:always}.paper-stage>img{width:100%!important}.chart-layout{display:block}.ink-canvas{pointer-events:none}.paper-value{font-size:11pt}.paper-stage:not(.active){display:block!important}} /* V5.3 secretary patient tracking */ .patient-cards{display:grid;gap:12px}.patient-card{display:block;padding:16px;border:1px solid var(--line);border-radius:18px;background:#fff;color:var(--text);text-decoration:none;transition:.2s}.patient-card:hover{border-color:var(--orange);box-shadow:0 10px 28px rgba(255,122,33,.08)}.patient-main{display:flex;justify-content:space-between;gap:12px;align-items:center}.patient-main b,.patient-main small{display:block}.patient-main small{color:var(--muted);margin-top:4px}.patient-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:13px}.patient-kpis span{padding:10px;background:var(--cream);border-radius:12px;text-align:center}.patient-kpis b,.patient-kpis small{display:block}.patient-kpis b{font-size:18px;color:var(--orange)}.patient-kpis small{font-size:11px;color:var(--muted);margin-top:3px}.patient-next{margin-top:10px;font-size:12px;color:var(--muted)}.patient-summary-panel{background:linear-gradient(180deg,#fff8f2,#fff)}.patient-summary-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.patient-summary-grid>div{padding:14px;border:1px solid var(--line);border-radius:16px;background:#fff;text-align:center}.patient-summary-grid b,.patient-summary-grid span{display:block}.patient-summary-grid b{font-size:24px;color:var(--orange)}.patient-summary-grid span{font-size:12px;color:var(--muted);margin-top:4px}.patient-summary-dates{display:flex;gap:20px;flex-wrap:wrap;margin-top:14px;color:var(--muted);font-size:13px}@media(max-width:900px){.patient-summary-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.patient-kpis,.patient-summary-grid{grid-template-columns:1fr 1fr}.patient-main{align-items:flex-start;flex-direction:column}} /* PaperChart 5.3.1 hotfix: exact field registration and reliable pen hit-area */ .paper-stage>img{pointer-events:none;-webkit-user-drag:none}.paper-value{pointer-events:none;text-align:center;line-height:1.15;padding:0 4px}.ink-canvas{display:block;pointer-events:auto;touch-action:none;overscroll-behavior:contain;background:transparent} /* Front page: values aligned to the actual printed gray boxes in paper_front.jpg (1355x1920). */ .v-file{left:5.4%;top:12.85%;width:15.1%;height:2.85%}.v-national{left:32.0%;top:12.85%;width:20.8%;height:2.85%}.v-name{left:61.2%;top:12.85%;width:20.2%;height:2.85%} .v-job{left:5.4%;top:16.4%;width:17.7%;height:2.75%}.v-father{left:32.0%;top:16.4%;width:20.8%;height:2.75%}.v-visit{left:61.2%;top:16.4%;width:20.2%;height:2.75%} .v-phone{left:5.4%;top:19.55%;width:17.7%;height:2.75%;direction:ltr}.v-birth{left:32.0%;top:19.55%;width:20.8%;height:2.75%}.v-education{left:61.2%;top:19.55%;width:20.2%;height:2.75%} .v-address{left:5.4%;top:22.45%;width:76.0%;height:2.65%;justify-content:flex-start;padding-right:10px;text-align:right} /* The writable body starts immediately below the header border, including the first ruled row. */ .front-ink{left:5.35%;top:25.35%;width:89.1%;height:70.15%}.back-ink{left:5.25%;top:12.0%;width:89.2%;height:83.7%} .paper-help{margin:-6px 0 14px;padding:9px 13px;border-radius:12px;background:#fff8ef;border:1px solid #f0d5bd;color:#79553c;font-size:13px} /* ========================= DoctorYo Clinic Theme System 5.4 white / pink / red / blue / green / dark ========================= */ :root{ --bg-start:#fff7f2;--bg-mid:#ffffff;--bg-end:#fff8f2;--sidebar-bg:#fffaf7; --input-bg:#ffffff;--topbar-bg:rgba(255,255,255,.9);--accent-shadow:rgba(255,122,33,.18); --soft-accent:#fff1e6;--surface-alt:#fffaf7; } html[data-theme="white"]{ --bg:#fffaf7;--panel:#ffffff;--panel-soft:#fff5ef;--line:#eadbd1;--text:#2c2622;--muted:#7b6d65; --orange:#ee7a2f;--orange-2:#ff9d5a;--peach:#fff0e4;--cream:#fffaf6;--danger:#db4b5d;--ok:#14875f;--blue:#3c82c4; --shadow:0 20px 50px rgba(110,73,43,.10);--bg-start:#fffaf7;--bg-mid:#fff;--bg-end:#fff8f3;--sidebar-bg:#fffaf7;--input-bg:#fff;--accent-shadow:rgba(238,122,47,.18);--soft-accent:#fff0e4;--surface-alt:#fffaf7; } html[data-theme="pink"]{ --bg:#fff6fb;--panel:#ffffff;--panel-soft:#fff0f7;--line:#f0cfe0;--text:#382630;--muted:#866774; --orange:#d94b91;--orange-2:#f178b1;--peach:#fde8f3;--cream:#fff7fb;--danger:#cf315f;--ok:#27896b;--blue:#7b68c8; --shadow:0 20px 50px rgba(217,75,145,.13);--bg-start:#fff2f8;--bg-mid:#fff;--bg-end:#fff6fb;--sidebar-bg:#fff7fb;--input-bg:#fff;--accent-shadow:rgba(217,75,145,.20);--soft-accent:#fde8f3;--surface-alt:#fff7fb; } html[data-theme="red"]{ --bg:#fff7f7;--panel:#ffffff;--panel-soft:#fff0f0;--line:#efcccc;--text:#352424;--muted:#826666; --orange:#d93645;--orange-2:#f0646f;--peach:#ffe8ea;--cream:#fff7f7;--danger:#b91f35;--ok:#21845d;--blue:#536fc5; --shadow:0 20px 50px rgba(217,54,69,.12);--bg-start:#fff2f2;--bg-mid:#fff;--bg-end:#fff7f7;--sidebar-bg:#fff8f8;--input-bg:#fff;--accent-shadow:rgba(217,54,69,.18);--soft-accent:#ffe8ea;--surface-alt:#fff8f8; } html[data-theme="blue"]{ --bg:#f5f9ff;--panel:#ffffff;--panel-soft:#edf5ff;--line:#cddff2;--text:#213044;--muted:#66778d; --orange:#2878c8;--orange-2:#58a0e5;--peach:#e7f2ff;--cream:#f7fbff;--danger:#d84b65;--ok:#13866a;--blue:#2878c8; --shadow:0 20px 50px rgba(40,120,200,.12);--bg-start:#eff6ff;--bg-mid:#fff;--bg-end:#f5f9ff;--sidebar-bg:#f7fbff;--input-bg:#fff;--accent-shadow:rgba(40,120,200,.19);--soft-accent:#e7f2ff;--surface-alt:#f7fbff; } html[data-theme="green"]{ --bg:#f4fbf7;--panel:#ffffff;--panel-soft:#ecf8f1;--line:#cbe5d5;--text:#21372b;--muted:#657c70; --orange:#21875b;--orange-2:#4aaa7d;--peach:#e4f5eb;--cream:#f7fcf9;--danger:#d64c60;--ok:#16815a;--blue:#3978b7; --shadow:0 20px 50px rgba(33,135,91,.12);--bg-start:#eef9f3;--bg-mid:#fff;--bg-end:#f5fbf8;--sidebar-bg:#f7fcf9;--input-bg:#fff;--accent-shadow:rgba(33,135,91,.18);--soft-accent:#e4f5eb;--surface-alt:#f7fcf9; } html[data-theme="dark"]{ --bg:#0f1217;--panel:#171b22;--panel-soft:#1c222b;--line:#303743;--text:#f2f4f7;--muted:#9ca6b2; --orange:#d96aa6;--orange-2:#9b75e7;--peach:#2a2030;--cream:#121720;--danger:#ff7083;--ok:#43c895;--blue:#67a7e6; --shadow:0 22px 55px rgba(0,0,0,.32);--bg-start:#0c0f14;--bg-mid:#11151b;--bg-end:#0f1217;--sidebar-bg:#12161c;--input-bg:#1b2028;--accent-shadow:rgba(217,106,166,.18);--soft-accent:#2a2030;--surface-alt:#121720; } body{background:linear-gradient(180deg,var(--bg-start) 0,var(--bg-mid) 55%,var(--bg-end) 100%)} .brand span,.eyebrow,.verified,.section-head span,.queue-time,.patient-kpis b,.patient-summary-grid b{color:var(--orange)} .btn{background:linear-gradient(135deg,var(--orange),var(--orange-2));box-shadow:0 14px 34px var(--accent-shadow)} .sidebar{background:var(--sidebar-bg)} .main{background:var(--panel)} input,select,textarea{background:var(--input-bg);color:var(--text);border-color:var(--line)} input:focus,select:focus,textarea:focus{border-color:var(--orange);box-shadow:0 0 0 4px color-mix(in srgb,var(--orange) 12%, transparent)} .ghost{background:var(--panel);color:var(--text);border-color:var(--line)} .ghost:hover{background:var(--cream)} .stat.accent,.patient-summary-panel,.paper-chart-callout{background:linear-gradient(180deg,var(--soft-accent),var(--panel))} .sidebar-box,.module-grid a{background:linear-gradient(180deg,var(--soft-accent),var(--panel))} .module-grid b{color:var(--orange)} .patient-card:hover{border-color:var(--orange);box-shadow:0 10px 28px var(--accent-shadow)} .theme-sidebar{margin:18px 0 88px;padding:14px;border:1px solid var(--line);border-radius:18px;background:var(--panel)} .theme-title{display:grid;gap:3px;margin-bottom:10px}.theme-title b{font-size:13px}.theme-title small{font-size:10px;color:var(--muted);line-height:1.55} .theme-swatches{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.theme-swatch{width:27px;height:27px;border-radius:50%;border:2px solid rgba(0,0,0,.08);cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.08);transition:.16s;position:relative}.theme-swatch:hover{transform:scale(1.08)}.theme-swatch.active{outline:3px solid color-mix(in srgb,var(--orange) 30%, transparent);outline-offset:2px;transform:scale(1.06)} .theme-swatch.white{background:linear-gradient(135deg,#fff 0 60%,#ee7a2f 60%)}.theme-swatch.pink{background:linear-gradient(135deg,#fff2f8 0 58%,#d94b91 58%)}.theme-swatch.red{background:linear-gradient(135deg,#fff1f1 0 58%,#d93645 58%)}.theme-swatch.blue{background:linear-gradient(135deg,#eef6ff 0 58%,#2878c8 58%)}.theme-swatch.green{background:linear-gradient(135deg,#edf9f2 0 58%,#21875b 58%)}.theme-swatch.dark{background:linear-gradient(135deg,#171b22 0 58%,#d96aa6 58%);border-color:#39404c} .theme-select{margin-top:11px;padding:8px 10px;border-radius:11px;font-size:12px} .theme-public{position:fixed;left:18px;bottom:18px;z-index:120}.theme-fab{width:46px;height:46px;border:1px solid var(--line);border-radius:50%;background:var(--panel);color:var(--text);box-shadow:var(--shadow);font-size:20px;cursor:pointer}.theme-flyout{display:none;position:absolute;left:0;bottom:56px;width:235px;padding:15px;border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:var(--shadow)}.theme-flyout.open{display:grid;gap:10px}.theme-flyout>span{font-size:12px;color:var(--muted)} html[data-theme="dark"] .glass,html[data-theme="dark"] .panel,html[data-theme="dark"] .stat,html[data-theme="dark"] .doctor-card,html[data-theme="dark"] .hero-card,html[data-theme="dark"] .cards article,html[data-theme="dark"] .metric-grid div,html[data-theme="dark"] .queue div,html[data-theme="dark"] .auth-card,html[data-theme="dark"] .userbox,html[data-theme="dark"] .info-strip span,html[data-theme="dark"] .timeline article,html[data-theme="dark"] .mini-row,html[data-theme="dark"] .module-grid a,html[data-theme="dark"] .patient-card,html[data-theme="dark"] .patient-summary-grid>div,html[data-theme="dark"] .sheet-nav a,html[data-theme="dark"] .tool-btn,html[data-theme="dark"] .paper-toolbar,html[data-theme="dark"] .sidebar-box{background:var(--panel);color:var(--text);border-color:var(--line)} html[data-theme="dark"] .hero-card,html[data-theme="dark"] .stat.accent,html[data-theme="dark"] .patient-summary-panel,html[data-theme="dark"] .paper-chart-callout,html[data-theme="dark"] .sidebar-box,html[data-theme="dark"] .module-grid a{background:linear-gradient(180deg,var(--panel-soft),var(--panel))} html[data-theme="dark"] .module-grid a:hover{border-color:var(--orange);box-shadow:0 10px 28px rgba(0,0,0,.25)} html[data-theme="dark"] .doctor-card p,html[data-theme="dark"] .doctor-card small,html[data-theme="dark"] .cards p,html[data-theme="dark"] .doc-main p,html[data-theme="dark"] .timeline p{color:var(--muted)} html[data-theme="dark"] .topbar{background:rgba(15,18,23,.78);backdrop-filter:blur(14px)} html[data-theme="dark"] .paper-stage{background:#fff}html[data-theme="dark"] .paper-stage .paper-value{color:#3d332f} html[data-theme="dark"] .paper-help{background:#24202a;border-color:#453245;color:#d9c4d0} @media(max-width:980px){.theme-sidebar{margin-bottom:18px}.theme-public{left:12px;bottom:12px}} @media print{.theme-public,.theme-sidebar{display:none!important}} /* ===================================================== DoctorYo Clinicfessional Theme System 5.5 Full contrast-safe surfaces + typography + controls ===================================================== */ :root{ --surface-0:#f8fafc;--surface-1:#ffffff;--surface-2:#f4f6f8;--surface-3:#eef1f4; --text-1:#17212b;--text-2:#5f6b78;--text-3:#8b96a3;--border:#e3e8ee; --accent:#f07d2f;--accent-2:#ffad73;--accent-soft:#fff1e7;--accent-contrast:#ffffff; --success:#16865e;--success-soft:#eaf7f1;--warning:#a66b00;--warning-soft:#fff5dc;--error:#c84555;--error-soft:#fff0f2; --focus:rgba(240,125,47,.18);--surface-shadow:0 12px 36px rgba(26,34,44,.08); } html[data-theme="white"]{ --surface-0:#f7f8fa;--surface-1:#ffffff;--surface-2:#f4f5f7;--surface-3:#eceff2; --text-1:#18212b;--text-2:#5d6874;--text-3:#8b949e;--border:#e1e5ea; --accent:#e9762b;--accent-2:#f5a36e;--accent-soft:#fff0e5;--accent-contrast:#ffffff; --success:#157a57;--success-soft:#e9f6f0;--warning:#936200;--warning-soft:#fff4d8;--error:#c93f52;--error-soft:#fff0f2; --focus:rgba(233,118,43,.18);--surface-shadow:0 14px 40px rgba(24,33,43,.08); } html[data-theme="pink"]{ --surface-0:#fff8fb;--surface-1:#ffffff;--surface-2:#fff1f6;--surface-3:#fae5ee; --text-1:#2d1f28;--text-2:#735b68;--text-3:#9a7f8e;--border:#efd5e1; --accent:#c84583;--accent-2:#e27aac;--accent-soft:#fde8f2;--accent-contrast:#ffffff; --success:#237a61;--success-soft:#eaf7f2;--warning:#9b6500;--warning-soft:#fff4d9;--error:#c6325b;--error-soft:#fff0f4; --focus:rgba(200,69,131,.18);--surface-shadow:0 14px 42px rgba(138,55,94,.10); } html[data-theme="red"]{ --surface-0:#fff8f8;--surface-1:#ffffff;--surface-2:#fff1f1;--surface-3:#f8e3e4; --text-1:#2e2021;--text-2:#74595b;--text-3:#9a7f81;--border:#edd3d5; --accent:#c93643;--accent-2:#e76f79;--accent-soft:#fde7e9;--accent-contrast:#ffffff; --success:#23785b;--success-soft:#eaf6f1;--warning:#956200;--warning-soft:#fff4da;--error:#b82034;--error-soft:#ffedef; --focus:rgba(201,54,67,.18);--surface-shadow:0 14px 42px rgba(131,38,46,.10); } html[data-theme="blue"]{ --surface-0:#f6f9fd;--surface-1:#ffffff;--surface-2:#edf4fb;--surface-3:#e1ebf6; --text-1:#17283a;--text-2:#5b6f82;--text-3:#8092a4;--border:#d7e2ed; --accent:#256fb8;--accent-2:#5b9bd5;--accent-soft:#e5f0fb;--accent-contrast:#ffffff; --success:#15775f;--success-soft:#e9f6f1;--warning:#956300;--warning-soft:#fff5db;--error:#c9455b;--error-soft:#fff0f3; --focus:rgba(37,111,184,.18);--surface-shadow:0 14px 42px rgba(37,78,120,.10); } html[data-theme="green"]{ --surface-0:#f6faf8;--surface-1:#ffffff;--surface-2:#edf6f1;--surface-3:#e1ede7; --text-1:#192b23;--text-2:#5b7166;--text-3:#80958b;--border:#d5e4dc; --accent:#217e59;--accent-2:#57a47f;--accent-soft:#e5f3eb;--accent-contrast:#ffffff; --success:#176f50;--success-soft:#e7f5ee;--warning:#916100;--warning-soft:#fff4da;--error:#ca4659;--error-soft:#fff0f2; --focus:rgba(33,126,89,.18);--surface-shadow:0 14px 42px rgba(37,90,66,.10); } html[data-theme="dark"]{ --surface-0:#0d1117;--surface-1:#151b23;--surface-2:#1b232d;--surface-3:#222c38; --text-1:#f3f6fa;--text-2:#bdc7d3;--text-3:#8f9baa;--border:#303b49; --accent:#d36b9d;--accent-2:#9f7aea;--accent-soft:#312333;--accent-contrast:#ffffff; --success:#4ac59a;--success-soft:#17392f;--warning:#f0bf5a;--warning-soft:#3a301d;--error:#ff7d8f;--error-soft:#3c2028; --focus:rgba(211,107,157,.28);--surface-shadow:0 18px 50px rgba(0,0,0,.34); } /* Map legacy variables to the professional system so old pages inherit correctly. */ html[data-theme]{ --bg:var(--surface-0);--panel:var(--surface-1);--panel-soft:var(--surface-2);--line:var(--border); --text:var(--text-1);--muted:var(--text-2);--orange:var(--accent);--orange-2:var(--accent-2); --peach:var(--accent-soft);--cream:var(--surface-2);--danger:var(--error);--ok:var(--success);--blue:var(--accent); --shadow:var(--surface-shadow);--bg-start:var(--surface-0);--bg-mid:var(--surface-0);--bg-end:var(--surface-0); --sidebar-bg:var(--surface-1);--input-bg:var(--surface-1);--accent-shadow:var(--focus);--soft-accent:var(--accent-soft);--surface-alt:var(--surface-2); } html[data-theme] body{background:var(--surface-0)!important;color:var(--text-1)!important} html[data-theme] .app-shell{background:var(--surface-0)!important} html[data-theme] .main{background:var(--surface-0)!important;color:var(--text-1)!important} html[data-theme] .sidebar{background:var(--surface-1)!important;border-color:var(--border)!important;color:var(--text-1)!important} html[data-theme] .topbar{color:var(--text-1)} html[data-theme] .brand,html[data-theme] h1,html[data-theme] h2,html[data-theme] h3,html[data-theme] h4,html[data-theme] strong,html[data-theme] b{color:var(--text-1)} html[data-theme] p,html[data-theme] .micro,html[data-theme] .muted,html[data-theme] .hint,html[data-theme] small{color:var(--text-2)} html[data-theme] label{color:var(--text-2)!important} html[data-theme] a{color:inherit} html[data-theme] .panel,html[data-theme] .glass,html[data-theme] .stat,html[data-theme] .auth-card,html[data-theme] .doctor-card,html[data-theme] .hero-card, html[data-theme] .price-card,html[data-theme] .service-card,html[data-theme] .ticket-card,html[data-theme] .integration-card, html[data-theme] .review-card,html[data-theme] .course-card,html[data-theme] .tool-card,html[data-theme] .patient-card, html[data-theme] .userbox,html[data-theme] .document-row,html[data-theme] .schedule-row,html[data-theme] .doctor-result, html[data-theme] .family-card,html[data-theme] .file-list a,html[data-theme] .module-grid a,html[data-theme] .mini-row, html[data-theme] .info-strip span,html[data-theme] .timeline article,html[data-theme] .patient-summary-grid>div, html[data-theme] .receipt-breakdown div,html[data-theme] .plan-prices div,html[data-theme] .booking-selector, html[data-theme] .selected-doctor,html[data-theme] .period-legend span,html[data-theme] .sheet-nav a, html[data-theme] .paper-toolbar,html[data-theme] .theme-sidebar,html[data-theme] .theme-flyout{ background:var(--surface-1)!important;color:var(--text-1)!important;border-color:var(--border)!important;box-shadow:var(--surface-shadow) } html[data-theme] .cards article,html[data-theme] .metric-grid div,html[data-theme] .queue div{ background:var(--surface-1)!important;color:var(--text-1)!important;border-color:var(--border)!important } html[data-theme] .stat.accent,html[data-theme] .patient-summary-panel,html[data-theme] .paper-chart-callout,html[data-theme] .sidebar-box, html[data-theme] .module-grid a:hover,html[data-theme] .demo-ribbon{ background:linear-gradient(180deg,var(--accent-soft),var(--surface-1))!important;border-color:var(--border)!important;color:var(--text-1)!important } html[data-theme] .sidenav a{color:var(--text-2)!important} html[data-theme] .sidenav a:hover{background:var(--accent-soft)!important;color:var(--accent)!important} html[data-theme] .nav-label{color:var(--text-3)!important} html[data-theme] .page-head p,html[data-theme] .section-head p,html[data-theme] .doctor-card p,html[data-theme] .doctor-card small, html[data-theme] .doc-main p,html[data-theme] .doc-main h2,html[data-theme] .doc-meta,html[data-theme] .cards p, html[data-theme] .timeline p,html[data-theme] .ticket-card p,html[data-theme] .review-card p, html[data-theme] .patient-main small,html[data-theme] .patient-summary-dates,html[data-theme] .theme-title small{color:var(--text-2)!important} html[data-theme] .tr{border-color:var(--border)!important;color:var(--text-1)!important} html[data-theme] .tr a{color:var(--text-1)!important} html[data-theme] .tr i{color:var(--text-2)} html[data-theme] input,html[data-theme] select,html[data-theme] textarea{ background:var(--surface-1)!important;color:var(--text-1)!important;border:1px solid var(--border)!important; box-shadow:none!important } html[data-theme] input::placeholder,html[data-theme] textarea::placeholder{color:var(--text-3)!important;opacity:1} html[data-theme] input:focus,html[data-theme] select:focus,html[data-theme] textarea:focus{ border-color:var(--accent)!important;box-shadow:0 0 0 4px var(--focus)!important } html[data-theme] option{background:var(--surface-1);color:var(--text-1)} html[data-theme] .ghost,html[data-theme] .tool-btn,html[data-theme] .theme-fab{ background:var(--surface-1)!important;color:var(--text-1)!important;border-color:var(--border)!important } html[data-theme] .ghost:hover,html[data-theme] .tool-btn:hover{background:var(--surface-2)!important;color:var(--text-1)!important} html[data-theme] .tool-btn.active{background:var(--accent-soft)!important;color:var(--accent)!important;border-color:color-mix(in srgb,var(--accent) 45%,var(--border))!important} html[data-theme] .btn{background:linear-gradient(135deg,var(--accent),var(--accent-2))!important;color:var(--accent-contrast)!important;box-shadow:0 10px 28px var(--focus)!important} html[data-theme] .eyebrow,html[data-theme] .verified,html[data-theme] .section-head>span,html[data-theme] .queue-time, html[data-theme] .patient-kpis b,html[data-theme] .patient-summary-grid b,html[data-theme] .module-grid b, html[data-theme] .panel-head>a{color:var(--accent)!important} html[data-theme] .soft-badge,html[data-theme] .chip,html[data-theme] .doctor-highlights span{background:var(--accent-soft)!important;color:var(--accent)!important;border-color:var(--border)!important} html[data-theme] .status.booked{background:var(--accent-soft)!important;color:var(--accent)!important} html[data-theme] .status.checked_in{background:var(--warning-soft)!important;color:var(--warning)!important} html[data-theme] .status.completed,html[data-theme] .success,html[data-theme] .ticket-reply{background:var(--success-soft)!important;color:var(--success)!important;border-color:color-mix(in srgb,var(--success) 35%,var(--border))!important} html[data-theme] .status.cancelled,html[data-theme] .status.no_show,html[data-theme] .alert{background:var(--error-soft)!important;color:var(--error)!important;border-color:color-mix(in srgb,var(--error) 35%,var(--border))!important} html[data-theme] .private{background:var(--accent-soft)!important;color:var(--text-1)!important;border-right-color:var(--accent)!important} html[data-theme] .income{color:var(--success)!important}html[data-theme] .expense{color:var(--error)!important} html[data-theme] .receipt-total,html[data-theme] .receipt-breakdown .total{background:var(--accent-soft)!important;color:var(--text-1)!important;border-color:var(--border)!important} html[data-theme] .bar-line>div{background:var(--surface-3)!important}.bar-line i{background:linear-gradient(90deg,var(--accent),var(--accent-2))!important} html[data-theme] .mobile-nav a,html[data-theme] .mobile-quick a{background:var(--accent-soft)!important;color:var(--accent)!important;border-color:var(--border)!important} html[data-theme] .paper-help{background:var(--surface-2)!important;border-color:var(--border)!important;color:var(--text-2)!important} /* Paper document remains true white in every theme for clinical legibility. */ html[data-theme] .paper-stage{background:#fff!important;color:#322b27!important} html[data-theme] .paper-stage .paper-value{color:#352d29!important} html[data-theme] .signature-box canvas{background:#fff!important;border-color:#c8b5a8!important} /* Dark mode: strong, explicit contrast rules for elements previously using fixed light colors. */ html[data-theme="dark"]{color-scheme:dark} html[data-theme="dark"] .topbar{background:rgba(13,17,23,.92)!important;border-bottom:1px solid var(--border)} html[data-theme="dark"] .main{background:var(--surface-0)!important} html[data-theme="dark"] .sidebar{box-shadow:14px 0 40px rgba(0,0,0,.16)} html[data-theme="dark"] .panel,html[data-theme="dark"] .stat,html[data-theme="dark"] .doctor-card,html[data-theme="dark"] .hero-card, html[data-theme="dark"] .auth-card,html[data-theme="dark"] .tool-card,html[data-theme="dark"] .patient-card{box-shadow:0 16px 45px rgba(0,0,0,.22)} html[data-theme="dark"] .theme-flyout{box-shadow:0 20px 60px rgba(0,0,0,.45)} html[data-theme="dark"] ::selection{background:#6d3b63;color:#fff} /* More polished theme control. */ .theme-sidebar{padding:15px!important;border-radius:20px!important} .theme-swatches{gap:10px!important} .theme-swatch{width:30px!important;height:30px!important;border:2px solid color-mix(in srgb,var(--border) 85%,transparent)!important;box-shadow:0 3px 10px rgba(0,0,0,.10)!important} .theme-swatch.active{outline:3px solid color-mix(in srgb,var(--accent) 30%,transparent)!important;outline-offset:3px!important} .theme-select{background:var(--surface-2)!important;font-weight:700} /* ===================================================== DoctorYo Clinic Theme Hotfix 5.5.2 Strong contrast repair + more polished surfaces ===================================================== */ html[data-theme="white"]{ --surface-0:#f6f8fb;--surface-1:#ffffff;--surface-2:#f3f5f8;--surface-3:#eaf0f5; --text-1:#18212b;--text-2:#5f6b77;--text-3:#8b96a2;--border:#dde5ec; --accent:#ea7c32;--accent-2:#f5aa74;--accent-soft:#fff0e4; } html[data-theme="pink"]{ --surface-0:#fff8fb;--surface-1:#fffdfd;--surface-2:#fff2f7;--surface-3:#f8e7ef; --text-1:#2d2028;--text-2:#735d68;--text-3:#9b8590;--border:#ecd8e2; --accent:#c7548a;--accent-2:#e08bb1;--accent-soft:#fbeaf2; } html[data-theme="red"]{ --surface-0:#fff8f8;--surface-1:#fffdfd;--surface-2:#fff1f2;--surface-3:#f8e5e7; --text-1:#2f2023;--text-2:#775c60;--text-3:#9e8488;--border:#ecd7da; --accent:#c94757;--accent-2:#e47b88;--accent-soft:#fce9ec; } html[data-theme="blue"]{ --surface-0:#f6f9fd;--surface-1:#fcfeff;--surface-2:#eef4fb;--surface-3:#e2ecf6; --text-1:#17283a;--text-2:#5d7084;--text-3:#8595a6;--border:#d9e3ee; --accent:#2f73b7;--accent-2:#67a1d7;--accent-soft:#e7f0fa; } html[data-theme="green"]{ --surface-0:#f6faf8;--surface-1:#fcfefd;--surface-2:#eef6f1;--surface-3:#e3ece8; --text-1:#182b23;--text-2:#5d7267;--text-3:#85988e;--border:#d9e5de; --accent:#2a7f5e;--accent-2:#67a98a;--accent-soft:#e7f2ec; } html[data-theme="dark"]{ --surface-0:#0c1117;--surface-1:#141b24;--surface-2:#1a2330;--surface-3:#223042; --text-1:#eff4fb;--text-2:#c2ccd8;--text-3:#92a0b1;--border:#314051; --accent:#cf6fa0;--accent-2:#8f7ee8;--accent-soft:#2b2230; --success:#54c89e;--success-soft:#173930;--warning:#e6bb67;--warning-soft:#3c311f;--error:#ff8395;--error-soft:#40232c; --focus:rgba(207,111,160,.28);--surface-shadow:0 16px 48px rgba(0,0,0,.32); } /* Generic text hierarchy inside panels and cards */ html[data-theme] .panel span, html[data-theme] .stat span, html[data-theme] .rank-list span, html[data-theme] .gender-cards span, html[data-theme] .migration-mini span, html[data-theme] .mini-row span, html[data-theme] .sidebar-box small, html[data-theme] .metric-grid span, html[data-theme] .table span, html[data-theme] .table small, html[data-theme] .page-subtle, html[data-theme] .locknote, html[data-theme] .demo-note, html[data-theme] .demo-ribbon span, html[data-theme] .patient-next, html[data-theme] .patient-kpis small, html[data-theme] .patient-summary-grid span, html[data-theme] .sheet-nav small, html[data-theme] .migration-log small{color:var(--text-2)!important} html[data-theme] .panel b, html[data-theme] .panel strong, html[data-theme] .panel h2, html[data-theme] .panel h3, html[data-theme] .stat b, html[data-theme] .rank-list b, html[data-theme] .gender-cards b, html[data-theme] .mini-row b, html[data-theme] .migration-mini b, html[data-theme] .sidebar-box b, html[data-theme] .metric-grid b, html[data-theme] .patient-kpis b, html[data-theme] .patient-summary-grid b, html[data-theme] .table b, html[data-theme] .table strong, html[data-theme] .demo-ribbon b{color:var(--text-1)!important} /* Surfaces that were still using hardcoded light backgrounds */ html[data-theme] .rank-list div, html[data-theme] .gender-cards div, html[data-theme] .patient-kpis span, html[data-theme] .secretary-actions a, html[data-theme] .migration-mini, html[data-theme] .demo-note code, html[data-theme] .demo-ribbon, html[data-theme] .sheet-nav a, html[data-theme] .tool-btn, html[data-theme] .theme-select, html[data-theme] .bar-line > div, html[data-theme] .card-empty, html[data-theme] .secure, html[data-theme] .empty, html[data-theme] .paper-help, html[data-theme] .auth-card code{ background:var(--surface-2)!important; color:var(--text-1)!important; border-color:var(--border)!important; } html[data-theme] .empty{border-radius:16px} html[data-theme] .rank-list div, html[data-theme] .gender-cards div, html[data-theme] .patient-kpis span, html[data-theme] .secretary-actions a, html[data-theme] .sheet-nav a, html[data-theme] .mini-row, html[data-theme] .info-strip span, html[data-theme] .timeline article, html[data-theme] .bar-line>div, html[data-theme] .migration-mini, html[data-theme] .demo-note code{box-shadow:none!important} html[data-theme] .rank-list div:hover, html[data-theme] .secretary-actions a:hover, html[data-theme] .mini-row:hover, html[data-theme] .sheet-nav a:hover{ border-color:color-mix(in srgb,var(--accent) 45%, var(--border))!important; background:color-mix(in srgb,var(--accent-soft) 68%, var(--surface-1))!important; } html[data-theme] .sheet-nav a.active, html[data-theme] .secretary-actions a.active, html[data-theme] .sidenav a.active{ background:linear-gradient(180deg,var(--accent-soft),var(--surface-1))!important; border-color:color-mix(in srgb,var(--accent) 42%, var(--border))!important; color:var(--text-1)!important; } html[data-theme] .secretary-actions b, html[data-theme] .migration-mini>b, html[data-theme] .panel-head h2, html[data-theme] .theme-title b{color:var(--text-1)!important} html[data-theme] .secretary-actions span, html[data-theme] .migration-mini span, html[data-theme] .sheet-nav small{color:var(--text-2)!important} html[data-theme] .secretary-actions b, html[data-theme] .migration-mini>b{font-weight:800} html[data-theme] .panel-head a:hover{opacity:.9;text-decoration:underline} /* Better dark mode panels, cards, sidebar and tables */ html[data-theme="dark"] .main{background:linear-gradient(180deg,#0c1117 0%,#0d131a 100%)!important} html[data-theme="dark"] .sidebar{background:linear-gradient(180deg,#10161e 0%,#0f151c 100%)!important;border-left-color:#243243!important} html[data-theme="dark"] .userbox, html[data-theme="dark"] .panel, html[data-theme="dark"] .stat, html[data-theme="dark"] .doctor-card, html[data-theme="dark"] .hero-card, html[data-theme="dark"] .auth-card, html[data-theme="dark"] .ticket-card, html[data-theme="dark"] .review-card, html[data-theme="dark"] .tool-card, html[data-theme="dark"] .patient-card, html[data-theme="dark"] .sidebar-box, html[data-theme="dark"] .theme-sidebar, html[data-theme="dark"] .theme-flyout, html[data-theme="dark"] .paper-toolbar, html[data-theme="dark"] .module-grid a, html[data-theme="dark"] .module-grid a:hover{ background:linear-gradient(180deg,#141c26 0%,#121923 100%)!important; border-color:#2d3b4d!important; } html[data-theme="dark"] .rank-list div, html[data-theme="dark"] .gender-cards div, html[data-theme="dark"] .patient-kpis span, html[data-theme="dark"] .secretary-actions a, html[data-theme="dark"] .sheet-nav a, html[data-theme="dark"] .mini-row, html[data-theme="dark"] .info-strip span, html[data-theme="dark"] .timeline article, html[data-theme="dark"] .migration-mini, html[data-theme="dark"] .card-empty, html[data-theme="dark"] .secure, html[data-theme="dark"] .empty, html[data-theme="dark"] .demo-note code, html[data-theme="dark"] .paper-help, html[data-theme="dark"] .bar-line > div{ background:linear-gradient(180deg,#1a2430 0%,#18212b 100%)!important; border-color:#324052!important; } html[data-theme="dark"] .rank-list div, html[data-theme="dark"] .gender-cards div, html[data-theme="dark"] .patient-kpis span{box-shadow:inset 0 1px 0 rgba(255,255,255,.02)!important} html[data-theme="dark"] .demo-ribbon, html[data-theme="dark"] .stat.accent, html[data-theme="dark"] .patient-summary-panel{ background:linear-gradient(180deg,#231c2a 0%,#141b24 100%)!important; border-color:#314051!important; } html[data-theme="dark"] .panel-head a, html[data-theme="dark"] .queue-time, html[data-theme="dark"] .patient-kpis b, html[data-theme="dark"] .patient-summary-grid b, html[data-theme="dark"] .module-grid b{color:#f18fc0!important} html[data-theme="dark"] .btn{box-shadow:0 12px 28px rgba(160,112,232,.24)!important} html[data-theme="dark"] .theme-swatch{box-shadow:0 4px 14px rgba(0,0,0,.35)!important} html[data-theme="dark"] .logout .ghost, html[data-theme="dark"] .ghost, html[data-theme="dark"] .tool-btn, html[data-theme="dark"] .theme-fab{background:#18212b!important} html[data-theme="dark"] .tr{border-top-color:#273444!important} html[data-theme="dark"] input, html[data-theme="dark"] select, html[data-theme="dark"] textarea{background:#18212b!important;border-color:#314051!important} html[data-theme="dark"] input::placeholder, html[data-theme="dark"] textarea::placeholder{color:#7f8c9d!important} /* Prettier public/general themes */ html[data-theme="white"] .sidebar, html[data-theme="white"] .sidebar-box{background:linear-gradient(180deg,#ffffff 0%,#f7fafc 100%)!important} html[data-theme="pink"] .sidebar, html[data-theme="pink"] .sidebar-box{background:linear-gradient(180deg,#fffdfd 0%,#fff5f9 100%)!important} html[data-theme="red"] .sidebar, html[data-theme="red"] .sidebar-box{background:linear-gradient(180deg,#fffdfd 0%,#fff4f5 100%)!important} html[data-theme="blue"] .sidebar, html[data-theme="blue"] .sidebar-box{background:linear-gradient(180deg,#ffffff 0%,#f2f7fc 100%)!important} html[data-theme="green"] .sidebar, html[data-theme="green"] .sidebar-box{background:linear-gradient(180deg,#ffffff 0%,#f2f8f4 100%)!important} html[data-theme="pink"] .btn, html[data-theme="red"] .btn, html[data-theme="blue"] .btn, html[data-theme="green"] .btn, html[data-theme="white"] .btn{box-shadow:0 10px 24px color-mix(in srgb,var(--accent) 24%, transparent)!important} /* ===================================================== DoctorYo Clinic QA polish 5.6 Navigation, brand, contrast and layout reliability ===================================================== */ .brand{display:inline-flex;align-items:center;gap:0;white-space:nowrap} .brand>span{color:var(--accent)!important} .sidebar{ display:flex!important;flex-direction:column!important;overflow:hidden!important; } .sidenav{ flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important; padding:2px 5px 12px 2px!important;scrollbar-width:thin;scrollbar-color:var(--border) transparent; } .sidenav::-webkit-scrollbar{width:6px}.sidenav::-webkit-scrollbar-thumb{background:var(--border);border-radius:20px} .theme-sidebar{flex:0 0 auto!important;margin-top:10px!important} .sidebar-box{flex:0 0 auto!important;margin-top:10px!important} .logout{position:static!important;left:auto!important;right:auto!important;bottom:auto!important;flex:0 0 auto!important;margin-top:10px!important} /* Dashboard/card selectors that previously retained light hard-coded colors. */ html[data-theme] .analytics-grid .panel, html[data-theme] .rank-list div, html[data-theme] .gender-cards div, html[data-theme] .mini-list .mini-row, html[data-theme] .patient-kpis span, html[data-theme] .secretary-actions a, html[data-theme] .module-grid a, html[data-theme] .migration-mini, html[data-theme] .info-strip span, html[data-theme] .timeline article, html[data-theme] .receipt-breakdown div, html[data-theme] .plan-prices div{ color:var(--text-1)!important;border-color:var(--border)!important; } html[data-theme] .rank-list div, html[data-theme] .gender-cards div, html[data-theme] .mini-list .mini-row, html[data-theme] .patient-kpis span, html[data-theme] .secretary-actions a, html[data-theme] .module-grid a, html[data-theme] .migration-mini, html[data-theme] .info-strip span, html[data-theme] .timeline article, html[data-theme] .receipt-breakdown div, html[data-theme] .plan-prices div{ background:var(--surface-1)!important; } html[data-theme] .rank-list span, html[data-theme] .gender-cards span, html[data-theme] .mini-list .mini-row span, html[data-theme] .patient-kpis small, html[data-theme] .secretary-actions span, html[data-theme] .module-grid span, html[data-theme] .migration-mini span, html[data-theme] .info-strip small, html[data-theme] .timeline time, html[data-theme] .receipt-breakdown small{color:var(--text-2)!important} html[data-theme] .rank-list b, html[data-theme] .gender-cards b, html[data-theme] .mini-list .mini-row b, html[data-theme] .secretary-actions b, html[data-theme] .module-grid b, html[data-theme] .migration-mini strong, html[data-theme] .info-strip b{color:var(--text-1)!important} html[data-theme="dark"] .rank-list div, html[data-theme="dark"] .gender-cards div, html[data-theme="dark"] .mini-list .mini-row, html[data-theme="dark"] .patient-kpis span, html[data-theme="dark"] .secretary-actions a, html[data-theme="dark"] .module-grid a, html[data-theme="dark"] .migration-mini, html[data-theme="dark"] .info-strip span, html[data-theme="dark"] .timeline article, html[data-theme="dark"] .receipt-breakdown div, html[data-theme="dark"] .plan-prices div{ background:linear-gradient(180deg,#192431 0%,#16202a 100%)!important; border-color:#314154!important; } html[data-theme="dark"] .rank-list span, html[data-theme="dark"] .gender-cards span, html[data-theme="dark"] .mini-list .mini-row span, html[data-theme="dark"] .patient-kpis small, html[data-theme="dark"] .secretary-actions span, html[data-theme="dark"] .module-grid span, html[data-theme="dark"] .migration-mini span, html[data-theme="dark"] .info-strip small, html[data-theme="dark"] .timeline time{color:#c1ccd9!important} html[data-theme="dark"] .rank-list b, html[data-theme="dark"] .gender-cards b, html[data-theme="dark"] .mini-list .mini-row b, html[data-theme="dark"] .secretary-actions b, html[data-theme="dark"] .module-grid b, html[data-theme="dark"] .migration-mini strong, html[data-theme="dark"] .info-strip b{color:#f4f7fb!important} html[data-theme="dark"] .panel-head>span{color:#c0cad6!important} html[data-theme="dark"] .bar-line>span,html[data-theme="dark"] .bar-line>b{color:#eaf0f7!important} html[data-theme="dark"] .bar-line>div{background:#293647!important} html[data-theme="dark"] .sidebar .brand,html[data-theme="dark"] .mobile-head .brand{color:#f7f9fc!important} /* Polished non-dark themes: subtle tinted page background, neutral cards. */ html[data-theme="pink"] .main{background:linear-gradient(180deg,#fff9fc 0%,#fff5fa 100%)!important} html[data-theme="red"] .main{background:linear-gradient(180deg,#fffafa 0%,#fff5f5 100%)!important} html[data-theme="blue"] .main{background:linear-gradient(180deg,#f8fbff 0%,#f3f8fd 100%)!important} html[data-theme="green"] .main{background:linear-gradient(180deg,#f9fcfa 0%,#f4f9f6 100%)!important} html[data-theme="white"] .main{background:linear-gradient(180deg,#fbfcfd 0%,#f7f9fb 100%)!important} @media(max-width:980px){ .sidebar{display:none!important} .mobile-head{position:sticky;top:0;z-index:50;padding:10px 0;background:color-mix(in srgb,var(--surface-0) 92%,transparent);backdrop-filter:blur(12px)} } /* 5.6 final visual polish */ .brand{direction:ltr!important;unicode-bidi:isolate;font-weight:850;letter-spacing:-.5px} .logout{background:transparent!important;padding-top:0!important} .sidebar{box-shadow:-10px 0 36px rgba(31,43,58,.04)} .sidebar::before{content:"";position:absolute;top:0;right:0;left:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-2));opacity:.9} .sidenav a.active{background:linear-gradient(90deg,var(--accent-soft),transparent)!important;color:var(--accent)!important;font-weight:800!important;border-right:3px solid var(--accent);padding-right:10px} html[data-theme="dark"] .sidenav a.active{background:linear-gradient(90deg,#2a2330,transparent)!important;color:#f29ac6!important} .panel,.stat{transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease} .panel:hover{border-color:color-mix(in srgb,var(--accent) 18%,var(--border))!important} .stat{position:relative;overflow:hidden}.stat::after{content:"";position:absolute;right:0;top:0;bottom:0;width:3px;background:var(--accent);opacity:.22}.stat.accent::after{opacity:.9} html[data-theme] .admin-plan-card,html[data-theme] .secret-box,html[data-theme] .booking-summary, html[data-theme] .document-row,html[data-theme] .ticket-card,html[data-theme] .review-card, html[data-theme] .booking-selector,html[data-theme] .selected-doctor,html[data-theme] .consent-box, html[data-theme] .course-card,html[data-theme] .course-progress,html[data-theme] .notice-box, html[data-theme] .patient-paper-profile{ background:var(--surface-1)!important;color:var(--text-1)!important;border-color:var(--border)!important } html[data-theme] .gateway-badge,html[data-theme] .rating-pill,html[data-theme] .delay-text, html[data-theme] .warn,html[data-theme] .migration-badge{background:var(--warning-soft)!important;color:var(--warning)!important;border-color:color-mix(in srgb,var(--warning) 30%,var(--border))!important} html[data-theme] .danger-zone{background:var(--error-soft)!important;color:var(--text-1)!important;border-color:color-mix(in srgb,var(--error) 35%,var(--border))!important} html[data-theme="dark"] .admin-plan-card,html[data-theme="dark"] .secret-box,html[data-theme="dark"] .booking-summary, html[data-theme="dark"] .document-row,html[data-theme="dark"] .ticket-card,html[data-theme="dark"] .review-card, html[data-theme="dark"] .booking-selector,html[data-theme="dark"] .selected-doctor,html[data-theme="dark"] .consent-box, html[data-theme="dark"] .course-card,html[data-theme="dark"] .course-progress,html[data-theme="dark"] .notice-box, html[data-theme="dark"] .patient-paper-profile{background:#18222d!important;border-color:#314154!important} /* ===================================================== DoctorYo Clinic 5.7 Dual Portal Patient Portal / Provider Portal / Platform Admin ===================================================== */ .patient-public{background:#f6f9fc;color:#17263a} .patient-topbar{position:sticky;top:0;z-index:70;background:rgba(255,255,255,.93);backdrop-filter:blur(18px);border-bottom:1px solid #e7edf4} .patient-nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:28px}.patient-nav nav{display:flex;align-items:center;gap:20px}.patient-nav nav a{text-decoration:none;color:#536579;font-size:14px;font-weight:650}.patient-nav nav a:hover{color:#1769b0}.patient-brand{display:flex;align-items:center;gap:0;color:#17263a}.patient-brand span{color:#1d79c5}.patient-brand small{font-size:10px;font-weight:800;margin-right:7px;color:#6d8297;background:#edf5fb;padding:4px 7px;border-radius:999px}.provider-switch{padding:9px 13px;border:1px solid #d9e7f3;border-radius:12px;background:#f8fbfe}.patient-hero{background:radial-gradient(circle at 15% 20%,rgba(53,153,224,.12),transparent 35%),linear-gradient(180deg,#f9fcff 0%,#eef6fb 100%);border-bottom:1px solid #e1eaf2}.patient-hero-grid{min-height:610px;display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:55px;padding:58px 0}.patient-kicker{display:inline-flex;color:#1d79c5;font-size:13px;font-weight:800;background:#eaf5fd;border:1px solid #d2e8f8;padding:8px 12px;border-radius:999px}.patient-hero h1{font-size:54px;line-height:1.25;margin:18px 0;color:#17263a;letter-spacing:-1px}.patient-hero h1 em{font-style:normal;color:#1d79c5}.patient-hero-copy>p{font-size:18px;line-height:2;color:#65778b;max-width:700px}.patient-search{display:grid;grid-template-columns:1fr 180px 105px;gap:10px;background:#fff;border:1px solid #dbe6ef;border-radius:20px;padding:9px;margin-top:28px;box-shadow:0 20px 50px rgba(49,96,130,.10)}.search-main{display:flex;align-items:center;gap:9px}.search-main span{font-size:24px;color:#678099}.patient-search input,.patient-search select{border:0!important;box-shadow:none!important;background:#fff!important;color:#23364b!important}.patient-search-btn,.patient-filterbar button,.center-filter button{border:0;border-radius:13px;background:#1976bd;color:#fff;font:inherit;font-weight:800;cursor:pointer;padding:12px 18px}.patient-quick-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.patient-quick-links a{text-decoration:none;color:#456177;background:#fff;border:1px solid #dce6ee;padding:9px 12px;border-radius:999px;font-size:12px;font-weight:700}.patient-hero-visual{display:grid;gap:13px;position:relative}.patient-trust-card{display:flex;align-items:center;gap:15px;background:#fff;border:1px solid #dfeaf2;padding:18px 20px;border-radius:22px;box-shadow:0 18px 50px rgba(46,90,122,.09);transform:translateX(0)}.patient-trust-card:nth-child(2){margin-right:45px}.patient-trust-card:nth-child(3){margin-left:35px}.trust-icon{width:46px;height:46px;display:grid;place-items:center;background:linear-gradient(135deg,#e6f5ff,#d9effd);border-radius:15px;color:#1476bd;font-size:20px;font-weight:900}.patient-trust-card b,.patient-trust-card span{display:block}.patient-trust-card span{font-size:12px;color:#7a8b9b;margin-top:4px}.patient-statline{display:flex;justify-content:space-around;gap:10px;background:#17334b;color:#fff;border-radius:18px;padding:14px}.patient-statline span{font-size:12px;color:#b8ccdc}.patient-statline b{font-size:18px;color:#fff;margin-left:3px}.patient-section{padding:64px 0}.patient-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.patient-section-head span{color:#1d79c5;font-size:13px;font-weight:800}.patient-section-head h1,.patient-section-head h2{margin:5px 0 0;color:#17263a;font-size:34px}.patient-section-head p{color:#687b8d}.patient-section-head>a{color:#1d79c5;text-decoration:none;font-weight:700}.patient-category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.patient-category-grid a{display:grid;gap:6px;padding:20px;background:#fff;border:1px solid #e0e9f1;border-radius:20px;text-decoration:none;color:#23364b;transition:.2s;box-shadow:0 9px 25px rgba(34,73,101,.04)}.patient-category-grid a:hover{transform:translateY(-3px);border-color:#b9d8ed;box-shadow:0 15px 35px rgba(34,73,101,.09)}.patient-category-grid i{font-style:normal;font-size:28px}.patient-category-grid span{font-size:11px;color:#8494a4}.patient-filterbar,.center-filter{display:grid;grid-template-columns:1.5fr repeat(4,1fr) auto;gap:9px;background:#fff;border:1px solid #dfe8f0;border-radius:18px;padding:12px;margin-bottom:22px}.patient-filterbar input,.patient-filterbar select,.center-filter input,.center-filter select{background:#f8fbfd!important;color:#23364b!important;border-color:#e0e9f0!important}.patient-doctor-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.patient-doctor-card{background:#fff;border:1px solid #dfe8f0;border-radius:23px;padding:19px;box-shadow:0 10px 30px rgba(38,72,97,.05)}.doctor-card-top{display:grid;grid-template-columns:68px 1fr auto;gap:14px;align-items:center}.doctor-card-top img,.patient-doctor-avatar{width:68px;height:68px;border-radius:20px;object-fit:cover}.patient-doctor-avatar{display:grid;place-items:center;background:linear-gradient(135deg,#e4f4ff,#cfeafc);color:#1769ad;font-weight:900;font-size:25px}.doctor-card-top h3{margin:0 0 4px;font-size:17px;color:#17263a}.doctor-card-top h3 small{color:#1b9a76}.doctor-card-top p{margin:0;color:#526a7f;font-size:13px}.doctor-card-top span{display:block;color:#8494a4;font-size:11px;margin-top:5px}.patient-rating{align-self:start;background:#fff7db;color:#966500;border:1px solid #f3e2a7;padding:7px 10px;border-radius:12px;font-size:12px;font-weight:800}.doctor-card-tags{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:13px 0;margin-top:11px;border-top:1px solid #eef2f5;border-bottom:1px solid #eef2f5}.doctor-card-tags span{font-size:11px;color:#6f8292;max-width:52%}.doctor-card-tags strong{font-size:11px;color:#177552;background:#ebf8f2;border-radius:10px;padding:8px 10px}.doctor-card-tags strong.muted{color:#788796;background:#f2f5f7}.doctor-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding-top:13px}.doctor-card-actions a,.center-result-actions a{text-align:center;text-decoration:none;border:1px solid #d8e3eb;color:#35566f;border-radius:13px;padding:10px;font-weight:750;font-size:13px}.doctor-card-actions a.primary,.center-result-actions a.primary{background:#1976bd;border-color:#1976bd;color:#fff}.patient-empty{grid-column:1/-1;padding:42px;text-align:center;background:#fff;border:1px dashed #cedce6;border-radius:20px;color:#7c8c99}.patient-center-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.patient-center-card{display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:13px;background:#fff;border:1px solid #dfe8f0;border-radius:20px;padding:18px;text-decoration:none;color:#20364a}.center-symbol{width:50px;height:50px;border-radius:16px;background:#eaf5fc;display:grid;place-items:center;font-size:23px}.patient-center-card h3,.patient-center-card p{margin:0}.patient-center-card p,.patient-center-card span{color:#798b9b;font-size:12px}.patient-center-card strong{font-size:12px;color:#1b76ba}.patient-cta{padding:50px 0;background:#17334b;color:#fff}.patient-cta>.container{display:flex;justify-content:space-between;gap:30px;align-items:center}.patient-cta span{color:#88c4ec;font-size:13px;font-weight:800}.patient-cta h2{font-size:29px;margin:6px 0}.patient-cta p{color:#bfd0de;margin:0}.patient-cta a{text-decoration:none;color:#17334b;background:#fff;border-radius:15px;padding:14px 20px;font-weight:850;white-space:nowrap}.patient-footer{background:#0f2639;color:#fff;padding:38px 0}.patient-footer>.container{display:flex;justify-content:space-between;gap:30px}.patient-footer b{font-size:20px}.patient-footer p{color:#9fb6c8}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.footer-links a{color:#b7cada;text-decoration:none;font-size:13px} .centers-page{min-height:70vh}.center-filter{grid-template-columns:1.6fr 1fr 1fr auto}.center-directory{display:grid;gap:13px}.center-result{display:grid;grid-template-columns:68px 1fr 250px;align-items:center;gap:16px;background:#fff;border:1px solid #dfe8f0;border-radius:23px;padding:20px}.center-result-icon{width:62px;height:62px;display:grid;place-items:center;font-size:27px;background:#eaf5fc;border-radius:20px}.center-result-main h2{margin:5px 0;font-size:20px;color:#17263a}.center-result-main p{margin:0;color:#758898;font-size:12px}.center-type-chip{display:inline-flex;padding:5px 8px;border-radius:999px;background:#edf6fc;color:#1d73b5;font-size:10px;font-weight:800}.center-facts{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.center-facts span,.center-facts strong{font-size:11px;padding:6px 8px;border-radius:9px;background:#f5f8fa;color:#607688}.center-facts strong{background:#ebf8f2;color:#187657}.center-result-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px} .provider-public{background:var(--surface-0);color:var(--text-1)}.provider-topbar{position:sticky;top:0;z-index:70;background:color-mix(in srgb,var(--surface-1) 92%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--border)}.provider-nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:25px}.provider-nav nav{display:flex;gap:18px;align-items:center}.provider-nav nav a{text-decoration:none;color:var(--text-2);font-size:13px;font-weight:700}.provider-brand{display:flex;align-items:center}.provider-brand em{font-style:normal;font-size:9px;letter-spacing:1px;color:var(--accent-contrast);background:var(--accent);padding:4px 7px;border-radius:7px;margin-right:7px}.pro-hero{background:radial-gradient(circle at 80% 15%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 32%),var(--surface-0);border-bottom:1px solid var(--border)}.pro-hero-grid{min-height:640px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:48px}.pro-kicker{font-size:12px;font-weight:900;letter-spacing:1px;color:var(--accent);text-transform:uppercase}.pro-hero h1{font-size:56px;line-height:1.22;margin:16px 0;color:var(--text-1)}.pro-hero h1 em{font-style:normal;color:var(--accent)}.pro-hero p{font-size:17px;line-height:2;color:var(--text-2);max-width:680px}.pro-main-btn{padding:14px 24px}.pro-outline{display:inline-flex;text-decoration:none;color:var(--text-1);border:1px solid var(--border);border-radius:15px;padding:13px 21px;font-weight:800;background:var(--surface-1)}.pro-proof{display:flex;gap:15px;flex-wrap:wrap;color:var(--text-2);font-size:12px}.pro-console{background:linear-gradient(180deg,var(--surface-1),var(--surface-2));border:1px solid var(--border);border-radius:28px;padding:22px;box-shadow:var(--surface-shadow)}.console-head{display:flex;justify-content:space-between;border-bottom:1px solid var(--border);padding-bottom:14px;font-weight:900}.console-head i{font-style:normal;color:var(--success);font-size:11px}.console-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:17px 0}.console-stats div{background:var(--surface-1);border:1px solid var(--border);border-radius:17px;padding:16px}.console-stats small,.console-stats b,.console-stats em{display:block}.console-stats small{color:var(--text-2)}.console-stats b{font-size:29px;margin:4px 0}.console-stats em{font-style:normal;font-size:10px;color:var(--success)}.console-list{display:grid;gap:9px}.console-list span{display:grid;grid-template-columns:70px 1fr auto;gap:10px;align-items:center;background:var(--surface-1);border:1px solid var(--border);border-radius:14px;padding:12px}.console-list i,.console-list em{font-style:normal;font-size:11px}.console-list i{color:var(--accent);font-weight:800}.console-list em{color:var(--text-2)}.pro-section{padding:70px 0}.pro-section-head span{color:var(--accent);font-size:12px;font-weight:900}.pro-section-head h2{font-size:35px;margin:7px 0 25px}.pro-solution-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.pro-solution-grid article{background:var(--surface-1);border:1px solid var(--border);border-radius:21px;padding:21px}.pro-solution-grid i{font-style:normal;font-size:29px}.pro-solution-grid h3{margin:11px 0 5px}.pro-solution-grid p{color:var(--text-2);font-size:12px;line-height:1.8}.pro-feature-band{padding:72px 0;background:#0f1d2a;color:#fff}.pro-section-head.light h2{color:#fff}.pro-section-head.light span{color:#81c7f5}.pro-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.pro-feature-grid article{border:1px solid #2b4052;border-radius:20px;padding:21px;background:#142738}.pro-feature-grid b{color:#6eb9ec;font-size:12px}.pro-feature-grid h3{color:#fff;margin:9px 0}.pro-feature-grid p{color:#adc1d0;line-height:1.8;font-size:12px}.migration-sales{display:grid;grid-template-columns:1.2fr .8fr;gap:35px;align-items:center;background:linear-gradient(135deg,var(--surface-1),var(--accent-soft));border:1px solid var(--border);border-radius:28px;padding:34px}.migration-sales h2{font-size:31px;margin:8px 0}.migration-sales p{color:var(--text-2);line-height:2}.migration-steps{display:grid;grid-template-columns:1fr 1fr;gap:9px}.migration-steps span{background:var(--surface-1);border:1px solid var(--border);border-radius:13px;padding:10px;font-size:12px}.migration-steps b{display:inline-grid;place-items:center;width:22px;height:22px;background:var(--accent);color:#fff;border-radius:7px;margin-left:5px}.migration-box{background:#111d28;color:#fff;border-radius:24px;padding:24px;box-shadow:0 22px 55px rgba(0,0,0,.18)}.migration-box small,.migration-box strong,.migration-box p{display:block}.migration-box small{color:#7e9cb3}.migration-box strong{font-size:20px;margin:7px 0 20px}.migration-box p{color:#91a7b8}.fake-progress{height:10px;background:#273744;border-radius:999px;overflow:hidden}.fake-progress i{display:block;height:100%;width:72%;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:999px}.pro-number-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.pro-number-grid div{background:var(--surface-1);border:1px solid var(--border);border-radius:20px;padding:24px;text-align:center}.pro-number-grid b{display:block;font-size:33px;color:var(--accent)}.pro-number-grid span{color:var(--text-2);font-size:12px}.pro-final-cta{padding:50px 0;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff}.pro-final-cta>.container{display:flex;justify-content:space-between;align-items:center;gap:30px}.pro-final-cta h2{color:#fff;font-size:30px;margin:0}.pro-final-cta p{color:rgba(255,255,255,.83)}.pro-final-cta a{background:#fff;color:#1f2933;text-decoration:none;border-radius:15px;padding:14px 21px;font-weight:900}.provider-footer{padding:30px 0;background:var(--surface-1);border-top:1px solid var(--border)}.provider-footer>.container{display:flex;justify-content:space-between;gap:20px;align-items:center}.provider-footer span{color:var(--text-2)}.provider-footer a{color:var(--text-2);text-decoration:none;margin-right:13px;font-size:12px} .admin-public{margin:0;background:#0a1017;color:#eef4fa;font-family:Vazirmatn,Tahoma,"Segoe UI",Arial,sans-serif}.admin-gateway{min-height:100vh;display:grid;grid-template-columns:1fr 500px;align-items:center;gap:60px;width:min(1120px,92%);margin:auto}.admin-gateway>section:first-child h1{font-size:50px;margin:12px 0}.admin-gateway>section:first-child p{color:#9eb0c1;line-height:2;max-width:600px}.admin-mark{width:72px;height:72px;display:grid;place-items:center;background:linear-gradient(135deg,#3d7fde,#7e61d9);border-radius:23px;font-weight:900;font-size:33px}.admin-gateway>section:first-child>span{display:block;margin-top:14px;color:#7189a0;font-size:11px;letter-spacing:2px}.admin-login-card{background:#111b25;border:1px solid #253647;border-radius:27px;padding:31px;box-shadow:0 25px 70px rgba(0,0,0,.35)}.admin-login-card h2{color:#fff}.admin-login-card label{color:#afbdca!important}.admin-login-card input{background:#182431!important;color:#fff!important;border-color:#304254!important}.admin-login-card>a{display:block;text-align:center;margin-top:18px;color:#8ca6bd;text-decoration:none;font-size:12px} @media(max-width:1050px){.patient-hero-grid,.pro-hero-grid{grid-template-columns:1fr}.patient-hero-grid{padding:50px 0}.patient-hero-visual{grid-template-columns:1fr 1fr}.patient-trust-card:nth-child(2),.patient-trust-card:nth-child(3){margin:0}.patient-statline{grid-column:1/-1}.patient-category-grid{grid-template-columns:repeat(3,1fr)}.pro-solution-grid{grid-template-columns:repeat(3,1fr)}.pro-feature-grid{grid-template-columns:1fr 1fr}.admin-gateway{grid-template-columns:1fr 430px}.patient-filterbar{grid-template-columns:1fr 1fr 1fr}.patient-filterbar button{grid-column:auto}.center-result{grid-template-columns:60px 1fr}.center-result-actions{grid-column:1/-1}.patient-center-grid{grid-template-columns:1fr 1fr}} @media(max-width:760px){.patient-nav{height:auto;min-height:68px;padding:12px 0}.patient-nav nav a:not(.provider-switch){display:none}.patient-brand small{display:none}.patient-hero h1,.pro-hero h1{font-size:38px}.patient-search{grid-template-columns:1fr}.patient-hero-visual{grid-template-columns:1fr}.patient-category-grid{grid-template-columns:1fr 1fr}.patient-doctor-grid,.patient-center-grid{grid-template-columns:1fr}.patient-filterbar,.center-filter{grid-template-columns:1fr}.patient-section-head,.patient-cta>.container,.pro-final-cta>.container,.provider-footer>.container{align-items:flex-start;flex-direction:column}.patient-center-card{grid-template-columns:45px 1fr}.patient-center-card>strong{display:none}.provider-nav{height:auto;padding:12px 0}.provider-nav nav a:not(.btn):not(:last-of-type){display:none}.pro-solution-grid,.pro-feature-grid,.pro-number-grid{grid-template-columns:1fr 1fr}.migration-sales{grid-template-columns:1fr}.admin-gateway{grid-template-columns:1fr;padding:40px 0}.admin-gateway>section:first-child h1{font-size:36px}.doctor-card-top{grid-template-columns:58px 1fr}.patient-rating{grid-column:2}.center-result{grid-template-columns:1fr}.center-result-icon{width:52px;height:52px}.center-result-actions{grid-template-columns:1fr 1fr}} @media(max-width:480px){.patient-category-grid,.pro-solution-grid,.pro-feature-grid,.pro-number-grid{grid-template-columns:1fr}.patient-quick-links{display:grid;grid-template-columns:1fr 1fr}.doctor-card-actions{grid-template-columns:1fr}.admin-login-card{padding:22px}} /* ===================================================== DoctorYo Clinic 5.8 Public UI/UX Polish Patient marketplace + DoctorYo Clinic marketing ===================================================== */ .patient-public .container, .provider-public .container{width:min(1280px,calc(100% - 56px))} /* Public identity is intentionally independent from dashboard themes. */ .patient-public{background:#f6f9fc!important;color:#17263a!important} .provider-public{background:#f6f8fb!important;color:#17212b!important} .patient-public main,.provider-public main{overflow:hidden} .patient-topbar,.provider-topbar{box-shadow:0 8px 30px rgba(22,43,61,.035)} .patient-nav,.provider-nav{height:72px} .patient-nav nav,.provider-nav nav{gap:10px} .patient-nav nav a,.provider-nav nav a{padding:9px 11px;border-radius:10px;transition:.18s ease} .patient-nav nav a:hover{background:#f1f7fb;color:#146fae} .provider-nav nav a:hover{background:#f5f6f8;color:#17212b} .patient-brand,.provider-brand{font-size:22px!important;letter-spacing:-.4px} .patient-brand small{background:#eef5fa;color:#60788d;padding:3px 7px} .provider-switch{background:#fff;border-color:#d9e5ee!important;box-shadow:0 3px 12px rgba(28,64,91,.035)} /* PATIENT HERO */ .patient-hero{background: radial-gradient(circle at 10% 18%,rgba(59,153,218,.12),transparent 30%), radial-gradient(circle at 92% 8%,rgba(93,184,221,.08),transparent 25%), linear-gradient(180deg,#fbfdff 0%,#eef6fb 100%)!important} .patient-hero-grid{min-height:570px;grid-template-columns:1.08fr .92fr;gap:70px;padding:62px 0 56px} .patient-kicker{background:#edf7fd;border-color:#d4eaf8;color:#176fae;padding:7px 12px} .patient-hero h1{font-size:52px;line-height:1.28;letter-spacing:-1.3px;max-width:760px;margin:16px 0} .patient-hero h1 em{color:#1e7dc5!important} .patient-hero-copy>p{font-size:17px;line-height:2.05;color:#627589!important;max-width:720px} .patient-search{grid-template-columns:minmax(0,1fr) 190px 112px;gap:8px;padding:8px;border-radius:18px;border-color:#d9e5ee;box-shadow:0 18px 45px rgba(35,84,119,.09)} .patient-search .search-main{background:#fbfdff;border:1px solid #e4ebf1;border-radius:12px;padding:0 10px} .patient-search .search-main span{font-size:20px} .patient-search input,.patient-search select{height:46px!important;border-radius:11px!important;font-size:13px!important;line-height:1.4!important;color:#23364b!important;-webkit-text-fill-color:#23364b!important;opacity:1!important} .patient-search select{background-color:#fbfdff!important;border:1px solid #e4ebf1!important;padding-inline:12px!important} .patient-search select option{color:#23364b!important;background:#fff!important} .patient-search-btn{min-height:46px;border-radius:12px;background:linear-gradient(135deg,#1e78ba,#2288ca)!important;box-shadow:0 8px 18px rgba(25,118,189,.18)} .patient-quick-links{margin-top:15px;gap:8px} .patient-quick-links a{background:rgba(255,255,255,.78);border-color:#dce7ef;color:#4b6275;padding:8px 12px} .patient-quick-links a:hover{background:#fff;border-color:#bcd7e8;color:#176fae} .patient-hero-visual{gap:12px;max-width:520px;justify-self:start;width:100%} .patient-trust-card{padding:16px 18px;border-radius:18px;border-color:#dde8f0;box-shadow:0 12px 30px rgba(39,81,110,.07)} .patient-trust-card:nth-child(2){margin-right:34px}.patient-trust-card:nth-child(3){margin-left:24px} .trust-icon{width:42px;height:42px;border-radius:13px;font-size:17px} .patient-trust-card b{font-size:14px;color:#1d3044!important} .patient-trust-card span{color:#778a9b!important} .patient-statline{background:linear-gradient(135deg,#18384f,#143149)!important;border:1px solid #294b63;border-radius:16px;padding:13px 16px;box-shadow:0 12px 30px rgba(16,43,62,.13)} .patient-statline span{color:#bed1df!important}.patient-statline b{color:#fff!important} /* PATIENT SECTIONS */ .patient-section{padding:54px 0} .patient-section+.patient-section{border-top:1px solid #edf1f5} .patient-section-head{align-items:center;margin-bottom:20px} .patient-section-head span{color:#1e78ba!important;letter-spacing:.1px} .patient-section-head h1,.patient-section-head h2{font-size:31px;line-height:1.35;color:#17283a!important;letter-spacing:-.4px} .patient-section-head p{color:#6e8091!important;line-height:1.9;max-width:720px} .patient-section-head>a{font-size:13px;color:#1c75b5!important} .patient-category-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px} .patient-category-grid a{padding:18px 16px;border-radius:17px;border-color:#dfe8ef;min-height:132px;align-content:start;box-shadow:0 8px 24px rgba(34,73,101,.035)} .patient-category-grid i,.pro-solution-grid i{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;font-style:normal!important;font-size:11px!important;font-weight:900;letter-spacing:.6px;background:#eaf5fc;color:#176fac;border:1px solid #d7eaf7} .patient-category-grid b{font-size:14px;color:#21364a!important;margin-top:3px} .patient-category-grid span{color:#8191a0!important;line-height:1.7} .patient-category-grid a:hover{transform:translateY(-2px);box-shadow:0 13px 30px rgba(34,73,101,.075)} .patient-filterbar,.center-filter{padding:10px;border-radius:16px;border-color:#dde7ee;box-shadow:0 8px 28px rgba(33,71,98,.035)} .patient-filterbar input,.patient-filterbar select,.center-filter input,.center-filter select{min-height:44px;background:#fbfdfe!important;border:1px solid #e1e9ef!important;color:#263b4e!important;-webkit-text-fill-color:#263b4e!important;font-size:13px!important} .patient-filterbar button,.center-filter button{min-height:44px;background:linear-gradient(135deg,#1d76b7,#2185c7)!important;box-shadow:0 7px 16px rgba(25,118,189,.14)} .patient-doctor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .patient-doctor-card{border-radius:20px;padding:18px;border-color:#dde7ee;box-shadow:0 8px 24px rgba(38,72,97,.04);transition:.18s ease} .patient-doctor-card:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(38,72,97,.075);border-color:#cbdde9} .patient-doctor-card:only-child{grid-column:1/-1;width:min(720px,100%);justify-self:center} .doctor-card-top h3{color:#1b2f43!important}.doctor-card-top p{color:#526a7f!important}.doctor-card-top span{color:#7e909f!important} .patient-rating{background:#fff8e6;border-color:#f0dfb4;color:#886113!important} .doctor-card-tags{border-color:#edf1f4} .doctor-card-tags span{color:#6e8292!important;line-height:1.7} .doctor-card-tags strong{background:#edf8f3;color:#176e50!important} .doctor-card-actions a{background:#fff;color:#35566f!important;border-color:#d7e2ea!important} .doctor-card-actions a:hover{background:#f7fafc;border-color:#bdd3e1!important} .doctor-card-actions a.primary{background:linear-gradient(135deg,#1d76b7,#2185c7)!important;color:#fff!important;border-color:#1d76b7!important} .patient-center-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} .patient-center-card{border-radius:18px;border-color:#dfe8ef;padding:17px;box-shadow:0 7px 22px rgba(35,76,105,.035);transition:.18s ease} .patient-center-card:only-child{grid-column:1/-1;width:min(660px,100%);justify-self:center} .patient-center-card:hover{transform:translateY(-2px);border-color:#c5dbe8;box-shadow:0 12px 28px rgba(35,76,105,.07)} .center-symbol,.center-result-icon{background:#eaf5fb!important;color:#1872b1!important;border:1px solid #d9eaf5;font-weight:900;font-size:18px!important} .patient-center-card h3{color:#21364a!important}.patient-center-card p,.patient-center-card span{color:#7b8d9d!important}.patient-center-card strong{color:#1c74b4!important} /* centers directory */ .centers-page{padding-top:56px;min-height:72vh} .center-directory{gap:12px} .center-result{grid-template-columns:64px minmax(0,1fr) 240px;padding:18px;border-radius:19px;border-color:#dce7ee;box-shadow:0 8px 24px rgba(34,73,101,.035)} .center-result-main h2{color:#1b3043!important;font-size:19px}.center-result-main p{color:#738797!important} .center-type-chip{background:#eaf5fb;color:#176fae!important;border:1px solid #d8eaf5} .center-facts span{background:#f5f8fa;color:#627789!important}.center-facts strong{background:#edf8f3;color:#176f50!important} .center-result-actions a{background:#fff;color:#35566f!important}.center-result-actions a.primary{color:#fff!important;background:linear-gradient(135deg,#1d76b7,#2185c7)!important} /* Patient CTA/footer: explicit contrast against theme system */ .patient-public .patient-cta{padding:42px 0;background:linear-gradient(135deg,#18384f 0%,#102d43 100%)!important;border-top:1px solid #294a61} .patient-public .patient-cta span{color:#87c5ee!important} .patient-public .patient-cta h2{color:#fff!important;font-size:27px!important;line-height:1.5;margin:5px 0!important} .patient-public .patient-cta p{color:#bfd1df!important;line-height:1.85} .patient-public .patient-cta a{color:#17334b!important;background:#fff!important;border:1px solid rgba(255,255,255,.35);box-shadow:0 10px 24px rgba(0,0,0,.12)} .patient-public .patient-cta a:hover{transform:translateY(-1px)} .patient-public .patient-footer{background:#0d2639!important;color:#fff!important;padding:32px 0} .patient-public .patient-footer b{color:#fff!important}.patient-public .patient-footer p{color:#9fb6c8!important;margin-bottom:0} .patient-public .patient-footer a{color:#c4d4df!important}.patient-public .patient-footer a:hover{color:#fff!important} /* Public center profile should visually belong to patient portal, not dashboard. */ .patient-public .doctor-page{padding:48px 0 56px} .patient-public .doctor-hero{background:linear-gradient(135deg,#ffffff,#f4f9fc)!important;border:1px solid #dce7ee!important;box-shadow:0 14px 38px rgba(30,72,101,.065)!important;border-radius:24px;padding:28px} .patient-public .doctor-hero h1{color:#17283a!important;font-size:34px}.patient-public .doctor-hero h2{color:#5f7487!important}.patient-public .doctor-hero p{color:#6d8091!important} .patient-public .doctor-hero .verified{color:#1c77b7!important}.patient-public .doctor-hero .doc-meta{color:#61798c!important} .patient-public .doctor-page .panel{background:#fff!important;border-color:#dce7ee!important;box-shadow:0 8px 26px rgba(35,76,105,.035)!important;border-radius:20px} .patient-public .doctor-page .panel h2,.patient-public .doctor-page .panel h3{color:#1b3043!important} .patient-public .doctor-page .panel p,.patient-public .doctor-page .panel small,.patient-public .doctor-page .panel span{color:#6e8293!important} .patient-public .doctor-page .doctor-card,.patient-public .doctor-page .review-card{background:#fbfdfe!important;border-color:#e1e9ef!important;box-shadow:none!important} .patient-public .doctor-page .doctor-card h3{color:#1b3043!important} .patient-public .doctor-page .service-list a{background:#fbfdfe!important;border-color:#e1e9ef!important;color:#1f3548!important} .patient-public .doctor-page .service-list a span,.patient-public .doctor-page .service-list a small{color:#718596!important} /* PROVIDER MARKETING */ .provider-public .provider-topbar{background:rgba(255,255,255,.94)!important;border-color:#e2e7ec!important} .provider-public .provider-nav nav a{color:#5e6975!important}.provider-public .provider-nav nav a:hover{color:#18212b!important} .provider-public .provider-brand{color:#18212b!important}.provider-public .provider-brand span{color:#e77b33!important} .provider-public .pro-hero{background: radial-gradient(circle at 83% 18%,rgba(234,124,50,.13),transparent 28%), linear-gradient(180deg,#fffdfb 0%,#f7f8fa 100%)!important;border-color:#e4e8ed!important} .provider-public .pro-hero-grid{min-height:585px;gap:64px;padding:52px 0} .provider-public .pro-kicker{color:#dd7029!important;letter-spacing:.8px} .provider-public .pro-hero h1{font-size:52px;line-height:1.27;color:#18212b!important;letter-spacing:-1px} .provider-public .pro-hero h1 em{color:#eb7b32!important} .provider-public .pro-hero p{font-size:16px;color:#616d79!important;line-height:2} .provider-public .pro-outline{background:#fff!important;color:#1c2630!important;border-color:#dce2e8!important} .provider-public .pro-proof{color:#687582!important} .provider-public .pro-console{background:linear-gradient(180deg,#fff,#f8fafb)!important;border-color:#dfe5ea!important;box-shadow:0 22px 60px rgba(27,39,51,.09)!important;border-radius:24px} .provider-public .console-head{color:#17212b!important;border-color:#e4e8ec!important}.provider-public .console-head i{color:#16825e!important} .provider-public .console-stats div,.provider-public .console-list span{background:#fff!important;border-color:#e2e7ec!important} .provider-public .console-stats small,.provider-public .console-list em{color:#6d7884!important}.provider-public .console-stats b,.provider-public .console-list b{color:#17212b!important} .provider-public .console-list i{color:#e7772f!important} .provider-public .pro-section{padding:58px 0} .provider-public .pro-section-head span{color:#e2762e!important}.provider-public .pro-section-head h2{color:#17212b!important;font-size:32px;line-height:1.4;margin-bottom:20px} .provider-public .pro-solution-grid{gap:11px} .provider-public .pro-solution-grid article{padding:19px;border-radius:18px;background:#fff!important;border-color:#dfe5ea!important;box-shadow:0 8px 24px rgba(26,38,49,.035);min-height:176px} .provider-public .pro-solution-grid i{background:#fff2e8;color:#d96d27;border-color:#f3dccb} .provider-public .pro-solution-grid h3{color:#1c2731!important;font-size:16px}.provider-public .pro-solution-grid p{color:#697580!important;line-height:1.85} /* Hard contrast isolation for the dark feature band. */ .provider-public .pro-feature-band{padding:62px 0;background:linear-gradient(135deg,#0e2232 0%,#0b1a27 100%)!important;color:#fff!important;border-top:1px solid #213b4f;border-bottom:1px solid #213b4f} .provider-public .pro-feature-band .pro-section-head.light span{color:#78c1ee!important} .provider-public .pro-feature-band .pro-section-head.light h2{color:#fff!important} .provider-public .pro-feature-grid{gap:12px} .provider-public .pro-feature-grid article{background:linear-gradient(180deg,#142b3d,#112638)!important;border-color:#28455a!important;border-radius:18px;padding:20px;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)} .provider-public .pro-feature-grid article b{color:#78c1ee!important;font-size:11px!important} .provider-public .pro-feature-grid article h3{color:#fff!important;font-size:16px!important;margin:8px 0!important} .provider-public .pro-feature-grid article p{color:#b9cbd8!important;font-size:12px!important;line-height:1.85!important;margin:0!important} .provider-public .migration-sales{grid-template-columns:1.15fr .85fr;gap:40px;background:linear-gradient(135deg,#fff,#fff4ec)!important;border-color:#eadfd7!important;border-radius:24px;padding:30px;box-shadow:0 12px 34px rgba(38,47,56,.04)} .provider-public .migration-sales h2{color:#17212b!important;font-size:28px;line-height:1.55}.provider-public .migration-sales p{color:#687480!important} .provider-public .migration-steps span{background:#fff!important;border-color:#e3e7eb!important;color:#394651!important}.provider-public .migration-steps b{background:#e97a31!important;color:#fff!important} .provider-public .migration-box{background:linear-gradient(160deg,#122534,#0c1d2a)!important;color:#fff!important;border:1px solid #274155;box-shadow:0 18px 45px rgba(12,29,42,.16)} .provider-public .migration-box small{color:#89a6ba!important}.provider-public .migration-box strong{color:#fff!important}.provider-public .migration-box p{color:#9fb4c4!important} .provider-public .pro-number-grid{gap:11px}.provider-public .pro-number-grid div{background:#fff!important;border-color:#dfe5ea!important;border-radius:18px;padding:22px;box-shadow:0 7px 22px rgba(26,38,49,.03)} .provider-public .pro-number-grid b{color:#df732d!important}.provider-public .pro-number-grid span{color:#697580!important} .provider-public .pro-final-cta{padding:42px 0;background:linear-gradient(135deg,#e97931 0%,#f39a5e 100%)!important;color:#fff!important} .provider-public .pro-final-cta h2{color:#fff!important;font-size:28px!important;line-height:1.45;margin:0!important} .provider-public .pro-final-cta p{color:rgba(255,255,255,.9)!important;margin:8px 0 0!important} .provider-public .pro-final-cta a{background:#fff!important;color:#29323a!important;border:1px solid rgba(255,255,255,.4);box-shadow:0 10px 24px rgba(109,56,21,.14)} .provider-public .pro-final-cta a:hover{transform:translateY(-1px)} .provider-public .provider-footer{background:#fff!important;border-color:#e1e6eb!important;color:#1c2630!important;padding:28px 0} .provider-public .provider-footer b{color:#1c2630!important}.provider-public .provider-footer span,.provider-public .provider-footer a{color:#6a7681!important} /* Cleaner responsive behavior and less wasted space. */ @media(max-width:1100px){ .patient-public .container,.provider-public .container{width:min(100% - 40px,1120px)} .patient-hero-grid,.pro-hero-grid{gap:38px} .patient-hero h1,.provider-public .pro-hero h1{font-size:44px} .patient-category-grid{grid-template-columns:repeat(3,1fr)} .pro-solution-grid{grid-template-columns:repeat(3,1fr)} } @media(max-width:820px){ .patient-public .container,.provider-public .container{width:min(100% - 28px,760px)} .patient-nav,.provider-nav{height:auto;min-height:66px;padding:10px 0} .patient-hero-grid,.pro-hero-grid{min-height:0;padding:42px 0;grid-template-columns:1fr} .patient-hero-visual{max-width:none;justify-self:stretch} .patient-trust-card:nth-child(2),.patient-trust-card:nth-child(3){margin:0} .patient-search{grid-template-columns:1fr} .patient-filterbar,.center-filter{grid-template-columns:1fr 1fr} .patient-filterbar button,.center-filter button{grid-column:1/-1} .patient-doctor-grid{grid-template-columns:1fr} .patient-doctor-card:only-child{grid-column:auto;width:100%} .patient-center-grid{grid-template-columns:1fr 1fr} .patient-center-card:only-child{grid-column:1/-1;width:100%} .center-result{grid-template-columns:56px 1fr}.center-result-actions{grid-column:1/-1} .pro-feature-grid{grid-template-columns:1fr 1fr}.migration-sales{grid-template-columns:1fr!important} } @media(max-width:620px){ .patient-public .container,.provider-public .container{width:calc(100% - 22px)} .patient-nav nav a:not(.provider-switch),.provider-nav nav a:not(.btn):not(:last-of-type){display:none} .patient-nav nav,.provider-nav nav{gap:6px}.patient-nav nav a,.provider-nav nav a{padding:8px 9px;font-size:12px} .patient-hero h1,.provider-public .pro-hero h1{font-size:34px;letter-spacing:-.5px} .patient-hero-copy>p,.provider-public .pro-hero p{font-size:14px} .patient-section,.provider-public .pro-section{padding:42px 0} .patient-section-head h1,.patient-section-head h2,.provider-public .pro-section-head h2{font-size:26px} .patient-category-grid,.patient-center-grid,.pro-solution-grid,.pro-feature-grid,.pro-number-grid{grid-template-columns:1fr} .patient-filterbar,.center-filter{grid-template-columns:1fr} .patient-cta>.container,.pro-final-cta>.container,.provider-footer>.container{flex-direction:column;align-items:stretch} .patient-cta a,.pro-final-cta a{text-align:center} .doctor-card-top{grid-template-columns:58px 1fr}.patient-rating{grid-column:2} .center-result{grid-template-columns:1fr}.center-result-icon{width:48px;height:48px}.center-result-actions{grid-template-columns:1fr 1fr} .migration-steps{grid-template-columns:1fr} } /* Public authentication/profile consistency */ .patient-public .auth-wrap{background:linear-gradient(180deg,#f7fbfe,#eef5fa)!important;min-height:calc(100vh - 72px)} .patient-public .auth-card{background:#fff!important;border-color:#dce7ee!important;box-shadow:0 20px 55px rgba(34,73,101,.09)!important;border-radius:22px} .patient-public .auth-card h1{color:#17283a!important}.patient-public .auth-card p{color:#6c7f90!important}.patient-public .auth-card .eyebrow{color:#1d77b7!important} .patient-public .auth-card label{color:#52687a!important}.patient-public .auth-card input,.patient-public .auth-card select{background:#fbfdfe!important;border-color:#dfe8ef!important;color:#21364a!important} .patient-public .auth-card .btn,.patient-public .doctor-page .btn{background:linear-gradient(135deg,#1d76b7,#2185c7)!important;color:#fff!important;box-shadow:0 9px 22px rgba(25,118,189,.16)!important} .patient-public .doctor-page .ghost{background:#fff!important;color:#36566e!important;border-color:#d8e3eb!important} .patient-public .doctor-page .big-avatar,.patient-public .doctor-page .doc-avatar{background:linear-gradient(135deg,#e7f5fd,#d5edf9)!important;color:#176fae!important} .provider-public .auth-wrap{background:radial-gradient(circle at 75% 15%,rgba(234,124,50,.08),transparent 28%),#f7f8fa!important;min-height:calc(100vh - 72px)} .provider-public .auth-card{background:#fff!important;border-color:#dfe5ea!important;box-shadow:0 20px 55px rgba(30,40,50,.085)!important;border-radius:22px} .provider-public .auth-card h1{color:#18212b!important}.provider-public .auth-card p{color:#697580!important}.provider-public .auth-card .eyebrow{color:#e2762e!important} .provider-public .auth-card label{color:#596673!important}.provider-public .auth-card input,.provider-public .auth-card select{background:#fbfcfd!important;border-color:#e0e5ea!important;color:#1f2a34!important} /* V5.9 migration review + first-run setup */ .migration-review-list{display:grid;gap:12px}.migration-review-row{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(420px,1.4fr);gap:18px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.migration-review-row>div{display:grid;grid-template-columns:auto 1fr auto auto;gap:10px;align-items:center}.migration-review-row p{grid-column:1/-1;margin:0;color:var(--muted);font-size:12px}.migration-resolve{display:grid;grid-template-columns:1.5fr .7fr auto}.setup-section{padding:70px 0}.setup-card{max-width:900px;margin:auto;padding:34px}.setup-card h1{font-size:34px;margin:8px 0 12px}.setup-card p{color:#667085;line-height:2}.setup-card small{color:#7b8794;font-size:11px}@media(max-width:900px){.migration-review-row{grid-template-columns:1fr}.migration-resolve{grid-template-columns:1fr}.migration-review-row>div{grid-template-columns:1fr 1fr}} .readiness-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.readiness-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--panel-soft)}@media(max-width:800px){.readiness-grid{grid-template-columns:1fr}} /* V5.9.2 — single patient record number + complete archive pagination */ .patient-total{min-width:150px;padding:14px 18px;border:1px solid var(--border);border-radius:18px;background:var(--surface-1);text-align:center}.patient-total b,.patient-total span{display:block}.patient-total b{font-size:25px;color:var(--accent)}.patient-total span{font-size:12px;color:var(--text-2)} .patients-toolbar>div>small{color:var(--text-2)}.patient-title-line{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.review-chip{font-style:normal;font-size:10px;padding:4px 8px;border-radius:999px;background:var(--warning-soft);color:var(--warning);border:1px solid color-mix(in srgb,var(--warning) 28%,var(--border))}.patient-main small strong{color:var(--accent);font-size:13px}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:20px;padding-top:18px;border-top:1px solid var(--border)}.pagination>div{display:flex;gap:6px;align-items:center}.pagination>div span{color:var(--text-2);font-size:12px}.pagination .disabled{opacity:.35;pointer-events:none}.archive-details{margin:5px 0;border:1px solid var(--border);border-radius:14px;background:var(--surface-2);overflow:hidden}.archive-details summary{cursor:pointer;padding:11px 13px;color:var(--text-2);font-size:12px;font-weight:700}.archive-details label{padding:0 12px 12px}.archive-patient{margin:-4px 0 18px}.archive-patient>div{padding:0 14px 14px;display:grid;gap:5px}.archive-patient b{color:var(--text-1)}.archive-patient span,.archive-patient small{color:var(--text-2);font-size:12px}.primary-record{background:linear-gradient(180deg,var(--accent-soft),var(--surface-1))!important;border-color:color-mix(in srgb,var(--accent) 32%,var(--border))!important}.primary-record b{color:var(--accent)!important}.patients-toolbar select{width:auto;min-width:120px} @media(max-width:700px){.patient-total{width:100%}.patients-toolbar{align-items:stretch;flex-direction:column}.patients-toolbar .inline-filter{display:grid;grid-template-columns:1fr 120px auto}.pagination{justify-content:space-between}.pagination .ghost{padding:9px 12px}} .patient-head-stats{display:flex;gap:10px;align-items:stretch}.patient-review-total{min-width:140px;padding:14px 18px;border:1px solid var(--border);border-radius:18px;background:var(--surface-1);text-align:center;text-decoration:none}.patient-review-total b,.patient-review-total span{display:block}.patient-review-total b{font-size:25px;color:var(--warning)}.patient-review-total span{font-size:12px;color:var(--text-2)}.patient-review-total.active{background:var(--warning-soft);border-color:color-mix(in srgb,var(--warning) 40%,var(--border))}@media(max-width:700px){.patient-head-stats{width:100%}.patient-head-stats>*{flex:1}} /* ===================================================== DoctorYo Clinic 5.9.3 — Jalali date UX + old paper attachments ===================================================== */ .jalali-input-wrap{position:relative;display:block;width:100%} .jalali-visible-input{padding-left:58px!important;direction:ltr;text-align:left;font-variant-numeric:tabular-nums} .jalali-input-badge{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:11px;font-weight:800;color:var(--accent,var(--orange));background:var(--accent-soft,var(--peach));border:1px solid var(--border,var(--line));padding:4px 8px;border-radius:999px;pointer-events:none} .legacy-attachments-panel{overflow:hidden} .legacy-attachment-intro{color:var(--text-2,var(--muted));line-height:1.9;margin:-4px 0 18px} .legacy-upload-form{display:grid;grid-template-columns:1.15fr 1.35fr auto;gap:12px;align-items:end;padding:16px;border:1px dashed var(--border,var(--line));border-radius:18px;background:var(--surface-2,var(--cream));margin-bottom:18px} .legacy-upload-form label{min-width:0} .legacy-attachment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px} .legacy-attachment-card{border:1px solid var(--border,var(--line));border-radius:18px;background:var(--surface-1,var(--panel));overflow:hidden;box-shadow:0 8px 24px rgba(20,30,40,.05)} .legacy-thumb{height:190px;display:grid;place-items:center;background:var(--surface-2,var(--cream));overflow:hidden;text-decoration:none;color:var(--text-1,var(--text))} .legacy-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s ease} .legacy-thumb:hover img{transform:scale(1.025)} .legacy-pdf{gap:6px;align-content:center}.legacy-pdf b{font-size:30px;color:var(--accent,var(--orange))}.legacy-pdf span{font-size:12px;color:var(--text-2,var(--muted))} .legacy-attachment-meta{padding:13px 14px 9px;display:grid;gap:5px}.legacy-attachment-meta b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.legacy-attachment-meta small{color:var(--text-2,var(--muted))} .legacy-attachment-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap;padding:0 14px 14px}.legacy-attachment-actions form{display:inline-flex;margin:0} .legacy-empty{grid-column:1/-1} html[data-theme="dark"] .legacy-upload-form,html[data-theme="dark"] .legacy-thumb{background:var(--surface-2)!important} @media(max-width:900px){.legacy-attachment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.legacy-upload-form{grid-template-columns:1fr 1fr}.legacy-upload-form .btn{grid-column:1/-1}} @media(max-width:600px){.legacy-attachment-grid{grid-template-columns:1fr}.legacy-upload-form{grid-template-columns:1fr}.legacy-thumb{height:230px}} /* ===================================================== DoctorYo Clinic 5.9.4 — PaperChart print-safe A4 rendering Canvas is NEVER sent directly to the printer. ===================================================== */ .print-ink-layer{display:none;position:absolute;z-index:6;pointer-events:none;background:transparent!important} .print-ink-layer.front-print-ink{left:5.35%;top:25.35%;width:89.1%;height:70.15%} .print-ink-layer.back-print-ink{left:5.25%;top:12.0%;width:89.2%;height:83.7%} @page{size:A4 portrait;margin:0} @media print{ html,body{margin:0!important;padding:0!important;width:210mm!important;min-width:210mm!important;background:#fff!important;color:#111!important;overflow:visible!important} body.app-shell{display:block!important;background:#fff!important} .sidebar,.mobile-head,.no-print,.theme-public,.theme-sidebar{display:none!important} .main,.chart-layout,.paper-stage-wrap{display:block!important;margin:0!important;padding:0!important;width:210mm!important;max-width:210mm!important;background:#fff!important} .paper-stage{ display:none!important; position:relative!important; margin:0!important; padding:0!important; width:210mm!important; height:297mm!important; max-width:none!important; min-height:297mm!important; overflow:hidden!important; box-shadow:none!important; border:0!important; background:#fff!important; break-inside:avoid!important; page-break-inside:avoid!important; -webkit-print-color-adjust:exact!important; print-color-adjust:exact!important; } body.print-one #frontStage.print-target, body.print-one #backStage.print-target, body.print-both #frontStage, body.print-both #backStage{display:block!important} body.print-both #frontStage{break-after:page!important;page-break-after:always!important} body.print-both #backStage{break-after:auto!important;page-break-after:auto!important} .paper-stage>img{ position:absolute!important;inset:0!important;width:210mm!important;height:297mm!important; max-width:none!important;object-fit:fill!important;display:block!important;background:#fff!important } .ink-canvas{display:none!important;background:transparent!important} .print-ink-layer{display:block!important;object-fit:fill!important;background:transparent!important} .paper-value{font-size:9.2pt!important;line-height:1.05!important;color:#302724!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important} .v-address{font-size:8.5pt!important} } /* V5.9.5 existing-clinic doctor binding */ .setup-data-proof{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:18px 0 8px;padding:16px 18px;border:1px solid #cfe6db;background:#f1fbf6;border-radius:16px}.setup-data-proof b{color:#13724f;font-size:18px;white-space:nowrap}.setup-data-proof span{color:#52675e;line-height:1.9;font-size:13px}@media(max-width:700px){.setup-data-proof{align-items:flex-start;flex-direction:column}} /* ===================================================== DoctorYo Clinic 6.0 Sponsor Ready - isolated paper printing ===================================================== */ #paperPrintPortal{display:none} @media print{ @page{size:A4 portrait;margin:0} html,body{margin:0!important;padding:0!important;background:#fff!important;width:210mm!important;min-width:210mm!important;overflow:visible!important} body.paper-print-ready>aside, body.paper-print-ready>main{display:none!important} body.paper-print-ready #paperPrintPortal{display:block!important;width:210mm!important;margin:0!important;padding:0!important;background:#fff!important} .print-sheet-page{display:block!important;position:relative!important;width:210mm!important;height:297mm!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#fff!important;border:0!important;box-shadow:none!important;break-after:page;page-break-after:always;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important} .print-sheet-page:last-child{break-after:auto;page-break-after:auto} .print-sheet-page>img.paper-bg{display:block!important;position:absolute!important;inset:0!important;width:210mm!important;height:297mm!important;object-fit:fill!important;z-index:1!important;background:#fff!important} .print-sheet-page .paper-value{display:flex!important;position:absolute!important;z-index:3!important;font-size:9.2pt!important;line-height:1.05!important;color:#302724!important;background:transparent!important;box-shadow:none!important;border:0!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important} .print-sheet-page .v-address{font-size:8.5pt!important} .print-sheet-page>img.print-ink-layer{display:block!important;position:absolute!important;z-index:5!important;object-fit:fill!important;background:transparent!important} .print-sheet-page>img.front-print-ink{left:5.35%!important;top:25.35%!important;width:89.1%!important;height:70.15%!important;right:auto!important;bottom:auto!important} .print-sheet-page>img.back-print-ink{left:5.25%!important;top:12.0%!important;width:89.2%!important;height:83.7%!important;right:auto!important;bottom:auto!important} } /* Sponsor presentation mode */ .presentation-nav{font-weight:800!important;color:var(--accent)!important;background:var(--accent-soft)!important;border:1px solid color-mix(in srgb,var(--accent) 25%,var(--border))} .presentation-side{margin-top:18px;padding:15px;border-radius:18px;border:1px solid #cfe7da;background:linear-gradient(180deg,#f4fbf7,#fff);display:grid;gap:8px}.presentation-side b{color:#156f50}.presentation-side small{color:#60756c;line-height:1.7}.presentation-side form{margin:0}.presentation-page{display:grid;gap:18px}.presentation-hero{position:relative;overflow:hidden;padding:34px;border-radius:28px;background:linear-gradient(135deg,#102538 0%,#183d56 72%,#215f7d 100%);color:#fff;box-shadow:0 24px 60px rgba(17,43,63,.16)}.presentation-hero:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:rgba(255,255,255,.055);left:-80px;top:-130px}.presentation-hero .eyebrow{color:#8fd5ff!important}.presentation-hero h1{color:#fff!important;font-size:38px;margin:7px 0 10px}.presentation-hero p{color:#d8e6ef!important;max-width:820px;line-height:2;margin:0}.presentation-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.presentation-hero .ghost{background:rgba(255,255,255,.09)!important;color:#fff!important;border-color:rgba(255,255,255,.24)!important}.presentation-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.presentation-kpi{padding:20px;border-radius:20px;background:var(--surface-1);border:1px solid var(--border);box-shadow:var(--surface-shadow)}.presentation-kpi b{display:block;font-size:28px;color:var(--accent)!important}.presentation-kpi span{display:block;color:var(--text-2);font-size:12px;margin-top:4px}.presentation-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.presentation-flow article{position:relative;padding:18px;border-radius:18px;background:var(--surface-1);border:1px solid var(--border);min-height:135px}.presentation-flow i{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:var(--accent-soft);color:var(--accent);font-style:normal;font-weight:900}.presentation-flow h3{font-size:15px;margin:11px 0 4px}.presentation-flow p{font-size:11px;line-height:1.8;color:var(--text-2);margin:0}.presentation-proof{display:grid;grid-template-columns:1.25fr .75fr;gap:16px}.presentation-proof .panel{margin:0}.presentation-checks{display:grid;gap:10px}.presentation-checks div{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;background:var(--surface-2);border:1px solid var(--border)}.presentation-checks b{color:var(--success)!important}.presentation-note{padding:16px;border-radius:16px;background:#fff8ed;border:1px solid #f3dfbf;color:#6d5438;line-height:1.9;font-size:13px} @media(max-width:1000px){.presentation-kpis{grid-template-columns:1fr 1fr}.presentation-flow{grid-template-columns:1fr 1fr}.presentation-proof{grid-template-columns:1fr}} @media(max-width:620px){.presentation-hero{padding:24px}.presentation-hero h1{font-size:30px}.presentation-kpis,.presentation-flow{grid-template-columns:1fr}.presentation-hero-actions{display:grid}.presentation-hero-actions>*{width:100%}} /* SMS production readiness */ .sms-health-card{background:linear-gradient(135deg,#fffaf5,#fff)} .sms-health-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px} .sms-health-grid span{padding:14px;border:1px solid var(--line);border-radius:15px;background:#fff} .sms-health-grid small,.sms-health-grid b{display:block}.sms-health-grid small{color:var(--muted);margin-bottom:6px}.sms-health-grid b{font-size:14px} .integration-truth code{direction:ltr;display:inline-block} button:disabled{opacity:.52;cursor:not-allowed;transform:none!important;box-shadow:none!important} @media(max-width:900px){.sms-health-grid{grid-template-columns:1fr 1fr}} @media(max-width:560px){.sms-health-grid{grid-template-columns:1fr}} /* V6.2.1 clinic readiness */ .readiness-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.readiness-card{display:flex;flex-direction:column}.readiness-card p{color:var(--muted);line-height:1.9;min-height:54px}.readiness-card .btn{margin-top:auto}.checklist-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 18px}.check-item{display:flex;gap:8px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:10px;background:#fff}.check-item b{color:var(--danger)}.check-item.done b{color:var(--ok)}.check-item span{font-size:12px}.clinic-logo-preview{width:140px;height:140px;object-fit:contain;border:1px solid var(--line);border-radius:22px;background:#fff;padding:12px}.clinic-gallery-admin{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.clinic-gallery-admin>div{border:1px solid var(--line);border-radius:16px;padding:8px;background:#fff;display:grid;gap:7px}.clinic-gallery-admin img{width:100%;height:120px;object-fit:cover;border-radius:11px}.review-workspace{display:grid;grid-template-columns:330px 1fr;gap:18px;align-items:start}.review-queue{position:sticky;top:22px;max-height:76vh;overflow:auto}.review-queue-row{display:grid;gap:4px;padding:12px;border-top:1px solid var(--line);text-decoration:none;color:inherit;border-radius:10px}.review-queue-row:hover,.review-queue-row.active{background:var(--peach)}.review-queue-row span,.review-queue-row small{color:var(--muted);font-size:12px}.archive-review-box{background:#fffaf5;border:1px dashed var(--line);border-radius:16px;padding:15px;margin-bottom:15px}.archive-review-box small{color:var(--muted)}.archive-review-box p{line-height:1.9}.archive-review-box>div{display:flex;gap:16px;flex-wrap:wrap}.review-actions{display:flex;gap:10px;flex-wrap:wrap}.duplicate-box{padding:16px;border:1px solid #f3d2d5;background:#fff7f8;border-radius:16px}.duplicate-box h3{margin:0 0 5px}.duplicate-box p{color:var(--muted);font-size:12px}.candidate-list{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}.scan-result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.scan-result{display:grid;gap:5px;text-decoration:none;color:inherit;border:1px solid var(--line);border-radius:15px;padding:14px;background:#fff}.scan-result span,.scan-result small{color:var(--muted);font-size:12px}.scan-docs>div{align-content:start}.scan-docs small{overflow-wrap:anywhere}.public-clinic-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.public-clinic-gallery img{width:100%;height:160px;object-fit:cover;border-radius:16px;border:1px solid var(--line)}.clinic-public-logo{width:78px;height:78px;object-fit:contain;border-radius:18px;background:#fff;border:1px solid var(--line);padding:7px} @media(max-width:1100px){.readiness-grid{grid-template-columns:1fr}.review-workspace{grid-template-columns:1fr}.review-queue{position:static;max-height:320px}.scan-result-grid{grid-template-columns:1fr 1fr}} @media(max-width:700px){.checklist-grid,.scan-result-grid,.clinic-gallery-admin,.public-clinic-gallery{grid-template-columns:1fr 1fr}.readiness-stats{grid-template-columns:1fr 1fr}.review-actions{display:grid}.doctor-cols.readiness-media{grid-template-columns:1fr}} /* 6.2.2 Speed: server-side patient lookup keeps appointment HTML small. */ .patient-picker{position:relative}.patient-search-results{position:absolute;z-index:90;top:74px;right:0;left:0;background:var(--surface-1,#fff);border:1px solid var(--border,var(--line));border-radius:14px;box-shadow:0 18px 45px rgba(27,39,51,.14);max-height:310px;overflow:auto;padding:6px}.patient-search-results button{width:100%;display:flex;justify-content:space-between;gap:12px;align-items:center;border:0;background:transparent;color:var(--text-1,var(--text));padding:10px 11px;border-radius:10px;font:inherit;text-align:right;cursor:pointer}.patient-search-results button:hover,.patient-search-results button:focus{background:var(--accent-soft,var(--peach));outline:none}.patient-search-results small{color:var(--text-2,var(--muted));font-size:11px}.compact-pagination{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:16px;border-top:1px solid var(--border,var(--line));margin-top:8px}.compact-pagination>div{display:flex;align-items:center;gap:10px}.compact-pagination span,.compact-pagination b{font-size:12px;color:var(--text-2,var(--muted))} /* ========================================================================== DoctorYo Clinic 6.4 Release Redesign A calm, high-clarity clinical workspace optimized for Persian RTL workflows. ========================================================================== */ :root{ --mo-navy:#172033;--mo-blue:#4169e1;--mo-blue-2:#6d7ff2;--mo-cyan:#3fb7c7;--mo-rose:#d95d8f; --mo-bg:#f4f7fb;--mo-card:#ffffff;--mo-line:#e6ebf2;--mo-text:#172033;--mo-muted:#697487; --mo-shadow:0 14px 34px rgba(25,40,72,.07);--mo-shadow-lg:0 24px 70px rgba(25,40,72,.13); --mo-radius:20px;--mo-radius-sm:14px;--mo-sidebar:286px; } html[data-theme="white"]{ --surface-0:#f4f7fb;--surface-1:#ffffff;--surface-2:#f7f9fc;--surface-3:#edf1f7; --text-1:#172033;--text-2:#697487;--text-3:#98a2b3;--border:#e4eaf1; --accent:#4169e1;--accent-2:#6f80ee;--accent-soft:#eef2ff;--accent-contrast:#ffffff; --success:#14866d;--success-soft:#eaf8f4;--warning:#a36a12;--warning-soft:#fff6df;--error:#c74f68;--error-soft:#fff0f3; --focus:rgba(65,105,225,.14);--surface-shadow:0 14px 34px rgba(25,40,72,.07) } html[data-theme="pink"]{ --surface-0:#fbf7fa;--surface-1:#ffffff;--surface-2:#fff5f9;--surface-3:#f7eaf0; --text-1:#2b2030;--text-2:#766576;--text-3:#a08e9d;--border:#ecdfe6; --accent:#c64f83;--accent-2:#e07dab;--accent-soft:#fcecf3;--accent-contrast:#ffffff; --success:#227b63;--success-soft:#eaf7f2;--warning:#996314;--warning-soft:#fff5dd;--error:#be455f;--error-soft:#fff0f4; --focus:rgba(198,79,131,.14);--surface-shadow:0 14px 34px rgba(100,55,80,.08) } html[data-theme="blue"]{ --surface-0:#f3f7fc;--surface-1:#ffffff;--surface-2:#f0f5fb;--surface-3:#e7eff8; --text-1:#14243a;--text-2:#62738a;--text-3:#8ca0b6;--border:#dfe8f2; --accent:#2677c9;--accent-2:#52a0de;--accent-soft:#e9f3fc;--accent-contrast:#ffffff; --success:#177d63;--success-soft:#e9f7f1;--warning:#9b6815;--warning-soft:#fff6de;--error:#c94f66;--error-soft:#fff0f3; --focus:rgba(38,119,201,.14);--surface-shadow:0 14px 36px rgba(35,77,120,.08) } html[data-theme="green"]{ --surface-0:#f3f8f6;--surface-1:#ffffff;--surface-2:#f1f7f4;--surface-3:#e6f0eb; --text-1:#182b26;--text-2:#60766e;--text-3:#8ca099;--border:#dce8e2; --accent:#2a8667;--accent-2:#5eae8e;--accent-soft:#e9f5f0;--accent-contrast:#ffffff; --success:#1e7e5f;--success-soft:#e8f6ef;--warning:#966514;--warning-soft:#fff5dc;--error:#c64f63;--error-soft:#fff0f3; --focus:rgba(42,134,103,.14);--surface-shadow:0 14px 36px rgba(36,90,70,.08) } html[data-theme="dark"]{ --surface-0:#0d1420;--surface-1:#141e2b;--surface-2:#1a2635;--surface-3:#223043; --text-1:#f5f7fb;--text-2:#bec8d6;--text-3:#8997aa;--border:#2d3b4e; --accent:#7f96ff;--accent-2:#aa82f3;--accent-soft:#242e50;--accent-contrast:#ffffff; --success:#4bd0a8;--success-soft:#173b32;--warning:#efc36b;--warning-soft:#3b301c;--error:#ff8296;--error-soft:#3b222b; --focus:rgba(127,150,255,.20);--surface-shadow:0 18px 45px rgba(0,0,0,.28) } /* Layout shell */ .medoffice-release{display:block!important;background:var(--surface-0)!important;min-height:100vh} .medoffice-release .sidebar{position:fixed!important;right:0;top:0;bottom:0;width:var(--mo-sidebar);height:100vh!important;z-index:90;padding:18px 16px 16px!important;background:var(--surface-1)!important;border-left:1px solid var(--border)!important;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;display:flex;flex-direction:column} .medoffice-release .workspace-shell{margin-right:var(--mo-sidebar);min-height:100vh;min-width:0;background:var(--surface-0)} .medoffice-release .main{padding:30px 34px 60px!important;max-width:1680px;width:100%;margin:0 auto;background:transparent!important} .medoffice-release .workspace-topbar{height:72px;position:sticky;top:0;z-index:65;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 34px;background:color-mix(in srgb,var(--surface-0) 86%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid color-mix(in srgb,var(--border) 84%,transparent)} .medoffice-release .topbar-right,.medoffice-release .topbar-actions{display:flex;align-items:center;gap:10px}.medoffice-release .topbar-context{display:grid;gap:1px}.medoffice-release .topbar-context small{font-size:10px;letter-spacing:.2px}.medoffice-release .topbar-context strong{font-size:13px;font-weight:850}.medoffice-release .top-quick{text-decoration:none;padding:9px 13px;border-radius:12px;background:var(--accent);color:#fff!important;font-size:12px;font-weight:800;box-shadow:0 8px 20px var(--focus)}.medoffice-release .top-quick.secondary{background:var(--surface-1);border:1px solid var(--border);color:var(--text-1)!important;box-shadow:none}.medoffice-release .security-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid var(--border);border-radius:999px;background:var(--surface-1);color:var(--text-2);font-size:11px;font-weight:700}.medoffice-release .security-pill i{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 0 4px var(--success-soft)} /* Brand */ .sidebar-top{display:flex;align-items:center;justify-content:space-between;min-height:54px;padding:2px 4px 10px}.brand-app{display:grid!important;grid-template-columns:40px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;text-decoration:none}.brand-mark{grid-row:1/3;width:40px;height:40px;border-radius:14px;background:linear-gradient(145deg,var(--accent),var(--accent-2));position:relative;box-shadow:0 10px 22px var(--focus);display:block}.brand-mark i{position:absolute;background:#fff;border-radius:999px}.brand-mark i:first-child{width:17px;height:5px;right:8px;top:12px;transform:rotate(45deg)}.brand-mark i:last-child{width:17px;height:5px;left:8px;bottom:12px;transform:rotate(-45deg)}.brand-word{font-size:18px;font-weight:850;letter-spacing:-.5px;color:var(--text-1)}.brand-word b{color:var(--accent)!important}.brand-app>small{font-size:9px;color:var(--text-3)!important;letter-spacing:1.2px;text-transform:uppercase;direction:ltr;text-align:right} .icon-btn{width:38px;height:38px;border:1px solid var(--border);border-radius:12px;background:var(--surface-1);color:var(--text-1);font:inherit;cursor:pointer;display:grid;place-items:center}.sidebar-mobile-close,.mobile-menu-btn{display:none} /* User/workspace */ .workspace-card{display:grid;grid-template-columns:44px 1fr 10px;gap:10px;align-items:center;padding:12px;margin:8px 0 12px;background:linear-gradient(145deg,var(--surface-2),var(--surface-1));border:1px solid var(--border);border-radius:17px}.avatar-premium{width:44px!important;height:44px!important;border-radius:14px!important;background:linear-gradient(135deg,var(--accent-soft),color-mix(in srgb,var(--accent) 22%,var(--surface-1)))!important;color:var(--accent)!important;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--border));font-size:16px}.workspace-user{min-width:0}.workspace-user strong,.workspace-user small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-user strong{font-size:13px}.workspace-user small{font-size:10px;margin-top:3px;color:var(--text-2)!important}.presence-dot{width:7px;height:7px;background:var(--success);border-radius:50%;box-shadow:0 0 0 4px var(--success-soft)} .command-trigger{width:100%;height:38px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);color:var(--text-2);display:flex;align-items:center;justify-content:space-between;padding:0 11px;font:inherit;font-size:11px;cursor:pointer;margin-bottom:8px}.command-trigger kbd,.command-dialog kbd{font:inherit;font-size:9px;padding:3px 6px;border-radius:7px;border:1px solid var(--border);background:var(--surface-1);color:var(--text-3);direction:ltr} /* Navigation */ .medoffice-release .sidenav{display:grid;gap:2px!important;padding:2px 0 14px}.medoffice-release .sidenav .nav-label{font-size:9px!important;font-weight:900!important;letter-spacing:.6px;padding:14px 11px 5px!important;text-transform:uppercase;color:var(--text-3)!important}.medoffice-release .sidenav a{position:relative;display:flex;align-items:center;gap:10px;min-height:39px;padding:8px 10px 8px 38px!important;border-radius:11px!important;color:var(--text-2)!important;font-size:12px;font-weight:700;transition:background .16s ease,color .16s ease,transform .16s ease}.medoffice-release .sidenav a::before{content:"";position:absolute;right:11px;width:8px;height:8px;border:1.7px solid currentColor;border-radius:3px;opacity:.72}.medoffice-release .sidenav a:hover{background:var(--surface-2)!important;color:var(--text-1)!important;transform:translateX(-2px)}.medoffice-release .sidenav a.active{background:var(--accent-soft)!important;color:var(--accent)!important;font-weight:850}.medoffice-release .sidenav a.active::after{content:"";position:absolute;right:-16px;width:3px;height:20px;background:var(--accent);border-radius:3px}.medoffice-release .sidenav a[data-nav-icon="calendar"]::before{border-radius:2px;border-top-width:4px}.medoffice-release .sidenav a[data-nav-icon="users"]::before{border-radius:50%}.medoffice-release .sidenav a[data-nav-icon="chart"]::before{border-radius:2px;border-top:0;border-right-width:4px}.medoffice-release .sidenav a[data-nav-icon="lock"]::before{border-radius:5px 5px 3px 3px}.medoffice-release .sidenav a[data-nav-icon="message"]::before{border-radius:50% 50% 50% 2px}.medoffice-release .sidenav a[data-nav-icon="home"]::before{transform:rotate(45deg);border-radius:2px}.medoffice-release .sidenav a[data-nav-icon="wallet"]::before{width:10px;height:7px}.medoffice-release .sidenav a[data-nav-icon="transfer"]::before{border-radius:50%;border-style:dashed}.medoffice-release .sidenav a[data-nav-icon="settings"]::before{border-radius:50%} .sidebar-bottom{margin-top:auto;padding-top:10px}.theme-sidebar{padding:10px 11px!important;border-radius:14px!important;box-shadow:none!important}.theme-title{display:flex!important;justify-content:space-between;align-items:center;gap:8px}.theme-title b{font-size:10px}.theme-title small{font-size:8px}.theme-swatches{margin-top:8px!important;gap:7px!important}.theme-swatch{width:22px!important;height:22px!important;border-radius:8px!important}.theme-select{display:none!important}.logout{position:static!important;margin-top:8px}.logout-btn{width:100%;border:0;background:transparent;color:var(--text-2);padding:9px;border-radius:10px;font:inherit;font-size:11px;cursor:pointer}.logout-btn:hover{background:var(--error-soft);color:var(--error)} /* Page header / hierarchy */ .medoffice-release .page-head{position:relative;margin-bottom:24px!important;align-items:flex-end!important;padding:2px 2px 0}.medoffice-release .page-head>div:first-child{max-width:820px}.medoffice-release .page-head .eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:10px!important;font-weight:900!important;letter-spacing:.4px;text-transform:uppercase}.medoffice-release .page-head .eyebrow::before{content:"";width:18px;height:2px;background:var(--accent);border-radius:2px}.medoffice-release .page-head h1{margin:7px 0 7px!important;font-size:29px!important;line-height:1.35;letter-spacing:-.7px}.medoffice-release .page-head p{font-size:12px;line-height:1.9;max-width:760px}.medoffice-release .page-head>.inline{justify-content:flex-end;flex-wrap:wrap} /* Cards and panels */ .medoffice-release .panel,.medoffice-release .stat,.medoffice-release .patient-card{border:1px solid var(--border)!important;box-shadow:var(--surface-shadow)!important;background:var(--surface-1)!important}.medoffice-release .panel{border-radius:var(--mo-radius)!important;padding:20px!important;margin-bottom:16px!important}.medoffice-release .panel-head{margin-bottom:14px!important;align-items:flex-start}.medoffice-release .panel-head h2,.medoffice-release .panel>h2{font-size:15px!important;font-weight:850;letter-spacing:-.2px}.medoffice-release .panel-head p{margin:3px 0 0;font-size:11px;color:var(--text-2)}.medoffice-release .panel-head>a{font-size:11px!important;font-weight:800;text-decoration:none;padding:6px 9px;border-radius:9px;background:var(--accent-soft)} .medoffice-release .stat-grid{gap:12px!important;margin-bottom:16px!important}.medoffice-release .stat{position:relative;padding:17px 18px!important;border-radius:17px!important;overflow:hidden}.medoffice-release .stat::before{content:"";position:absolute;right:0;top:0;bottom:0;width:3px;background:var(--border)}.medoffice-release .stat.accent::before{background:var(--accent)}.medoffice-release .stat.accent{background:linear-gradient(145deg,var(--accent-soft),var(--surface-1))!important}.medoffice-release .stat span{font-size:10px!important;font-weight:700}.medoffice-release .stat b{font-size:25px!important;letter-spacing:-.5px;margin-top:7px!important}.medoffice-release .stat b small{font-size:9px!important;font-weight:600}.medoffice-release .stat .hint{display:block;margin-top:4px} .medoffice-release .analytics-grid{gap:14px!important}.medoffice-release .split{gap:14px!important;grid-template-columns:minmax(0,1fr) 340px!important}.medoffice-release .sideform{top:88px!important} /* Buttons */ .medoffice-release .btn,.medoffice-release .ghost{min-height:39px;border-radius:12px!important;padding:9px 14px!important;font-size:11px!important;font-weight:850!important;box-shadow:none!important}.medoffice-release .btn{background:linear-gradient(135deg,var(--accent),var(--accent-2))!important;box-shadow:0 8px 18px var(--focus)!important}.medoffice-release .btn:hover{transform:translateY(-1px);filter:saturate(1.05)}.medoffice-release .ghost{background:var(--surface-1)!important;border:1px solid var(--border)!important}.medoffice-release .ghost:hover{background:var(--surface-2)!important;border-color:color-mix(in srgb,var(--accent) 20%,var(--border))!important}.medoffice-release .small{min-height:32px!important;padding:6px 10px!important;font-size:10px!important} /* Forms */ .medoffice-release label{gap:6px!important;font-size:10px!important;font-weight:800!important;color:var(--text-2)!important}.medoffice-release input,.medoffice-release select,.medoffice-release textarea{border-radius:11px!important;padding:10px 11px!important;min-height:39px;font-size:12px!important;background:var(--surface-1)!important;transition:border .15s,box-shadow .15s}.medoffice-release textarea{min-height:80px;line-height:1.8}.medoffice-release .form-grid{gap:12px!important;margin-top:16px!important}.medoffice-release .stack{gap:11px!important;margin-top:15px!important}.medoffice-release .inline-filter{flex-wrap:wrap}.medoffice-release .inline-filter input,.medoffice-release .inline-filter select{min-width:120px}.medoffice-release input[type="checkbox"],.medoffice-release input[type="radio"]{min-height:unset} .medoffice-release .soft-badge{border-radius:999px!important;font-size:9px!important;font-weight:850;padding:6px 9px!important}.medoffice-release .alert,.medoffice-release .success{font-size:11px;line-height:1.8;border-radius:12px!important;padding:10px 12px!important} /* Tables / data rows */ .medoffice-release .table{border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--surface-1)}.medoffice-release .tr{padding:11px 12px!important;border-top:1px solid var(--border)!important;font-size:11px!important;min-height:50px}.medoffice-release .tr:first-child{border-top:0!important}.medoffice-release .tr:hover{background:var(--surface-2)}.medoffice-release .tr b{font-size:11px}.medoffice-release .tr small{font-size:9px}.medoffice-release .status{display:inline-flex;align-items:center;justify-content:center;min-width:64px;padding:6px 8px!important;border-radius:999px!important;font-size:9px!important;font-weight:850}.medoffice-release .status::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;margin-left:5px}.medoffice-release .status.completed{background:var(--success-soft)!important;color:var(--success)!important}.medoffice-release .status.cancelled,.medoffice-release .status.no_show{background:var(--error-soft)!important;color:var(--error)!important}.medoffice-release .empty{padding:28px 18px!important;font-size:11px}.medoffice-release .pagination{margin-top:14px!important}.medoffice-release .mini-row{border-radius:12px!important;padding:10px 11px!important;box-shadow:none!important}.medoffice-release .mini-row b{font-size:11px}.medoffice-release .mini-row span{font-size:9px;color:var(--text-2)} /* Dashboard release UI */ .release-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:14px;margin-bottom:16px}.release-welcome{position:relative;min-height:176px;padding:25px 26px;border-radius:24px;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--border));overflow:hidden;background:linear-gradient(125deg,color-mix(in srgb,var(--accent) 10%,var(--surface-1)),var(--surface-1) 58%,color-mix(in srgb,var(--accent-2) 7%,var(--surface-1)));box-shadow:var(--surface-shadow)}.release-welcome::after{content:"";position:absolute;left:-40px;top:-60px;width:210px;height:210px;border-radius:50%;border:35px solid color-mix(in srgb,var(--accent) 8%,transparent)}.release-welcome .eyebrow{font-size:10px;font-weight:900;color:var(--accent)}.release-welcome h1{font-size:28px;margin:8px 0 7px;letter-spacing:-.7px}.release-welcome p{max-width:620px;color:var(--text-2);font-size:12px;line-height:1.9}.release-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px;position:relative;z-index:2}.release-actions a{min-height:37px}.today-focus{padding:20px;border-radius:24px;background:var(--text-1);color:var(--surface-1);display:grid;align-content:space-between;box-shadow:var(--mo-shadow-lg);position:relative;overflow:hidden}.today-focus::before{content:"";position:absolute;width:150px;height:150px;border-radius:50%;left:-55px;bottom:-70px;background:color-mix(in srgb,var(--accent) 55%,transparent);filter:blur(1px)}.today-focus small,.today-focus span{color:color-mix(in srgb,var(--surface-1) 70%,transparent)!important}.today-focus strong{color:var(--surface-1)!important;font-size:30px;line-height:1}.today-focus .focus-line{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid color-mix(in srgb,var(--surface-1) 15%,transparent);position:relative;z-index:1}.today-focus .focus-line b{color:var(--surface-1)!important}.dashboard-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.kpi-card{background:var(--surface-1);border:1px solid var(--border);border-radius:17px;padding:16px;box-shadow:var(--surface-shadow);display:flex;align-items:center;justify-content:space-between;gap:12px}.kpi-card .kpi-meta{display:grid;gap:4px}.kpi-card span{font-size:9px;color:var(--text-2);font-weight:800}.kpi-card b{font-size:23px}.kpi-card i{font-style:normal;font-size:9px;color:var(--success);background:var(--success-soft);padding:4px 7px;border-radius:8px}.kpi-symbol{width:38px;height:38px;border-radius:12px;background:var(--accent-soft);position:relative;flex:none}.kpi-symbol::after{content:"";position:absolute;inset:11px;border:2px solid var(--accent);border-radius:4px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.7fr);gap:14px}.quick-operations{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.quick-operation{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;text-decoration:none;padding:10px;border:1px solid var(--border);border-radius:13px;background:var(--surface-1);transition:.16s}.quick-operation:hover{background:var(--surface-2);transform:translateY(-1px)}.quick-operation i{width:36px;height:36px;border-radius:11px;background:var(--accent-soft);display:grid;place-items:center;font-style:normal;color:var(--accent);font-weight:900}.quick-operation b{font-size:11px}.quick-operation span{display:block;font-size:9px;color:var(--text-2);margin-top:2px}.quick-operation>em{font-style:normal;color:var(--text-3)} /* Patients */ .medoffice-release .patient-head-stats{display:flex;gap:8px}.medoffice-release .patient-total,.medoffice-release .patient-review-total{min-width:112px;padding:10px 12px!important;border:1px solid var(--border)!important;border-radius:13px!important;background:var(--surface-1)!important;text-decoration:none;box-shadow:var(--surface-shadow)}.medoffice-release .patient-total b,.medoffice-release .patient-review-total b{font-size:17px!important}.medoffice-release .patient-total span,.medoffice-release .patient-review-total span{font-size:8px!important}.medoffice-release .patient-review-total.active{background:var(--warning-soft)!important;border-color:color-mix(in srgb,var(--warning) 25%,var(--border))!important}.medoffice-release .patient-cards{gap:8px!important}.medoffice-release .patient-card{border-radius:14px!important;padding:13px 14px!important;transition:.15s;box-shadow:none!important}.medoffice-release .patient-card:hover{border-color:color-mix(in srgb,var(--accent) 30%,var(--border))!important;box-shadow:0 12px 28px rgba(25,40,72,.06)!important;transform:translateY(-1px)}.medoffice-release .patient-main{align-items:center}.medoffice-release .patient-title-line b{font-size:12px!important}.medoffice-release .patient-kpis{margin-top:10px!important;gap:7px!important}.medoffice-release .patient-kpis span{padding:8px!important;border-radius:10px!important;background:var(--surface-2)!important;border:0!important}.medoffice-release .patient-kpis b{font-size:14px!important}.medoffice-release .patient-kpis small{font-size:8px!important}.medoffice-release .patient-next{font-size:9px!important;margin-top:8px!important}.medoffice-release .review-chip{font-size:8px!important;border-radius:8px!important} /* Patient record */ .medoffice-release .info-strip{gap:8px!important}.medoffice-release .info-strip span{border-radius:13px!important;padding:12px!important;box-shadow:none!important}.medoffice-release .info-strip small{font-size:8px!important}.medoffice-release .info-strip b{font-size:12px!important}.medoffice-release .primary-record{background:var(--accent-soft)!important}.medoffice-release .patient-summary-panel{background:linear-gradient(140deg,var(--accent-soft),var(--surface-1) 52%)!important}.medoffice-release .patient-summary-grid{gap:8px!important}.medoffice-release .patient-summary-grid>div{border-radius:12px!important;padding:11px!important;box-shadow:none!important}.medoffice-release .patient-summary-grid b{font-size:18px!important}.medoffice-release .patient-summary-grid span{font-size:8px!important}.medoffice-release .paper-chart-callout{border-color:color-mix(in srgb,var(--accent) 24%,var(--border))!important}.medoffice-release .legacy-attachment-card,.medoffice-release .document-row{border-radius:13px!important} /* Appointments */ .medoffice-release .appt-table{overflow-x:auto}.medoffice-release .appt-row{grid-template-columns:85px minmax(140px,1.2fr) minmax(140px,1fr) 95px 120px 78px minmax(230px,1.25fr)!important;min-width:980px}.medoffice-release .appointment-actions{gap:6px!important;flex-wrap:nowrap}.medoffice-release .appointment-actions select{min-height:32px!important;padding:5px 8px!important}.medoffice-release .patient-search-results{border-radius:12px!important;box-shadow:var(--mo-shadow-lg)!important;overflow:hidden}.medoffice-release .patient-search-results button{padding:10px!important} /* Charts */ .medoffice-release .bar-chart{gap:11px!important}.medoffice-release .bar-line{grid-template-columns:86px 1fr 30px!important;font-size:9px!important}.medoffice-release .bar-line>div{height:7px!important;background:var(--surface-3)!important}.medoffice-release .bar-line i{background:linear-gradient(90deg,var(--accent),var(--accent-2))!important}.medoffice-release .gender-cards{gap:9px!important}.medoffice-release .gender-cards>div{border-radius:13px!important;padding:15px!important}.medoffice-release .rank-list>div{padding:10px 3px!important;border-color:var(--border)!important;font-size:10px!important} /* Module hub */ .medoffice-release .module-hub{margin-top:4px}.medoffice-release .module-grid{grid-template-columns:repeat(4,1fr)!important;gap:8px!important}.medoffice-release .module-grid a{min-height:94px;padding:13px!important;border-radius:13px!important;box-shadow:none!important;position:relative}.medoffice-release .module-grid a::after{content:"↖";position:absolute;left:11px;top:11px;color:var(--text-3);font-size:10px}.medoffice-release .module-grid b{font-size:10px!important}.medoffice-release .module-grid span{font-size:8px!important;line-height:1.7!important}.medoffice-release .module-grid a:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 25%,var(--border))!important} /* Command palette */ .command-palette{position:fixed;inset:0;z-index:220;opacity:0;transition:opacity .14s}.command-palette.open{opacity:1}.command-backdrop{position:absolute;inset:0;background:rgba(9,17,31,.48);backdrop-filter:blur(5px)}.command-dialog{position:relative;width:min(640px,calc(100% - 28px));margin:11vh auto 0;background:var(--surface-1);border:1px solid var(--border);border-radius:20px;box-shadow:0 30px 100px rgba(8,20,45,.28);overflow:hidden}.command-input-wrap{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:8px;padding:13px 15px;border-bottom:1px solid var(--border)}.command-input-wrap input{border:0!important;box-shadow:none!important;background:transparent!important;font-size:13px!important;padding:8px!important}.command-results{padding:7px;max-height:380px;overflow:auto}.command-result{display:flex;justify-content:space-between;align-items:center;text-decoration:none;padding:11px 12px;border-radius:11px;color:var(--text-1)}.command-result:hover{background:var(--surface-2)}.command-result span{font-size:11px;font-weight:800}.command-result small{font-size:9px}.command-empty{padding:30px;text-align:center;color:var(--text-2);font-size:11px}.command-dialog footer{padding:9px 14px;border-top:1px solid var(--border);font-size:8px;color:var(--text-3)} /* Public/auth polish */ .provider-public,.patient-public{background:#f6f8fb!important}.provider-topbar,.patient-topbar{backdrop-filter:blur(18px)}.provider-nav,.patient-nav{height:70px!important}.provider-brand,.patient-brand{letter-spacing:-.5px}.auth-wrap{min-height:calc(100vh - 70px)!important;padding:54px 20px!important;background:radial-gradient(circle at 80% 10%,rgba(65,105,225,.10),transparent 34%),radial-gradient(circle at 20% 80%,rgba(217,93,143,.07),transparent 30%),#f5f8fc}.auth-card{border-radius:24px!important;padding:32px!important;border:1px solid #e4eaf1!important;box-shadow:0 28px 80px rgba(25,40,72,.10)!important}.auth-card h1{font-size:27px!important;color:#172033!important}.auth-card label{color:#697487!important}.auth-card input{border-color:#dfe6ef!important;border-radius:12px!important}.auth-card .btn{background:linear-gradient(135deg,#4169e1,#7084ef)!important} /* Public DoctorYo redesign without changing backend semantics */ .patient-hero{background:linear-gradient(180deg,#f7faff,#ffffff)!important;border-bottom:1px solid #edf1f5}.patient-hero-grid{min-height:590px!important}.patient-hero-copy h1{font-size:48px!important;letter-spacing:-1.4px}.patient-hero-copy h1 em{color:#356fe0!important}.patient-kicker{color:#356fe0!important}.patient-search{border:1px solid #dde6ef!important;box-shadow:0 18px 50px rgba(31,67,110,.09)!important}.patient-search-btn{background:#356fe0!important}.patient-trust-card{border-color:#e4eaf1!important;box-shadow:0 12px 34px rgba(31,67,110,.06)!important}.trust-icon{background:#edf3ff!important;color:#356fe0!important}.patient-statline{background:#172b42!important}.patient-section-head span{color:#356fe0!important}.patient-category-grid a,.patient-doctor-card,.patient-center-card{border-color:#e2e9f0!important;box-shadow:0 12px 30px rgba(32,70,115,.05)!important}.patient-category-grid a:hover,.patient-doctor-card:hover,.patient-center-card:hover{border-color:#bfd2ec!important;transform:translateY(-2px)}.patient-doctor-avatar,.center-symbol{background:#edf5ff!important;color:#356fe0!important}.doctor-card-actions a.primary,.center-result-actions a.primary{background:#356fe0!important;border-color:#356fe0!important}.patient-cta{background:#152941!important} /* Dark theme readability hardening */ html[data-theme="dark"] .medoffice-release .today-focus{background:#0b111c;border:1px solid #2c3b50}.medoffice-release .today-focus strong,.medoffice-release .today-focus b{color:#fff!important}html[data-theme="dark"] .medoffice-release .top-quick{color:#fff!important}html[data-theme="dark"] .medoffice-release .panel,html[data-theme="dark"] .medoffice-release .table,html[data-theme="dark"] .medoffice-release .patient-card,html[data-theme="dark"] .medoffice-release .kpi-card{box-shadow:none!important}html[data-theme="dark"] .medoffice-release .tr:hover{background:#1b2736}.medoffice-release a:focus-visible,.medoffice-release button:focus-visible,.medoffice-release input:focus-visible,.medoffice-release select:focus-visible,.medoffice-release textarea:focus-visible{outline:3px solid var(--focus);outline-offset:2px} /* Responsive */ @media(max-width:1280px){.medoffice-release .module-grid{grid-template-columns:repeat(3,1fr)!important}.dashboard-kpis{grid-template-columns:repeat(2,1fr)}} @media(max-width:1080px){ :root{--mo-sidebar:260px}.medoffice-release .main{padding:24px 24px 50px!important}.medoffice-release .workspace-topbar{padding:0 24px}.medoffice-release .split{grid-template-columns:1fr!important}.medoffice-release .sideform{position:static!important}.release-hero{grid-template-columns:1fr}.today-focus{min-height:150px}.dashboard-grid{grid-template-columns:1fr}.medoffice-release .stat-grid.five-cols{grid-template-columns:repeat(3,1fr)!important}.medoffice-release .module-grid{grid-template-columns:repeat(2,1fr)!important} } @media(max-width:900px){ :root{--mo-sidebar:286px}.medoffice-release .sidebar{transform:translateX(105%);transition:transform .2s ease;box-shadow:-30px 0 70px rgba(15,28,52,.15)}.medoffice-release.sidebar-open .sidebar{transform:translateX(0)}.medoffice-release .workspace-shell{margin-right:0}.medoffice-release .mobile-menu-btn,.medoffice-release .sidebar-mobile-close{display:grid}.app-overlay{display:none;position:fixed;inset:0;background:rgba(10,20,35,.34);z-index:80}.medoffice-release.sidebar-open .app-overlay{display:block}.medoffice-release .topbar-context{display:none}.medoffice-release .security-pill{display:none}.medoffice-release .main{padding:20px 18px 48px!important}.medoffice-release .workspace-topbar{height:62px;padding:0 18px}.medoffice-release .page-head{align-items:flex-start!important;flex-direction:column}.medoffice-release .page-head>.inline{justify-content:flex-start}.medoffice-release .page-head h1{font-size:25px!important}.medoffice-release .info-strip{grid-template-columns:repeat(2,1fr)!important}.medoffice-release .analytics-grid{grid-template-columns:1fr!important} } @media(max-width:640px){ .medoffice-release .main{padding:16px 12px 42px!important}.medoffice-release .workspace-topbar{padding:0 12px}.medoffice-release .topbar-actions{gap:6px}.medoffice-release .top-quick{padding:8px 9px;font-size:9px}.release-welcome{padding:20px;border-radius:18px;min-height:160px}.release-welcome h1{font-size:23px}.release-actions{display:grid;grid-template-columns:1fr 1fr}.release-actions .btn,.release-actions .ghost{width:100%}.dashboard-kpis{grid-template-columns:1fr 1fr;gap:8px}.kpi-card{padding:12px}.kpi-card b{font-size:20px}.kpi-symbol{display:none}.medoffice-release .stat-grid,.medoffice-release .stat-grid.two,.medoffice-release .stat-grid.five-cols{grid-template-columns:1fr 1fr!important;gap:8px!important}.medoffice-release .stat{padding:13px!important}.medoffice-release .stat b{font-size:21px!important}.medoffice-release .panel{padding:14px!important;border-radius:16px!important}.medoffice-release .panel-head{flex-direction:column;align-items:flex-start}.medoffice-release .form-grid{grid-template-columns:1fr!important}.medoffice-release .span2{grid-column:auto}.medoffice-release .module-grid{grid-template-columns:1fr 1fr!important}.medoffice-release .module-grid a{min-height:90px}.quick-operations{grid-template-columns:1fr}.medoffice-release .patient-kpis{grid-template-columns:repeat(2,1fr)!important}.medoffice-release .patient-main{align-items:flex-start!important;gap:8px}.medoffice-release .patient-head-stats{width:100%}.medoffice-release .patient-total,.medoffice-release .patient-review-total{flex:1}.medoffice-release .inline-filter{width:100%}.medoffice-release .inline-filter>*{flex:1;min-width:130px}.medoffice-release .info-strip{grid-template-columns:1fr 1fr!important}.medoffice-release .table{overflow-x:auto}.medoffice-release .tr{min-width:620px}.medoffice-release .tr.five,.medoffice-release .tr.six{min-width:760px}.patient-hero-copy h1{font-size:36px!important}.patient-hero-grid{min-height:auto!important}.patient-nav nav a:not(.provider-switch):not(.btn){display:none}.provider-nav nav a:not(.btn){display:none} } @media(max-width:420px){.dashboard-kpis{grid-template-columns:1fr}.medoffice-release .stat-grid,.medoffice-release .stat-grid.two,.medoffice-release .stat-grid.five-cols{grid-template-columns:1fr!important}.medoffice-release .module-grid{grid-template-columns:1fr!important}.release-actions{grid-template-columns:1fr}.medoffice-release .info-strip{grid-template-columns:1fr!important}.topbar-actions .secondary{display:none}} /* Print: remove application chrome and optimize clinical/financial output for A4 */ @media print{ @page{size:A4;margin:12mm}.medoffice-release .sidebar,.medoffice-release .workspace-topbar,.medoffice-release .no-print,.command-palette{display:none!important}.medoffice-release .workspace-shell{margin:0!important}.medoffice-release .main{padding:0!important;max-width:none!important}.medoffice-release .panel,.medoffice-release .stat,.medoffice-release .patient-card{box-shadow:none!important;break-inside:avoid;border-color:#cfd5dc!important}.medoffice-release .page-head h1{font-size:20pt!important}.medoffice-release .table{overflow:visible!important}.medoffice-release .tr,.medoffice-release .tr.five,.medoffice-release .tr.six,.medoffice-release .appt-row{min-width:0!important;font-size:8pt!important}.medoffice-release a{text-decoration:none!important;color:#000!important}.medoffice-release body,html[data-theme] body{background:#fff!important;color:#111!important} } .auth-brand-lockup{display:flex;align-items:center;gap:11px;margin-bottom:24px}.auth-brand-lockup .brand-mark{width:42px;height:42px;flex:none}.auth-brand-lockup b,.auth-brand-lockup small{display:block}.auth-brand-lockup b{font-size:14px;color:#172033!important}.auth-brand-lockup small{font-size:9px;color:#8d99aa!important;direction:ltr;text-align:right;margin-top:2px}.auth-security-note{display:flex;gap:8px;align-items:center;margin-top:18px;padding-top:14px;border-top:1px solid #e8edf3}.auth-security-note span{color:#1f8a70}.auth-security-note small{font-size:9px;color:#7d8999!important}.provider-brand{gap:7px}.provider-brand .brand-mark.mini{width:30px;height:30px;border-radius:10px;display:inline-block;vertical-align:middle}.provider-brand .brand-mark.mini i:first-child{width:13px;height:4px;right:6px;top:9px}.provider-brand .brand-mark.mini i:last-child{width:13px;height:4px;left:6px;bottom:9px} /* ========================================================= DoctorYo Clinic v6.4.1 — Release Polish Data-first pages, professional forms, safer billing UI ========================================================= */ .medoffice-release{--mo-radius:18px;--mo-radius-sm:13px;--mo-border:color-mix(in srgb,var(--accent) 10%,var(--border));--mo-soft:color-mix(in srgb,var(--accent) 4%,var(--surface-2));} .medoffice-release .main{max-width:1680px;width:100%;margin:0 auto} .medoffice-release .page-head{align-items:flex-end;gap:20px;margin-bottom:20px}.medoffice-release .page-head h1{font-size:30px;letter-spacing:-.7px}.medoffice-release .page-head p{font-size:12px;line-height:1.9;max-width:760px}.medoffice-release .eyebrow{font-size:10px!important;font-weight:900!important;letter-spacing:0!important}.page-head-actions .page-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.page-head-actions .btn,.page-head-actions .ghost{min-height:39px;padding:9px 15px;border-radius:12px;font-size:11px} .medoffice-release label{font-size:11px!important;color:var(--text-2)!important}.medoffice-release input,.medoffice-release select,.medoffice-release textarea{font-size:12px!important;border-radius:11px!important;min-height:42px}.medoffice-release textarea{line-height:1.9}.medoffice-release label small{font-size:9px;line-height:1.8;color:var(--text-3);font-weight:500} .sidebar-settings-link{display:grid;gap:2px;padding:10px 11px;border:1px solid var(--border);border-radius:12px;text-decoration:none;background:var(--surface-1);color:var(--text-1);transition:.16s}.sidebar-settings-link:hover{background:var(--surface-2);border-color:color-mix(in srgb,var(--accent) 22%,var(--border))}.sidebar-settings-link span{font-size:10px;font-weight:850}.sidebar-settings-link small{font-size:8px;color:var(--text-3);line-height:1.6} /* Shared page actions and empty states */ .empty-state{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:34px 20px;border:1px dashed color-mix(in srgb,var(--accent) 18%,var(--border));border-radius:16px;background:linear-gradient(180deg,var(--surface-1),var(--surface-2))}.empty-state .empty-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:var(--accent-soft);color:var(--accent);font-size:20px;font-weight:900;margin-bottom:12px}.empty-state h3{font-size:14px;margin:0 0 5px}.empty-state p{max-width:430px;font-size:10px;line-height:1.9;color:var(--text-3);margin:0 0 15px} .search-field{display:flex;align-items:center;gap:7px;min-width:min(440px,48vw);height:42px;padding:0 11px;border:1px solid var(--border);border-radius:11px;background:var(--surface-1)}.search-field>span{color:var(--text-3);font-size:16px}.search-field input{border:0!important;box-shadow:none!important;background:transparent!important;padding:0!important;min-height:auto!important} /* Drawer system */ body.drawer-open{overflow:hidden}.ui-drawer{position:fixed;inset:0;z-index:1200;display:block}.ui-drawer[hidden]{display:none}.ui-drawer-backdrop{position:absolute;inset:0;background:rgba(12,22,38,.42);backdrop-filter:blur(4px);animation:moFade .16s ease}.ui-drawer-panel{position:absolute;top:0;bottom:0;right:0;width:min(650px,94vw);background:var(--surface-1);border-left:1px solid var(--border);box-shadow:-28px 0 80px rgba(15,30,55,.18);padding:24px;overflow:auto;animation:moDrawerIn .2s ease}.ui-drawer-panel.compact-drawer{width:min(480px,94vw)}.ui-drawer-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:18px;border-bottom:1px solid var(--border);margin-bottom:4px}.ui-drawer-panel>header h2{font-size:22px;margin:5px 0}.ui-drawer-panel>header p{font-size:10px;color:var(--text-3);line-height:1.8;margin:0}.drawer-form{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:18px 0}.drawer-form.one-column{grid-template-columns:1fr}.drawer-actions{display:flex;justify-content:flex-start;gap:8px;border-top:1px solid var(--border);padding-top:16px;margin-top:4px}.drawer-actions .btn,.drawer-actions .ghost{min-width:120px}@keyframes moFade{from{opacity:0}to{opacity:1}}@keyframes moDrawerIn{from{transform:translateX(35px);opacity:.5}to{transform:none;opacity:1}} /* Patients: registry first, create in drawer */ .patient-head-stats{display:flex;gap:8px;align-items:stretch}.patient-total,.patient-review-total{min-width:110px;padding:9px 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-1);text-decoration:none;color:inherit;display:grid;gap:2px}.patient-total b,.patient-review-total b{font-size:18px}.patient-total span,.patient-review-total span{font-size:8px;color:var(--text-3)}.patient-review-total.active{border-color:color-mix(in srgb,var(--warning) 45%,var(--border));background:var(--warning-soft)}.registry-panel{padding:0!important;overflow:hidden}.registry-panel>.panel-head{padding:18px 18px 14px;margin:0;border-bottom:1px solid var(--border)}.registry-search{display:flex;flex-wrap:wrap}.registry-table-wrap{padding:0 8px 8px}.registry-table{display:grid;grid-template-columns:minmax(190px,1.4fr) 120px 130px 80px 150px 110px 110px 38px;gap:10px;align-items:center}.registry-table-head{padding:12px 12px 8px;color:var(--text-3);font-size:8px;font-weight:800}.registry-row{min-height:66px;padding:10px 12px;border-top:1px solid var(--border);text-decoration:none;color:inherit;transition:.15s}.registry-row:hover{background:var(--surface-2)}.registry-row>span{font-size:10px}.registry-row strong{font-size:10px}.registry-person{display:flex;align-items:center;gap:9px}.registry-person i{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--accent-soft);color:var(--accent);font-style:normal;font-weight:900}.registry-person b{font-size:11px}.row-arrow{color:var(--text-3);text-align:left}.archive-details{border:1px solid var(--border);border-radius:11px;background:var(--surface-2);padding:10px 12px}.archive-details summary{font-size:10px;font-weight:750;cursor:pointer;color:var(--text-2)}.archive-details[open] summary{margin-bottom:10px} /* Settings */ .profile-identity-card{display:flex;align-items:center;justify-content:space-between;gap:22px}.profile-identity-preview{display:flex;align-items:center;gap:14px}.profile-identity-preview .profile-photo,.profile-identity-preview .big-avatar{width:82px!important;height:82px!important;border-radius:20px!important}.profile-identity-preview b,.profile-identity-preview span,.profile-identity-preview small{display:block}.profile-identity-preview b{font-size:15px}.profile-identity-preview span{font-size:10px;color:var(--text-2);margin-top:3px}.profile-identity-preview small{font-size:9px;color:var(--text-3);margin-top:2px}.profile-upload-form{display:flex;align-items:center;gap:9px}.upload-dropzone{min-width:330px!important;display:flex!important;align-items:center!important;flex-direction:row!important;gap:10px!important;border:1px dashed color-mix(in srgb,var(--accent) 26%,var(--border));border-radius:14px;padding:10px 13px;cursor:pointer;background:var(--surface-2)}.upload-dropzone input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}.upload-dropzone .upload-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-size:18px}.upload-dropzone b{font-size:10px}.upload-dropzone small{display:block;font-size:8px!important;margin-right:auto}.settings-section{padding:20px!important}.settings-section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.settings-section-head>div{display:flex;gap:10px;align-items:flex-start}.settings-section-head>div>span{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-size:9px;font-weight:900}.settings-section-head h2{font-size:14px!important;margin:0 0 3px!important}.settings-section-head p{font-size:9px;color:var(--text-3);margin:0}.sticky-savebar{position:sticky;bottom:12px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:18px;background:color-mix(in srgb,var(--surface-1) 92%,transparent);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:16px;padding:12px 14px;box-shadow:0 18px 44px rgba(20,36,58,.12);margin:12px 0 18px}.sticky-savebar span{font-size:9px;color:var(--text-3)}.appearance-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.appearance-option{border:1px solid var(--border);background:var(--surface-1);color:var(--text-1);border-radius:13px;padding:10px;display:flex;align-items:center;gap:8px;font:inherit;cursor:pointer}.appearance-option i{width:28px;height:28px;border-radius:9px;border:1px solid rgba(0,0,0,.06)}.appearance-option span{font-size:9px;font-weight:800}.appearance-option.active{outline:2px solid var(--accent);outline-offset:1px}.appearance-option.white i{background:linear-gradient(135deg,#fff,#e8eef6)}.appearance-option.blue i{background:linear-gradient(135deg,#e9f1ff,#4a7ce8)}.appearance-option.green i{background:linear-gradient(135deg,#e8f8f1,#28a779)}.appearance-option.pink i{background:linear-gradient(135deg,#fff0f7,#dc6ea2)}.appearance-option.red i{background:linear-gradient(135deg,#fff0f0,#d45662)}.appearance-option.dark i{background:linear-gradient(135deg,#253044,#0c1422)} /* Accounting */ .finance-stats .stat{position:relative;overflow:hidden}.finance-stats .stat i{display:block;font-style:normal;font-size:8px;color:var(--text-3);margin-top:5px}.finance-ledger-panel>.panel-head{align-items:center}.finance-month-summary{display:flex;gap:7px}.finance-month-summary span{display:grid;gap:2px;min-width:110px;padding:8px 10px;border-radius:10px;background:var(--surface-2);font-size:8px;color:var(--text-3)}.finance-month-summary b{font-size:10px;color:var(--text-1)} /* Services */ .services-list-panel{padding:0!important;overflow:hidden}.services-list-panel>.panel-head{padding:18px;margin:0;border-bottom:1px solid var(--border)}.services-table{padding:0 8px 8px}.services-row{display:grid;grid-template-columns:minmax(200px,1.6fr) 90px 90px 135px 90px 95px 70px;gap:10px;align-items:center}.services-head{font-size:8px;color:var(--text-3);font-weight:800;padding:11px 12px}.service-row-details{border-top:1px solid var(--border)}.service-row-details>summary{list-style:none;cursor:pointer;padding:13px 12px;min-height:68px}.service-row-details>summary::-webkit-details-marker{display:none}.service-row-details>summary:hover{background:var(--surface-2)}.service-row-details[open]>summary{background:var(--surface-2);border-bottom:1px solid var(--border)}.service-title-cell b,.service-title-cell small{display:block}.service-title-cell b{font-size:11px}.service-title-cell small{font-size:8px;color:var(--text-3);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.services-row>span{font-size:9px}.service-editor{padding:16px;background:color-mix(in srgb,var(--surface-2) 60%,var(--surface-1))}.service-edit-form{margin:0!important}.service-editor-actions{display:flex;justify-content:flex-start}.service-consumables{margin-top:14px;padding-top:14px;border-top:1px solid var(--border);display:grid;gap:10px}.service-consumables>div:first-child b,.service-consumables>div:first-child small{display:block}.service-consumables>div:first-child b{font-size:10px}.service-consumables>div:first-child small{font-size:8px;color:var(--text-3);margin-top:3px} /* Billing safety */ .gateway-safe-state{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 15px;border-radius:13px;background:var(--warning-soft);border:1px solid color-mix(in srgb,var(--warning) 30%,var(--border));margin-top:10px}.gateway-safe-state b,.gateway-safe-state span{display:block}.gateway-safe-state b{font-size:11px}.gateway-safe-state span{font-size:9px;color:var(--text-2);margin-top:4px;line-height:1.8}.gateway-safe-state i{font-style:normal;font-size:8px;font-weight:800;padding:6px 9px;border-radius:999px;background:var(--surface-1);color:var(--warning)} /* Dashboard and public sites */ .compact-module-hub .panel-head{align-items:center}.compact-module-hub .panel-head .ghost{color:var(--text-2)!important}.medoffice-release .main-modules{grid-template-columns:repeat(4,1fr)!important}.medoffice-release .main-modules a{min-height:88px!important}.trust-statline span{display:flex;align-items:center;gap:5px}.trust-statline b{color:#7ad8b0!important;font-size:13px!important}.patient-hero-copy>p{max-width:760px}.patient-doctor-card{transition:.16s}.provider-public .pro-kicker,.provider-public .pro-section-head>span{letter-spacing:0!important;text-transform:none!important} @media(max-width:1200px){.registry-table{grid-template-columns:minmax(180px,1.3fr) 100px 120px 70px 130px 95px 100px 30px}.appearance-grid{grid-template-columns:repeat(3,1fr)}.services-row{grid-template-columns:minmax(180px,1.4fr) 80px 80px 120px 85px 90px 60px}.profile-identity-card{align-items:flex-start}.profile-upload-form{flex-direction:column;align-items:stretch}.upload-dropzone{min-width:280px!important}.medoffice-release .main-modules{grid-template-columns:repeat(2,1fr)!important}} @media(max-width:900px){.page-head-actions{align-items:flex-start!important;flex-direction:column}.page-head-actions .page-actions{width:100%;justify-content:flex-start}.patient-head-stats{order:2}.registry-table-head{display:none}.registry-table{grid-template-columns:1fr 1fr 1fr;gap:8px}.registry-row{padding:13px}.registry-row>span:nth-child(1){grid-column:1/3}.registry-row>span:nth-child(2){text-align:left}.registry-row>span:nth-child(3)::before{content:"موبایل: ";color:var(--text-3)}.registry-row>span:nth-child(4)::before{content:"مراجعات: ";color:var(--text-3)}.registry-row>span:nth-child(5){grid-column:1/3}.registry-row>span:nth-child(5)::before{content:"نوبت بعدی: ";color:var(--text-3)}.registry-row>span:nth-child(6)::before{content:"جلسه: ";color:var(--text-3)}.registry-row>span:nth-child(8){display:none}.services-head{display:none}.services-row{grid-template-columns:1fr 1fr 1fr}.service-title-cell{grid-column:1/3}.services-row>span:last-child{text-align:left}.profile-identity-card{flex-direction:column}.profile-upload-form,.upload-dropzone{width:100%;min-width:0!important}.appearance-grid{grid-template-columns:repeat(2,1fr)}.finance-ledger-panel>.panel-head{align-items:flex-start}.finance-month-summary{width:100%}.finance-month-summary span{flex:1}.search-field{min-width:100%;width:100%}.registry-search{width:100%}.registry-search>*{flex:1}.registry-search .search-field{flex-basis:100%}.ui-drawer-panel{width:min(620px,100vw)}} @media(max-width:600px){.drawer-form{grid-template-columns:1fr}.drawer-form .span2{grid-column:auto}.ui-drawer-panel{padding:18px 14px}.registry-table{grid-template-columns:1fr 1fr}.registry-row>span:nth-child(1){grid-column:1/3}.registry-row>span:nth-child(5){grid-column:1/3}.services-row{grid-template-columns:1fr 1fr}.service-title-cell{grid-column:1/3}.sticky-savebar{align-items:stretch;flex-direction:column}.sticky-savebar .btn{width:100%}.appearance-grid{grid-template-columns:1fr 1fr}.finance-month-summary{flex-direction:column}.profile-identity-preview .profile-photo,.profile-identity-preview .big-avatar{width:64px!important;height:64px!important}.medoffice-release .main-modules{grid-template-columns:1fr!important}} /* ===================================================== DoctorYo Clinic 6.5.0 — Persian Premium Visual System Inspired by high-end Iranian SaaS typography principles: real Persian font loading, generous type scale, restrained surfaces, strong hierarchy and calmer microcopy. No third-party brand styling copied. ===================================================== */ :root{ --mo-font:"Vazirmatn","IRANSansX","Peyda","Dana",Tahoma,Arial,sans-serif; --mo-navy:#111827; --mo-navy-2:#172033; --mo-blue:#4d6fe8; --mo-blue-2:#6b88f5; --mo-cyan:#26c6da; --mo-orange:#ef7b3a; --mo-page:#f6f7fb; --mo-card:#ffffff; --mo-line:#e7eaf1; --mo-ink:#161c29; --mo-muted:#657083; --mo-subtle:#929aaa; --mo-shadow:0 1px 2px rgba(16,24,40,.03),0 14px 38px rgba(16,24,40,.055); --mo-shadow-lg:0 22px 65px rgba(13,24,45,.12); } html,body{font-family:var(--mo-font)!important;font-optical-sizing:auto;font-synthesis:none;text-rendering:optimizeLegibility} body{font-size:14px;line-height:1.85;letter-spacing:-.12px} button,input,select,textarea{font-family:var(--mo-font)!important} h1,h2,h3,h4,strong,b{letter-spacing:-.35px} p{line-height:1.95} /* Clean default release palette */ html[data-theme="white"]{ --surface-0:#f6f7fb;--surface-1:#ffffff;--surface-2:#f8f9fc;--surface-3:#eef1f6; --text-1:#161c29;--text-2:#626d80;--text-3:#9199a8;--border:#e6e9f0; --accent:#4d6fe8;--accent-2:#718cf2;--accent-soft:#edf1ff;--accent-contrast:#fff; --success:#168567;--success-soft:#eaf8f3;--warning:#9a6815;--warning-soft:#fff6df;--error:#c94e5f;--error-soft:#fff0f2; --focus:rgba(77,111,232,.15);--surface-shadow:var(--mo-shadow); } html[data-theme="blue"]{--accent:#3f6fd8;--accent-2:#65a1e9;--accent-soft:#ebf3ff;--focus:rgba(63,111,216,.16)} html[data-theme="green"]{--focus:rgba(42,127,94,.15)} html[data-theme="pink"]{--focus:rgba(199,84,138,.15)} html[data-theme="red"]{--focus:rgba(201,71,87,.15)} /* App chrome */ .medoffice-release.app-shell{grid-template-columns:286px minmax(0,1fr)!important;background:var(--surface-0)!important} .medoffice-release .sidebar{ background:linear-gradient(180deg,#111827 0%,#141d2c 52%,#101722 100%)!important; border-left:0!important;color:#f7f9fd!important;padding:22px 18px 18px!important; box-shadow:-12px 0 44px rgba(12,22,38,.08)!important } .medoffice-release .brand-app{padding:4px 7px 10px!important}.medoffice-release .brand-app .brand-word{color:#fff!important;font-size:20px!important;font-weight:620!important;letter-spacing:-.45px}.medoffice-release .brand-app .brand-word b{color:#fff!important;font-weight:850!important}.medoffice-release .brand-app>small{color:#8e9bb0!important;font-size:11px!important;margin-top:2px!important} .medoffice-release .brand-mark{background:linear-gradient(145deg,#597af0,#6b8cff)!important;box-shadow:0 10px 25px rgba(78,111,232,.25)!important} .medoffice-release .workspace-card{background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.085)!important;border-radius:16px!important;padding:12px!important;box-shadow:none!important} .medoffice-release .workspace-user strong{color:#f6f8fc!important;font-size:13px!important;font-weight:720!important}.medoffice-release .workspace-user small{color:#8e9bb0!important;font-size:10.5px!important;line-height:1.6!important} .medoffice-release .command-trigger{background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.075)!important;color:#c6cfdb!important;border-radius:12px!important;height:40px!important}.medoffice-release .command-trigger span{font-size:12px!important}.medoffice-release .command-trigger kbd{color:#8290a5!important;border-color:rgba(255,255,255,.1)!important;background:rgba(255,255,255,.05)!important} .medoffice-release .sidenav{gap:3px!important}.medoffice-release .sidenav .nav-label{color:#69778e!important;font-size:9.5px!important;font-weight:760!important;letter-spacing:0!important;margin:14px 9px 5px!important}.medoffice-release .sidenav a{color:#b6c0cf!important;font-size:12.5px!important;font-weight:580!important;min-height:39px!important;padding:8px 10px!important;border-radius:11px!important}.medoffice-release .sidenav a:hover{background:rgba(255,255,255,.06)!important;color:#fff!important}.medoffice-release .sidenav a.active{background:linear-gradient(90deg,rgba(78,111,232,.26),rgba(78,111,232,.09))!important;border:1px solid rgba(109,137,242,.18)!important;color:#fff!important;box-shadow:inset -2px 0 0 #6f8df5!important}.medoffice-release .sidenav a::before{opacity:.78!important} .medoffice-release .sidebar-settings-link{background:rgba(255,255,255,.045)!important;border-color:rgba(255,255,255,.075)!important;color:#e4e9f1!important}.medoffice-release .sidebar-settings-link span{font-size:11.5px!important;color:#e4e9f1!important}.medoffice-release .sidebar-settings-link small{font-size:9.5px!important;color:#77869c!important}.medoffice-release .logout-btn{color:#99a6b9!important;font-size:12px!important} .workspace-shell{min-width:0;background:var(--surface-0)} .medoffice-release .workspace-topbar{height:72px!important;padding:0 30px!important;background:rgba(255,255,255,.88)!important;backdrop-filter:blur(16px)!important;border-bottom:1px solid var(--border)!important} .medoffice-release .topbar-context small{font-size:10.5px!important;color:var(--text-3)!important}.medoffice-release .topbar-context strong{font-size:13px!important;color:var(--text-1)!important;font-weight:720!important} .medoffice-release .top-quick{font-size:12px!important;font-weight:750!important;border-radius:11px!important;padding:8px 13px!important}.medoffice-release .security-pill{font-size:10.5px!important;color:var(--text-2)!important} .medoffice-release .main{padding:28px 30px 42px!important;background:var(--surface-0)!important;max-width:1600px;width:100%;margin:0 auto} /* Persian type hierarchy */ .medoffice-release .page-head{margin-bottom:22px!important;align-items:flex-end!important}.medoffice-release .page-head h1{font-size:30px!important;line-height:1.45!important;font-weight:850!important;margin:5px 0 6px!important;letter-spacing:-1px!important}.medoffice-release .page-head p{font-size:13px!important;line-height:1.9!important;color:var(--text-2)!important;max-width:760px}.medoffice-release .eyebrow{font-size:11px!important;font-weight:800!important;color:var(--accent)!important;letter-spacing:0!important}.medoffice-release .page-actions{gap:8px!important} .medoffice-release .panel{border:1px solid var(--border)!important;border-radius:18px!important;background:var(--surface-1)!important;box-shadow:var(--mo-shadow)!important;padding:20px!important;margin-bottom:16px!important}.medoffice-release .panel-head{margin-bottom:14px!important}.medoffice-release .panel-head h2{font-size:16px!important;font-weight:820!important;line-height:1.5!important}.medoffice-release .panel-head p{font-size:11.5px!important;line-height:1.8!important;color:var(--text-3)!important;margin:3px 0 0}.medoffice-release .panel-head a{font-size:11.5px!important;font-weight:760!important} .medoffice-release .btn,.medoffice-release .ghost{min-height:40px!important;border-radius:11px!important;padding:9px 15px!important;font-size:12.5px!important;font-weight:760!important}.medoffice-release .btn{box-shadow:0 8px 22px var(--focus)!important}.medoffice-release .ghost{box-shadow:none!important} .medoffice-release label{font-size:12px!important;font-weight:650!important;gap:7px!important;color:var(--text-2)!important}.medoffice-release label small{font-size:10px!important;line-height:1.7!important}.medoffice-release input,.medoffice-release select,.medoffice-release textarea{font-size:13px!important;min-height:42px!important;border-radius:11px!important;padding:9px 11px!important}.medoffice-release textarea{line-height:1.85!important} /* Dashboard */ .release-hero{gap:16px!important;margin-bottom:16px!important}.release-welcome{min-height:190px!important;padding:27px 28px!important;border-radius:20px!important;background:linear-gradient(128deg,#fff 10%,color-mix(in srgb,var(--accent-soft) 72%,#fff) 100%)!important;border-color:color-mix(in srgb,var(--accent) 14%,var(--border))!important;box-shadow:var(--mo-shadow)!important}.release-welcome::after{opacity:.7!important}.release-welcome .eyebrow{font-size:11px!important}.release-welcome h1{font-size:29px!important;line-height:1.55!important;font-weight:860!important;letter-spacing:-1px!important;margin:7px 0 5px!important}.release-welcome p{font-size:13px!important;line-height:1.95!important;max-width:720px!important}.release-actions{margin-top:17px!important} .today-focus{border-radius:20px!important;padding:22px!important;background:linear-gradient(155deg,#151d2c,#1d2940)!important;box-shadow:0 18px 46px rgba(14,25,44,.18)!important}.today-focus small,.today-focus span{font-size:11px!important}.today-focus strong{font-size:36px!important;font-weight:840!important}.today-focus .focus-line{font-size:12px!important}.today-focus .focus-line b{font-size:13px!important} .dashboard-kpis{gap:12px!important}.kpi-card{border-radius:15px!important;padding:15px 16px!important;box-shadow:var(--mo-shadow)!important}.kpi-card span{font-size:11px!important;font-weight:650!important}.kpi-card b{font-size:25px!important;font-weight:840!important}.kpi-card i{font-size:10px!important;padding:4px 7px!important}.quick-operation{border-radius:13px!important;padding:12px!important}.quick-operation b{font-size:12.5px!important}.quick-operation span{font-size:10.5px!important;line-height:1.65!important}.medoffice-release .bar-line{font-size:11px!important}.medoffice-release .rank-list>div{font-size:11.5px!important}.medoffice-release .gender-cards span{font-size:11px!important}.medoffice-release .module-grid b{font-size:12.5px!important}.medoffice-release .module-grid span{font-size:10.5px!important;line-height:1.75!important}.medoffice-release .module-grid a{min-height:98px!important;border-radius:14px!important;padding:15px!important} /* Tables and registries */ .medoffice-release .table{border-radius:14px!important}.medoffice-release .tr{font-size:12px!important;min-height:54px!important;padding:12px 13px!important}.medoffice-release .tr b{font-size:12.5px!important}.medoffice-release .tr small{font-size:10px!important}.medoffice-release .status{font-size:10.5px!important;min-width:68px!important;padding:6px 9px!important} .patient-total,.patient-review-total{min-width:120px!important;padding:10px 13px!important;border-radius:13px!important}.patient-total b,.patient-review-total b{font-size:20px!important}.patient-total span,.patient-review-total span{font-size:10px!important}.registry-panel>.panel-head{padding:18px 20px!important}.registry-table-head{font-size:10.5px!important;padding:12px 13px 9px!important}.registry-row{min-height:68px!important;padding:11px 13px!important}.registry-row>span{font-size:12px!important}.registry-row strong{font-size:12.5px!important}.registry-person b{font-size:13px!important}.registry-person i{width:38px!important;height:38px!important;border-radius:11px!important;font-size:13px!important}.review-chip{font-size:10px!important}.search-field{height:44px!important;border-radius:12px!important}.search-field input{font-size:12.5px!important}.empty-state h3{font-size:16px!important}.empty-state p{font-size:11.5px!important;line-height:1.9!important} /* Settings / services / finance */ .profile-identity-preview b{font-size:15px!important}.profile-identity-preview span{font-size:11.5px!important}.profile-identity-preview small{font-size:10px!important}.upload-dropzone b{font-size:11.5px!important}.upload-dropzone small{font-size:10px!important}.settings-section{padding:21px!important}.settings-section-head h2{font-size:15px!important}.settings-section-head p{font-size:10.5px!important;line-height:1.7!important}.settings-section-head>div>span{font-size:10px!important;width:32px!important;height:32px!important}.sticky-savebar span{font-size:10.5px!important}.appearance-option span{font-size:11px!important}.finance-stats .stat i{font-size:10px!important}.finance-month-summary span{font-size:10px!important}.finance-month-summary b{font-size:12px!important}.services-head{font-size:10.5px!important}.service-title-cell b{font-size:12.5px!important}.service-title-cell small{font-size:10px!important}.services-row>span{font-size:11.5px!important}.service-consumables>div:first-child b{font-size:12px!important}.service-consumables>div:first-child small{font-size:10px!important}.gateway-safe-state b{font-size:12.5px!important}.gateway-safe-state span{font-size:10.5px!important}.gateway-safe-state i{font-size:10px!important} .ui-drawer-panel{box-shadow:-34px 0 80px rgba(17,30,54,.16)!important}.ui-drawer-panel>header h2{font-size:23px!important;line-height:1.5!important}.ui-drawer-panel>header p{font-size:11.5px!important}.drawer-form{gap:14px!important} /* Public typography and navigation */ .patient-public,.provider-public{font-family:var(--mo-font)!important;background:#f7f8fb!important;color:var(--mo-ink)!important}.patient-nav,.provider-nav{height:76px!important}.patient-nav nav a,.provider-nav nav a{font-size:13px!important;font-weight:650!important;letter-spacing:-.15px!important}.patient-brand,.provider-brand{font-weight:760!important}.patient-brand small{font-size:9px!important}.provider-brand em{font-size:8px!important} /* DoctorYo Clinic: premium dark hero, without copying another brand */ .provider-public .pro-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 18% 20%,rgba(77,111,232,.22),transparent 32%),radial-gradient(circle at 78% 72%,rgba(239,123,58,.13),transparent 29%),linear-gradient(180deg,#171d29 0%,#121824 100%)!important;border-bottom:0!important}.provider-public .pro-hero::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.2;background-image:radial-gradient(rgba(255,255,255,.55) .7px,transparent .7px);background-size:30px 30px;mask-image:linear-gradient(to bottom,#000,transparent 78%)}.provider-public .pro-hero-grid{min-height:620px!important;position:relative;z-index:1}.provider-public .pro-kicker{font-size:12px!important;font-weight:760!important;color:#84a0ff!important}.provider-public .pro-hero h1{font-size:50px!important;line-height:1.48!important;letter-spacing:-1.7px!important;color:#f8faff!important;font-weight:860!important;margin:13px 0 14px!important}.provider-public .pro-hero h1 em{color:#ff9a61!important}.provider-public .pro-hero p{font-size:15px!important;line-height:2!important;color:#aeb9ca!important;max-width:720px!important}.provider-public .pro-outline{border-color:rgba(255,255,255,.16)!important;background:rgba(255,255,255,.06)!important;color:#fff!important}.provider-public .pro-proof{font-size:11px!important;color:#8794a8!important}.provider-public .pro-console{background:rgba(24,34,50,.86)!important;border-color:rgba(255,255,255,.09)!important;box-shadow:0 28px 80px rgba(0,0,0,.28)!important;backdrop-filter:blur(16px)!important}.provider-public .console-head{color:#fff!important;border-color:rgba(255,255,255,.09)!important;font-size:13px!important}.provider-public .console-stats div,.provider-public .console-list span{background:rgba(255,255,255,.045)!important;border-color:rgba(255,255,255,.075)!important}.provider-public .console-stats small{font-size:10.5px!important;color:#94a2b5!important}.provider-public .console-stats b{font-size:29px!important;color:#fff!important}.provider-public .console-list b{font-size:12px!important;color:#eef3fa!important}.provider-public .console-list em{font-size:10px!important;color:#8290a4!important}.provider-public .console-list i{font-size:10.5px!important;color:#91aaff!important} .provider-public .pro-section{padding:78px 0!important}.provider-public .pro-section-head>span{font-size:11.5px!important;font-weight:760!important}.provider-public .pro-section-head h2{font-size:34px!important;line-height:1.55!important;letter-spacing:-1px!important}.provider-public .pro-solution-grid h3,.provider-public .pro-feature-grid h3{font-size:16px!important}.provider-public .pro-solution-grid p,.provider-public .pro-feature-grid p{font-size:12px!important;line-height:1.9!important}.provider-public .migration-sales h2{font-size:29px!important;line-height:1.65!important}.provider-public .migration-sales p{font-size:13px!important}.provider-public .migration-steps span{font-size:11px!important}.provider-public .pro-feature-band{background:linear-gradient(180deg,#0e1926,#102235)!important} /* DoctorYo: confident, readable Persian marketplace */ .patient-public .patient-hero{background:linear-gradient(180deg,#f7f9ff 0%,#fff 88%)!important}.patient-public .patient-hero-grid{min-height:560px!important}.patient-public .patient-kicker{font-size:11.5px!important;font-weight:760!important}.patient-public .patient-hero-copy h1{font-size:46px!important;line-height:1.52!important;font-weight:860!important;letter-spacing:-1.45px!important}.patient-public .patient-hero-copy h1 em{font-weight:860!important}.patient-public .patient-hero-copy>p{font-size:15px!important;line-height:2!important;color:#667287!important}.patient-public .patient-search{border-radius:16px!important;box-shadow:0 14px 35px rgba(38,60,105,.08)!important}.patient-public .patient-search input,.patient-public .patient-search select{font-size:12.5px!important}.patient-public .patient-search-btn{font-family:var(--mo-font)!important;font-size:13px!important;font-weight:760!important}.patient-public .patient-trust-card b{font-size:13px!important}.patient-public .patient-trust-card span{font-size:10.5px!important}.patient-public .patient-section-head span{font-size:11px!important}.patient-public .patient-section-head h2{font-size:30px!important;line-height:1.55!important;letter-spacing:-.8px!important}.patient-public .patient-category-grid b{font-size:13px!important}.patient-public .patient-category-grid span{font-size:10.5px!important}.patient-public .patient-doctor-card h3{font-size:16px!important}.patient-public .patient-doctor-card p,.patient-public .patient-doctor-card small{font-size:11px!important;line-height:1.8!important} /* Responsive type */ @media(max-width:1200px){.medoffice-release.app-shell{grid-template-columns:264px minmax(0,1fr)!important}.medoffice-release .main{padding:24px!important}.provider-public .pro-hero h1{font-size:44px!important}.patient-public .patient-hero-copy h1{font-size:40px!important}} @media(max-width:900px){.medoffice-release.app-shell{grid-template-columns:1fr!important}.medoffice-release .sidebar{box-shadow:-20px 0 65px rgba(12,22,38,.26)!important}.medoffice-release .main{padding:20px 16px 88px!important}.medoffice-release .page-head h1{font-size:25px!important}.release-welcome h1{font-size:24px!important}.provider-public .pro-hero h1{font-size:38px!important}.patient-public .patient-hero-copy h1{font-size:35px!important}.patient-nav nav,.provider-nav nav{gap:10px!important}} @media(max-width:600px){body{font-size:13.5px}.medoffice-release .page-head h1{font-size:23px!important}.medoffice-release .page-head p{font-size:12px!important}.provider-public .pro-hero h1{font-size:32px!important;line-height:1.55!important}.provider-public .pro-hero p,.patient-public .patient-hero-copy>p{font-size:13px!important}.patient-public .patient-hero-copy h1{font-size:30px!important}.patient-public .patient-section-head h2{font-size:25px!important}.registry-row>span{font-size:11px!important}} /* ======================================================================== MEDOFFICE V6.6.0 — PRODUCT UI / PERSIAN TYPE SYSTEM Goals: adult Persian typography, coherent iconography, calmer density, dedicated mobile navigation, and one visual language across DoctorYo/Pro. ======================================================================== */ :root{ --mo-font:Vazirmatn,Tahoma,"Segoe UI",Arial,sans-serif; --mo-text-xs:12px;--mo-text-sm:13px;--mo-text-md:14px;--mo-text-base:15px; --mo-text-lg:17px;--mo-title-sm:20px;--mo-title-md:27px;--mo-title-lg:34px; --mo-radius-sm:12px;--mo-radius:16px;--mo-radius-lg:22px; } html{font-family:var(--mo-font);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased} body{font-family:var(--mo-font)!important;font-size:var(--mo-text-base);font-weight:430;letter-spacing:-.13px} button,input,select,textarea{font-family:inherit!important} .medoffice-release,.patient-public,.provider-public{font-variation-settings:"wght" 430} /* Never let operational copy collapse into micro-text. */ .medoffice-release .eyebrow{font-size:12.5px!important;font-weight:760!important;letter-spacing:0!important} .medoffice-release .page-head h1{font-size:30px!important;line-height:1.48!important;font-weight:820!important;letter-spacing:-.9px!important} .medoffice-release .page-head p{font-size:14px!important;line-height:1.9!important;max-width:760px!important} .medoffice-release .panel-head h2{font-size:17px!important;line-height:1.55!important;font-weight:790!important} .medoffice-release .panel-head p{font-size:12.5px!important;line-height:1.8!important} .medoffice-release label{font-size:13px!important;line-height:1.7!important;font-weight:650!important} .medoffice-release label small{font-size:11.5px!important;line-height:1.8!important} .medoffice-release input,.medoffice-release select,.medoffice-release textarea{font-size:14px!important;min-height:44px!important} .medoffice-release .btn,.medoffice-release .ghost{font-size:13.5px!important;min-height:42px!important;font-weight:720!important;border-radius:12px!important} .medoffice-release .small{font-size:12.5px!important;min-height:36px!important} .medoffice-release .status{font-size:11.5px!important;line-height:1!important;padding:7px 10px!important} .medoffice-release .empty,.medoffice-release .empty-state p{font-size:13px!important;line-height:1.9!important} .medoffice-release .empty-state h3{font-size:17px!important} /* Sidebar: calmer, more legible, SVG-mask icon system. */ .medoffice-release .sidebar{width:var(--mo-sidebar)!important;padding:22px 18px 18px!important} .medoffice-release .brand-word{font-size:22px!important;letter-spacing:-.45px!important} .medoffice-release .brand-app>small{font-size:10.5px!important;letter-spacing:-.1px!important;color:#8794a7!important} .medoffice-release .workspace-card{padding:12px!important;border-radius:14px!important} .medoffice-release .workspace-user strong{font-size:13.5px!important;font-weight:750!important} .medoffice-release .workspace-user small{font-size:11px!important;line-height:1.55!important} .medoffice-release .nav-label{font-size:10.5px!important;letter-spacing:0!important;margin:16px 11px 6px!important} .medoffice-release .sidenav a{font-size:13px!important;min-height:42px!important;gap:10px!important;padding:9px 11px!important;border-radius:11px!important;font-weight:590!important} .medoffice-release .sidenav a::before{content:""!important;width:18px!important;height:18px!important;flex:0 0 18px!important;border:0!important;border-radius:0!important;background:currentColor!important;opacity:.9!important;transform:none!important;mask:var(--nav-icon) center/18px 18px no-repeat!important;-webkit-mask:var(--nav-icon) center/18px 18px no-repeat!important} .medoffice-release .sidenav a[data-nav-icon="home"]{--nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10.8 12 3l9 7.8'/%3E%3Cpath d='M5.5 9.7V21h13V9.7M9.5 21v-6h5v6'/%3E%3C/svg%3E")} .medoffice-release .sidenav a[data-nav-icon="calendar"]{--nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='3'/%3E%3Cpath d='M8 3v4M16 3v4M3 10h18'/%3E%3C/svg%3E")} .medoffice-release .sidenav a[data-nav-icon="users"],.medoffice-release .sidenav a[data-nav-icon="team"]{--nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round'%3E%3Ccircle cx='9' cy='8' r='3.5'/%3E%3Cpath d='M3.5 20c.4-4 2.3-6 5.5-6s5.1 2 5.5 6M16 6.2a3 3 0 0 1 0 5.6M17 14.5c2.3.6 3.5 2.4 3.8 5.5'/%3E%3C/svg%3E")} .medoffice-release .sidenav a[data-nav-icon="clock"],.medoffice-release .sidenav a[data-nav-icon="queue"]{--nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3.2 2'/%3E%3C/svg%3E")} .medoffice-release .sidenav a[data-nav-icon="wallet"],.medoffice-release .sidenav a[data-nav-icon="card"],.medoffice-release .sidenav a[data-nav-icon="ledger"],.medoffice-release .sidenav a[data-nav-icon="installment"],.medoffice-release .sidenav a[data-nav-icon="settle"]{--nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round'%3E%3Crect x='3' y='6' width='18' height='13' rx='3'/%3E%3Cpath d='M3 10h18M16 15h2'/%3E%3C/svg%3E")} .medoffice-release .sidenav a[data-nav-icon="shield"],.medoffice-release .sidenav a[data-nav-icon="security"],.medoffice-release .sidenav a[data-nav-icon="lock"],.medoffice-release .sidenav a[data-nav-icon="audit"]{--nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linejoin='round'%3E%3Cpath d='M12 3 20 6v5c0 5-3.2 8.2-8 10-4.8-1.8-8-5-8-10V6l8-3Z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E")} .medoffice-release .sidenav a[data-nav-icon="message"],.medoffice-release .sidenav a[data-nav-icon="crm"]{--nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linejoin='round'%3E%3Cpath d='M4 5h16v11H9l-5 4V5Z'/%3E%3Cpath d='M8 9h8M8 12h5'/%3E%3C/svg%3E")} .medoffice-release .sidenav a[data-nav-icon="form"],.medoffice-release .sidenav a[data-nav-icon="tasks"]{--nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round'%3E%3Cpath d='M7 3h10l3 3v15H4V3h3Z'/%3E%3Cpath d='M8 9h8M8 13h8M8 17h5'/%3E%3C/svg%3E")} .medoffice-release .sidenav a[data-nav-icon="box"],.medoffice-release .sidenav a[data-nav-icon="cart"],.medoffice-release .sidenav a[data-nav-icon="resource"]{--nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linejoin='round'%3E%3Cpath d='m4 7 8-4 8 4-8 4-8-4Z'/%3E%3Cpath d='m4 7 8 4 8-4v10l-8 4-8-4V7Z'/%3E%3Cpath d='M12 11v10'/%3E%3C/svg%3E")} .medoffice-release .sidenav a[data-nav-icon="chart"],.medoffice-release .sidenav a[data-nav-icon="present"]{--nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round'%3E%3Cpath d='M4 20V10M10 20V4M16 20v-7M22 20H2'/%3E%3C/svg%3E")} .medoffice-release .sidenav a[data-nav-icon="transfer"],.medoffice-release .sidenav a[data-nav-icon="tool"],.medoffice-release .sidenav a[data-nav-icon="plug"]{--nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round'%3E%3Cpath d='M7 7h11l-3-3M17 17H6l3 3M18 7l-3 3M6 17l3-3'/%3E%3C/svg%3E")} .medoffice-release .sidenav a[data-nav-icon="settings"],.medoffice-release .sidenav a[data-nav-icon="services"]{--nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M19 13.5v-3l-2.2-.7a7.6 7.6 0 0 0-.8-1.9l1.1-2-2.1-2.1-2 1.1a7.6 7.6 0 0 0-2-.8L10.5 2h-3L6.8 4.2a7.6 7.6 0 0 0-1.9.8l-2-1.1L.8 6l1.1 2a7.6 7.6 0 0 0-.8 1.9L-1 10.5v3l2.2.7a7.6 7.6 0 0 0 .8 1.9l-1.1 2L3 20.2l2-1.1a7.6 7.6 0 0 0 1.9.8l.7 2.1h3l.7-2.2a7.6 7.6 0 0 0 1.9-.8l2 1.1 2.1-2.1-1.1-2a7.6 7.6 0 0 0 .8-1.9l2-.6Z' transform='translate(2.5 0)'/%3E%3C/svg%3E")} .medoffice-release .sidenav a.active{font-weight:720!important} /* Top bar: product-like, not website-like. */ .medoffice-release .workspace-topbar{height:70px!important;padding:0 30px!important;background:rgba(250,251,253,.88)!important} .medoffice-release .topbar-context small{font-size:10.5px!important} .medoffice-release .topbar-context strong{font-size:13.5px!important;font-weight:720!important} .medoffice-release .top-quick{font-size:12.5px!important;min-height:36px!important;display:inline-flex!important;align-items:center!important;gap:7px!important} .medoffice-release .top-quick::before{content:"";width:15px;height:15px;background:currentColor;mask:var(--top-icon) center/15px 15px no-repeat;-webkit-mask:var(--top-icon) center/15px 15px no-repeat} .medoffice-release .top-quick[data-top-icon="calendar"]{--top-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='3' y='5' width='18' height='16' rx='3'/%3E%3Cpath d='M8 3v4M16 3v4M3 10h18'/%3E%3C/svg%3E")} .medoffice-release .top-quick[data-top-icon="users"]{--top-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='9' cy='8' r='3.5'/%3E%3Cpath d='M3.5 20c.4-4 2.3-6 5.5-6s5.1 2 5.5 6M16 7a3 3 0 0 1 0 6M17 15c2 .6 3.2 2.2 3.5 5'/%3E%3C/svg%3E")} .medoffice-release .security-pill{font-size:11.5px!important} /* Page headers: hierarchy + dedicated page icon without making them bulky. */ .medoffice-release .page-head-premium>div:first-child{position:relative;padding-right:58px;min-height:48px} .medoffice-release .page-head-premium>div:first-child::before{content:"";position:absolute;right:0;top:2px;width:44px;height:44px;border-radius:14px;background:var(--accent-soft)} .medoffice-release .page-head-premium>div:first-child::after{content:"";position:absolute;right:12px;top:14px;width:20px;height:20px;background:var(--accent);mask:var(--page-icon) center/20px 20px no-repeat;-webkit-mask:var(--page-icon) center/20px 20px no-repeat} .medoffice-release .page-head-premium[data-page="patients"]{--page-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='9' cy='8' r='3.5'/%3E%3Cpath d='M3.5 20c.4-4 2.3-6 5.5-6s5.1 2 5.5 6M16 7a3 3 0 0 1 0 6M17 15c2 .6 3.2 2.2 3.5 5'/%3E%3C/svg%3E")} .medoffice-release .page-head-premium[data-page="finance"]{--page-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='3' y='6' width='18' height='13' rx='3'/%3E%3Cpath d='M3 10h18M16 15h2'/%3E%3C/svg%3E")} .medoffice-release .page-head-premium[data-page="services"]{--page-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M12 3v18M3 12h18'/%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3C/svg%3E")} .medoffice-release .page-head-premium[data-page="settings"]{--page-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c.6-4.5 3.3-7 8-7s7.4 2.5 8 7'/%3E%3C/svg%3E")} .medoffice-release .page-actions{gap:8px!important} /* Dashboard: more breathing room, stronger Persian hierarchy. */ .release-hero{gap:16px!important;margin-bottom:18px!important} .release-welcome{min-height:208px!important;padding:30px 31px!important;border-radius:22px!important} .release-welcome h1{font-size:31px!important;line-height:1.52!important;font-weight:840!important;letter-spacing:-1px!important;margin:8px 0 6px!important} .release-welcome p{font-size:14px!important;line-height:1.95!important;max-width:720px!important} .release-actions{gap:9px!important;margin-top:19px!important} .release-actions a{gap:7px!important} .release-actions a[data-action-icon]::before{content:"";width:16px;height:16px;background:currentColor;mask:var(--action-icon) center/16px 16px no-repeat;-webkit-mask:var(--action-icon) center/16px 16px no-repeat} .release-actions a[data-action-icon="calendar"]{--action-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='3' y='5' width='18' height='16' rx='3'/%3E%3Cpath d='M8 3v4M16 3v4M3 10h18'/%3E%3C/svg%3E")} .release-actions a[data-action-icon="users"]{--action-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='9' cy='8' r='3.5'/%3E%3Cpath d='M3.5 20c.4-4 2.3-6 5.5-6s5.1 2 5.5 6'/%3E%3C/svg%3E")} .release-actions a[data-action-icon="external"]{--action-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M14 4h6v6M20 4l-9 9'/%3E%3Cpath d='M20 13v6a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h6'/%3E%3C/svg%3E")} .release-actions a[data-action-icon="clock"]{--action-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E")} .today-focus{padding:23px!important;border-radius:22px!important}.today-focus small,.today-focus span{font-size:12px!important;line-height:1.7!important}.today-focus strong{font-size:34px!important}.today-focus .focus-line{font-size:13px!important;padding:11px 0!important} .dashboard-kpis{gap:13px!important;margin-bottom:18px!important}.kpi-card{padding:17px 18px!important;border-radius:16px!important}.kpi-card .kpi-meta span{font-size:12px!important}.kpi-card b{font-size:25px!important}.kpi-card i{font-size:11px!important}.kpi-symbol{width:42px!important;height:42px!important} .quick-operation b{font-size:13px!important}.quick-operation span{font-size:11.5px!important;line-height:1.7!important}.quick-operation{min-height:66px!important;padding:12px!important}.medoffice-release .bar-line,.medoffice-release .rank-list>div{font-size:12.5px!important}.medoffice-release .gender-cards span{font-size:12px!important}.medoffice-release .module-grid b{font-size:14px!important}.medoffice-release .module-grid span{font-size:12px!important;line-height:1.75!important} /* Registries and finance/services: desktop readability. */ .patient-total span,.patient-review-total span{font-size:11.5px!important}.patient-total b,.patient-review-total b{font-size:21px!important} .registry-table-head{font-size:11.5px!important}.registry-row{min-height:72px!important}.registry-row>span{font-size:13px!important}.registry-row strong{font-size:13px!important}.registry-person b{font-size:14px!important}.registry-person i{font-size:14px!important}.review-chip{font-size:11px!important}.search-field input{font-size:13.5px!important} .finance-stats .stat i{font-size:11.5px!important}.finance-month-summary span{font-size:11.5px!important}.finance-month-summary b{font-size:13px!important} .services-head{font-size:11.5px!important}.service-title-cell b{font-size:14px!important}.service-title-cell small{font-size:11.5px!important}.services-row>span{font-size:12.5px!important}.service-consumables>div:first-child b{font-size:13px!important}.service-consumables>div:first-child small{font-size:11.5px!important} .profile-identity-preview b{font-size:16px!important}.profile-identity-preview span{font-size:13px!important}.profile-identity-preview small{font-size:11.5px!important}.upload-dropzone b{font-size:13px!important}.upload-dropzone small{font-size:11px!important}.settings-section-head h2{font-size:16px!important}.settings-section-head p{font-size:12px!important;line-height:1.75!important}.settings-section-head>div>span{font-size:11px!important}.sticky-savebar span{font-size:12px!important}.appearance-option span{font-size:12.5px!important} .gateway-safe-state b{font-size:13.5px!important}.gateway-safe-state span{font-size:12px!important}.gateway-safe-state i{font-size:11px!important} .ui-drawer-panel>header h2{font-size:24px!important}.ui-drawer-panel>header p{font-size:13px!important}.archive-details summary{font-size:12.5px!important} /* Mobile app dock: independent mobile navigation instead of mini desktop UI. */ .mobile-dock{display:none} @media(max-width:900px){ .mobile-dock{position:fixed;z-index:75;right:10px;left:10px;bottom:10px;height:67px;padding:7px 8px calc(7px + env(safe-area-inset-bottom));border:1px solid rgba(208,216,228,.86);border-radius:19px;background:rgba(255,255,255,.95);box-shadow:0 18px 48px rgba(19,35,57,.18);backdrop-filter:blur(18px);display:flex;align-items:stretch;justify-content:space-around;gap:4px} .mobile-dock a,.mobile-dock button{appearance:none;border:0;background:transparent;color:#7a8799;text-decoration:none;display:flex;flex:1;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:13px;font-family:var(--mo-font);font-size:10.5px;font-weight:650;cursor:pointer} .mobile-dock a.active{background:var(--accent-soft);color:var(--accent);font-weight:760} .mobile-dock i{width:20px;height:20px;background:currentColor;mask:var(--dock-icon) center/20px 20px no-repeat;-webkit-mask:var(--dock-icon) center/20px 20px no-repeat} .mobile-dock [data-dock-icon="home"]{--dock-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M3 10.8 12 3l9 7.8M5.5 9.7V21h13V9.7M9.5 21v-6h5v6'/%3E%3C/svg%3E")} .mobile-dock [data-dock-icon="calendar"]{--dock-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='3' y='5' width='18' height='16' rx='3'/%3E%3Cpath d='M8 3v4M16 3v4M3 10h18'/%3E%3C/svg%3E")} .mobile-dock [data-dock-icon="users"]{--dock-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='9' cy='8' r='3.5'/%3E%3Cpath d='M3.5 20c.4-4 2.3-6 5.5-6s5.1 2 5.5 6M16 7a3 3 0 0 1 0 6M17 15c2 .6 3.2 2.2 3.5 5'/%3E%3C/svg%3E")} .mobile-dock [data-dock-icon="wallet"]{--dock-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='3' y='6' width='18' height='13' rx='3'/%3E%3Cpath d='M3 10h18M16 15h2'/%3E%3C/svg%3E")} .mobile-dock [data-dock-icon="more"]{--dock-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Ccircle cx='5' cy='12' r='1.7'/%3E%3Ccircle cx='12' cy='12' r='1.7'/%3E%3Ccircle cx='19' cy='12' r='1.7'/%3E%3C/svg%3E")} .medoffice-release .main{padding-bottom:102px!important} .medoffice-release .workspace-topbar{height:60px!important;padding:0 14px!important} .medoffice-release .topbar-actions .secondary,.medoffice-release .security-pill{display:none!important} .medoffice-release .top-quick{min-height:34px!important;font-size:12px!important} .medoffice-release .page-head-premium>div:first-child{padding-right:52px} .medoffice-release .page-head-premium>div:first-child::before{width:40px;height:40px;border-radius:12px} .medoffice-release .page-head-premium>div:first-child::after{right:10px;top:12px} .medoffice-release .page-head h1{font-size:25px!important} .medoffice-release .page-head p{font-size:13px!important} .release-welcome{min-height:unset!important;padding:23px!important}.release-welcome h1{font-size:25px!important}.release-welcome p{font-size:13px!important} .dashboard-kpis{grid-template-columns:1fr 1fr!important}.kpi-card{padding:14px!important}.kpi-card .kpi-meta span{font-size:11px!important}.kpi-card b{font-size:21px!important}.kpi-card i{display:none} .registry-row>span{font-size:12.5px!important}.registry-person b{font-size:13.5px!important} } @media(max-width:560px){ .mobile-dock{right:7px;left:7px;bottom:7px} .mobile-dock a,.mobile-dock button{font-size:10px} .medoffice-release .main{padding:14px 11px 102px!important} .medoffice-release .page-head h1{font-size:23px!important}.medoffice-release .page-head p{font-size:12.5px!important} .release-actions{grid-template-columns:1fr 1fr!important}.release-actions a:last-child:nth-child(3){grid-column:1/-1} .patient-head-stats{width:100%}.patient-total,.patient-review-total{min-width:0!important;flex:1} .medoffice-release input,.medoffice-release select,.medoffice-release textarea{font-size:13.5px!important} } /* DoctorYo + DoctorYo Clinic: one ecosystem, distinct jobs. */ .public-v660{font-size:15px!important;letter-spacing:-.12px!important} .patient-nav,.provider-nav{height:80px!important} .patient-nav nav,.provider-nav nav{gap:17px!important} .patient-nav nav>a:not(.btn),.provider-nav nav>a:not(.btn){font-size:13.5px!important;font-weight:610!important} .ecosystem-switch{display:grid!important;gap:0!important;padding:7px 11px!important;border:1px solid #dfe5ed!important;border-radius:12px!important;background:#f8fafc!important;line-height:1.2!important;text-decoration:none!important} .ecosystem-switch span{font-size:12px!important;font-weight:760!important;color:#243044!important}.ecosystem-switch small{font-size:9.5px!important;color:#8894a6!important;margin-top:3px!important} .provider-public .patient-switch{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.12)!important}.provider-public .patient-switch span{color:#edf3fb!important}.provider-public .patient-switch small{color:#8d9aad!important} .patient-brand small{font-size:10px!important}.provider-brand em{font-size:9px!important} .patient-public .patient-hero-grid{min-height:610px!important}.patient-public .patient-kicker{font-size:13px!important}.patient-public .patient-hero-copy h1{font-size:50px!important;line-height:1.5!important;letter-spacing:-1.7px!important}.patient-public .patient-hero-copy>p{font-size:16px!important;line-height:2!important}.patient-public .patient-search input,.patient-public .patient-search select{font-size:14px!important}.patient-public .patient-search-btn{font-size:14px!important}.patient-public .patient-quick-links a{font-size:12.5px!important}.patient-public .patient-trust-card b{font-size:14px!important}.patient-public .patient-trust-card span{font-size:12px!important;line-height:1.65!important}.patient-public .patient-section-head span{font-size:12px!important}.patient-public .patient-section-head h2{font-size:33px!important}.patient-public .patient-category-grid b{font-size:14px!important}.patient-public .patient-category-grid span{font-size:12px!important}.patient-public .patient-doctor-card h3{font-size:17px!important}.patient-public .patient-doctor-card p,.patient-public .patient-doctor-card small{font-size:12.5px!important} .provider-public .pro-hero-grid{min-height:660px!important}.provider-public .pro-kicker{font-size:13px!important}.provider-public .pro-hero h1{font-size:54px!important;line-height:1.48!important;letter-spacing:-1.8px!important}.provider-public .pro-hero p{font-size:16px!important;line-height:2.05!important}.provider-public .pro-proof{font-size:12px!important}.provider-public .console-stats small{font-size:11.5px!important}.provider-public .console-list b{font-size:13px!important}.provider-public .console-list em,.provider-public .console-list i{font-size:11px!important}.provider-public .pro-section-head>span{font-size:12.5px!important}.provider-public .pro-section-head h2{font-size:36px!important}.provider-public .pro-solution-grid h3,.provider-public .pro-feature-grid h3{font-size:17px!important}.provider-public .pro-solution-grid p,.provider-public .pro-feature-grid p{font-size:13px!important;line-height:1.95!important}.provider-public .migration-sales p{font-size:14px!important}.provider-public .migration-steps span{font-size:12px!important} @media(max-width:900px){.patient-nav nav a:not(.ecosystem-switch):not(.btn),.provider-nav nav a:not(.ecosystem-switch):not(.btn){display:none!important}.patient-public .patient-hero-copy h1,.provider-public .pro-hero h1{font-size:38px!important}.patient-public .patient-hero-copy>p,.provider-public .pro-hero p{font-size:14px!important}} @media(max-width:600px){.ecosystem-switch{padding:6px 9px!important}.ecosystem-switch small{display:none!important}.patient-public .patient-hero-copy h1,.provider-public .pro-hero h1{font-size:31px!important}.patient-public .patient-section-head h2,.provider-public .pro-section-head h2{font-size:27px!important}.patient-nav,.provider-nav{height:68px!important}} /* ========================================================== DoctorYo V6.7 — premium public visual polish ========================================================== */ .public-v681{ --public-ink:#152033; --public-muted:#66748a; --public-line:#e3e9f1; --public-soft:#f5f8fc; --public-blue:#2f6fed; --public-blue-2:#5f8df5; --public-navy:#111a2a; --public-orange:#ff955e; --public-radius:22px; font-size:15.5px!important; letter-spacing:-.14px!important; } .public-v681,.public-v681 button,.public-v681 input,.public-v681 select,.public-v681 textarea{ font-family:Vazirmatn,Tahoma,"Segoe UI",Arial,sans-serif!important; } .public-v681 h1,.public-v681 h2,.public-v681 h3,.public-v681 b,.public-v681 strong{ text-rendering:optimizeLegibility; } .public-v681 a,.public-v681 button{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease,color .18s ease} .public-v681 .container{width:min(1180px,calc(100% - 44px))!important} /* Shared public headers */ .public-v681 .patient-topbar,.public-v681 .provider-topbar{ position:sticky;top:0;z-index:90; border-bottom:1px solid rgba(221,228,239,.86)!important; backdrop-filter:blur(20px) saturate(145%)!important; -webkit-backdrop-filter:blur(20px) saturate(145%)!important; } .public-v681 .patient-topbar{background:rgba(255,255,255,.90)!important} .public-v681 .provider-topbar{background:rgba(255,255,255,.94)!important} .public-v681 .patient-nav,.public-v681 .provider-nav{height:82px!important;gap:30px!important} .public-v681 .patient-nav nav,.public-v681 .provider-nav nav{gap:20px!important} .public-v681 .patient-nav nav>a:not(.btn):not(.ecosystem-switch), .public-v681 .provider-nav nav>a:not(.btn):not(.ecosystem-switch){ position:relative;font-size:13.5px!important;font-weight:640!important;color:#56647a!important;padding:10px 1px!important; } .public-v681 .patient-nav nav>a:not(.btn):not(.ecosystem-switch)::after, .public-v681 .provider-nav nav>a:not(.btn):not(.ecosystem-switch)::after{ content:"";position:absolute;right:0;left:100%;bottom:4px;height:2px;border-radius:10px;background:linear-gradient(90deg,var(--public-blue),#80a5ff);transition:left .18s ease; } .public-v681 .patient-nav nav>a:not(.btn):not(.ecosystem-switch):hover, .public-v681 .provider-nav nav>a:not(.btn):not(.ecosystem-switch):hover{color:#18243a!important} .public-v681 .patient-nav nav>a:not(.btn):not(.ecosystem-switch):hover::after, .public-v681 .provider-nav nav>a:not(.btn):not(.ecosystem-switch):hover::after{left:0} .public-v681 .patient-brand,.public-v681 .provider-brand{font-size:20px!important;letter-spacing:-.6px!important;min-width:max-content} .public-v681 .patient-brand{font-weight:840!important;color:#142035!important} .public-v681 .patient-brand span{color:#2f6fed!important} .public-v681 .patient-brand small{font-size:9.5px!important;margin-right:8px!important;padding:4px 7px!important;background:#f0f5ff!important;color:#6c7b91!important;border:1px solid #e2eaff!important} .public-v681 .provider-brand{font-weight:840!important;color:#192437!important} .public-v681 .provider-brand>span{color:#f48750!important} .public-v681 .provider-brand em{font-size:9px!important;background:#5d7df2!important;color:#fff!important;border-radius:6px!important;padding:3px 5px!important;margin-right:5px!important} .public-v681 .brand-mark.mini{width:29px!important;height:29px!important;margin-left:8px!important;filter:drop-shadow(0 8px 14px rgba(69,96,220,.18))} .public-v681 .ecosystem-switch{ min-width:126px;grid-template-columns:1fr!important;gap:1px!important;padding:8px 12px!important;border-radius:14px!important;border:1px solid #dfe6f1!important;background:linear-gradient(180deg,#fff,#f8fafe)!important;box-shadow:0 6px 18px rgba(25,49,86,.04)!important; } .public-v681 .ecosystem-switch:hover{transform:translateY(-1px);border-color:#cbd8ea!important;box-shadow:0 10px 24px rgba(25,49,86,.08)!important} .public-v681 .ecosystem-switch span{font-size:12px!important;font-weight:780!important;color:#23304a!important} .public-v681 .ecosystem-switch small{font-size:9.5px!important;color:#8a96a8!important} .public-v681 .patient-nav .btn.small,.public-v681 .provider-nav .btn.small{ min-height:40px!important;border-radius:12px!important;padding:9px 16px!important;font-size:12.5px!important;font-weight:760!important;box-shadow:0 9px 20px rgba(49,92,226,.16)!important } /* DoctorYo hero */ .public-v681.patient-public{background:#fff!important;color:var(--public-ink)!important} .public-v681 .patient-hero{ position:relative;overflow:hidden; background: radial-gradient(circle at 14% 25%,rgba(102,145,255,.12),transparent 30%), radial-gradient(circle at 86% 10%,rgba(130,197,255,.13),transparent 28%), linear-gradient(180deg,#fbfcff 0%,#f7f9fd 55%,#fff 100%)!important; border-bottom:1px solid #edf1f6!important; } .public-v681 .patient-hero::before{ content:"";position:absolute;inset:0;pointer-events:none;opacity:.46; background-image:linear-gradient(rgba(84,111,166,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(84,111,166,.035) 1px,transparent 1px); background-size:36px 36px;mask-image:linear-gradient(to bottom,#000 0%,transparent 84%); } .public-v681 .patient-hero-grid{position:relative;z-index:1;min-height:650px!important;grid-template-columns:1.12fr .88fr!important;gap:72px!important;padding:66px 0 72px!important} .public-v681 .patient-kicker{ font-size:12.5px!important;font-weight:780!important;color:#315fcf!important;background:rgba(235,242,255,.85)!important;border:1px solid #d9e5ff!important;padding:8px 13px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.8) } .public-v681 .patient-hero-copy h1{font-size:54px!important;line-height:1.52!important;letter-spacing:-2.3px!important;font-weight:880!important;color:#172238!important;margin:17px 0 13px!important;max-width:760px} .public-v681 .patient-hero-copy h1 em{color:#376ee8!important;text-decoration:none!important} .public-v681 .patient-hero-copy>p{font-size:16.5px!important;line-height:2.05!important;color:#69788f!important;max-width:710px!important;margin-bottom:0!important} .public-v681 .patient-search{ grid-template-columns:minmax(0,1fr) 180px 112px!important;gap:8px!important;margin-top:27px!important;padding:7px!important;border:1px solid #dfe6f1!important;border-radius:18px!important;background:rgba(255,255,255,.95)!important; box-shadow:0 24px 60px rgba(42,68,116,.10),0 2px 7px rgba(42,68,116,.04)!important } .public-v681 .patient-search .search-main{padding:0 8px!important} .public-v681 .patient-search .search-main span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#f2f6fd;color:#55708f!important;font-size:20px!important} .public-v681 .patient-search input,.public-v681 .patient-search select{height:48px!important;font-size:13.5px!important;border-radius:11px!important} .public-v681 .patient-search select{background:#f8faff!important;padding:0 12px!important} .public-v681 .patient-search-btn{height:48px!important;border-radius:11px!important;background:linear-gradient(135deg,#356dec,#4b7df0)!important;font-size:13px!important;font-weight:780!important;box-shadow:0 10px 22px rgba(53,109,236,.23)!important} .public-v681 .patient-search-btn:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(53,109,236,.28)!important} .public-v681 .patient-quick-links{gap:8px!important;margin-top:15px!important} .public-v681 .patient-quick-links a{font-size:11.5px!important;font-weight:690!important;padding:8px 11px!important;background:rgba(255,255,255,.8)!important;border-color:#e1e7f0!important;color:#53647b!important} .public-v681 .patient-quick-links a:hover{border-color:#cbd8ee!important;color:#315fcb!important;transform:translateY(-1px)} .public-v681 .patient-hero-visual{gap:12px!important;align-content:center!important;padding:24px 0!important} .public-v681 .patient-hero-visual::before{ content:"";position:absolute;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(104,155,255,.17),rgba(104,155,255,0) 68%);right:10%;top:11%;filter:blur(4px);z-index:-1 } .public-v681 .patient-trust-card{ min-height:84px;padding:18px 19px!important;border-radius:20px!important;border:1px solid rgba(218,226,238,.92)!important;background:rgba(255,255,255,.88)!important;backdrop-filter:blur(13px)!important; box-shadow:0 18px 44px rgba(39,66,108,.08)!important } .public-v681 .patient-trust-card:nth-child(2){margin-right:34px!important}.public-v681 .patient-trust-card:nth-child(3){margin-left:28px!important} .public-v681 .patient-trust-card:hover{transform:translateY(-2px)!important;border-color:#c9d8ef!important;box-shadow:0 24px 55px rgba(39,66,108,.12)!important} .public-v681 .trust-icon{width:45px!important;height:45px!important;border-radius:13px!important;background:linear-gradient(145deg,#edf4ff,#dfeaff)!important;color:#356ce4!important;font-size:18px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)} .public-v681 .patient-trust-card b{font-size:13.5px!important;color:#21304a!important;font-weight:780!important} .public-v681 .patient-trust-card span{font-size:11.5px!important;line-height:1.8!important;color:#7b889b!important} .public-v681 .patient-statline{margin-top:2px!important;border-radius:16px!important;padding:13px 15px!important;background:linear-gradient(135deg,#15243b,#1d3655)!important;box-shadow:0 14px 34px rgba(20,37,59,.16)!important} .public-v681 .patient-statline span{font-size:11px!important;color:#b9c7d9!important;font-weight:620!important}.public-v681 .patient-statline b{font-size:13px!important;color:#79d2aa!important} /* DoctorYo sections and cards */ .public-v681 .patient-section{padding:76px 0!important} .public-v681 .patient-section-head{margin-bottom:27px!important;align-items:flex-end!important} .public-v681 .patient-section-head span{font-size:11.5px!important;font-weight:780!important;color:#4271dc!important} .public-v681 .patient-section-head h1,.public-v681 .patient-section-head h2{font-size:34px!important;line-height:1.55!important;letter-spacing:-1.1px!important;color:#18243a!important;font-weight:840!important} .public-v681 .patient-section-head>a{font-size:12px!important;font-weight:730!important;color:#4a6fb9!important} .public-v681 .patient-category-grid{gap:14px!important} .public-v681 .patient-category-grid a{ position:relative;min-height:142px;padding:20px 18px!important;border-radius:19px!important;border:1px solid #e3e8f0!important;background:linear-gradient(180deg,#fff,#fbfcfe)!important; box-shadow:0 10px 26px rgba(29,54,92,.035)!important;overflow:hidden } .public-v681 .patient-category-grid a::after{content:"";position:absolute;width:88px;height:88px;border-radius:50%;left:-24px;bottom:-32px;background:radial-gradient(circle,#eaf1ff,transparent 70%);opacity:.85} .public-v681 .patient-category-grid a:hover{transform:translateY(-4px)!important;border-color:#c9d7ee!important;box-shadow:0 18px 38px rgba(29,54,92,.09)!important} .public-v681 .patient-category-grid i{font-size:11px!important;font-style:normal!important;width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:#eff4ff;color:#5275c8;font-weight:800;position:relative;z-index:1} .public-v681 .patient-category-grid b{font-size:14px!important;font-weight:790!important;color:#24314b!important;position:relative;z-index:1} .public-v681 .patient-category-grid span{font-size:11.5px!important;line-height:1.7!important;color:#8592a5!important;position:relative;z-index:1} .public-v681 .patient-filterbar{border-radius:18px!important;padding:10px!important;gap:8px!important;border-color:#e1e7ef!important;box-shadow:0 12px 30px rgba(35,58,92,.04)!important} .public-v681 .patient-filterbar input,.public-v681 .patient-filterbar select{height:44px!important;font-size:12.5px!important;border-radius:11px!important;background:#fafbfe!important} .public-v681 .patient-filterbar button{height:44px!important;border-radius:11px!important;background:#2f68df!important;font-size:12.5px!important} .public-v681 .patient-doctor-grid{gap:17px!important} .public-v681 .patient-doctor-card{padding:20px!important;border-radius:21px!important;border:1px solid #e0e7ef!important;box-shadow:0 12px 28px rgba(29,51,84,.045)!important} .public-v681 .patient-doctor-card:hover{transform:translateY(-2px);border-color:#cad8eb!important;box-shadow:0 18px 38px rgba(29,51,84,.09)!important} .public-v681 .doctor-card-top img,.public-v681 .patient-doctor-avatar{width:70px!important;height:70px!important;border-radius:18px!important} .public-v681 .patient-doctor-avatar{background:linear-gradient(145deg,#edf4ff,#dce9ff)!important;color:#3768d1!important} .public-v681 .doctor-card-top h3{font-size:16.5px!important;font-weight:800!important}.public-v681 .doctor-card-top p{font-size:12.5px!important}.public-v681 .doctor-card-top span{font-size:11px!important} .public-v681 .doctor-card-tags{padding:13px 0!important}.public-v681 .doctor-card-tags span,.public-v681 .doctor-card-tags strong{font-size:11px!important;line-height:1.75!important} .public-v681 .doctor-card-actions a{border-radius:11px!important;font-size:12px!important;font-weight:730!important;padding:10px 12px!important}.public-v681 .doctor-card-actions a.primary{background:linear-gradient(135deg,#376ee8,#4d7ff0)!important;box-shadow:0 8px 18px rgba(55,110,232,.15)} /* DoctorYo Clinic */ .public-v681.provider-public{background:#fff!important;color:#192439!important} .public-v681 .pro-hero-release{ position:relative;overflow:hidden; background: radial-gradient(circle at 12% 20%,rgba(70,101,218,.24),transparent 34%), radial-gradient(circle at 84% 12%,rgba(255,143,82,.10),transparent 31%), linear-gradient(135deg,#101827 0%,#111b2b 46%,#151826 100%)!important } .public-v681 .pro-hero-release::before{opacity:.38!important;background-size:36px 36px!important} .public-v681 .pro-hero-grid{min-height:690px!important;grid-template-columns:1.08fr .92fr!important;gap:76px!important;padding:70px 0!important} .public-v681 .pro-kicker{display:inline-flex!important;align-items:center!important;gap:7px!important;font-size:12.5px!important;font-weight:760!important;color:#9bb4ff!important} .public-v681 .pro-kicker::before{content:"";width:7px;height:7px;border-radius:50%;background:#6f91ff;box-shadow:0 0 0 5px rgba(111,145,255,.09)} .public-v681 .pro-hero h1{font-size:56px!important;line-height:1.52!important;letter-spacing:-2.3px!important;font-weight:880!important;margin:15px 0 15px!important;max-width:720px!important} .public-v681 .pro-hero h1 em{color:#ff995f!important;font-style:normal!important} .public-v681 .pro-hero p{font-size:16px!important;line-height:2.1!important;color:#aeb9ca!important;max-width:690px!important} .public-v681 .pro-hero .actions{gap:10px!important;margin-top:26px!important} .public-v681 .pro-main-btn,.public-v681 .pro-outline{min-height:49px!important;border-radius:13px!important;padding:12px 19px!important;font-size:12.5px!important;font-weight:760!important} .public-v681 .pro-main-btn{background:linear-gradient(135deg,#5e79ef,#6c8afa)!important;box-shadow:0 13px 28px rgba(71,94,217,.27)!important}.public-v681 .pro-main-btn:hover{transform:translateY(-1px);box-shadow:0 17px 32px rgba(71,94,217,.32)!important} .public-v681 .pro-outline{border:1px solid rgba(255,255,255,.14)!important;background:rgba(255,255,255,.055)!important;color:#f7f9fd!important}.public-v681 .pro-outline:hover{background:rgba(255,255,255,.09)!important} .public-v681 .pro-proof{gap:15px!important;margin-top:20px!important;font-size:11.5px!important;color:#8e9bad!important}.public-v681 .pro-proof span{position:relative;padding-right:13px}.public-v681 .pro-proof span::before{content:"";position:absolute;right:0;top:7px;width:5px;height:5px;border-radius:50%;background:#5eb48e} .public-v681 .pro-console{padding:19px!important;border-radius:24px!important;background:linear-gradient(180deg,rgba(29,40,58,.92),rgba(23,32,47,.94))!important;border:1px solid rgba(255,255,255,.085)!important;box-shadow:0 36px 90px rgba(0,0,0,.34)!important;position:relative!important} .public-v681 .pro-console::after{content:"";position:absolute;inset:8px;border-radius:19px;border:1px solid rgba(255,255,255,.035);pointer-events:none} .public-v681 .console-head{padding:2px 2px 16px!important;font-size:12.5px!important}.public-v681 .console-head i{font-size:10.5px!important;color:#63c79a!important;font-style:normal!important} .public-v681 .console-stats{gap:10px!important}.public-v681 .console-stats div{border-radius:16px!important;padding:17px 15px!important}.public-v681 .console-stats small{font-size:10.5px!important}.public-v681 .console-stats b{font-size:28px!important}.public-v681 .console-stats em{font-size:9.5px!important} .public-v681 .console-list{gap:9px!important;margin-top:11px!important}.public-v681 .console-list span{min-height:46px!important;border-radius:13px!important;padding:0 13px!important}.public-v681 .console-list b{font-size:12px!important}.public-v681 .console-list i,.public-v681 .console-list em{font-size:10px!important} .public-v681 .pro-section{padding:84px 0!important}.public-v681 .pro-section-head>span{font-size:11.5px!important;font-weight:760!important}.public-v681 .pro-section-head h2{font-size:36px!important;line-height:1.58!important;letter-spacing:-1.2px!important;font-weight:840!important} .public-v681 .pro-solution-grid{gap:14px!important}.public-v681 .pro-solution-grid article{min-height:176px!important;padding:22px!important;border-radius:20px!important;border-color:#e3e8f0!important;background:linear-gradient(180deg,#fff,#fbfcfe)!important}.public-v681 .pro-solution-grid article:hover{transform:translateY(-3px);box-shadow:0 16px 35px rgba(30,49,82,.08)!important;border-color:#cfd9e8!important}.public-v681 .pro-solution-grid i{font-size:11px!important;width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#eef3ff;color:#5471c5;font-style:normal!important;font-weight:800}.public-v681 .pro-solution-grid h3{font-size:16px!important;font-weight:790!important}.public-v681 .pro-solution-grid p{font-size:12.5px!important;line-height:1.95!important;color:#778397!important} .public-v681 .pro-feature-band{background:linear-gradient(180deg,#101827 0%,#111f31 100%)!important;padding:84px 0!important}.public-v681 .pro-feature-grid{gap:12px!important}.public-v681 .pro-feature-grid article{border-radius:18px!important;background:rgba(255,255,255,.042)!important;border:1px solid rgba(255,255,255,.075)!important;padding:21px!important}.public-v681 .pro-feature-grid article:hover{background:rgba(255,255,255,.065)!important;transform:translateY(-2px)} .public-v681 .migration-sales{gap:50px!important}.public-v681 .migration-box{border-radius:22px!important;box-shadow:0 18px 44px rgba(28,50,82,.07)!important}.public-v681 .pro-final-cta{background:linear-gradient(135deg,#f3f6ff,#fff8f4)!important}.public-v681 .pro-final-cta .container{border-radius:24px!important}.public-v681 .pro-final-cta h2{font-size:28px!important;letter-spacing:-.8px!important}.public-v681 .pro-final-cta a{border-radius:12px!important;box-shadow:0 10px 23px rgba(64,92,220,.16)} /* Auth */ .public-v681 .auth-wrap{min-height:calc(100vh - 82px)!important;padding:62px 22px!important;background:radial-gradient(circle at 20% 16%,rgba(83,115,240,.13),transparent 31%),linear-gradient(180deg,#f7f9fd,#fff)!important} .public-v681 .auth-card{border-radius:24px!important;border:1px solid #e1e7f0!important;background:rgba(255,255,255,.94)!important;box-shadow:0 28px 70px rgba(28,47,78,.11)!important;padding:28px!important}.public-v681 .auth-card h1{font-size:30px!important;letter-spacing:-1px!important}.public-v681 .auth-card .micro,.public-v681 .auth-card>p{font-size:13px!important;line-height:1.9!important;color:#768398!important}.public-v681 .auth-brand-lockup{padding-bottom:18px!important;margin-bottom:18px!important;border-bottom:1px solid #edf1f5!important}.public-v681 .auth-card label{font-size:12px!important;font-weight:680!important;color:#536178!important}.public-v681 .auth-card input,.public-v681 .auth-card select{height:48px!important;border-radius:12px!important;background:#fafbfe!important;border-color:#e1e7ef!important;font-size:13px!important}.public-v681 .auth-card .btn{height:49px!important;border-radius:12px!important;font-size:13px!important;font-weight:770!important;background:linear-gradient(135deg,#5875eb,#6b88f4)!important;box-shadow:0 12px 25px rgba(80,105,226,.20)!important}.public-v681 .auth-security-note{margin-top:17px!important;border-radius:12px!important;padding:11px 12px!important;background:#f7f9fc!important;border:1px solid #e7ecf3!important}.public-v681 .auth-security-note small{font-size:10.5px!important;color:#8490a2!important} /* Doctor public profile */ .public-v681 .doctor-page{padding-top:42px!important;padding-bottom:82px!important}.public-v681 .doctor-hero{border-radius:24px!important;padding:26px!important;border:1px solid #e1e7ef!important;box-shadow:0 18px 46px rgba(31,55,90,.07)!important;background:linear-gradient(180deg,#fff,#fbfcff)!important}.public-v681 .doctor-hero h1{font-size:30px!important;letter-spacing:-1px!important}.public-v681 .doctor-hero h2{font-size:14px!important;color:#6f7d91!important}.public-v681 .doc-meta{gap:8px!important}.public-v681 .doc-meta span{font-size:11px!important;border-radius:10px!important;background:#f7f9fc!important;border:1px solid #e7ecf2!important;padding:7px 9px!important}.public-v681 .doctor-page .panel{border-radius:22px!important;border-color:#e2e8f0!important;box-shadow:0 12px 30px rgba(30,52,84,.04)!important}.public-v681 .doctor-card{border-radius:16px!important}.public-v681 .review-card{border-radius:16px!important} /* Footers */ .public-v681 .patient-footer,.public-v681 .provider-footer{border-top:1px solid #e8edf3!important;background:#fbfcfe!important}.public-v681 .patient-footer .container,.public-v681 .provider-footer .container{padding-top:30px!important;padding-bottom:30px!important}.public-v681 .patient-footer p,.public-v681 .provider-footer span,.public-v681 .patient-footer a,.public-v681 .provider-footer a{font-size:11.5px!important;color:#7a8799!important} @media(max-width:1080px){ .public-v681 .patient-hero-grid,.public-v681 .pro-hero-grid{gap:45px!important} .public-v681 .patient-hero-copy h1,.public-v681 .pro-hero h1{font-size:46px!important} .public-v681 .patient-category-grid{grid-template-columns:repeat(3,1fr)!important} } @media(max-width:900px){ .public-v681 .container{width:min(100% - 30px,760px)!important} .public-v681 .patient-nav,.public-v681 .provider-nav{height:70px!important} .public-v681 .patient-nav nav>a:not(.ecosystem-switch):not(.btn),.public-v681 .provider-nav nav>a:not(.ecosystem-switch):not(.btn){display:none!important} .public-v681 .patient-hero-grid,.public-v681 .pro-hero-grid{grid-template-columns:1fr!important;min-height:unset!important;padding:48px 0 56px!important;gap:35px!important} .public-v681 .patient-hero-copy h1,.public-v681 .pro-hero h1{font-size:40px!important} .public-v681 .patient-hero-visual{max-width:620px;width:100%;margin:auto!important} .public-v681 .pro-console{max-width:620px;width:100%;margin:auto!important} .public-v681 .patient-filterbar{grid-template-columns:1fr 1fr!important}.public-v681 .patient-filterbar button{grid-column:1/-1!important} .public-v681 .patient-doctor-grid{grid-template-columns:1fr!important} } @media(max-width:600px){ .public-v681 .container{width:calc(100% - 22px)!important} .public-v681 .patient-nav,.public-v681 .provider-nav{height:64px!important;gap:10px!important}.public-v681 .patient-brand,.public-v681 .provider-brand{font-size:17px!important}.public-v681 .brand-mark.mini{width:25px!important;height:25px!important}.public-v681 .patient-brand small{display:none!important} .public-v681 .ecosystem-switch{min-width:auto!important;padding:6px 9px!important}.public-v681 .ecosystem-switch small{display:none!important}.public-v681 .ecosystem-switch span{font-size:11px!important}.public-v681 .provider-nav .btn.small,.public-v681 .patient-nav .btn.small{display:none!important} .public-v681 .patient-hero-grid,.public-v681 .pro-hero-grid{padding:38px 0 44px!important}.public-v681 .patient-hero-copy h1,.public-v681 .pro-hero h1{font-size:31px!important;line-height:1.58!important;letter-spacing:-1.25px!important}.public-v681 .patient-hero-copy>p,.public-v681 .pro-hero p{font-size:13px!important;line-height:2!important} .public-v681 .patient-search{grid-template-columns:1fr!important;padding:8px!important}.public-v681 .patient-search .search-main{border-bottom:1px solid #eef1f5!important;padding-bottom:6px!important}.public-v681 .patient-search select,.public-v681 .patient-search-btn{width:100%!important}.public-v681 .patient-quick-links{display:grid!important;grid-template-columns:1fr 1fr!important} .public-v681 .patient-trust-card:nth-child(2),.public-v681 .patient-trust-card:nth-child(3){margin:0!important}.public-v681 .patient-trust-card{min-height:76px!important;padding:15px!important}.public-v681 .patient-statline{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;padding:12px 8px!important}.public-v681 .patient-statline span{font-size:9.5px!important;text-align:center!important} .public-v681 .patient-section{padding:52px 0!important}.public-v681 .patient-section-head h2,.public-v681 .pro-section-head h2{font-size:26px!important}.public-v681 .patient-category-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}.public-v681 .patient-category-grid a{min-height:128px!important;padding:16px!important}.public-v681 .patient-filterbar{grid-template-columns:1fr!important}.public-v681 .patient-filterbar button{grid-column:auto!important}.public-v681 .doctor-card-top{grid-template-columns:60px 1fr!important}.public-v681 .patient-rating{grid-column:1/-1!important;width:max-content!important}.public-v681 .doctor-card-actions{grid-template-columns:1fr!important} .public-v681 .console-stats{grid-template-columns:1fr 1fr!important}.public-v681 .console-stats div:last-child{grid-column:1/-1!important}.public-v681 .pro-proof{display:grid!important;grid-template-columns:1fr!important;gap:7px!important}.public-v681 .pro-section{padding:58px 0!important}.public-v681 .pro-solution-grid,.public-v681 .pro-feature-grid{grid-template-columns:1fr!important}.public-v681 .migration-sales{grid-template-columns:1fr!important;gap:25px!important}.public-v681 .pro-final-cta .container{display:grid!important;gap:18px!important}.public-v681 .pro-final-cta a{width:100%!important;text-align:center!important} .public-v681 .auth-wrap{padding:30px 11px!important}.public-v681 .auth-card{padding:20px!important;border-radius:20px!important}.public-v681 .auth-card h1{font-size:25px!important} } @media(prefers-reduced-motion:reduce){ .public-v681 *, .public-v681 *::before,.public-v681 *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important} } /* ======================================================================== MEDOFFICE V6.8.1 — LAUNCH CANDIDATE One production palette, separated navigation glyphs, real Jalali picker, stronger contrast and release-safe public CTA/layout. ======================================================================== */ html[data-theme] body.medoffice-release{ --surface-0:#f4f6fa;--surface-1:#ffffff;--surface-2:#f8f9fc;--surface-3:#eef2f7; --text-1:#152033;--text-2:#526176;--text-3:#7f8b9e;--border:#dfe5ee; --accent:#4868e7;--accent-2:#6f87f0;--accent-soft:#edf1ff;--accent-contrast:#fff; --success:#13795b;--success-soft:#e9f7f1;--warning:#9b6717;--warning-soft:#fff5dd; --error:#c94e5f;--error-soft:#fff0f2;--focus:rgba(72,104,231,.16);--surface-shadow:0 8px 26px rgba(24,42,72,.06); color-scheme:light!important;background:var(--surface-0)!important;color:var(--text-1)!important; } html[data-theme] body.medoffice-release .workspace-shell, html[data-theme] body.medoffice-release .main{background:var(--surface-0)!important;color:var(--text-1)!important} html[data-theme] body.medoffice-release .workspace-topbar{background:rgba(255,255,255,.94)!important;border-bottom:1px solid var(--border)!important;color:var(--text-1)!important} html[data-theme] body.medoffice-release .panel, html[data-theme] body.medoffice-release .stat, html[data-theme] body.medoffice-release .kpi-card, html[data-theme] body.medoffice-release .task-card, html[data-theme] body.medoffice-release .crm-card, html[data-theme] body.medoffice-release .ticket-card, html[data-theme] body.medoffice-release .review-card, html[data-theme] body.medoffice-release .patient-card, html[data-theme] body.medoffice-release .module-grid a, html[data-theme] body.medoffice-release .info-strip span, html[data-theme] body.medoffice-release .mini-row, html[data-theme] body.medoffice-release .rank-list>div, html[data-theme] body.medoffice-release .gender-cards>div, html[data-theme] body.medoffice-release .empty, html[data-theme] body.medoffice-release .card-empty{ background:#fff!important;border-color:var(--border)!important;color:var(--text-1)!important;box-shadow:var(--surface-shadow)!important; } html[data-theme] body.medoffice-release input, html[data-theme] body.medoffice-release select, html[data-theme] body.medoffice-release textarea{ background:#fff!important;color:var(--text-1)!important;border-color:#d8e0eb!important;box-shadow:none!important; } html[data-theme] body.medoffice-release input::placeholder, html[data-theme] body.medoffice-release textarea::placeholder{color:#9aa5b5!important} html[data-theme] body.medoffice-release input:focus, html[data-theme] body.medoffice-release select:focus, html[data-theme] body.medoffice-release textarea:focus{border-color:#6b83eb!important;box-shadow:0 0 0 3px rgba(72,104,231,.11)!important} html[data-theme] body.medoffice-release .btn{background:linear-gradient(135deg,#4868e7,#6e84ef)!important;color:#fff!important;box-shadow:0 8px 20px rgba(72,104,231,.18)!important} html[data-theme] body.medoffice-release .ghost{background:#fff!important;color:#26364d!important;border-color:#dbe2ec!important} html[data-theme] body.medoffice-release .ghost:hover{background:#f6f8fc!important;border-color:#cbd5e3!important} html[data-theme] body.medoffice-release .eyebrow{color:#4868e7!important} html[data-theme] body.medoffice-release .page-head h1, html[data-theme] body.medoffice-release .panel h2, html[data-theme] body.medoffice-release .panel h3, html[data-theme] body.medoffice-release .panel b, html[data-theme] body.medoffice-release .panel strong{color:var(--text-1)!important} html[data-theme] body.medoffice-release .page-head p, html[data-theme] body.medoffice-release .panel p, html[data-theme] body.medoffice-release .panel small, html[data-theme] body.medoffice-release label{color:var(--text-2)!important} /* Sidebar icons are dedicated cells; never overlap Persian titles. */ .medoffice-release .sidenav a{display:grid!important;grid-template-columns:22px minmax(0,1fr)!important;align-items:center!important;column-gap:10px!important;direction:rtl!important;position:relative!important} .medoffice-release .sidenav a::before{display:none!important;content:none!important} .medoffice-release .sidenav .nav-glyph{grid-column:1!important;width:18px!important;height:18px!important;display:block!important;background:currentColor!important;opacity:.78!important;mask:var(--nav-icon) center/18px 18px no-repeat!important;-webkit-mask:var(--nav-icon) center/18px 18px no-repeat!important} .medoffice-release .sidenav .nav-text{grid-column:2!important;min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1.6!important} .medoffice-release .sidenav a.active .nav-glyph,.medoffice-release .sidenav a:hover .nav-glyph{opacity:1!important} /* Dashboard/readiness/tasks/communications: one calm release language. */ html[data-theme] body.medoffice-release .release-welcome{background:linear-gradient(135deg,#ffffff 5%,#f2f5ff 100%)!important;border-color:#dfe6f2!important;color:var(--text-1)!important} html[data-theme] body.medoffice-release .release-welcome h1{color:#172238!important} html[data-theme] body.medoffice-release .release-welcome p{color:#5e6c80!important} html[data-theme] body.medoffice-release .today-focus{background:linear-gradient(155deg,#172238,#22314b)!important;color:#fff!important;border:1px solid rgba(255,255,255,.05)!important} html[data-theme] body.medoffice-release .today-focus *{color:inherit} html[data-theme] body.medoffice-release .readiness-card{min-height:420px!important;display:flex!important;flex-direction:column!important} html[data-theme] body.medoffice-release .readiness-card>.btn{margin-top:auto!important} html[data-theme] body.medoffice-release .readiness-stats .stat.accent{background:linear-gradient(180deg,#f3f6ff,#fff)!important;border-color:#d9e2fb!important} html[data-theme] body.medoffice-release .sms-health-grid>span{background:#f8faff!important;border:1px solid #e1e7f1!important;color:#22324a!important} html[data-theme] body.medoffice-release .sms-health-grid>span small{color:#7c899a!important} html[data-theme] body.medoffice-release .task-card{border:1px solid var(--border)!important;border-radius:15px!important;padding:16px!important} html[data-theme] body.medoffice-release .split{gap:16px!important} html[data-theme] body.medoffice-release .sideform{top:86px!important} /* Fixed release theme notice. */ .release-theme-note{display:flex;align-items:center;gap:14px;padding:15px;border:1px solid #dfe5ee;border-radius:14px;background:#f8faff} .release-theme-swatch{width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,#172238 0 45%,#4868e7 45% 72%,#fff 72%);box-shadow:0 5px 14px rgba(30,47,82,.12)} .release-theme-note b,.release-theme-note small{display:block}.release-theme-note b{font-size:13px}.release-theme-note small{font-size:11px!important;margin-top:3px;color:#728095!important} /* Real Jalali calendar/date-time picker. */ .jalali-input-wrap{position:relative!important;display:block!important;width:100%!important;direction:ltr!important} .jalali-visible-input{padding-left:46px!important;text-align:left!important;font-variant-numeric:tabular-nums!important;direction:ltr!important} .jalali-calendar-btn{position:absolute;left:5px;top:5px;width:34px;height:34px;border:0;border-radius:9px;background:#eef2ff;color:#4868e7;display:grid;place-items:center;cursor:pointer;padding:0;z-index:2} .jalali-calendar-btn:hover{background:#e2e9ff}.jalali-calendar-btn span{width:17px;height:17px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 2v2H5a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3h-2V2h-2v2H9V2H7Zm12 8H5V8h14v2ZM5 12h3v3H5v-3Zm5 0h3v3h-3v-3Zm5 0h4v3h-4v-3ZM5 17h3v3H5v-3Zm5 0h3v3h-3v-3Zm5 0h4v3h-4v-3Z'/%3E%3C/svg%3E") center/17px 17px no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 2v2H5a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3h-2V2h-2v2H9V2H7Zm12 8H5V8h14v2ZM5 12h3v3H5v-3Zm5 0h3v3h-3v-3Zm5 0h4v3h-4v-3ZM5 17h3v3H5v-3Zm5 0h3v3h-3v-3Zm5 0h4v3h-4v-3Z'/%3E%3C/svg%3E") center/17px 17px no-repeat} .jalali-picker{position:absolute;left:0;top:calc(100% + 7px);z-index:1800;width:310px;direction:rtl;background:#fff;border:1px solid #dce3ed;border-radius:16px;padding:12px;box-shadow:0 22px 60px rgba(20,37,65,.18);font-family:var(--mo-font)} .jalali-picker.above{top:auto;bottom:calc(100% + 7px)} .jalali-picker-head{display:grid;grid-template-columns:36px 1fr 36px;align-items:center;gap:6px;margin-bottom:8px}.jalali-nav,.jalali-month-title{border:0;background:#f5f7fb;color:#26364d;border-radius:9px;height:34px;font:inherit;cursor:pointer}.jalali-month-title{font-weight:800;font-size:13px}.jalali-nav{font-size:22px;line-height:1}.jalali-weekdays,.jalali-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.jalali-weekdays{margin-bottom:4px}.jalali-weekdays span{text-align:center;font-size:10px;color:#8a96a7;padding:4px}.jalali-day{height:34px;border:0;border-radius:9px;background:transparent;color:#29384e;font:inherit;font-size:12px;cursor:pointer}.jalali-day:hover{background:#f0f3f9}.jalali-day.today{box-shadow:inset 0 0 0 1px #9aaaf1;color:#3859d7}.jalali-day.selected{background:#4868e7!important;color:#fff!important;font-weight:800}.jalali-day.blank{pointer-events:none}.jalali-time-row{display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 0 2px;margin-top:7px;border-top:1px solid #edf0f4}.jalali-time-row select{width:72px!important;min-height:36px!important;height:36px!important;padding:4px 8px!important;text-align:center!important;direction:ltr!important}.jalali-picker-foot{display:flex;align-items:center;gap:7px;margin-top:10px;padding-top:10px;border-top:1px solid #edf0f4}.jalali-link,.jalali-apply{border:0;border-radius:9px;height:35px;padding:0 10px;font:inherit;font-size:11px;cursor:pointer}.jalali-link{background:#f5f7fb;color:#526176}.jalali-link.danger{color:#b34b5a}.jalali-apply{margin-right:auto;background:#4868e7;color:#fff;font-weight:750} /* Public Pro: remove dead space, never advertise zero metrics, strong final CTA. */ .public-v681 .pro-growth-section,.provider-public .pro-growth-section{padding-top:62px!important;padding-bottom:68px!important} .pro-growth-section .pro-section-head{margin-bottom:24px!important}.pro-growth-section .pro-section-head p{max-width:700px;color:#7a8798;font-size:13px;line-height:1.9} .pro-growth-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.pro-growth-grid article{min-height:128px;padding:18px;border:1px solid #e1e7ef;border-radius:17px;background:#fff;display:grid;align-content:start;gap:5px;box-shadow:0 8px 25px rgba(31,52,82,.045)}.pro-growth-grid i{font-style:normal;color:#6a82e8;font-size:10px;font-weight:850}.pro-growth-grid b{font-size:14px;color:#1b2940}.pro-growth-grid span{font-size:11.5px;line-height:1.8;color:#7b8797} .provider-public .pro-final-cta,.public-v681 .pro-final-cta{padding:64px 0!important;background:#0f1827!important;color:#fff!important}.provider-public .pro-final-cta .container,.public-v681 .pro-final-cta .container{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:34px!important;background:linear-gradient(135deg,#152239,#1d2f4d)!important;border:1px solid rgba(255,255,255,.08)!important;padding:34px 38px!important;border-radius:24px!important;box-shadow:0 24px 70px rgba(12,23,42,.24)!important}.pro-final-cta .container>div:first-child{max-width:720px}.pro-final-cta .container>div:first-child>span{display:block;color:#8ca3ff;font-size:11px;font-weight:800;margin-bottom:7px}.provider-public .pro-final-cta h2,.public-v681 .pro-final-cta h2{color:#fff!important;font-size:28px!important;line-height:1.55!important;margin:0 0 7px!important}.provider-public .pro-final-cta p,.public-v681 .pro-final-cta p{color:#aeb9c9!important;font-size:13px!important;line-height:1.9!important;margin:0!important}.pro-final-actions{display:flex;gap:9px;flex:0 0 auto}.pro-final-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border-radius:11px;text-decoration:none;font-size:12px;font-weight:760;white-space:nowrap}.pro-final-primary{background:#5f7af0;color:#fff}.pro-final-secondary{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);color:#fff} @media(max-width:900px){.pro-growth-grid{grid-template-columns:1fr 1fr}.provider-public .pro-final-cta .container,.public-v681 .pro-final-cta .container{display:grid!important}.pro-final-actions{width:100%}.pro-final-actions a{flex:1}} @media(max-width:600px){.pro-growth-grid{grid-template-columns:1fr}.jalali-picker{width:min(310px,calc(100vw - 36px));position:fixed;left:18px;right:18px;top:auto!important;bottom:18px!important}.pro-final-actions{display:grid}.provider-public .pro-final-cta .container,.public-v681 .pro-final-cta .container{padding:24px!important}} .medoffice-release .sidenav a[data-nav-icon="check"]{--nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m8 12 2.6 2.7L16.5 9'/%3E%3C/svg%3E")} /* ============================================================ MEDOFFICE V6.8.1 — FINAL LAUNCH SAFEGUARDS ============================================================ */ .final-launch-v681 .sidenav a{grid-template-columns:28px minmax(0,1fr)!important;column-gap:10px!important;align-items:center!important} .final-launch-v681 .sidenav .nav-glyph{position:static!important;inset:auto!important;transform:none!important;margin:0!important;flex:0 0 28px!important} .final-launch-v681 .sidenav .nav-text{display:block!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important} .final-launch-v681 .panel,.final-launch-v681 .page-head,.final-launch-v681 .stat-card{color:#172033!important} .final-launch-v681 input,.final-launch-v681 select,.final-launch-v681 textarea{color:#172033!important;background:#fff!important;border-color:#dce3ed!important} .final-launch-v681 input::placeholder,.final-launch-v681 textarea::placeholder{color:#8b97a8!important;opacity:1!important} .final-launch-v681 .empty{color:#607086!important} .public-v681 .provider-topbar,.public-v681.patient-public .patient-topbar{box-shadow:0 8px 28px rgba(32,48,74,.05)} .provider-public.public-v681 .pro-hero-grid{min-height:560px!important} .provider-public.public-v681 .pro-section{padding-top:58px!important;padding-bottom:58px!important} @media(max-width:760px){.final-launch-v681 .workspace-topbar{min-height:64px}.final-launch-v681 .main{padding:18px 14px 88px!important}.jalali-picker{z-index:4000!important}} /* ========================================================= DoctorYo 6.9 — Clinic rebrand Public patient + clinic workspace under one DoctorYo family. ========================================================= */ .dy-clinic-brand{display:flex!important;align-items:center!important;gap:8px!important;text-decoration:none!important} .dy-clinic-mark{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#2f6fed,#5a86f6);color:#fff;font-weight:900;font-size:11px;letter-spacing:-.4px;box-shadow:0 8px 20px rgba(47,111,237,.22);flex:none} .dy-clinic-word{font-weight:850;letter-spacing:-.5px;white-space:nowrap}.dy-clinic-word>span{color:#2f6fed!important}.dy-clinic-brand>em{font-style:normal;font-size:9px!important;font-weight:900;letter-spacing:.5px;color:#2f6fed!important;background:#edf3ff!important;border:1px solid #d9e5ff;padding:4px 7px!important;border-radius:999px!important;margin:0!important} .sidebar .sidebar-dy-mark{grid-row:1/3;width:40px;height:40px;border-radius:13px;background:linear-gradient(135deg,#4d79f2,#7a65ee);box-shadow:0 9px 22px rgba(76,104,230,.28)} .sidebar .dy-clinic-word{font-size:18px!important;color:#f6f8ff!important}.sidebar .dy-clinic-word>span{color:#8fb0ff!important}.sidebar .dy-clinic-word em{font-size:10px;font-style:normal;color:#9ba9be;margin-right:4px;font-weight:750} .sidebar .brand-app>small{direction:rtl!important;text-transform:none!important;letter-spacing:0!important;text-align:right!important} .patient-public .provider-switch span{font-weight:850}.patient-public .provider-switch small{display:block;font-size:9px;color:#7f8fa2} .provider-public .provider-brand .dy-clinic-word{color:#172033!important}.provider-public .provider-brand .dy-clinic-word>span{color:#2f6fed!important} @media(max-width:760px){.dy-clinic-brand>em{display:none}.dy-clinic-word{font-size:16px!important}.sidebar .dy-clinic-word em{display:inline}}