:root{--od-primary: #003087;--od-secondary: #0066CC;--od-accent: #FF6600;--od-bg: #F0F0F0;--od-white: #FFFFFF;--od-text: #333333;--od-text-light: #666666;--od-border: #CCCCCC;--od-header: #003087;--od-sidebar: #1A1A2E;--od-sidebar-hover: #16213E;--od-sidebar-active: #0F3460;--od-success: #28A745;--od-warning: #FFC107;--od-danger: #DC3545;--od-info: #17A2B8;--od-table-header: #E8E8E8;--od-table-stripe: #F8F8F8;--sidebar-width: 230px;--header-height: 50px;--menubar-height: 40px;--toolbar-height: 44px;--statusbar-height: 30px}*{box-sizing:border-box}body{font-family:Segoe UI,Arial,Helvetica,sans-serif;font-size:14px;color:var(--od-text);background:var(--od-bg);margin:0;padding:0;overflow:hidden;height:100vh}a{color:var(--od-secondary);text-decoration:none}a:hover{color:var(--od-primary);text-decoration:underline}h1,h2,h3,h4,h5,h6{font-family:Segoe UI,Arial,sans-serif;color:var(--od-primary);margin:0 0 10px}h4{font-size:18px;font-weight:700}h5{font-size:16px;font-weight:700}h6{font-size:14px;font-weight:700}.od-header{height:var(--header-height);background:linear-gradient(135deg,var(--od-header),#004AAD);color:#fff;display:flex;align-items:center;padding:0 12px;position:fixed;top:0;left:0;right:0;z-index:1050;box-shadow:0 1px 4px #0000004d}.od-header .brand{font-size:17px;font-weight:700;color:#fff;display:flex;align-items:center;gap:8px;margin-right:20px;text-decoration:none}.od-header .brand:hover{text-decoration:none;color:#fff}.od-header .brand i{font-size:22px;color:var(--od-accent)}.od-header .clinic-name{font-size:13px;opacity:.9;flex:1}.od-header .header-right{display:flex;align-items:center;gap:14px;font-size:13px}.od-header .user-info{display:flex;align-items:center;gap:6px}.od-header .user-badge{background:var(--od-accent);color:#fff;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:700}.od-header .menu-toggle{display:none;background:none;border:none;color:#fff;font-size:20px;cursor:pointer;padding:2px 6px;margin-right:6px}.od-header .btn-logout{background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;padding:5px 14px;border-radius:4px;font-size:13px;cursor:pointer}.od-header .btn-logout:hover{background:#ffffff40}.od-header .current-patient-pill{background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;padding:5px 12px;border-radius:4px;font-size:12px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;margin-right:8px;max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.od-header .current-patient-pill:hover{background:#ffffff40}.od-header .current-patient-pill .cp-empty{opacity:.75;font-style:italic}.od-header .tasks-badge{position:relative;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;padding:5px 12px;border-radius:4px;font-size:12px;cursor:pointer;display:inline-flex;align-items:center;gap:5px;margin-right:8px}.od-header .tasks-badge:hover{background:#ffffff40}.od-header .tasks-badge .tasks-count{background:var(--od-accent, #FF6600);color:#fff;border-radius:10px;padding:0 6px;font-size:10px;font-weight:700;min-width:18px;text-align:center}.od-header .tasks-popup{position:absolute;top:44px;right:220px;width:340px;background:#fff;color:#333;border:1px solid #ccc;border-radius:4px;box-shadow:0 4px 14px #0000002e;z-index:2000}.od-header .tasks-popup-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f7f7f7;border-bottom:1px solid #eee;font-size:12px}.od-header .tasks-popup-header a{color:var(--od-secondary, #0066CC);font-size:11px;text-decoration:none}.od-header .tasks-popup-add{padding:8px 12px;display:flex;gap:6px;border-bottom:1px solid #eee}.od-header .tasks-popup-add input{flex:1;font-size:12px}.od-header .tasks-popup-row{display:flex;align-items:center;gap:8px;padding:6px 12px;font-size:12px;border-bottom:1px solid #f0f0f0}.od-header .tasks-popup-row:last-child{border-bottom:none}.od-sidebar{width:var(--sidebar-width);background:var(--od-sidebar);position:fixed;top:var(--header-height);left:0;bottom:var(--statusbar-height);overflow-y:auto;z-index:1040}.od-sidebar .nav-section{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08)}.od-sidebar .nav-section-title{color:#ffffff73;font-size:10px;text-transform:uppercase;letter-spacing:1.2px;padding:8px 16px 5px;font-weight:700;display:flex;align-items:center;justify-content:space-between}.od-sidebar .nav-section-title.pinned{color:#ffffff8c}.od-sidebar .nav-section-title.clickable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .12s}.od-sidebar .nav-section-title.clickable:hover{background:#ffffff0d;color:#ffffffd9}.od-sidebar .nav-section-title .bi{font-size:11px;opacity:.7}.od-sidebar .nav-group{padding-left:0}.od-sidebar .nav-link{display:flex;align-items:center;gap:10px;padding:10px 16px;color:#ffffffbf;font-size:14px;transition:all .15s;border-left:3px solid transparent}.od-sidebar .nav-link:hover{background:var(--od-sidebar-hover);color:#fff;text-decoration:none}.od-sidebar .nav-link.active,.od-sidebar .nav-link:focus{background:var(--od-sidebar-active);color:#fff;border-left-color:var(--od-accent)}.od-sidebar .nav-link i{font-size:16px;width:20px;text-align:center}.od-toolbar{display:none}.od-menubar{position:fixed;top:var(--header-height);left:var(--sidebar-width);right:0;height:var(--menubar-height);background:#f5f6f8;border-bottom:1px solid var(--od-border);display:flex;align-items:stretch;padding:0 4px;z-index:1035}.od-menubar .menu-item{position:relative}.od-menubar .menu-trigger{display:flex;align-items:center;gap:5px;padding:0 12px;height:100%;background:transparent;border:none;color:var(--od-text);font-size:12px;font-weight:500;cursor:pointer;transition:background .12s}.od-menubar .menu-trigger:hover{background:#00308712;color:var(--od-primary)}.od-menubar .menu-trigger .caret{font-size:9px;opacity:.5;margin-left:2px}.od-menubar .menu-dropdown{position:absolute;top:100%;left:0;min-width:240px;background:#fff;border:1px solid #ccc;border-radius:0 0 4px 4px;box-shadow:0 6px 18px #00000026;padding:4px 0;z-index:1041;max-height:calc(100vh - 110px);overflow-y:auto;overscroll-behavior:contain}.od-menubar .menu-dropdown::-webkit-scrollbar{width:6px}.od-menubar .menu-dropdown::-webkit-scrollbar-thumb{background:silver;border-radius:3px}.od-menubar .menu-dropdown::-webkit-scrollbar-thumb:hover{background:#a0a0a0}.od-menubar .menu-link{display:flex;align-items:center;gap:8px;padding:6px 14px;color:var(--od-text);font-size:12px;text-decoration:none;cursor:pointer;background:transparent;border:none;width:100%;text-align:left}.od-menubar .menu-link:hover{background:#e3f2fd;color:var(--od-primary);text-decoration:none}.od-menubar .menu-link .bi{width:14px;color:var(--od-secondary);font-size:13px}.od-menubar .menu-link .hint{margin-left:auto;font-size:10px;color:#888}.od-menubar .menu-heading{padding:4px 14px;font-size:9px;text-transform:uppercase;letter-spacing:.5px;color:#888;font-weight:700;background:#fafafa}.od-menubar .menu-divider{height:1px;background:#eee;margin:4px 0}.od-menubar-backdrop{position:fixed;inset:0;z-index:1034;background:transparent}.od-menubar .menubar-spacer{flex:1}.od-menubar .mb-clinic{display:flex;align-items:center;gap:6px;margin:0 8px;padding:4px 10px;border:1px solid var(--od-border);border-radius:4px;background:#fff}.od-menubar .mb-clinic .bi{color:var(--od-primary);font-size:12px}.od-menubar .clinic-select{border:none;background:transparent;font-size:11px;font-weight:600;color:var(--od-primary);cursor:pointer;outline:none}.od-menubar .mb-search{display:flex;align-items:center;gap:6px;margin-right:8px;padding:4px 10px;border:1px solid var(--od-border);border-radius:4px;background:#fff;width:280px}.od-menubar .mb-search .bi{color:#999;font-size:12px}.od-menubar .mb-search input{border:none;outline:none;background:transparent;font-size:11px;width:100%;color:var(--od-text)}.od-toolbar .tb-btn{display:flex;align-items:center;gap:5px;padding:6px 12px;background:var(--od-white);border:1px solid var(--od-border);border-radius:4px;color:var(--od-text);font-size:13px;cursor:pointer;transition:all .15s;text-decoration:none}.od-toolbar .tb-btn:hover{background:#e8f0fe;border-color:var(--od-secondary);color:var(--od-primary);text-decoration:none}.od-toolbar .tb-btn i{font-size:15px;color:var(--od-secondary)}.od-toolbar .tb-sep{width:1px;height:20px;background:var(--od-border);margin:0 4px}.od-toolbar .tb-search{margin-left:auto;display:flex;align-items:center;gap:4px}.od-toolbar .tb-clinic{display:flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid var(--od-border);border-radius:4px;background:#f8f9fb}.od-toolbar .tb-clinic .clinic-select{border:none;background:transparent;font-size:12px;font-weight:600;color:var(--od-primary);cursor:pointer;outline:none}.od-toolbar .tb-search input{border:1px solid var(--od-border);border-radius:4px;padding:6px 10px;font-size:13px;width:220px}.od-toolbar .tb-search input:focus{outline:none;border-color:var(--od-secondary);box-shadow:0 0 0 2px #0066cc26}.od-main{position:fixed;top:calc(var(--header-height) + var(--menubar-height));left:var(--sidebar-width);right:0;bottom:var(--statusbar-height);overflow-y:auto;background:var(--od-bg);padding:18px}.od-statusbar{height:var(--statusbar-height);background:var(--od-table-header);border-top:1px solid var(--od-border);display:flex;align-items:center;padding:0 12px;font-size:10px;color:var(--od-text-light);position:fixed;bottom:0;left:0;right:0;z-index:1050;gap:20px}.od-statusbar .status-item{display:flex;align-items:center;gap:5px;font-size:11px}.od-statusbar .sync-indicator{width:8px;height:8px;border-radius:50%;display:inline-block}.od-statusbar .sync-indicator.connected{background:var(--od-success)}.od-statusbar .sync-indicator.disconnected{background:var(--od-danger)}.od-login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--od-primary),#004AAD)}.od-login-card{width:420px;background:#fff;border-radius:10px;box-shadow:0 8px 32px #0000004d;overflow:hidden}.od-login-header{background:linear-gradient(135deg,#001a4d,#003087);color:#fff;padding:32px 24px 28px;text-align:center}.od-login-header h3{color:#fff;font-size:20px;margin:10px 0 4px;font-weight:700}.od-login-header i{font-size:36px;color:var(--od-accent)}.od-login-header small{opacity:.7;font-size:12px}.od-login-body{padding:28px 32px}.od-login-body .od-form-group{margin-bottom:16px}.od-login-body .od-form-label{font-size:12px;font-weight:700;margin-bottom:5px}.od-login-body .od-input{padding:8px 12px;font-size:13px;border:1px solid #DDD;border-radius:4px;background:#f8f9fb}.od-login-body .od-input:focus{background:#fff;border-color:var(--od-secondary);box-shadow:0 0 0 3px #0066cc1a}.od-login-body .form-label{font-size:11px;font-weight:600;margin-bottom:3px}.od-login-body .form-control{font-size:12px;padding:6px 10px;border:1px solid var(--od-border);border-radius:3px}.od-login-body .form-control:focus{border-color:var(--od-secondary);box-shadow:0 0 0 2px #0066cc26}.od-login-body .btn-primary{background:var(--od-primary);border-color:var(--od-primary);font-size:12px;padding:8px}.od-login-body .btn-primary:hover{background:#002060}.od-card{background:var(--od-white);border:1px solid var(--od-border);border-radius:4px;box-shadow:0 1px 2px #0000000f}.od-card-header{background:var(--od-table-header);border-bottom:1px solid var(--od-border);padding:10px 14px;font-size:14px;font-weight:700;color:var(--od-primary);display:flex;align-items:center;justify-content:space-between}.od-card-body{padding:14px}.od-stat-card{background:var(--od-white);border:1px solid var(--od-border);border-radius:8px;padding:18px 22px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 4px #00000014}.od-stat-card .stat-icon{width:44px;height:44px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px}.od-stat-card .stat-label{font-size:12px;color:var(--od-text-light);text-transform:uppercase;letter-spacing:.5px}.od-stat-card .stat-value{font-size:24px;font-weight:700;color:var(--od-text);line-height:1.1}.od-table{width:100%;border-collapse:collapse;font-size:13px}.od-table thead th{background:var(--od-table-header);border:1px solid var(--od-border);padding:8px 12px;font-weight:700;font-size:13px;color:var(--od-text);text-align:left;white-space:nowrap}.od-table tbody td{border:1px solid #E0E0E0;padding:8px 12px;vertical-align:middle}.od-table tbody tr:nth-child(2n){background:var(--od-table-stripe)}.od-table tbody tr:hover{background:#e8f0fe}.od-table tbody tr.selected{background:#cce0ff}.od-table .link{color:var(--od-secondary);cursor:pointer}.od-table .link:hover{text-decoration:underline}.od-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border:1px solid var(--od-border);border-radius:4px;font-size:13px;font-family:Segoe UI,Arial,sans-serif;cursor:pointer;background:var(--od-white);color:var(--od-text);transition:all .15s}.od-btn:hover{background:#f0f0f0}.od-btn i{font-size:14px}.od-btn-primary{background:var(--od-primary);color:#fff;border-color:var(--od-primary)}.od-btn-primary:hover{background:#002060;color:#fff}.od-btn-success{background:var(--od-success);color:#fff;border-color:var(--od-success)}.od-btn-success:hover{background:#1e7e34;color:#fff}.od-btn-danger{background:var(--od-danger);color:#fff;border-color:var(--od-danger)}.od-btn-danger:hover{background:#c82333;color:#fff}.od-btn-warning{background:var(--od-warning);color:#333;border-color:var(--od-warning)}.od-btn-accent{background:var(--od-accent);color:#fff;border-color:var(--od-accent)}.od-btn-accent:hover{background:#e55a00;color:#fff}.od-btn-sm{padding:4px 10px;font-size:12px}.od-btn-sm i{font-size:13px}.od-btn-group{display:flex;gap:4px;flex-wrap:nowrap}.od-badge{display:inline-block;padding:3px 10px;border-radius:4px;font-size:12px;font-weight:700;color:#fff}.od-badge-scheduled{background:#4a90d9}.od-badge-confirmed{background:var(--od-accent)}.od-badge-complete,.od-badge-success{background:var(--od-success)}.od-badge-cancelled,.od-badge-failed,.od-badge-danger{background:var(--od-danger)}.od-badge-no-show{background:#6c757d}.od-badge-pending,.od-badge-warning{background:var(--od-warning);color:#333}.od-badge-running,.od-badge-primary{background:var(--od-secondary)}.od-badge-partial{background:#e67e22}.od-badge-paid{background:var(--od-success)}.od-badge-unpaid{background:var(--od-danger)}.od-badge-synced{background:var(--od-success)}.od-badge-manual{background:#6c757d}.od-badge-admin{background:var(--od-primary)}.od-badge-doctor{background:var(--od-info)}.od-badge-receptionist{background:#6f42c1}.od-badge-billing{background:var(--od-accent)}.od-badge-active{background:var(--od-success)}.od-badge-inactive{background:var(--od-danger)}.od-form-group{margin-bottom:16px}.od-form-label{display:block;font-size:13px;font-weight:600;color:var(--od-text);margin-bottom:4px}.od-form-label .required{color:var(--od-danger)}.od-input,.od-select,.od-textarea{width:100%;border:1px solid var(--od-border);border-radius:4px;padding:8px 12px;font-size:14px;font-family:Segoe UI,Arial,sans-serif;color:var(--od-text);background:#fff}.od-input:focus,.od-select:focus,.od-textarea:focus{outline:none;border-color:var(--od-secondary);box-shadow:0 0 0 2px #0066cc26}.od-tabs{display:flex;background:var(--od-table-header);border-bottom:2px solid var(--od-border);padding:0;gap:0}.od-tab{padding:10px 18px;font-size:14px;font-weight:600;color:var(--od-text-light);cursor:pointer;border:1px solid transparent;border-bottom:none;border-radius:4px 4px 0 0;margin-bottom:-2px;background:transparent;transition:all .15s}.od-tab:hover{color:var(--od-primary);background:#ffffff80}.od-tab.active{background:var(--od-white);color:var(--od-primary);border-color:var(--od-border);border-bottom:2px solid var(--od-white)}.od-tab-content{padding:14px;background:var(--od-white)}.od-patient-header{background:linear-gradient(135deg,#e8f0fe,#f0f4ff);border:1px solid var(--od-border);border-radius:6px;padding:14px 18px;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between}.od-patient-header .patient-name{font-size:20px;font-weight:700;color:var(--od-primary)}.od-patient-header .patient-meta{font-size:13px;color:var(--od-text-light);display:flex;gap:12px}.od-appt-grid{border:1px solid var(--od-border);background:#fff}.od-appt-grid .time-col{width:50px;min-width:50px;background:var(--od-table-header);text-align:center;font-size:10px;color:var(--od-text-light);padding:2px;border-right:1px solid var(--od-border);border-bottom:1px solid #E8E8E8}.od-appt-grid .provider-col{flex:1;min-width:140px;border-right:1px solid var(--od-border);position:relative}.od-appt-grid .provider-header{background:var(--od-primary);color:#fff;text-align:center;padding:4px;font-size:11px;font-weight:700;position:sticky;top:0;z-index:2}.od-appt-grid .slot{height:20px;border-bottom:1px solid #F0F0F0;cursor:pointer;position:relative;padding:0 2px}.od-appt-grid .slot:hover{background:#f5f8ff}.od-appt-grid .slot.half-hour{border-bottom:1px solid #DDD}.od-appt-block{position:absolute;left:2px;right:2px;border-radius:3px;padding:2px 4px;font-size:10px;color:#fff;overflow:hidden;cursor:pointer;z-index:1;box-shadow:0 1px 2px #00000026}.od-appt-block .appt-name{font-weight:700;font-size:11px}.od-appt-block .appt-proc{font-size:9px;opacity:.9}.appt-scheduled{background:#4a90d9}.appt-confirmed{background:var(--od-accent)}.appt-complete{background:var(--od-success)}.appt-broken{background:var(--od-danger)}.appt-no-show{background:#6c757d}.appt-in-chair{background:var(--od-warning);color:#333}.appt-cancelled{background:#999}.od-tooth-chart{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px}.od-tooth-row{display:flex;gap:3px;justify-content:center}.od-tooth{width:34px;height:38px;border:2px solid #999;border-radius:4px 4px 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;font-size:9px;font-weight:700;color:#555;background:#fff;transition:all .15s;position:relative}.od-tooth.lower{border-radius:0 0 4px 4px}.od-tooth:hover{border-color:var(--od-secondary);box-shadow:0 0 4px #06c6}.od-tooth.selected{border-color:var(--od-accent);box-shadow:0 0 6px #ff660080}.od-tooth.healthy{background:#fff;border-color:#999}.od-tooth.cavity{background:#fcc;border-color:var(--od-danger)}.od-tooth.filling{background:#cce0ff;border-color:#4a90d9}.od-tooth.crown{background:#fff3cd;border-color:#d4a017}.od-tooth.missing{background:#e0e0e0;border-color:#999;color:#aaa}.od-tooth.rootcanal{background:#e8d5f5;border-color:#9b59b6}.od-tooth.extraction{background:#ffd5cc;border-color:#e74c3c}.od-tooth.bridge{background:#d5f5e3;border-color:#27ae60}.od-tooth.implant{background:#cce5ff;border-color:#2980b9}.od-tooth.watch{background:#fff9cc;border-color:#f1c40f}.od-tooth-number{font-size:8px;color:#888;margin-top:1px}.od-pagination{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--od-table-header);border:1px solid var(--od-border);border-top:none;font-size:13px}.od-pagination .page-info{color:var(--od-text-light)}.od-pagination .page-btns{display:flex;gap:2px}.od-pagination .page-btn{padding:5px 12px;border:1px solid var(--od-border);background:#fff;border-radius:4px;cursor:pointer;font-size:13px;color:var(--od-text)}.od-pagination .page-btn:hover{background:#e8f0fe}.od-pagination .page-btn.disabled{opacity:.4;cursor:default}.od-pagination .page-btn.disabled:hover{background:#fff}.od-alert{padding:10px 14px;border-radius:4px;font-size:13px;margin-bottom:10px;display:flex;align-items:center;gap:6px}.od-alert-danger{background:#fde8e8;border:1px solid #F5C6CB;color:#842029}.od-alert-success{background:#d4edda;border:1px solid #C3E6CB;color:#155724}.od-alert-warning{background:#fff3cd;border:1px solid #FFEAA7;color:#856404}.od-alert-info{background:#d1ecf1;border:1px solid #BEE5EB;color:#0c5460}.od-alert .close-btn{margin-left:auto;cursor:pointer;opacity:.6;font-size:14px}.od-alert .close-btn:hover{opacity:1}.od-spinner{display:inline-block;width:14px;height:14px;border:2px solid var(--od-border);border-top-color:var(--od-secondary);border-radius:50%;animation:od-spin .6s linear infinite}.od-spinner.lg{width:24px;height:24px;border-width:3px}@keyframes od-spin{to{transform:rotate(360deg)}}.od-loading{display:flex;align-items:center;justify-content:center;padding:40px;color:var(--od-text-light);gap:10px;font-size:14px}.od-sync-module{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;border-bottom:1px solid #F0F0F0}.od-sync-module:last-child{border-bottom:none}.od-sync-module .module-name{font-weight:600;font-size:11px}.od-sync-module .module-count{font-size:11px;color:var(--od-text-light)}.od-grid{display:grid;gap:12px}.od-grid-2{grid-template-columns:1fr 1fr}.od-grid-3{grid-template-columns:1fr 1fr 1fr}.od-grid-4{grid-template-columns:1fr 1fr 1fr 1fr}.od-flex{display:flex}.od-flex-between{display:flex;align-items:center;justify-content:space-between}.od-flex-center{display:flex;align-items:center;justify-content:center}.od-gap-4{gap:4px}.od-gap-8{gap:8px}.od-gap-12{gap:12px}.od-mt-8{margin-top:8px}.od-mb-8{margin-bottom:8px}.od-p-10{padding:10px}.od-text-right{text-align:right}.od-text-center{text-align:center}.od-text-muted{color:var(--od-text-light)}.od-text-sm{font-size:10px}.od-text-danger{color:var(--od-danger)}.od-text-success{color:var(--od-success)}.od-fw-bold{font-weight:700}.od-w-full{width:100%}.od-nowrap{white-space:nowrap}.imaging-wrapper{display:flex;flex-direction:column;height:calc(100vh - var(--header-height) - var(--toolbar-height) - var(--statusbar-height) - 36px)}.imaging-toolbar{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,#f8f8f8,#e8e8e8);border:1px solid var(--od-border);border-radius:4px 4px 0 0;padding:4px 8px;gap:4px}.imaging-toolbar-left{display:flex;align-items:center;gap:3px;flex-wrap:wrap}.imaging-toolbar-right{display:flex;align-items:center;gap:3px}.imaging-patient-name{font-size:13px;font-weight:700;color:var(--od-primary);padding:0 8px}.img-tb-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#fff;border:1px solid #CCC;border-radius:3px;font-size:12px;cursor:pointer;color:var(--od-text);text-decoration:none;transition:all .15s}.img-tb-btn:hover{background:#e8f0fe;border-color:var(--od-secondary);color:var(--od-primary);text-decoration:none}.img-tb-btn:disabled{opacity:.4;cursor:default}.img-tb-btn:disabled:hover{background:#fff;border-color:#ccc;color:var(--od-text)}.img-tb-btn i{font-size:13px;color:var(--od-secondary)}.img-tb-btn-sm{padding:2px 6px;background:transparent;border:1px solid transparent;border-radius:3px;cursor:pointer;font-size:12px;color:var(--od-text-light)}.img-tb-btn-sm:hover{background:#e0e0e0;color:var(--od-primary)}.toolbar-sep{width:1px;height:20px;background:#ccc;margin:0 4px}.imaging-upload-panel{background:#fffef0;border:1px solid #E8D9A0;border-top:none;padding:10px 12px}.upload-form-row{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.imaging-layout{display:grid;grid-template-columns:210px 260px 1fr;gap:0;border:1px solid var(--od-border);border-top:none;overflow:hidden;background:var(--od-white);flex:1;min-height:0}.imaging-tree{background:#f5f6f8;border-right:1px solid var(--od-border);display:flex;flex-direction:column;min-height:0}.imaging-files{border-right:1px solid var(--od-border);display:flex;flex-direction:column;min-height:0}.imaging-preview{display:flex;flex-direction:column;min-height:0}.tree-scroll,.files-scroll,.preview-scroll{flex:1;overflow-y:auto;min-height:0}.preview-scroll{display:flex;flex-direction:column}.tree-header{background:var(--od-table-header);border-bottom:1px solid var(--od-border);padding:8px 12px;font-size:12px;font-weight:700;color:var(--od-primary);display:flex;align-items:center;gap:6px;flex-shrink:0}.tree-node{display:flex;align-items:center;gap:5px;padding:5px 8px;font-size:13px;cursor:pointer;border-left:3px solid transparent;transition:all .1s}.tree-node:hover{background:#e8ecf2}.tree-node.active{background:#d0dfff;border-left-color:var(--od-primary);font-weight:600}.tree-child{padding-left:30px}.tree-toggle{width:16px;text-align:center;flex-shrink:0;cursor:pointer}.tree-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree-count{background:var(--od-secondary);color:#fff;font-size:10px;padding:1px 6px;border-radius:10px;font-weight:700;flex-shrink:0}.file-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid #F0F0F0;cursor:pointer;transition:all .1s}.file-item:hover{background:#f0f5ff}.file-item.active{background:#d0dfff}.file-icon-wrap{position:relative;color:var(--od-secondary);flex-shrink:0;font-size:20px}.file-signed-badge{position:absolute;bottom:-2px;right:-4px;font-size:10px;color:var(--od-success)}.file-info{flex:1;min-width:0}.file-name{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-meta{font-size:10px;color:var(--od-text-light);margin-top:1px}.imaging-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 16px;color:var(--od-text-light);font-size:13px;text-align:center;flex:1}.preview-image-area{flex:1;display:flex;align-items:center;justify-content:center;background:#1a1a2e;min-height:200px;overflow:auto;padding:8px}.preview-image-area img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .2s}.preview-pdf-area{flex:1;min-height:200px}.preview-pdf-area iframe{width:100%;height:100%;border:none}.preview-details{padding:8px 12px;border-top:1px solid var(--od-border);background:#fafafa;flex-shrink:0}.details-table{width:100%;font-size:12px;border-collapse:collapse}.details-table td{padding:3px 6px}.details-table .dt-label{font-weight:600;color:var(--od-text-light);width:70px;white-space:nowrap}.info-panel{border-top:2px solid var(--od-accent);background:#fffef5;flex-shrink:0}.info-panel-header{background:var(--od-table-header);padding:8px 12px;font-size:12px;font-weight:700;color:var(--od-primary);display:flex;align-items:center;gap:6px}.info-panel-body{padding:12px}.image-edit-toolbar{display:flex;align-items:center;gap:4px;flex-wrap:wrap;padding:6px 8px;background:#f4f6fa;border-bottom:1px solid #d0d5dc;font-size:11px}.ie-group{display:flex;align-items:center;gap:3px;padding:0 4px;border-right:1px solid #d0d5dc}.ie-group:last-child{border-right:0}.ie-label{font-size:10px;color:#666;margin-right:3px}.ie-val{font-size:10px;color:#333;min-width:30px;text-align:center}.ie-slider{width:90px;height:14px}.ie-color{width:26px;height:22px;border:1px solid #aaa;cursor:pointer;padding:0}.ie-width{font-size:10px;padding:2px 4px;height:22px}.img-tb-btn-sm.active{background:#2a5f9e!important;color:#fff!important;border-color:#1e4478}.img-tb-group{display:flex;gap:0;border:1px solid #bbb;border-radius:3px;overflow:hidden}.img-tb-group .img-tb-btn-sm{border:0;border-radius:0;border-right:1px solid #bbb}.img-tb-group .img-tb-btn-sm:last-child{border-right:0}.preview-image-area{position:relative;width:100%;min-height:400px;background:#1a1a1a;overflow:hidden;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.image-container{position:relative;display:inline-block;max-width:100%;max-height:100%}.image-container img{max-width:100%;max-height:70vh;transform-origin:center center;transition:filter .1s;pointer-events:none}.annotation-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.upload-file-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.upload-file-chip{display:flex;align-items:center;gap:5px;padding:3px 8px;background:#eef3f9;border:1px solid #b3c7e0;border-radius:12px;font-size:11px}.chip-remove{background:transparent;border:0;cursor:pointer;color:#888;padding:0 2px;font-size:12px;line-height:1}.chip-remove:hover{color:#c00}.drop-overlay{position:fixed;inset:0;background:#2a5f9e1a;backdrop-filter:blur(2px);z-index:9999;display:flex;align-items:center;justify-content:center;pointer-events:none;border:4px dashed #2A5F9E}.drop-overlay-inner{background:#fff;padding:40px 60px;border-radius:8px;box-shadow:0 8px 32px #00000040;text-align:center}.preview-scroll.compare-mode{padding:0}.compare-grid{display:grid;gap:6px;padding:6px;height:100%;background:#1a1a1a;align-content:start}.compare-grid.grid-2{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.compare-grid.grid-4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.compare-empty{grid-column:1 / -1;grid-row:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#aaa}.compare-slot{background:#222;border:1px solid #444;display:flex;flex-direction:column;min-height:200px;overflow:hidden}.compare-slot-header{background:#333;color:#eee;padding:4px 8px;font-size:11px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #555}.compare-slot-header .chip-remove{color:#aaa}.compare-slot-body{flex:1;display:flex;align-items:center;justify-content:center;background:#1a1a1a}.compare-slot-body img{max-width:100%;max-height:100%;object-fit:contain}.compare-slot-footer{background:#222;color:#aaa;padding:3px 8px;font-size:10px;display:flex;justify-content:space-between;border-top:1px solid #444}.file-item.in-compare{background:#fff3cd!important;border-left:3px solid #d4a017}.file-actions{margin-left:auto}.imaging-bottom-tabs{display:flex;background:var(--od-table-header);border:1px solid var(--od-border);border-top:none;border-radius:0 0 4px 4px;overflow-x:auto;flex-shrink:0}.img-bottom-tab{padding:6px 14px;font-size:12px;cursor:pointer;border-right:1px solid var(--od-border);white-space:nowrap;display:flex;align-items:center;gap:4px;color:var(--od-text-light)}.img-bottom-tab:hover{background:#e0e0e0;color:var(--od-text)}.img-bottom-tab.active{background:#fff;color:var(--od-primary);font-weight:600}@media (max-width: 1024px){.od-sidebar{width:50px}.od-sidebar .nav-link span{display:none}.od-sidebar .nav-link{justify-content:center;padding:8px}.od-sidebar .nav-section-title{display:none}.od-toolbar,.od-main{left:50px}.od-grid-4,.od-grid-3{grid-template-columns:1fr 1fr}.od-stat-card .stat-value{font-size:16px}}@media (max-width: 768px){:root{--sidebar-width: 0px;--toolbar-height: 0px}body{overflow:auto;height:auto}.od-header{position:fixed;height:48px;padding:0 8px;z-index:1060}.od-header .clinic-name{display:none}.od-header .brand{font-size:13px;margin-right:8px}.od-header .header-right{gap:6px}.od-header .user-info span:not(.user-badge){display:none}.od-header .btn-logout span{display:none}.od-sidebar{position:fixed;width:220px;top:48px;left:-220px;bottom:0;z-index:1055;transition:left .3s ease}.od-sidebar.open{left:0}.od-sidebar-overlay{display:none;position:fixed;inset:48px 0 0;background:#0006;z-index:1050}.od-sidebar-overlay.open{display:block}.od-sidebar .nav-link span{display:inline}.od-sidebar .nav-link{justify-content:flex-start;padding:7px 14px}.od-sidebar .nav-section-title{display:block}.od-header .menu-toggle{display:inline-block}.od-toolbar{display:none}.od-main{position:static;margin-top:48px;padding:10px;overflow-y:auto;min-height:calc(100vh - 76px)}.od-statusbar{position:fixed;bottom:0;font-size:9px;padding:0 8px;gap:10px}.od-grid-4,.od-grid-3,.od-grid-2{grid-template-columns:1fr!important}.od-stat-card{padding:10px 14px;gap:10px}.od-stat-card .stat-icon{width:30px;height:30px;font-size:14px}.od-stat-card .stat-value{font-size:16px}.od-stat-card .stat-label{font-size:9px}.od-card{overflow:visible}.od-table{display:block;overflow-x:auto;white-space:nowrap}.od-input,.od-select,.od-textarea{font-size:14px;padding:8px 10px}.od-form-label{font-size:12px}.od-form-group{margin-bottom:12px}.od-btn{padding:8px 14px;font-size:12px}.od-btn-sm{padding:6px 10px;font-size:11px}.od-tabs{overflow-x:auto;flex-wrap:nowrap}.od-tab{white-space:nowrap;padding:8px 12px;font-size:12px}.od-patient-header{flex-direction:column;gap:8px;align-items:flex-start}.od-patient-header .patient-meta{flex-wrap:wrap;gap:6px}.od-main [style*="grid-template-columns: 2fr 1fr"]{display:flex!important;flex-direction:column!important}.od-login-card{width:100%;margin:16px;border-radius:8px}.od-login-header{padding:24px 16px 20px}.od-login-body{padding:20px 16px}.od-pagination{flex-direction:column;gap:6px;padding:8px}.od-modal{min-width:280px;max-width:calc(100vw - 32px);margin:16px}.od-tooth-chart{overflow-x:auto}.od-tooth-row{flex-wrap:nowrap;min-width:540px}.od-tooth{width:28px;height:32px;font-size:8px}.od-appt-grid{overflow-x:auto}.imaging-wrapper{height:auto!important}.imaging-layout{grid-template-columns:1fr!important;height:auto!important}.imaging-tree{max-height:200px;border-right:none;border-bottom:1px solid var(--od-border)}.imaging-files{max-height:300px;border-right:none;border-bottom:1px solid var(--od-border)}.imaging-preview{min-height:300px}.imaging-toolbar,.imaging-toolbar-left{flex-wrap:wrap}.upload-form-row{flex-direction:column}.imaging-bottom-tabs{display:none}.od-menubar{top:48px;height:36px;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;scrollbar-width:none}.od-menubar::-webkit-scrollbar{display:none}.od-menubar .menu-trigger{padding:0 10px;font-size:13px;white-space:nowrap}.od-menubar .menu-dropdown{position:fixed;top:84px;left:8px;right:8px;width:auto;min-width:0;max-width:calc(100vw - 16px);max-height:calc(100vh - 114px);border-radius:4px}.od-menubar .menu-link{padding:10px 16px;font-size:13px}.od-menubar .menu-heading{padding:8px 14px 4px}.od-menubar .menubar-spacer{display:none}.od-menubar .mb-search input{width:130px;font-size:12px}.od-menubar .mb-clinic{display:none}.od-header .tasks-popup{position:fixed;top:52px;left:8px;right:8px;width:auto}.od-header .tasks-badge span:not(.tasks-count){display:none}}@media (max-width: 480px){.od-header{height:44px}.od-header .brand i{font-size:16px}.od-header .user-badge{font-size:9px;padding:1px 4px}.od-main{padding:8px;margin-top:44px}.od-stat-card{padding:8px 10px}.od-stat-card .stat-value{font-size:14px}.od-card-header{font-size:11px;padding:6px 8px}.od-card-body{padding:8px}h4{font-size:13px}.od-btn-group{flex-wrap:wrap}}[ng-view]{animation:fadeIn .15s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f0f0f0}::-webkit-scrollbar-thumb{background:#bbb;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#999}.od-modal-overlay{position:fixed;inset:0;background:#00000080;z-index:2000;display:flex;align-items:center;justify-content:center;animation:fadeIn .15s ease-in}.od-modal{background:#fff;border-radius:8px;box-shadow:0 8px 32px #0000004d;min-width:320px;max-width:480px;overflow:hidden;animation:slideUp .2s ease-out}.od-modal-header{background:var(--od-table-header);padding:10px 16px;font-size:13px;font-weight:700;color:var(--od-primary);display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--od-border)}.od-modal-body{padding:16px;font-size:12px;color:var(--od-text)}.od-modal-footer{padding:10px 16px;display:flex;justify-content:flex-end;gap:6px;border-top:1px solid var(--od-border);background:#fafafa}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.od-toast-container{position:fixed;top:50px;right:16px;z-index:3000;display:flex;flex-direction:column;gap:6px}.od-toast{min-width:280px;padding:10px 16px;border-radius:6px;font-size:12px;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;gap:8px;animation:slideIn .3s ease-out}.od-toast-success{background:#d4edda;border:1px solid #C3E6CB;color:#155724}.od-toast-error{background:#fde8e8;border:1px solid #F5C6CB;color:#842029}.od-toast-info{background:#d1ecf1;border:1px solid #BEE5EB;color:#0c5460}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media print{body{overflow:visible!important;height:auto!important;background:#fff!important}.od-header,.od-sidebar,.od-toolbar,.od-statusbar{display:none!important}.od-main{position:static!important;left:0!important;top:0!important;padding:0!important;overflow:visible!important;background:#fff!important}.od-btn,.od-btn-group,.od-pagination,.od-tabs,.od-modal-overlay,.od-toast-container{display:none!important}.od-card{box-shadow:none!important;border:1px solid #CCC!important;break-inside:avoid}.od-table{font-size:10px!important}.od-table thead th{background:#eee!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.od-stat-card{box-shadow:none!important;border:1px solid #CCC!important}.od-badge{-webkit-print-color-adjust:exact;print-color-adjust:exact}a{color:#333!important;text-decoration:none!important}@page{margin:1cm}}.form-control,.form-select{font-size:14px;padding:8px 12px}.form-label{font-size:13px;font-weight:600;margin-bottom:4px}.btn{font-size:14px;padding:7px 16px}.badge{font-size:12px}.table,.table th{font-size:13px}.card{border-radius:6px}.alert{font-size:13px;padding:10px 14px}.mounts-wrapper{display:flex;flex-direction:column;height:calc(100vh - 110px);background:var(--od-bg, #f5f5f5)}.mount-canvas{position:relative;width:100%;aspect-ratio:16 / 10;background:#1a1a1a;border:1px solid #333;margin:12px auto;max-width:1200px}.mount-canvas.pano{aspect-ratio:16 / 7}.mount-slot{position:absolute;background:#2a2a2a;border:1px dashed #555;overflow:hidden}.mount-slot-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;color:#777;cursor:pointer;transition:background .15s}.mount-slot-empty:hover{background:#3a3a3a;color:#ccc}.mount-slot-empty .slot-num{font-size:10px;margin-top:4px;color:#999}.mount-slot-filled{position:relative;width:100%;height:100%;background:#000}.mount-slot-filled img{width:100%;height:100%;object-fit:contain;transition:transform .15s,filter .15s}.mount-slot-filled .slot-actions{position:absolute;top:2px;right:2px;display:none;gap:2px;z-index:2}.mount-slot-filled:hover .slot-actions{display:flex}.mount-slot-filled .slot-actions .img-tb-btn-sm{background:#000000b3;color:#fff;border:1px solid #555;font-size:11px;padding:2px 6px}.mount-slot-filled .slot-actions .img-tb-btn-sm:hover{background:#2a5f9ee6}.mount-slot-filled .slot-actions .img-tb-btn-sm.active{background:#2a5f9e}.mount-slot-filled .slot-label{position:absolute;bottom:2px;left:4px;font-size:10px;color:#fff;background:#0009;padding:1px 4px;border-radius:2px}.mount-note{margin:12px auto;max-width:1200px;padding:8px 12px;background:#fff8dc;border-left:3px solid #DAA520;font-size:12px;color:#555}.designer-panel{margin-top:12px;padding:12px;background:#f8f8f8;border:1px solid var(--od-border, #ddd);border-radius:4px}.mount-preview{margin-top:8px;max-width:600px}.designer-slot{position:absolute;background:#2a5f9e26;border:1px dashed #2A5F9E;display:flex;align-items:center;justify-content:center;color:#2a5f9e;font-weight:700;font-size:11px}.picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;max-height:50vh;overflow-y:auto}.picker-item{display:flex;flex-direction:column;align-items:center;padding:8px;background:#f5f5f5;border:1px solid transparent;border-radius:4px;cursor:pointer;transition:all .15s;text-align:center}.picker-item:hover{background:#e8f0fb;border-color:#2a5f9e}.picker-item i{color:#666}.picker-name{font-size:11px;font-weight:600;margin-top:4px;word-break:break-word;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.picker-meta{font-size:10px;color:#888;margin-top:2px}.picker-meta span{margin-right:4px}.file-item.multi-selected{background:#d4e4f7!important;border-left:3px solid #2A5F9E}.batch-bar{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#2a5f9e;color:#fff;font-size:12px}.batch-bar button{background:#fff;color:#2a5f9e;border:none;padding:4px 10px;border-radius:3px;cursor:pointer}.batch-bar button:hover{background:#e8f0fb}.dicom-viewer-host{display:flex;flex-direction:column;height:100%;min-height:500px;background:#000}.dicom-viewer-host app-dicom-viewer{flex:1;min-height:0}.dicom-footer{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;background:#1a1a1a;color:#ccc;font-size:11px;border-top:1px solid #333}.dicom-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center;color:#666;background:repeating-linear-gradient(45deg,#222,#222 10px,#2a2a2a 10px 20px);color:#ccc;height:100%;min-height:400px}.dicom-placeholder .dcm-icon{font-size:64px;opacity:.6}.dicom-placeholder h3{color:#f0f0f0;margin:12px 0 8px}.pattern-editor{display:flex;align-items:center;gap:2px;padding:4px;background:#f5f5f5;border:1px solid #ddd;border-radius:3px;min-height:32px;flex-wrap:wrap}.pattern-bar{display:inline-flex;align-items:center;justify-content:center;width:20px;height:24px;border-radius:2px;cursor:pointer;font-weight:700;font-size:11px;color:#fff;-webkit-user-select:none;user-select:none;transition:transform .1s;border:1px solid rgba(0,0,0,.2)}.pattern-bar:hover{transform:scale(1.1)}.pat-provider{background:#1976d2}.pat-assistant{background:#90caf9;color:#0d47a1}.pat-xray{background:#fdd835;color:#333}.pat-empty{background:transparent;border:1px dashed #bbb;color:#999}.recurring-block{background:#fff8e1;border:1px solid #FFB74D;border-radius:3px;padding:8px;margin-top:4px}.proc-chip-row{display:flex;align-items:center;gap:6px;padding:3px 6px;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;margin-bottom:2px;font-size:11px}.proc-chip-row code{background:#e3f2fd;padding:1px 4px;border-radius:2px;color:#0d47a1;font-weight:700}.category-manage-row{display:flex;align-items:center;gap:8px;padding:6px 10px;border-bottom:1px solid #eee}.category-manage-row:hover{background:#f8f8f8}.category-manage-row input{flex:1}.category-manage-row .badge-system{font-size:10px;padding:2px 6px;background:#ccc;border-radius:3px;color:#555}.category-manage-row .badge-portal{font-size:10px;padding:2px 6px;background:#2a5f9e;color:#fff;border-radius:3px}