/* URL versionnée séparément pour invalider le cache PWA des styles de fenêtres. */
.maintenance-context-scrim {
    position: fixed !important;
    z-index: 1000 !important;
    inset: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 18px !important;
    background: rgba(25, 19, 31, .58) !important;
}

.maintenance-context-modal {
    position: relative !important;
    width: min(100%, 440px) !important;
    height: min(680px, calc(100vh - 90px)) !important;
    height: min(680px, calc(100dvh - 90px)) !important;
    overflow: auto !important;
    padding: 22px 18px 18px !important;
    border: 1px solid #e7e2e9 !important;
    border-radius: 20px !important;
    color: #372549 !important;
    background: #fff !important;
    box-shadow: 0 18px 48px rgba(20, 14, 25, .3) !important;
}

.maintenance-context-modal .detail-tool-close {
    position: absolute !important;
    top: 6px !important;
    right: 6px !important;
}

/* Les outils de traitement occupent environ deux tiers de leur ancienne hauteur. */
.detail-tool-panel {
    display: flex !important;
    flex-direction: column !important;
    height: min(450px, calc(100vh - 160px)) !important;
    height: min(450px, calc(100dvh - 160px)) !important;
    max-height: none !important;
}

.detail-tool-panel-note textarea {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    resize: none !important;
}

.detail-tool-panel-signature .signature-canvas {
    flex: 0 0 100px !important;
    height: 100px !important;
    margin-top: 10px !important;
}

.detail-tool-panel-signature { overflow-y: auto !important; }
.signature-tablist { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px; margin:10px 0 4px; padding:4px; border-radius:13px; background:#eeebf0; }
.signature-tab { min-height:38px; border:0; border-radius:10px; color:#655a6a; background:transparent; font:inherit; font-size:.68rem; font-weight:600; cursor:pointer; }
.signature-tab[aria-selected="true"] { color:#372549; background:#fff; box-shadow:0 1px 5px rgba(40,28,48,.12); }
.signature-tab:focus-visible { outline:2px solid #372549; outline-offset:2px; }
.signature-entry { padding:12px 0; }
.signature-entry[hidden] { display:none !important; }
.signature-entry h4 { margin: 0 0 9px; font-size: .75rem; }
.signature-entry .form-field { margin: 0; }
.signature-entry .signature-actions { flex-wrap: wrap; }

.technician-initials {
    color: #B9BA6C !important;
    font-size: .9rem !important;
    font-weight: 600 !important;
    letter-spacing: .04em !important;
}

/* Palette plus calme, alignée sur les cartes et boutons secondaires de l’application. */
.breakdown-button.has-items.tone-violet,
.breakdown-button.has-items.tone-green {
    border-color: rgba(55, 37, 73, .11) !important;
    color: #372549 !important;
    background: #fff !important;
    box-shadow: 0 7px 22px rgba(55, 37, 73, .07) !important;
}

.breakdown-button.has-items.tone-violet .breakdown-icon {
    background: #756b7c !important;
}

.breakdown-button.has-items.tone-green .breakdown-icon {
    background: #756b7c !important;
}

.breakdown-button.has-items .breakdown-count.is-positive {
    border: 1px solid #e4dfe7 !important;
    color: #372549 !important;
    background: #fff !important;
    box-shadow: 0 2px 7px rgba(55, 37, 73, .1) !important;
}

.breakdown-button .breakdown-count.is-zero {
    color: #372549 !important;
    background: #eeeaf0 !important;
}

.breakdown-button.is-selected {
    border-color: #756b7c !important;
    box-shadow: 0 0 0 2px rgba(117, 107, 124, .16), 0 7px 22px rgba(55, 37, 73, .07) !important;
}