#usage-app .usage-module-activation{border-top:3px solid var(--adm-primary,#3c8dbc)}
#usage-app .usage-module-identity{display:flex;align-items:center;gap:10px;min-width:180px}
#usage-app .usage-module-identity img{width:30px;height:30px;object-fit:contain;flex:none}
#usage-app .usage-module-activation td small{display:block;margin-top:4px;max-width:420px}
#usage-app .usage-module-state{font-weight:600}
#usage-app .usage-module-editor{border:1px solid var(--adm-border,#b8c3cc);padding:14px;margin-top:14px;background:var(--adm-surface,#fff)}
#usage-app .usage-module-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#usage-app .usage-module-reason{grid-column:1/-1}
#usage-app .usage-module-fields textarea{min-height:72px;resize:vertical;width:100%}
#usage-app .usage-module-activation .sys-btn-success{background:var(--adm-success,#008b4b);color:#fff;border:1px solid transparent}
#usage-app .usage-module-activation button{min-height:34px}
#usage-app .usage-module-activation :is(button,input,select,textarea):focus-visible{outline:2px solid var(--adm-primary,#3c8dbc);outline-offset:2px}
@media(max-width:640px){
 #usage-app .usage-module-fields{grid-template-columns:1fr}
 #usage-app .usage-module-reason{grid-column:auto}
 #usage-app [data-module-list] :is(table,tbody,tr,td){display:block;width:100%;box-sizing:border-box}
 #usage-app [data-module-list] thead{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}
 #usage-app [data-module-list] tr{border:1px solid var(--adm-border,#b8c3cc);margin:10px 0;padding:8px}
 #usage-app [data-module-list] td{border:0;padding:6px}
 #usage-app [data-module-list] td:nth-child(2)::before{content:'Activation';display:block;font-weight:600;margin-bottom:4px}
 #usage-app [data-module-list] td:nth-child(3)::before{content:'Échéance et dernière intervention';display:block;font-weight:600;margin-bottom:4px}
}
