/* --- Général --- */ body { font-family: 'Segoe UI', Arial, sans-serif; background-color: #f3f4f6; color: #333; margin: 0; padding: 0; display: flex; flex-direction: column; height: 100vh; } .resend-btn { background: transparent; border: none; color: #2563eb; cursor: pointer; font-size: 0.9rem; float: right; } header { background-color: #1f2937; color: white; text-align: center; padding: 1rem; } main { display: flex; flex: 1; gap: 1rem; padding: 1rem; overflow: hidden; } section { background: white; border-radius: 8px; box-shadow: 0 0 6px rgba(0,0,0,0.1); padding: 1rem; overflow-y: auto; } /* --- Appareils --- */ #devices { flex: 1; } #deviceList { padding: 0; margin: 0; } #deviceList li { list-style: none; padding: 8px; border-bottom: 1px solid #ddd; cursor: pointer; } #deviceList li:hover { background-color: #e8f0fe; } /* --- Actions --- */ #actions { flex: 1.5; display: flex; flex-direction: column; } .interface-item { border-bottom: 1px solid #eee; padding: 0.5rem 0; } .interface-item input { padding: 4px; margin-right: 4px; border: 1px solid #ccc; border-radius: 4px; } button { background-color: #2563eb; color: white; border: none; padding: 6px 10px; border-radius: 4px; cursor: pointer;} /* --- Historique --- */ #history { background: #f9fafb; border: 1px solid #ddd; border-radius: 6px; padding: 0.5rem; margin-top: 0.5rem; flex: 1; overflow-y: auto; font-size: 0.9rem; } .history-item { padding: 0.4rem 0.5rem; border-bottom: 1px solid #eee; } .history-item.success { color: green; } .history-item.error { color: red; } /* --- Valeurs --- */ #values { flex: 2; } #valueTable { width: 100%; border-collapse: collapse; } #valueTable th, #valueTable td { border-bottom: 1px solid #ddd; padding: 8px 10px; text-align: left; } #valueTable th { background-color: #2563eb; color: white; position: sticky; top: 0; } #valueTable tr:hover { background-color: #f9fafb; }