312 lines
6.3 KiB
CSS
312 lines
6.3 KiB
CSS
.laudo-wrap {
|
|
display:flex;
|
|
gap:24px;
|
|
padding:18px;
|
|
font-family: Inter, Roboto, Arial, sans-serif;
|
|
}
|
|
.left-col {
|
|
width: 100%;
|
|
max-width: 1160px;
|
|
background:#ffffff;
|
|
border-radius:8px;
|
|
padding:18px;
|
|
box-shadow: 0 1px 0 rgba(0,0,0,0.03);
|
|
}
|
|
.title-row {
|
|
display:flex;
|
|
justify-content:space-between;
|
|
align-items:center;
|
|
margin-bottom:12px;
|
|
}
|
|
.page-title {
|
|
font-size:20px;
|
|
color:#2b4a78;
|
|
font-weight:700;
|
|
}
|
|
.laudo-row {
|
|
display:flex;
|
|
padding:14px 12px;
|
|
align-items:center;
|
|
border-bottom:1px solid #eef3f8;
|
|
position:relative;
|
|
overflow:visible;
|
|
background: transparent;
|
|
}
|
|
.col {
|
|
flex:1;
|
|
padding:0 8px;
|
|
font-size:14px;
|
|
color:#2e3a4b;
|
|
}
|
|
.col.small {
|
|
flex: 0 0 90px;
|
|
text-align: right;
|
|
}
|
|
.row-actions {
|
|
position: relative;
|
|
flex: 0 0 88px;
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
}
|
|
|
|
.action-btn {
|
|
background: transparent;
|
|
border: 1px solid #d7e6fb;
|
|
border-radius: 8px;
|
|
height: 40px;
|
|
width: 40px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.dropdown {
|
|
position: absolute;
|
|
right: 0;
|
|
top: 48px;
|
|
background: white;
|
|
border-radius: 8px;
|
|
box-shadow: 0 10px 30px rgba(20,30,50,0.12);
|
|
min-width: 220px;
|
|
padding: 8px 0;
|
|
z-index: 9999;
|
|
}
|
|
|
|
.dropdown .item {
|
|
padding: 12px 18px;
|
|
cursor: pointer;
|
|
font-size: 15px;
|
|
color: #244056;
|
|
}
|
|
|
|
.dropdown .item:hover {
|
|
background: #f6fbff;
|
|
}
|
|
|
|
.viewer-modal,
|
|
.preview-modal,
|
|
.confirm-modal {
|
|
position: fixed;
|
|
inset: 0;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
z-index: 12000;
|
|
pointer-events: none;
|
|
} /* deixar pointer-events none para que não bloqueie por padrão */
|
|
|
|
.modal-backdrop {
|
|
position: absolute;
|
|
inset: 0;
|
|
background: rgba(9,20,40,0.45);
|
|
pointer-events: auto;
|
|
} /* usado apenas quando necessário */
|
|
|
|
.modal-card {
|
|
position: relative;
|
|
width: 92%;
|
|
max-width: 1100px;
|
|
background: white;
|
|
border-radius: 10px;
|
|
padding: 18px;
|
|
box-shadow: 0 10px 60px rgba(10,20,40,0.25);
|
|
max-height: 88vh;
|
|
overflow: auto;
|
|
pointer-events: auto;
|
|
}
|
|
|
|
.viewer-header {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: flex-start;
|
|
gap: 10px;
|
|
margin-bottom: 12px;
|
|
}
|
|
|
|
.patient-info {
|
|
font-size: 13px;
|
|
color: #3a556b;
|
|
}
|
|
|
|
.toolbar {
|
|
display: flex;
|
|
gap: 8px;
|
|
align-items: center;
|
|
flex-wrap: wrap;
|
|
margin-bottom: 12px;
|
|
}
|
|
|
|
.tool-btn {
|
|
padding: 8px 10px;
|
|
border-radius: 6px;
|
|
border: 1px solid #e6eef8;
|
|
cursor: pointer;
|
|
background: #fff;
|
|
font-size: 13px;
|
|
}
|
|
|
|
.editor-area {
|
|
border: 1px solid #e6eef8;
|
|
border-radius: 8px;
|
|
padding: 14px;
|
|
min-height: 360px;
|
|
background: #fff;
|
|
color: #1f2d3d;
|
|
font-size: 15px;
|
|
line-height: 1.5;
|
|
}
|
|
|
|
.footer-controls {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
margin-top: 12px;
|
|
}
|
|
|
|
.toggle {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 8px;
|
|
}
|
|
|
|
.btn {
|
|
padding: 8px 12px;
|
|
border-radius: 8px;
|
|
border: none;
|
|
cursor: pointer;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.btn.secondary {
|
|
background: #eef6ff;
|
|
color: #2f63a6;
|
|
border: 1px solid #d6e9ff;
|
|
}
|
|
|
|
.btn.primary {
|
|
background: #2f63a6;
|
|
color: white;
|
|
}
|
|
|
|
.small-muted {
|
|
color: #7f95a8;
|
|
font-size: 13px;
|
|
}
|
|
|
|
.empty {
|
|
padding: 40px;
|
|
text-align: center;
|
|
color: #7d97b4;
|
|
}
|
|
|
|
/* notificação simples (centralizada) */
|
|
.notice-card { position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); background:#fff; border-radius:8px; padding:14px 18px; box-shadow:0 8px 30px rgba(10,20,40,0.12); z-index:13000; pointer-events:auto; max-width:720px; }
|
|
|
|
/* Dark mode styles remain as you have them */
|
|
html[data-bs-theme="dark"] {
|
|
background: #181818 !important;
|
|
color: #e0e0e0 !important;
|
|
}
|
|
|
|
html[data-bs-theme="dark"] .laudo-wrap {
|
|
background: transparent !important;
|
|
}
|
|
|
|
html[data-bs-theme="dark"] .left-col {
|
|
background: #232323 !important;
|
|
box-shadow: 0 1px 0 rgba(0,0,0,0.08) !important;
|
|
border-radius: 8px !important;
|
|
}
|
|
|
|
html[data-bs-theme="dark"] .title-row {
|
|
border-bottom: 1px solid #333 !important;
|
|
}
|
|
|
|
html[data-bs-theme="dark"] .page-title {
|
|
color: #90caf9 !important;
|
|
}
|
|
|
|
html[data-bs-theme="dark"] .laudo-row {
|
|
background: transparent !important;
|
|
border-bottom: 1px solid #333 !important;
|
|
}
|
|
|
|
html[data-bs-theme="dark"] .col {
|
|
color: #e0e0e0 !important;
|
|
}
|
|
|
|
html[data-bs-theme="dark"] .col.small {
|
|
color: #90caf9 !important;
|
|
}
|
|
|
|
html[data-bs-theme="dark"] .action-btn {
|
|
background: transparent !important;
|
|
border: 1px solid #e0e0e0 !important;
|
|
color: #e0e0e0 !important;
|
|
}
|
|
|
|
html[data-bs-theme="dark"] .dropdown {
|
|
background: #232323 !important;
|
|
box-shadow: 0 10px 30px rgba(20,30,50,0.32) !important;
|
|
color: #e0e0e0 !important;
|
|
}
|
|
|
|
html[data-bs-theme="dark"] .dropdown .item {
|
|
color: #90caf9 !important;
|
|
}
|
|
|
|
html[data-bs-theme="dark"] .dropdown .item:hover {
|
|
background: #2c3642 !important;
|
|
}
|
|
|
|
html[data-bs-theme="dark"] .modal-backdrop {
|
|
background: rgba(9,20,40,0.65) !important;
|
|
}
|
|
|
|
html[data-bs-theme="dark"] .modal-card {
|
|
background: #232323 !important;
|
|
color: #e0e0e0 !important;
|
|
box-shadow: 0 10px 60px rgba(10,20,40,0.45) !important;
|
|
}
|
|
|
|
html[data-bs-theme="dark"] .patient-info {
|
|
color: #90caf9 !important;
|
|
}
|
|
|
|
html[data-bs-theme="dark"] .tool-btn {
|
|
background: #232323 !important;
|
|
border: 1px solid #333 !important;
|
|
color: #e0e0e0 !important;
|
|
}
|
|
|
|
html[data-bs-theme="dark"] .editor-area {
|
|
background: #232323 !important;
|
|
color: #e0e0e0 !important;
|
|
border: 1px solid #333 !important;
|
|
}
|
|
|
|
html[data-bs-theme="dark"] .btn.secondary {
|
|
background: #232323 !important;
|
|
color: #90caf9 !important;
|
|
border: 1px solid #333 !important;
|
|
}
|
|
|
|
html[data-bs-theme="dark"] .btn.primary {
|
|
background: #1976d2 !important;
|
|
color: #fff !important;
|
|
}
|
|
|
|
html[data-bs-theme="dark"] .small-muted {
|
|
color: #7f95a8 !important;
|
|
}
|
|
|
|
html[data-bs-theme="dark"] .empty {
|
|
color: #7d97b4 !important;
|
|
}
|
|
|
|
html[data-bs-theme="dark"] .notice-card {
|
|
background: #232323 !important;
|
|
color: #e0e0e0 !important;
|
|
box-shadow: 0 8px 30px rgba(10,20,40,0.32) !important;
|
|
} |