@font-face{font-family:SinaArabic;src:url('fonts/NotoSansArabic-Regular.ttf') format('truetype');font-weight:400 600;font-style:normal;font-display:swap;}
@font-face{font-family:SinaArabic;src:url('fonts/NotoSansArabic-Bold.ttf') format('truetype');font-weight:700 900;font-style:normal;font-display:swap;}
:root{--primary:#147f9a;--primary2:#0b6078;--light:#eef8fa;--border:#dce8eb;--text:#17343d;--muted:#70838a;--green:#1c9a69;--orange:#ee8b28;}
html{font-family:SinaArabic,Tahoma,Arial,sans-serif;}
body{font-family:SinaArabic,Tahoma,Arial,sans-serif;}
button,input,select,textarea{font-family:inherit;}
.logo-x{width:200px;height:100px;background-image:url('sinapacs1.png');background-size:cover;background-repeat:no-repeat}
/* ===== header.html ===== */
*{box-sizing:border-box}.sp-header{background:#fff;border-bottom:1px solid #dce8eb;position:sticky;top:0;z-index:50;box-shadow:0 4px 18px rgba(20,88,107,.05)}
.sp-head-inner{width:min(1180px,calc(100% - 24px));margin:auto;min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:18px}.sp-logo{display:flex;align-items:center;gap:9px;text-decoration:none;color:#0d586b;font-weight:800;font-size:19px}.sp-logo-mark{width:36px;height:36px;border-radius:11px;background:#0d586b;color:#fff;display:grid;place-items:center}.sp-nav{display:flex;align-items:center;gap:6px}.sp-nav a{position:relative;color:#49636b;text-decoration:none;font-size:11px;padding:9px 10px;border-radius:9px}.sp-nav a:hover{background:#eef7f9;color:#0d586b}.sp-logout{border:1px solid #f0caca!important;color:#c62828!important;background:#fff!important;cursor:pointer}.sp-logout:hover{background:#fff1f1!important}.sp-menu{display:none;border:0;background:#eef7f9;border-radius:9px;padding:8px 10px;font-size:18px}
.sp-workflow{width:min(1120px,calc(100% - 30px));margin:0 auto;padding:15px 5px 17px;display:flex;align-items:center;justify-content:center;direction:rtl}.sp-step{position:relative;flex:0 1 150px;min-width:82px;border:0;background:transparent;color:#9aa8ad;font:inherit;cursor:pointer;text-align:center;padding:0 4px;z-index:2}.sp-step .dot{width:31px;height:31px;border-radius:50%;margin:0 auto 6px;background:#edf2f3;color:#819197;display:grid;place-items:center;font-size:11px;font-weight:800;border:2px solid #edf2f3}.sp-step b{font-size:9px;display:block;white-space:nowrap}.sp-step.done{color:#0b5d73}.sp-step.done .dot{background:#0d6d84;border-color:#0d6d84;color:#fff}.sp-step.active{color:#0b5267;font-weight:900}.sp-step.active .dot{background:#fff;color:#0d586b;border-color:#0d586b;box-shadow:0 0 0 4px #e7f4f7}.sp-line{height:0;border-top:2px dotted #c8d5d9;flex:1;min-width:25px;max-width:150px;margin:0 -2px;position:relative;top:-8px;z-index:1}.sp-line.done{border-top-style:solid;border-top-color:#0d586b;border-top-width:3px}
.sp-footer{margin-top:45px;border-top:1px solid #dce8eb;background:#fff;padding:22px max(12px,calc((100% - 1180px)/2));display:flex;justify-content:space-between;gap:15px;color:#71858c;font-size:10px}.sp-footer-links{display:flex;gap:15px}.sp-footer a{color:#0d6d84;text-decoration:none}.sp-unread-badge{display:none;position:absolute;top:1px;left:2px;min-width:17px;height:17px;padding:0 4px;border-radius:20px;background:#e53935;color:#fff;font-size:9px;font-weight:800;line-height:17px;text-align:center;box-shadow:0 2px 7px #e5393555}.sp-unread-badge.show{display:block}.sp-chat-fab{position:fixed;left:18px;bottom:18px;z-index:70;border:0;border-radius:50%;width:54px;height:54px;background:#147f9a;color:#fff;font-size:23px;box-shadow:0 10px 25px #0d586b33;cursor:pointer}.sp-modal{position:fixed;inset:0;background:#0b313b66;display:none;align-items:center;justify-content:center;z-index:100;padding:15px}.sp-modal.open{display:flex}.sp-chat{width:min(620px,100%);height:min(720px,90vh);background:#fff;border-radius:20px;overflow:hidden;display:flex;flex-direction:column}.sp-chat-head{padding:15px 18px;background:#0d586b;color:#fff;display:flex;justify-content:space-between;align-items:center}.sp-chat-head button{border:0;background:transparent;color:#fff;font-size:20px}.sp-chat-messages{flex:1;overflow:auto;padding:14px;background:#f5fbfc}.sp-msg{max-width:82%;padding:9px 12px;border-radius:13px;margin:7px 0;font-size:11px;line-height:1.8}.sp-msg.user{margin-right:0;margin-left:auto;background:#fff;border:1px solid #dce8eb}.sp-msg.staff{margin-left:0;margin-right:auto;background:#dff3df;border:1px solid #b9dfbd}.sp-chat-form{padding:10px;border-top:1px solid #dce8eb;display:flex;gap:6px}.sp-chat-form input{flex:1;border:1px solid #d5e2e5;border-radius:10px;padding:10px;font:inherit}.sp-chat-form button{border:0;background:#147f9a;color:#fff;border-radius:10px;padding:0 15px}.sp-chat-tools{padding:0 10px 8px;display:flex;gap:6px}.sp-chat-tools button{border:1px solid #d5e2e5;background:#fff;border-radius:8px;padding:6px 9px;font-size:10px}
@media(max-width:700px){.sp-nav{display:none;position:absolute;top:66px;right:12px;left:12px;background:#fff;border:1px solid #dce8eb;border-radius:12px;padding:7px;flex-direction:column;align-items:stretch}.sp-nav.open{display:flex;z-index:0}.sp-menu{display:block}.sp-footer{flex-direction:column}.sp-workflow{width:calc(100% - 12px);padding:12px 0 14px}.sp-step{min-width:62px}.sp-step b{font-size:8px}.sp-line{min-width:10px}.sp-step .dot{width:28px;height:28px}}



/* ===== admin/dashboard.html (scoped) ===== */
body[data-page="dashboard"] *{box-sizing:border-box}body[data-page="dashboard"]{margin:0;background:#f5fbfc;color:#17343d;font-family:Tahoma,Arial,sans-serif}body[data-page="dashboard"] .wrap{width:min(1250px,calc(100% - 24px));margin:auto}body[data-page="dashboard"] .top{padding:24px 0;display:flex;justify-content:space-between;align-items:center}body[data-page="dashboard"] .brand{font-size:21px;font-weight:800;color:#0d586b}body[data-page="dashboard"] .sub{font-size:11px;color:#71858c;margin-top:5px}body[data-page="dashboard"] .card{background:#fff;border:1px solid #dce8eb;border-radius:18px;box-shadow:0 10px 35px rgba(22,68,82,.06);overflow:hidden}body[data-page="dashboard"] .head{padding:18px 20px;border-bottom:1px solid #edf2f3;display:flex;justify-content:space-between;align-items:center}body[data-page="dashboard"] h1{font-size:18px;margin:0}body[data-page="dashboard"] .count{background:#eef8fa;color:#0b6078;border-radius:9px;padding:7px 12px;font-size:11px}body[data-page="dashboard"] .toolbar{padding:12px 16px;border-bottom:1px solid #edf2f3;display:flex;gap:8px}body[data-page="dashboard"] .search{flex:1;border:1px solid #d8e5e8;border-radius:10px;padding:10px 12px;font:inherit;font-size:11px;outline:none}body[data-page="dashboard"] .refresh{border:0;border-radius:10px;background:#0d586b;color:white;padding:0 15px;font:inherit;font-size:11px;cursor:pointer}body[data-page="dashboard"] .table-wrap{overflow-x:auto}body[data-page="dashboard"] table{width:100%;min-width:980px;border-collapse:collapse;table-layout:fixed}body[data-page="dashboard"] th{background:#f3f8f9;color:#506870;font-size:10px;font-weight:700;padding:13px 8px;white-space:nowrap}body[data-page="dashboard"] td{font-size:10px;padding:12px 8px;border-bottom:1px solid #edf1f2;text-align:center;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body[data-page="dashboard"] tbody tr:hover{background:#fbfdfd}body[data-page="dashboard"] th:nth-child(1){width:55px}body[data-page="dashboard"] th:nth-child(2){width:170px}body[data-page="dashboard"] th:nth-child(3){width:125px}body[data-page="dashboard"] th:nth-child(4){width:130px}body[data-page="dashboard"] th:nth-child(5){width:115px}body[data-page="dashboard"] th:nth-child(6){width:125px}body[data-page="dashboard"] th:nth-child(7){width:145px}body[data-page="dashboard"] th:nth-child(8){width:90px}body[data-page="dashboard"] .patient{font-weight:700;color:#244650}body[data-page="dashboard"] .mobile{direction:ltr;display:inline-block}body[data-page="dashboard"] .badge{display:inline-block;border-radius:8px;padding:5px 8px;font-size:9px}body[data-page="dashboard"] .status-draft{background:#f3f5f6;color:#66757a}body[data-page="dashboard"] .status-submitted{background:#eef7ff;color:#27688d}body[data-page="dashboard"] .status-processing{background:#fff7e7;color:#9a6b14}body[data-page="dashboard"] .status-waiting_payment{background:#fff3e8;color:#a65b1c}body[data-page="dashboard"] .status-paid{background:#edf9f1;color:#2d7b4b}body[data-page="dashboard"] .status-reporting{background:#f0edff;color:#63509c}body[data-page="dashboard"] .status-completed{background:#eaf8f3;color:#28785e}body[data-page="dashboard"] .status-cancelled{background:#fff0f0;color:#ae4d4d}body[data-page="dashboard"] .urgent-row{background:#fff0f0!important}body[data-page="dashboard"] .urgent-row:hover{background:#ffe8e8!important}body[data-page="dashboard"] .details{border:0;background:#147f9a;color:#fff;border-radius:8px;padding:7px 10px;font:inherit;font-size:9px;cursor:pointer}body[data-page="dashboard"] .empty,body[data-page="dashboard"] .loading,body[data-page="dashboard"] .error{padding:30px;text-align:center;font-size:11px;color:#82949a}body[data-page="dashboard"] .error{color:#b44b4b;background:#fff7f7}@media(max-width:700px){body[data-page="dashboard"] .wrap{width:calc(100% - 12px)}body[data-page="dashboard"] .top{padding:16px 4px}body[data-page="dashboard"] .head{padding:15px}body[data-page="dashboard"] .brand{font-size:18px}}

/* ===== admin/login.html (scoped) ===== */
body[data-page="admin-login"]{margin:0;background:#f4fbfc;font-family:Tahoma;color:#17343d}body[data-page="admin-login"] .wrap{min-height:100vh;display:grid;place-items:center}body[data-page="admin-login"] .card{width:min(420px,calc(100% - 30px));background:#fff;border:1px solid #dce8eb;border-radius:22px;padding:30px;box-shadow:0 18px 50px #16455210}body[data-page="admin-login"] .logo{margin:auto;width:58px;height:58px;border-radius:17px;background:#0d586b;color:#fff;display:grid;place-items:center;font-size:26px;font-weight:bold}body[data-page="admin-login"] h1{text-align:center;font-size:21px}body[data-page="admin-login"] .roles{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:20px 0}body[data-page="admin-login"] .role{border:1px solid #d5e2e5;background:#fff;border-radius:11px;padding:13px;font:inherit;cursor:pointer}body[data-page="admin-login"] .role.active{background:#eef8fa;border-color:#147f9a;color:#0d586b;font-weight:bold}body[data-page="admin-login"] label{display:block;font-size:11px;font-weight:bold;margin:12px 0 7px}body[data-page="admin-login"] input{width:100%;box-sizing:border-box;padding:13px;border:1px solid #d5e2e5;border-radius:11px;font:inherit;direction:ltr;text-align:center}body[data-page="admin-login"] button.go{width:100%;border:0;border-radius:11px;padding:14px;margin-top:18px;background:#147f9a;color:#fff;font:inherit;font-weight:bold}body[data-page="admin-login"] .err{display:none;color:#a74646;background:#fff1f1;padding:10px;border-radius:9px;font-size:10px;margin-top:10px;text-align:center}

/* ===== admin/radiologist-dashboard.html (scoped) ===== */
body[data-page="radiologist-dashboard"]{margin:0;background:#f5fbfc;color:#17343d;font-family:Tahoma}body[data-page="radiologist-dashboard"] .wrap{width:min(1180px,calc(100% - 22px));margin:25px auto}body[data-page="radiologist-dashboard"] .top{display:flex;justify-content:space-between;align-items:center}body[data-page="radiologist-dashboard"] .brand{color:#0d586b;font-size:20px;font-weight:800}body[data-page="radiologist-dashboard"] .sub{font-size:11px;color:#71858c}body[data-page="radiologist-dashboard"] .card{background:#fff;border:1px solid #dce8eb;border-radius:18px;padding:18px;margin-top:14px}body[data-page="radiologist-dashboard"] .filters{display:flex;gap:8px;align-items:end;flex-wrap:wrap}body[data-page="radiologist-dashboard"] .filters label{font-size:10px;color:#71858c}body[data-page="radiologist-dashboard"] .filters input{display:block;border:1px solid #d5e2e5;border-radius:9px;padding:10px;font:inherit;font-size:11px}body[data-page="radiologist-dashboard"] .btn{border:0;background:#147f9a;color:#fff;border-radius:9px;padding:10px 14px;font:inherit;font-size:10px;cursor:pointer}body[data-page="radiologist-dashboard"] .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:15px}body[data-page="radiologist-dashboard"] .stat{padding:18px;border-radius:14px;background:#f3f8f9;text-align:center}body[data-page="radiologist-dashboard"] .stat b{display:block;font-size:25px;color:#0d586b}body[data-page="radiologist-dashboard"] .stat span{font-size:10px;color:#71858c}body[data-page="radiologist-dashboard"] .ready{margin-top:15px}body[data-page="radiologist-dashboard"] .ready a{display:block;padding:12px;border:1px solid #dce8eb;border-radius:10px;text-decoration:none;color:#0d586b;margin:6px 0;font-size:11px}body[data-page="radiologist-dashboard"] .empty{text-align:center;padding:25px;color:#819197}@media(max-width:650px){body[data-page="radiologist-dashboard"] .stats{grid-template-columns:1fr}body[data-page="radiologist-dashboard"] .filters input{width:100%}}

/* ===== admin/radiologist-performance.html (scoped) ===== */
body[data-page="radiologist-performance"]{margin:0;background:#f5fbfc;color:#17343d;font-family:Tahoma}body[data-page="radiologist-performance"] .wrap{width:min(1180px,calc(100% - 22px));margin:25px auto}body[data-page="radiologist-performance"] .top{display:flex;justify-content:space-between;align-items:center;gap:10px}body[data-page="radiologist-performance"] .brand{color:#0d586b;font-size:20px;font-weight:800}body[data-page="radiologist-performance"] .sub{font-size:11px;color:#71858c}body[data-page="radiologist-performance"] .card{background:#fff;border:1px solid #dce8eb;border-radius:18px;padding:18px;margin-top:14px}body[data-page="radiologist-performance"] .filters{display:flex;gap:10px;align-items:end;flex-wrap:wrap}body[data-page="radiologist-performance"] .filters label{font-size:10px;color:#71858c}body[data-page="radiologist-performance"] .filters input{display:block;border:1px solid #d5e2e5;border-radius:9px;padding:10px;width:145px;font:inherit;font-size:12px;direction:rtl}body[data-page="radiologist-performance"] .btn{border:0;background:#147f9a;color:#fff;border-radius:9px;padding:10px 14px;font:inherit;font-size:10px;cursor:pointer;text-decoration:none;display:inline-block}body[data-page="radiologist-performance"] .btn.secondary{background:#607d86}body[data-page="radiologist-performance"] .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:15px}body[data-page="radiologist-performance"] .stat{padding:16px;border-radius:14px;background:#f3f8f9;text-align:center}body[data-page="radiologist-performance"] .stat b{display:block;font-size:22px;color:#0d586b}body[data-page="radiologist-performance"] .stat span{font-size:10px;color:#71858c}body[data-page="radiologist-performance"] .table-wrap{overflow:auto;margin-top:15px}body[data-page="radiologist-performance"] table{width:100%;border-collapse:collapse;min-width:760px}body[data-page="radiologist-performance"] th,body[data-page="radiologist-performance"] td{padding:11px 9px;border-bottom:1px solid #e4edef;font-size:11px;text-align:right}body[data-page="radiologist-performance"] th{background:#f5f9fa;color:#60777e;position:sticky;top:0}body[data-page="radiologist-performance"] .urgent{background:#fff1f1}body[data-page="radiologist-performance"] .badge{display:inline-block;padding:4px 8px;border-radius:20px;font-size:10px}body[data-page="radiologist-performance"] .yes{background:#ffe0e0;color:#b71c1c}body[data-page="radiologist-performance"] .no{background:#e8f5e9;color:#2e7d32}body[data-page="radiologist-performance"] .empty{text-align:center;padding:28px;color:#819197}body[data-page="radiologist-performance"] .money{font-variant-numeric:tabular-nums}@media(max-width:650px){body[data-page="radiologist-performance"] .stats{grid-template-columns:1fr}body[data-page="radiologist-performance"] .filters input{width:100%;box-sizing:border-box}body[data-page="radiologist-performance"] .top{align-items:flex-start;flex-direction:column}}

/* ===== admin/radiologist-request.html (scoped) ===== */
body[data-page="radiologist-request"]{margin:0;background:#f5fbfc;color:#17343d;font-family:Vazirmatn,Tahoma}body[data-page="radiologist-request"] .wrap{width:min(1100px,calc(100% - 22px));margin:25px auto}body[data-page="radiologist-request"] .top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}body[data-page="radiologist-request"] .brand{color:#0d586b;font-size:20px;font-weight:800}body[data-page="radiologist-request"] .back{font-size:11px;color:#147f9a}body[data-page="radiologist-request"] .card{background:#fff;border:1px solid #dce8eb;border-radius:18px;padding:20px;margin-bottom:15px}body[data-page="radiologist-request"] .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}body[data-page="radiologist-request"] .item{background:#f8fbfc;border-radius:10px;padding:11px;font-size:11px}body[data-page="radiologist-request"] .item b{display:block;color:#71848a;font-size:9px;margin-bottom:4px}body[data-page="radiologist-request"] .images{display:flex;gap:9px;flex-wrap:wrap}body[data-page="radiologist-request"] .images img{width:115px;height:90px;object-fit:cover;border-radius:9px;border:1px solid #dce8eb}body[data-page="radiologist-request"] .editorbar{display:flex;gap:5px;flex-wrap:wrap;background:#f0f6f7;border:1px solid #dce8eb;border-bottom:0;border-radius:12px 12px 0 0;padding:9px}body[data-page="radiologist-request"] .editorbar button{border:1px solid #d1e0e3;background:#fff;border-radius:7px;padding:7px 10px;font-weight:bold;cursor:pointer}body[data-page="radiologist-request"] .editor{min-height:420px;border:1px solid #dce8eb;border-radius:0 0 12px 12px;padding:22px;outline:0;line-height:2;font-size:14px;background:#fff}body[data-page="radiologist-request"] .editor:empty:before{content:'متن گزارش را اینجا وارد کنید...';color:#9aabb0}body[data-page="radiologist-request"] .actions{display:flex;justify-content:flex-end;margin-top:15px}body[data-page="radiologist-request"] .final{background:#147f9a;color:#fff;border:0;border-radius:11px;padding:13px 24px;font:inherit;font-weight:800;cursor:pointer}body[data-page="radiologist-request"] .msg{display:none;background:#fff1f1;color:#a74646;padding:10px;border-radius:9px;font-size:10px;margin-top:10px}@media(max-width:700px){body[data-page="radiologist-request"] .grid{grid-template-columns:1fr 1fr}}

/* ===== admin/request.html (scoped) ===== */
body[data-page="request"]{margin:0;background:#f5fbfc;color:#17343d;font-family:Vazirmatn,Tahoma}body[data-page="request"] .wrap{width:min(1000px,calc(100% - 22px));margin:25px auto}body[data-page="request"] .top{display:flex;justify-content:space-between;margin-bottom:15px}body[data-page="request"] .brand{font-size:20px;font-weight:800;color:#0d586b}body[data-page="request"] .back{color:#147f9a;font-size:11px}body[data-page="request"] .card{background:#fff;border:1px solid #dce8eb;border-radius:18px;padding:20px;margin-bottom:15px}body[data-page="request"] .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}body[data-page="request"] .item{background:#f8fbfc;border-radius:10px;padding:11px;font-size:11px}body[data-page="request"] .item b{display:block;color:#70838a;font-size:9px;margin-bottom:4px}body[data-page="request"] .images{display:flex;gap:10px;flex-wrap:wrap}body[data-page="request"] .images img{width:110px;height:85px;object-fit:cover;border-radius:9px}body[data-page="request"] .add{display:grid;grid-template-columns:1fr auto;gap:10px}body[data-page="request"] .select{width:100%;padding:12px;border:1px solid #d7e3e6;border-radius:10px;font:inherit;font-size:12px}body[data-page="request"] .addbtn,body[data-page="request"] .confirm{border:0;background:#147f9a;color:#fff;border-radius:10px;padding:11px 18px;font:inherit;font-size:11px;font-weight:800;cursor:pointer}body[data-page="request"] .list{margin-top:15px;border:1px solid #e2eaec;border-radius:12px;overflow:hidden}body[data-page="request"] .row{display:grid;grid-template-columns:40px 1fr 160px 55px;gap:8px;padding:11px;border-bottom:1px solid #edf1f2;align-items:center;font-size:11px}body[data-page="request"] .remove{border:0;background:#fff1f1;color:#b44b4b;border-radius:7px;padding:5px}body[data-page="request"] .discount{margin-top:14px;display:flex;align-items:center;gap:10px;background:#f7fbfc;border:1px solid #e0eaec;border-radius:12px;padding:12px;font-size:11px}body[data-page="request"] .discount input{width:90px;padding:9px;border:1px solid #d7e3e6;border-radius:9px;font:inherit;text-align:center}body[data-page="request"] .total{text-align:left;padding:16px;font-size:16px;font-weight:900;color:#0b6078}body[data-page="request"] .confirm{width:100%;margin-top:10px;padding:14px}body[data-page="request"] .msg{display:none;background:#fff1f1;color:#b44b4b;padding:9px;border-radius:9px;font-size:10px;margin-top:10px}@media(max-width:650px){body[data-page="request"] .grid{grid-template-columns:1fr 1fr}body[data-page="request"] .add{grid-template-columns:1fr}body[data-page="request"] .row{grid-template-columns:30px 1fr 120px 45px}}

/* ===== admin/support.html (scoped) ===== */
body[data-page="support"]{margin:0;background:#f5fbfc;color:#17343d;font-family:Tahoma}body[data-page="support"] .w{width:min(1100px,calc(100% - 22px));margin:20px auto}body[data-page="support"] .top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}body[data-page="support"] .back{border:0;background:#fff;border:1px solid #dce8eb;border-radius:9px;padding:8px 12px;color:#0d586b;text-decoration:none;font-size:11px}body[data-page="support"] .grid{display:grid;grid-template-columns:280px 1fr;gap:12px}body[data-page="support"] .card{background:#fff;border:1px solid #dce8eb;border-radius:18px;padding:14px}body[data-page="support"] .users{display:grid;gap:6px}body[data-page="support"] .u{border:1px solid #dce8eb;background:#fff;border-radius:10px;padding:10px;text-align:right;cursor:pointer}body[data-page="support"] .u.active{background:#eef8fa;border-color:#147f9a}body[data-page="support"] .chat{height:650px;display:flex;flex-direction:column}body[data-page="support"] .msgs{flex:1;overflow:auto;background:#f5fbfc;padding:12px}body[data-page="support"] .msg{max-width:80%;padding:9px 12px;border-radius:12px;margin:6px 0;font-size:11px;line-height:1.8}body[data-page="support"] .user{background:#dff3df;margin-right:auto;margin-left:0}body[data-page="support"] .staff{background:#fff;border:1px solid #dce8eb;margin-left:auto;margin-right:0}body[data-page="support"] .form{display:flex;gap:6px;margin-top:8px}body[data-page="support"] .form input{flex:1;padding:10px;border:1px solid #d5e2e5;border-radius:10px}body[data-page="support"] .form button,body[data-page="support"] .voice{border:0;background:#147f9a;color:#fff;border-radius:10px;padding:0 15px}body[data-page="support"] .voice.rec{background:#d9534f}body[data-page="support"] .voice.send{background:#198754}body[data-page="support"] .tools{display:flex;gap:6px;margin-top:7px;align-items:center}body[data-page="support"] .tools input{display:none}body[data-page="support"] .badge{display:none;position:absolute;left:-7px;top:-7px;background:#e53935;color:#fff;border-radius:20px;min-width:18px;height:18px;line-height:18px;text-align:center;font-size:9px}@media(max-width:700px){body[data-page="support"] .grid{grid-template-columns:1fr}body[data-page="support"] .chat{height:520px}}

/* ===== history.html (scoped) ===== */
body[data-page="history"]{margin:0;background:#f5fbfc;color:#17343d;font-family:Tahoma}body[data-page="history"] .w{width:min(1050px,calc(100% - 24px));margin:30px auto}body[data-page="history"] .card{background:#fff;border:1px solid #dce8eb;border-radius:20px;padding:20px;overflow:hidden}body[data-page="history"] table{width:100%;border-collapse:collapse}body[data-page="history"] th{background:#f1f7f8;font-size:10px;padding:12px}body[data-page="history"] td{padding:12px 8px;border-bottom:1px solid #edf1f2;text-align:center;font-size:10px}body[data-page="history"] .btn{border:0;background:#147f9a;color:#fff;border-radius:9px;padding:8px 12px;font:inherit;font-size:10px;text-decoration:none}body[data-page="history"] .empty{text-align:center;padding:35px;color:#819197}@media(max-width:650px){body[data-page="history"] .table-wrap{overflow:auto}body[data-page="history"] table{min-width:700px}}

/* ===== home.html (scoped) ===== */
body[data-page="home"]{margin:0;background:#f5fbfc;color:#17343d;font-family:Tahoma,Arial}body[data-page="home"] .home{width:min(980px,calc(100% - 24px));margin:45px auto}body[data-page="home"] .hero{text-align:center;margin:35px 0}body[data-page="home"] .hero h1{color:#0d586b;font-size:28px;margin:8px}body[data-page="home"] .hero p{color:#71858c;font-size:12px}body[data-page="home"] .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}body[data-page="home"] .c{position:relative;background:#fff;border:1px solid #dce8eb;border-radius:22px;padding:35px 20px;text-align:center;text-decoration:none;color:#0d586b;box-shadow:0 10px 30px #1644520a}body[data-page="home"] .c:hover{transform:translateY(-2px)}body[data-page="home"] .i{font-size:48px;display:block;margin-bottom:12px}body[data-page="home"] .t{font-weight:800;font-size:14px}body[data-page="home"] .d{display:block;color:#809198;font-size:10px;margin-top:7px}@media(max-width:700px){body[data-page="home"] .grid{grid-template-columns:1fr}}

/* ===== imaging_upload.html (scoped) ===== */
body[data-page="imaging_upload"] *{box-sizing:border-box}html,body[data-page="imaging_upload"]{margin:0;padding:0}body[data-page="imaging_upload"]{font-family:Vazirmatn,Tahoma,sans-serif;background:linear-gradient(180deg,#f5fbfc,#fff 65%);color:var(--text)}body[data-page="imaging_upload"] .container{width:min(920px,calc(100% - 28px));margin:auto}body[data-page="imaging_upload"] .header{background:#ffffffee;border-bottom:1px solid #e5eef0;position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}body[data-page="imaging_upload"] .header-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:15px}body[data-page="imaging_upload"] .brand{display:flex;align-items:center;gap:11px}body[data-page="imaging_upload"] .logo{width:45px;height:45px;border-radius:14px;background:linear-gradient(145deg,var(--primary),#36b4c8);display:grid;place-items:center;color:#fff;font-size:21px;font-weight:800;box-shadow:0 8px 20px #147f9a25}body[data-page="imaging_upload"] .brand strong{display:block;font-size:18px}body[data-page="imaging_upload"] .brand span{display:block;color:var(--muted);font-size:11px;margin-top:2px}body[data-page="imaging_upload"] .back{font-size:13px;color:var(--primary);font-weight:700;text-decoration:none}body[data-page="imaging_upload"] .intro{padding:34px 0 18px}body[data-page="imaging_upload"] h1{font-size:27px;margin:0 0 9px;font-weight:800}body[data-page="imaging_upload"] .subtitle{margin:0;color:var(--muted);font-size:14px;line-height:2}body[data-page="imaging_upload"] .card{background:#fff;border:1px solid var(--border);border-radius:18px;margin:15px 0;padding:21px;box-shadow:0 10px 30px #16455208}body[data-page="imaging_upload"] .card-title{display:flex;align-items:center;gap:11px;font-size:16px;font-weight:800;margin-bottom:17px}body[data-page="imaging_upload"] .icon{width:36px;height:36px;border-radius:11px;background:var(--light);color:var(--primary);display:grid;place-items:center;font-size:18px}body[data-page="imaging_upload"] .hint{font-size:11px;color:var(--muted);font-weight:400;margin-right:auto}body[data-page="imaging_upload"] .grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}body[data-page="imaging_upload"] .full{grid-column:1/-1}body[data-page="imaging_upload"] .field{margin-bottom:3px}body[data-page="imaging_upload"] label{font-size:12px;font-weight:700;display:block;margin-bottom:7px}body[data-page="imaging_upload"] input,body[data-page="imaging_upload"] select,body[data-page="imaging_upload"] textarea{width:100%;border:1px solid #d7e3e6;background:#fcfeff;border-radius:11px;padding:12px 13px;color:var(--text);outline:0;font:inherit;font-size:13px;transition:.2s}body[data-page="imaging_upload"] input:focus,body[data-page="imaging_upload"] select:focus,body[data-page="imaging_upload"] textarea:focus{border-color:#4aaabe;box-shadow:0 0 0 3px #147f9a12;background:#fff}body[data-page="imaging_upload"] .select-wrap{position:relative}body[data-page="imaging_upload"] .select-wrap:after{content:"⌄";position:absolute;left:13px;top:10px;color:var(--primary);font-size:18px;pointer-events:none}body[data-page="imaging_upload"] .select-wrap select{appearance:none;padding-left:38px}body[data-page="imaging_upload"] .sms{background:#f8fcfd;border:1px solid #dce8eb;border-radius:14px;padding:14px}body[data-page="imaging_upload"] .sms textarea{min-height:90px;resize:vertical;line-height:1.9}body[data-page="imaging_upload"] .counter{text-align:left;color:#8a999d;font-size:10px;margin-top:5px}body[data-page="imaging_upload"] .preview{margin-top:10px;background:#e8f7eb;border-radius:13px;padding:11px 13px;color:#274d36;font-size:11px;line-height:1.9}body[data-page="imaging_upload"] .upload-info{background:#f7fafb;border-radius:12px;padding:12px 14px;color:#71858b;font-size:11px;line-height:1.9;margin-bottom:14px}body[data-page="imaging_upload"] .upload-info b{color:var(--primary2)}body[data-page="imaging_upload"] .upload-btn{border:1px dashed #6eabb8;background:#f4fbfc;color:var(--primary2);border-radius:13px;min-height:94px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:.2s}body[data-page="imaging_upload"] .upload-btn:hover{background:#eaf7f9;border-color:var(--primary)}body[data-page="imaging_upload"] .upload-btn .upload-icon{font-size:29px;margin-bottom:5px}body[data-page="imaging_upload"] .upload-btn strong{font-size:13px}body[data-page="imaging_upload"] .upload-btn small{font-size:10px;color:var(--muted);margin-top:4px}body[data-page="imaging_upload"] #files{display:none}body[data-page="imaging_upload"] .files-list{margin-top:15px;display:flex;flex-direction:column;gap:9px}body[data-page="imaging_upload"] .file-item{border:1px solid #e1eaec;border-radius:13px;padding:11px 12px;background:#fff}body[data-page="imaging_upload"] .file-top{display:flex;align-items:center;gap:10px}body[data-page="imaging_upload"] .thumb{width:44px;height:44px;border-radius:9px;object-fit:cover;background:#eef5f6;flex:none}body[data-page="imaging_upload"] .file-symbol{width:44px;height:44px;border-radius:9px;background:#eef8fa;color:var(--primary);display:grid;place-items:center;font-weight:800;flex:none}body[data-page="imaging_upload"] .file-name{flex:1;min-width:0}body[data-page="imaging_upload"] .file-name b{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body[data-page="imaging_upload"] .file-name small{display:block;color:var(--muted);font-size:9px;margin-top:3px}body[data-page="imaging_upload"] .remove{border:0;background:#fff1f1;color:#c44b4b;border-radius:8px;padding:5px 8px;cursor:pointer;font:inherit;font-size:10px}body[data-page="imaging_upload"] .progress{height:7px;background:#e8eff1;border-radius:8px;overflow:hidden;margin-top:9px}body[data-page="imaging_upload"] .bar{height:100%;width:0;background:linear-gradient(90deg,var(--primary),#38b6c9);border-radius:8px;transition:width .12s}body[data-page="imaging_upload"] .status{font-size:9px;color:var(--muted);margin-top:4px;display:flex;justify-content:space-between}body[data-page="imaging_upload"] .empty{text-align:center;color:#9aa8ac;font-size:11px;padding:14px;display:none}body[data-page="imaging_upload"] .notice{background:#f7fafb;border-radius:12px;padding:12px;color:#71858b;font-size:11px;line-height:1.9;margin-top:15px}body[data-page="imaging_upload"] .bottom{position:sticky;bottom:0;z-index:10;background:#ffffffee;border-top:1px solid #dfeaec;backdrop-filter:blur(10px);padding:13px 0}body[data-page="imaging_upload"] .bottom-inner{display:flex;align-items:center;gap:15px}body[data-page="imaging_upload"] .summary{flex:1}body[data-page="imaging_upload"] .summary small{display:block;color:var(--muted);font-size:10px}body[data-page="imaging_upload"] .summary strong{font-size:13px}body[data-page="imaging_upload"] .next{border:0;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;border-radius:12px;padding:13px 25px;font:inherit;font-size:13px;font-weight:800;cursor:pointer;box-shadow:0 8px 20px #147f9a25}@media(max-width:650px){body[data-page="imaging_upload"] .container{width:min(100% - 20px,920px)}body[data-page="imaging_upload"] .header-inner{min-height:68px}body[data-page="imaging_upload"] .intro{padding-top:25px}body[data-page="imaging_upload"] h1{font-size:23px}body[data-page="imaging_upload"] .grid{grid-template-columns:1fr}body[data-page="imaging_upload"] .full{grid-column:auto}body[data-page="imaging_upload"] .card{padding:16px;border-radius:15px}body[data-page="imaging_upload"] .hint{display:none}body[data-page="imaging_upload"] .bottom-inner{gap:9px}body[data-page="imaging_upload"] .next{padding:12px 16px;white-space:nowrap}}

/* ===== invoice.html (scoped) ===== */
body[data-page="invoice"] *{box-sizing:border-box}html,body[data-page="invoice"]{margin:0;padding:0}body[data-page="invoice"]{font-family:Vazirmatn,Tahoma,sans-serif;background:linear-gradient(180deg,#f5fbfc,#fff 65%);color:var(--text)}body[data-page="invoice"] .container{width:min(920px,calc(100% - 28px));margin:auto}body[data-page="invoice"] .header{background:#ffffffee;border-bottom:1px solid #e5eef0;backdrop-filter:blur(12px)}body[data-page="invoice"] .header-inner{min-height:78px;display:flex;align-items:center;justify-content:center}body[data-page="invoice"] .brand{display:flex;align-items:center;gap:11px}body[data-page="invoice"] .logo{width:45px;height:45px;border-radius:14px;background:linear-gradient(145deg,var(--primary),#36b4c8);display:grid;place-items:center;color:#fff;font-size:21px;font-weight:800;box-shadow:0 8px 20px #147f9a25}body[data-page="invoice"] .brand strong{display:block;font-size:18px}body[data-page="invoice"] .brand span{display:block;color:var(--muted);font-size:11px;margin-top:2px}body[data-page="invoice"] .main{padding:38px 0 65px;min-height:calc(100vh - 78px)}body[data-page="invoice"] .card{background:#fff;border:1px solid var(--border);border-radius:20px;box-shadow:0 15px 45px #1645520b;overflow:hidden}body[data-page="invoice"] .card-head{padding:25px 26px 20px;border-bottom:1px solid #edf2f3}body[data-page="invoice"] h1{font-size:25px;margin:0 0 8px;font-weight:800}body[data-page="invoice"] .subtitle{font-size:13px;color:var(--muted);margin:0;line-height:2}body[data-page="invoice"] .table-wrap{overflow-x:auto;padding:22px 24px 5px}body[data-page="invoice"] table{width:100%;border-collapse:collapse;min-width:620px;border:1px solid #dce5e7;border-radius:12px;overflow:hidden}body[data-page="invoice"] thead th{background:#f0f7f8;color:#36545c;font-size:13px;font-weight:800;padding:15px 12px;border-bottom:1px solid #d4e1e4;text-align:center}body[data-page="invoice"] tbody td{padding:17px 12px;border-bottom:1px solid #e8eef0;text-align:center;font-size:13px}body[data-page="invoice"] tbody tr:last-child td{border-bottom:0}body[data-page="invoice"] tbody tr:hover{background:#fbfdfd}body[data-page="invoice"] .col-row{width:75px}body[data-page="invoice"] .col-mod{width:150px}body[data-page="invoice"] .col-title{text-align:right!important}body[data-page="invoice"] .col-price{width:190px}body[data-page="invoice"] .modality{display:inline-block;background:var(--light);color:var(--primary2);border-radius:8px;padding:6px 10px;font-size:11px;font-weight:800}body[data-page="invoice"] .price{font-weight:800;white-space:nowrap}body[data-page="invoice"] .summary{margin:8px 24px 25px;background:#f8fbfc;border:1px solid #e0eaec;border-radius:14px;padding:17px 20px}body[data-page="invoice"] .summary-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;padding:5px 0}body[data-page="invoice"] .summary-row.total{border-top:1px dashed #ccdadd;margin-top:9px;padding-top:15px;font-size:16px;font-weight:800;color:var(--primary2)}body[data-page="invoice"] .note{margin:0 24px 22px;padding:13px 15px;border-radius:11px;background:#f7fafb;color:#71858b;font-size:10px;line-height:1.9}body[data-page="invoice"] .action{padding:0 24px 25px;display:flex;justify-content:flex-start}body[data-page="invoice"] .pay{border:0;border-radius:12px;padding:14px 38px;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;font:inherit;font-size:14px;font-weight:800;cursor:pointer;box-shadow:0 9px 22px #147f9a27}body[data-page="invoice"] .pay:hover{transform:translateY(-1px)}@media(max-width:650px){body[data-page="invoice"] .container{width:min(100% - 20px,920px)}body[data-page="invoice"] .main{padding-top:20px}body[data-page="invoice"] .card-head{padding:20px 16px 17px}body[data-page="invoice"] h1{font-size:22px}body[data-page="invoice"] .table-wrap{padding:16px 12px 3px}body[data-page="invoice"] .summary{margin:8px 12px 18px}body[data-page="invoice"] .note{margin:0 12px 18px}body[data-page="invoice"] .action{padding:0 12px 18px}body[data-page="invoice"] .pay{width:100%}}body[data-page="invoice"] /* Invoice table: no horizontal scroll; price gets priority */
.table-wrap{overflow:hidden;padding:22px 16px 5px}body[data-page="invoice"] table{
  width:100%;
  min-width:0;
  table-layout:fixed;
  border-collapse:collapse;
}body[data-page="invoice"] thead th,body[data-page="invoice"] tbody td{overflow:hidden}body[data-page="invoice"] .col-row{width:12%}body[data-page="invoice"] .col-mod{width:24%}body[data-page="invoice"] .col-title{width:38%;max-width:0}body[data-page="invoice"] .col-price{width:26%;white-space:nowrap}body[data-page="invoice"] .col-title,body[data-page="invoice"] .col-mod{
  white-space:nowrap;
  text-overflow:ellipsis;
}body[data-page="invoice"] .price{
  white-space:nowrap;
  overflow:visible;
  text-overflow:clip;
  font-size:14px;
  font-weight:900;
  color:#0b6078;
}@media(max-width:650px){body[data-page="invoice"] .table-wrap{overflow:hidden;padding:14px 8px 3px}body[data-page="invoice"] .col-row{width:11%}body[data-page="invoice"] .col-mod{width:23%;max-width:0}body[data-page="invoice"] .col-title{width:35%}body[data-page="invoice"] .col-price{width:31%}body[data-page="invoice"] thead th{font-size:11px;padding:12px 5px}body[data-page="invoice"] tbody td{font-size:11px;padding:15px 5px}body[data-page="invoice"] .modality{font-size:9px;padding:5px 6px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body[data-page="invoice"] .price{font-size:12px;letter-spacing:-.25px}}@media(max-width:380px){body[data-page="invoice"] .col-row{width:10%}body[data-page="invoice"] .col-mod{width:22%}body[data-page="invoice"] .col-title{width:31%}body[data-page="invoice"] .col-price{width:37%}body[data-page="invoice"] .price{font-size:11px}}

/* ===== login.html (scoped) ===== */
body[data-page="login"] *{box-sizing:border-box}html,body[data-page="login"]{margin:0;min-height:100%;font-family:Vazirmatn,Tahoma,sans-serif}body[data-page="login"]{background:linear-gradient(180deg,#f4fbfc 0%,#fff 72%);color:var(--text)}body[data-page="login"] .container{width:min(920px,calc(100% - 28px));margin:auto}body[data-page="login"] .header{background:#ffffffed;border-bottom:1px solid #e5eef0;backdrop-filter:blur(12px)}body[data-page="login"] .header-inner{min-height:78px;display:flex;align-items:center;justify-content:center}body[data-page="login"] .brand{display:flex;align-items:center;gap:11px}body[data-page="login"] .logo{width:45px;height:45px;border-radius:14px;background:linear-gradient(145deg,var(--primary),#36b4c8);display:grid;place-items:center;color:#fff;font-size:21px;font-weight:800;box-shadow:0 8px 20px #147f9a25}body[data-page="login"] .brand strong{display:block;font-size:18px}body[data-page="login"] .brand span{display:block;color:var(--muted);font-size:11px;margin-top:2px}body[data-page="login"] .main{min-height:calc(100vh - 78px);display:flex;align-items:center;justify-content:center;padding:30px 0 55px}body[data-page="login"] .login-card{width:min(470px,100%);background:#fff;border:1px solid var(--border);border-radius:23px;padding:32px 30px;box-shadow:0 18px 50px #1645520d}body[data-page="login"] .icon-wrap{width:64px;height:64px;border-radius:19px;background:var(--light);color:var(--primary);display:grid;place-items:center;font-size:29px;margin:0 auto 18px}body[data-page="login"] h1{text-align:center;font-size:24px;margin:0 0 9px;font-weight:800}body[data-page="login"] .subtitle{text-align:center;color:var(--muted);font-size:12px;line-height:2;margin:0 0 25px}body[data-page="login"] .field label{display:block;font-size:12px;font-weight:700;margin-bottom:8px}body[data-page="login"] input[type=tel]{width:100%;height:52px;border:1px solid #d7e3e6;background:#fcfeff;border-radius:12px;padding:0 15px;font:inherit;font-size:15px;direction:ltr;text-align:left;outline:none}body[data-page="login"] input[type=tel]:focus{border-color:#4aaabe;box-shadow:0 0 0 3px #147f9a12;background:#fff}body[data-page="login"] .btn{width:100%;height:50px;margin-top:14px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;font:inherit;font-size:13px;font-weight:800;cursor:pointer;box-shadow:0 9px 22px #147f9a25}body[data-page="login"] .error{display:none;background:#fff2f2;color:#c04d4d;border-radius:10px;padding:10px;font-size:11px;margin-top:11px;line-height:1.8}body[data-page="login"] .info{margin-top:18px;background:#f7fafb;border-radius:11px;padding:11px 13px;color:#71858b;font-size:10px;line-height:1.9;text-align:center}body[data-page="login"] .otp-card{display:none}body[data-page="login"] .back{border:0;background:none;color:var(--primary);font:inherit;font-size:11px;font-weight:700;cursor:pointer;margin-top:15px}body[data-page="login"] .otp-title{text-align:center;font-size:19px;font-weight:800;margin:0 0 7px}body[data-page="login"] .otp-sub{text-align:center;color:var(--muted);font-size:11px;line-height:1.9;margin:0 0 23px}body[data-page="login"] .phone-show{direction:ltr;text-align:center;color:var(--primary2);font-weight:800;font-size:13px;margin-bottom:19px}body[data-page="login"] .otp-boxes{direction:ltr;display:flex;justify-content:center;gap:9px;margin-bottom:17px}body[data-page="login"] .otp-box{width:49px;height:55px;border:1px solid #d7e3e6;border-radius:12px;background:#fcfeff;text-align:center;font:800 22px Tahoma,sans-serif;color:var(--primary2);outline:none}body[data-page="login"] .otp-box:focus{border-color:#4aaabe;box-shadow:0 0 0 3px #147f9a12}body[data-page="login"] .timer{text-align:center;color:var(--muted);font-size:10px;margin-top:12px}body[data-page="login"] .resend{display:none;margin:12px auto 0;border:0;background:none;color:var(--primary);font:inherit;font-size:11px;font-weight:700;cursor:pointer}body[data-page="login"] .success{display:none;text-align:center;color:#18845d;background:#effaf5;border-radius:10px;padding:9px;font-size:11px;margin-top:10px}@media(max-width:520px){body[data-page="login"] .container{width:min(100% - 20px,920px)}body[data-page="login"] .header-inner{min-height:68px}body[data-page="login"] .login-card{padding:27px 17px;border-radius:19px}body[data-page="login"] .otp-boxes{gap:6px}body[data-page="login"] .otp-box{width:43px;height:52px}}

/* ===== patient_info.html (scoped) ===== */
body[data-page="patient_info"] *{box-sizing:border-box}html,body[data-page="patient_info"]{margin:0;padding:0}body[data-page="patient_info"]{font-family:Vazirmatn,Tahoma,sans-serif;background:linear-gradient(180deg,#f5fbfc,#fff 65%);color:var(--text)}body[data-page="patient_info"] .container{width:min(920px,calc(100% - 28px));margin:auto}body[data-page="patient_info"] .header{background:#ffffffee;border-bottom:1px solid #e5eef0;position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}body[data-page="patient_info"] .header-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:15px}body[data-page="patient_info"] .brand{display:flex;align-items:center;gap:11px}body[data-page="patient_info"] .logo{width:45px;height:45px;border-radius:14px;background:linear-gradient(145deg,var(--primary),#36b4c8);display:grid;place-items:center;color:#fff;font-size:21px;font-weight:800;box-shadow:0 8px 20px #147f9a25}body[data-page="patient_info"] .brand strong{display:block;font-size:18px}body[data-page="patient_info"] .brand span{display:block;color:var(--muted);font-size:11px;margin-top:2px}body[data-page="patient_info"] .back{font-size:13px;color:var(--primary);font-weight:700;text-decoration:none}body[data-page="patient_info"] .intro{padding:34px 0 18px}body[data-page="patient_info"] h1{font-size:27px;margin:0 0 9px;font-weight:800}body[data-page="patient_info"] .subtitle{margin:0;color:var(--muted);font-size:14px;line-height:2}body[data-page="patient_info"] .card{background:#fff;border:1px solid var(--border);border-radius:18px;margin:15px 0;padding:21px;box-shadow:0 10px 30px #16455208}body[data-page="patient_info"] .card-title{display:flex;align-items:center;gap:11px;font-size:16px;font-weight:800;margin-bottom:17px}body[data-page="patient_info"] .icon{width:36px;height:36px;border-radius:11px;background:var(--light);color:var(--primary);display:grid;place-items:center;font-size:18px}body[data-page="patient_info"] .hint{font-size:11px;color:var(--muted);font-weight:400;margin-right:auto}body[data-page="patient_info"] .grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}body[data-page="patient_info"] .field{margin-bottom:2px}body[data-page="patient_info"] .field.full{grid-column:1/-1}body[data-page="patient_info"] label{font-size:12px;font-weight:700;display:block;margin-bottom:7px}body[data-page="patient_info"] input,body[data-page="patient_info"] textarea{width:100%;border:1px solid #d7e3e6;background:#fcfeff;border-radius:11px;padding:12px 13px;color:var(--text);outline:0;font:inherit;font-size:13px;transition:.2s}body[data-page="patient_info"] input:focus,body[data-page="patient_info"] textarea:focus{border-color:#4aaabe;box-shadow:0 0 0 3px #147f9a12;background:#fff}body[data-page="patient_info"] textarea{min-height:145px;resize:vertical;line-height:2}body[data-page="patient_info"] .gender-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}body[data-page="patient_info"] .gender input{display:none}body[data-page="patient_info"] .gender label{margin:0;border:1px solid #dce8eb;border-radius:12px;padding:13px;text-align:center;background:#fff;cursor:pointer;font-size:13px;transition:.2s}body[data-page="patient_info"] .gender label span{display:block;font-size:22px;margin-bottom:4px}body[data-page="patient_info"] .gender input:checked+label{border-color:var(--primary);background:var(--light);color:var(--primary2);box-shadow:0 0 0 2px #147f9a12}body[data-page="patient_info"] .note{background:#f7fafb;border-radius:12px;padding:12px;color:#71858b;font-size:11px;line-height:1.9;margin-top:15px}body[data-page="patient_info"] .bottom{position:sticky;bottom:0;z-index:10;background:#ffffffee;border-top:1px solid #dfeaec;backdrop-filter:blur(10px);padding:13px 0}body[data-page="patient_info"] .bottom-inner{display:flex;align-items:center;gap:15px}body[data-page="patient_info"] .summary{flex:1}body[data-page="patient_info"] .summary small{display:block;color:var(--muted);font-size:10px}body[data-page="patient_info"] .summary strong{font-size:13px}body[data-page="patient_info"] .next{border:0;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;border-radius:12px;padding:13px 25px;font:inherit;font-size:13px;font-weight:800;cursor:pointer;box-shadow:0 8px 20px #147f9a25}@media(max-width:650px){body[data-page="patient_info"] .container{width:min(100% - 20px,920px)}body[data-page="patient_info"] .header-inner{min-height:68px}body[data-page="patient_info"] .intro{padding-top:25px}body[data-page="patient_info"] h1{font-size:23px}body[data-page="patient_info"] .grid{grid-template-columns:1fr}body[data-page="patient_info"] .field.full{grid-column:auto}body[data-page="patient_info"] .card{padding:16px;border-radius:15px}body[data-page="patient_info"] .hint{display:none}body[data-page="patient_info"] .bottom-inner{gap:9px}body[data-page="patient_info"] .next{padding:12px 16px;white-space:nowrap}}

/* ===== payment.html (scoped) ===== */
body[data-page="payment"]{font-family:Tahoma;background:#f5fbfc;color:#17343d}body[data-page="payment"] .card{max-width:480px;margin:70px auto;background:white;padding:30px;border-radius:20px;text-align:center;border:1px solid #dce8eb}body[data-page="payment"] .logo{margin:auto;width:55px;height:55px;border-radius:16px;background:#147f9a;color:#fff;display:grid;place-items:center;font-size:24px;font-weight:bold}body[data-page="payment"] .amount{font-size:25px;font-weight:bold;color:#0b6078;margin:25px}body[data-page="payment"] .pay{width:100%;padding:14px;border:0;border-radius:12px;background:#147f9a;color:#fff;font-weight:bold;font-size:14px}

/* ===== radiologist_step.html (scoped) ===== */
body[data-page="radiologist_step"] *{box-sizing:border-box}html,body[data-page="radiologist_step"]{margin:0;padding:0}body[data-page="radiologist_step"]{font-family:Vazirmatn,Tahoma,sans-serif;background:linear-gradient(180deg,#f5fbfc,#fff 65%);color:var(--text)}body[data-page="radiologist_step"] .container{width:min(920px,calc(100% - 28px));margin:auto}body[data-page="radiologist_step"] .header{background:#ffffffee;border-bottom:1px solid #e5eef0;position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}body[data-page="radiologist_step"] .header-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:15px}body[data-page="radiologist_step"] .brand{display:flex;align-items:center;gap:11px}body[data-page="radiologist_step"] .logo{width:45px;height:45px;border-radius:14px;background:linear-gradient(145deg,var(--primary),#36b4c8);display:grid;place-items:center;color:white;font-size:21px;font-weight:800;box-shadow:0 8px 20px #147f9a25}body[data-page="radiologist_step"] .brand strong{display:block;font-size:18px}body[data-page="radiologist_step"] .brand span{display:block;color:var(--muted);font-size:11px;margin-top:2px}body[data-page="radiologist_step"] .back{font-size:13px;color:var(--primary);font-weight:700;text-decoration:none}body[data-page="radiologist_step"] .intro{padding:34px 0 18px}body[data-page="radiologist_step"] h1{font-size:27px;margin:0 0 9px;font-weight:800}body[data-page="radiologist_step"] .subtitle{margin:0;color:var(--muted);font-size:14px;line-height:2}body[data-page="radiologist_step"] .card{background:#fff;border:1px solid var(--border);border-radius:18px;margin:15px 0;padding:21px;box-shadow:0 10px 30px #16455208}body[data-page="radiologist_step"] .card-title{display:flex;align-items:center;gap:11px;font-size:16px;font-weight:800;margin-bottom:17px}body[data-page="radiologist_step"] .icon{width:36px;height:36px;border-radius:11px;background:var(--light);color:var(--primary);display:grid;place-items:center;font-size:18px}body[data-page="radiologist_step"] .hint{font-size:11px;color:var(--muted);font-weight:400;margin-right:auto}body[data-page="radiologist_step"] .radio-grid{display:grid;grid-template-columns:1fr;gap:12px}body[data-page="radiologist_step"] .radio input{display:none}body[data-page="radiologist_step"] .radio label{margin:0;cursor:pointer;border:1px solid #dce8eb;border-radius:14px;padding:16px 17px;background:#fff;font-size:13px;transition:.2s;display:flex;align-items:center;gap:14px}body[data-page="radiologist_step"] .radio label .avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(145deg,#e8f7fa,#ccecf1);color:var(--primary);display:grid;place-items:center;font-weight:800;font-size:18px;flex:none}body[data-page="radiologist_step"] .radio label .radio-dot{width:20px;height:20px;border:2px solid #c9d7da;border-radius:50%;margin-right:auto;position:relative;flex:none}body[data-page="radiologist_step"] .radio input:checked+label{border-color:var(--primary);background:var(--light);box-shadow:0 0 0 2px #147f9a12}body[data-page="radiologist_step"] .radio input:checked+label .radio-dot{border-color:var(--primary)}body[data-page="radiologist_step"] .radio input:checked+label .radio-dot:after{content:"";width:10px;height:10px;border-radius:50%;background:var(--primary);position:absolute;inset:3px}body[data-page="radiologist_step"] .name{font-weight:800;font-size:14px}body[data-page="radiologist_step"] .role{color:var(--muted);font-size:10px;margin-top:4px}body[data-page="radiologist_step"] .report-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}body[data-page="radiologist_step"] .report input{display:none}body[data-page="radiologist_step"] .report label{margin:0;display:block;border:1px solid #dce8eb;border-radius:14px;padding:19px 16px;cursor:pointer;background:#fff;transition:.2s}body[data-page="radiologist_step"] .report-title{display:flex;align-items:center;justify-content:space-between;gap:10px}body[data-page="radiologist_step"] .report-title strong{font-size:14px}body[data-page="radiologist_step"] .report-icon{width:38px;height:38px;border-radius:11px;background:#f1f5f6;display:grid;place-items:center;color:#667f86}body[data-page="radiologist_step"] .report small{display:block;color:var(--muted);font-size:10px;line-height:1.8;margin-top:9px}body[data-page="radiologist_step"] .report input:checked+label{border-color:var(--primary);background:var(--light);box-shadow:0 0 0 2px #147f9a12}body[data-page="radiologist_step"] .report input:checked+label .report-icon{background:#d9f0f4;color:var(--primary)}body[data-page="radiologist_step"] .urgent{color:#d55a42!important}body[data-page="radiologist_step"] .normal{color:#147f9a!important}body[data-page="radiologist_step"] .notice{background:#f7fafb;border-radius:12px;padding:12px;color:#71858b;font-size:11px;line-height:1.9;margin-top:15px}body[data-page="radiologist_step"] .bottom{position:sticky;bottom:0;z-index:10;background:#ffffffee;border-top:1px solid #dfeaec;backdrop-filter:blur(10px);padding:13px 0}body[data-page="radiologist_step"] .bottom-inner{display:flex;align-items:center;gap:15px}body[data-page="radiologist_step"] .summary{flex:1}body[data-page="radiologist_step"] .summary small{display:block;color:var(--muted);font-size:10px}body[data-page="radiologist_step"] .summary strong{font-size:13px}body[data-page="radiologist_step"] .next{border:0;background:linear-gradient(135deg,var(--primary),var(--primary2));color:white;border-radius:12px;padding:13px 25px;font:inherit;font-size:13px;font-weight:800;cursor:pointer;box-shadow:0 8px 20px #147f9a25}@media(max-width:650px){body[data-page="radiologist_step"] .container{width:min(100% - 20px,920px)}body[data-page="radiologist_step"] .header-inner{min-height:68px}body[data-page="radiologist_step"] .intro{padding-top:25px}body[data-page="radiologist_step"] h1{font-size:23px}body[data-page="radiologist_step"] .report-grid{grid-template-columns:1fr}body[data-page="radiologist_step"] .card{padding:16px;border-radius:15px}body[data-page="radiologist_step"] .hint{display:none}body[data-page="radiologist_step"] .bottom-inner{gap:9px}body[data-page="radiologist_step"] .next{padding:12px 16px;white-space:nowrap}}

/* ===== report.html (scoped) ===== */
body[data-page="report"]{margin:0;background:#f5fbfc;font-family:Tahoma}body[data-page="report"] .w{max-width:700px;margin:50px auto}body[data-page="report"] .c{background:#fff;padding:30px;border-radius:22px;text-align:center;border:1px solid #dce8eb}body[data-page="report"] .g{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:25px}body[data-page="report"] .a{padding:25px;border:1px solid #dce8eb;border-radius:15px;text-decoration:none;color:#0d586b;font-weight:bold}body[data-page="report"] .i{font-size:45px;display:block;margin-bottom:10px}@media(max-width:500px){body[data-page="report"] .g{grid-template-columns:1fr}}

/* ===== report_ready.html (scoped) ===== */
body[data-page="report_ready"]{margin:0;background:#f4fbfc;color:#17343d;font-family:Vazirmatn,Tahoma}body[data-page="report_ready"] .wrap{width:min(760px,calc(100% - 24px));margin:50px auto}body[data-page="report_ready"] .card{background:#fff;border:1px solid #dce8eb;border-radius:24px;padding:35px;text-align:center;box-shadow:0 18px 55px #1645520b}body[data-page="report_ready"] .icon{width:78px;height:78px;border-radius:50%;margin:auto;background:#e9f7f3;color:#19896e;display:grid;place-items:center;font-size:38px;font-weight:bold}body[data-page="report_ready"] .check{animation:pop .5s ease}@keyframes pop{0%{transform:scale(.4);opacity:0}100%{transform:scale(1);opacity:1}}body[data-page="report_ready"] h1{font-size:23px;margin:18px 0 8px;color:#0d586b}body[data-page="report_ready"] .sub{color:#71858b;font-size:12px;line-height:2}body[data-page="report_ready"] .info{margin:25px 0;background:#f7fbfc;border-radius:14px;padding:15px;text-align:right;font-size:11px;line-height:2}body[data-page="report_ready"] .download{border:0;background:#147f9a;color:#fff;border-radius:12px;padding:14px 28px;font:inherit;font-weight:800;cursor:pointer;margin-top:10px}body[data-page="report_ready"] .preview{position:absolute;left:-100000px;top:0;width:794px;background:#fff;color:#111;padding:55px;font-family:Tahoma;line-height:2;text-align:right}body[data-page="report_ready"] .preview h2{text-align:center;color:#0d586b}body[data-page="report_ready"] .preview .meta{border:1px solid #ddd;padding:14px;margin:20px 0}body[data-page="report_ready"] .loading{color:#73878d;font-size:12px}

/* ===== report_text.html (scoped) ===== */
body[data-page="report_text"]{margin:0;background:#f5fbfc;font-family:Tahoma}body[data-page="report_text"] .w{max-width:800px;margin:30px auto}body[data-page="report_text"] .c{background:#fff;padding:30px;border-radius:20px;line-height:2}

/* ===== report_waiting.html (scoped) ===== */
body[data-page="report_waiting"]{margin:0;background:#f5fbfc;font-family:Tahoma}body[data-page="report_waiting"] .w{min-height:100vh;display:grid;place-items:center}body[data-page="report_waiting"] .c{max-width:550px;background:white;padding:40px;border-radius:22px;text-align:center;margin-top:-40px}body[data-page="report_waiting"] .h{font-size:65px;animation:a 1.5s linear infinite}@keyframes a{to{transform:rotate(360deg)}}body[data-page="report_waiting"] h2{color:#0d586b}

/* ===== track.html (scoped) ===== */
body[data-page="track"]{margin:0;background:#f5fbfc;color:#17343d;font-family:Tahoma}body[data-page="track"] .w{width:min(900px,calc(100% - 24px));margin:30px auto}body[data-page="track"] .card{background:#fff;border:1px solid #dce8eb;border-radius:20px;padding:20px}body[data-page="track"] .list{display:grid;gap:10px}body[data-page="track"] .item{border:1px solid #e1eaec;border-radius:14px;padding:15px;display:flex;justify-content:space-between;align-items:center;gap:12px}body[data-page="track"] .meta{font-size:11px}body[data-page="track"] .meta b{display:block;font-size:14px;color:#0d586b;margin-bottom:5px}body[data-page="track"] .muted{color:#819197}body[data-page="track"] .btn{border:0;background:#147f9a;color:#fff;border-radius:9px;padding:9px 14px;font:inherit;font-size:10px;cursor:pointer}body[data-page="track"] .danger{background:#fff0f0;color:#b43e3e}body[data-page="track"] .empty{text-align:center;padding:35px;color:#819197;font-size:12px}@media(max-width:600px){body[data-page="track"] .item{align-items:stretch;flex-direction:column}body[data-page="track"] .btn{width:100%}}

/* ===== waiting.html (scoped) ===== */
body[data-page="waiting"] .wrap{min-height:100vh;display:grid;place-items:center}body[data-page="waiting"] .card{width:min(550px,calc(100% - 28px));background:#fff;border:1px solid #dce8eb;border-radius:25px;padding:35px;text-align:center;box-shadow:0 18px 55px #1645520b}body[data-page="waiting"] .hourglass{font-size:52px;display:inline-block;animation:spin 1.3s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}body[data-page="waiting"] h1{font-size:20px;color:#0d586b}body[data-page="waiting"] .txt{font-size:12px;line-height:2;color:#71858b}body[data-page="waiting"] .small{margin-top:18px;font-size:10px;color:#93a2a6}

/* ===== SinaPACS shared workflow/header final fixes ===== */
.sp-header{font-family:Vazirmatn,Tahoma,Arial,sans-serif;}
.sp-workflow{font-family:Vazirmatn,Tahoma,Arial,sans-serif;direction:rtl;align-items:center;}
.sp-workflow[style*="display: none"]{display:none!important;}
.sp-step{font-family:inherit;}
.sp-step b{font-family:inherit;}
.sp-line{align-self:center;}

/* Restore the shared teal action buttons when page variables are used. */
body[data-page] .next,body[data-page] .btn,body[data-page] .pay,body[data-page] .download{font-family:Vazirmatn,Tahoma,Arial,sans-serif;}
body[data-page="patient_info"] .next,
body[data-page="imaging_upload"] .next,
body[data-page="radiologist_step"] .next{background:linear-gradient(135deg,#147f9a,#0b6078)!important;color:#fff!important;}
body[data-page="login"] .btn{background:linear-gradient(135deg,#147f9a,#0b6078)!important;color:#fff!important;}


/* ===== final visual corrections ===== */
body[data-page]{font-family:SinaArabic,Tahoma,Arial,sans-serif;}
body[data-page] button,body[data-page] input,body[data-page] select,body[data-page] textarea,body[data-page] a{font-family:inherit;}
body[data-page="patient_info"] .next,body[data-page="imaging_upload"] .next,body[data-page="radiologist_step"] .next{background:linear-gradient(135deg,#147f9a 0%,#0b6078 100%) !important;color:#fff !important;border:0 !important;}
body[data-page="patient_info"] .next:hover,body[data-page="imaging_upload"] .next:hover,body[data-page="radiologist_step"] .next:hover{filter:brightness(.96);}
.sp-workflow{box-sizing:border-box;min-height:72px;}
.sp-step .dot{font-family:SinaArabic,Tahoma,Arial,sans-serif;}
.sp-step b{font-family:SinaArabic,Tahoma,Arial,sans-serif;}

/* Payment result states */
.success-box,.error-box{margin:14px 0;padding:12px 14px;border-radius:12px;font-weight:700;line-height:1.9}
.success-box{background:#e8f7ee;color:#167447;border:1px solid #b9e6cb}
.error-box{background:#fff0f0;color:#a52727;border:1px solid #f1c2c2}
button.pay:disabled{opacity:.65;cursor:not-allowed}

/* ===== final layout refinements ===== */
.sp-chat-fab{z-index:9000!important}
.sp-modal{z-index:9999!important}
.sp-header{z-index:100!important}
body[data-page="waiting"] .wrap{min-height:auto;display:block;padding-top:8px}
body[data-page="waiting"] .card{margin:8px auto 0}
body[data-page="track"] .w{margin:8px auto 20px}
body[data-page="report_waiting"] .w{min-height:calc(100vh - 130px)}
body[data-page="report_waiting"] .c{margin-top:0}
body[data-page="patient_info"] .intro,
body[data-page="imaging_upload"] .intro,
body[data-page="radiologist_step"] .intro{padding-top:12px}
body[data-page="waiting"] main,
body[data-page="track"] main{padding-top:0}