Aucun enregistrement
Commencez par ajouter votre premier élément.
════════════════════════════════════════════════ */
.empty-state {
padding: 48px 24px;
text-align: center;
color: var(--text-secondary);
max-width: 420px;
margin: 0 auto;
}
.empty-state-icon {
font-size: 40px;
color: var(--text-secondary);
opacity: 0.5;
margin-bottom: 16px;
display: block;
}
.empty-state-title {
font-size: 16px;
font-weight: 600;
color: var(--text-primary);
margin: 0 0 8px;
}
.empty-state-hint {
font-size: 13px;
color: var(--text-secondary);
margin: 0 0 20px;
line-height: 1.5;
}
.empty-state-action {
margin-top: 4px;
}
.btn, .btn-sm { border-radius: 7px; font-weight: 500; transition: background .15s, border-color .15s; }
.btn-sm { padding: 6px 12px; font-size: 13px; }
.btn-primary { box-shadow: none; }
.btn-outline-primary:hover { box-shadow: none; }
.btn:focus, .form-control:focus, .form-select:focus, .form-check-input:focus {
box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 20%, transparent) !important;
border-color: var(--accent) !important;
}
/* ════════════════════════════════════════════════
Respecte prefers-reduced-motion — a11y
Les utilisateurs avec vestibular disorders ou en mode économie
de batterie désactivent les animations système. On respecte.
════════════════════════════════════════════════ */
@media (prefers-reduced-motion: reduce) {
*,
*::before,
*::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
}
.ms-bar {
display: flex;
align-items: flex-start;
gap: 0;
padding: 20px 0 10px;
overflow-x: auto;
position: relative;
}
.ms-node {
flex: 1 1 0;
min-width: 140px;
text-align: center;
position: relative;
padding: 0 8px;
}
.ms-node::before {
content: '';
position: absolute;
top: 16px;
left: 50%;
right: -50%;
height: 2px;
background: #e2e8f0;
z-index: 0;
}
.ms-node:last-child::before { display: none; }
.ms-circle {
display: inline-flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
border-radius: 50%;
background: linear-gradient(135deg, #00B4D8, #0891b2);
color: #fff;
font-weight: 600;
font-size: 14px;
position: relative;
z-index: 1;
box-shadow: 0 1px 3px rgba(0, 180, 216, 0.25);
}
.ms-label {
font-size: 13px;
font-weight: 500;
color: #0f172a;
margin-top: 10px;
line-height: 1.3;
letter-spacing: -0.005em;
}
.ms-code {
display: block;
font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
font-size: 11px;
color: #64748b;
margin-top: 3px;
}
.ms-desc {
font-size: 11.5px;
color: #64748b;
margin-top: 4px;
line-height: 1.4;
}
.ms-node.ms-done .ms-circle { background: linear-gradient(135deg, #10B981, #059669); box-shadow: 0 1px 3px rgba(16, 185, 129, 0.25); }
.ms-node.ms-active .ms-circle { background: linear-gradient(135deg, #00B4D8, #0891b2); }
.ms-node.ms-todo .ms-circle { background: #e2e8f0; color: #64748b; box-shadow: none; }
.ms-node.ms-done::before { background: #10B981; }
/* ════════════════════════════════════════════════
Print — règles canoniques iManage
Cache le chrome UI, neutralise les positions fixes, formate la page A4.
Les apps peuvent ajouter leurs règles spécifiques dans leur app.css.
════════════════════════════════════════════════ */
@media print {
.navbar,
#notification_box,
#page_header,
#busy_overlay,
.print_toolbar,
.form-actions,
.record_tools,
.session_controls,
.no-print {
display: none !important;
}
body {
background: #fff !important;
color: #000 !important;
padding-top: 0 !important;
font-size: 9pt !important;
}
#page, #page_content {
position: static !important;
overflow: visible !important;
padding: 0 !important;
margin: 0 !important;
background: #fff !important;
}
#requested_content,
#requested_content > div {
background: #fff !important;
padding: 0 !important;
}
table { width: 100%; }
td { vertical-align: top; }
a { text-decoration: none !important; color: #000 !important; }
.card-header { padding: 4px 8px !important; }
.card-body { padding: 0 !important; }
h5 { font-size: 11pt !important; }
.report-header { margin-bottom: 16px; }
.report-header img { width: 140px; }
.report-main-title { margin-top: 8px; }
@page { size: A4 landscape; margin: 15mm; }
}