/* STREAMING_CHUNK:Opsætning af base layout og skrifttype */body {font-family: 'Roboto', sans-serif;background-color: #f0f2f5;display: flex;justify-content: center;align-items: center;min-height: 100vh;margin: 0;color: #333;}#app {background: #ffffff;padding: 2.5rem 2rem;border-radius: 16px;box-shadow: 0 8px 24px rgba(0,0,0,0.1), 0 2px 8px rgba(0,0,0,0.05);width: 100%;max-width: 420px;text-align: center;box-sizing: border-box;margin: 1rem;}h1, h3 {color: #202124;margin-top: 0;font-weight: 500;}/* STREAMING_CHUNK:Styling af inputfelter og tekstboks med ikoner */.form-group {position: relative;margin-bottom: 1.25rem;}.input-icon {position: absolute;left: 14px;top: 50%;transform: translateY(-50%);color: #757575;pointer-events: none;}.textarea-icon {top: 14px;transform: none;}input, textarea {width: 100%;padding: 14px 14px 14px 45px;border: 1px solid #dadce0;border-radius: 8px;box-sizing: border-box;font-family: 'Roboto', sans-serif;font-size: 1rem;color: #202124;transition: border-color 0.2s, box-shadow 0.2s;background-color: #fafafa;}textarea {resize: vertical;min-height: 90px;}input:focus, textarea:focus {border-color: #1a73e8;background-color: #fff;box-shadow: 0 0 0 2px rgba(26, 115, 232, 0.2);outline: none;}/* STREAMING_CHUNK:Styling af Material knapper med skygge og hover-effekt */button {display: flex;align-items: center;justify-content: center;gap: 8px;width: 100%;padding: 12px 16px;background-color: #1a73e8;color: white;border: none;border-radius: 8px;cursor: pointer;font-size: 1rem;font-weight: 500;text-transform: uppercase;letter-spacing: 0.5px;margin-bottom: 0.75rem;transition: background-color 0.2s, box-shadow 0.2s, transform 0.1s;box-shadow: 0 2px 4px rgba(0,0,0,0.1);}button:hover:not(:disabled) {background-color: #1557b0;box-shadow: 0 4px 8px rgba(0,0,0,0.2);}button:active:not(:disabled) {transform: translateY(1px);box-shadow: 0 1px 2px rgba(0,0,0,0.1);}button:disabled {opacity: 0.7;cursor: not-allowed;}button.secondary {background-color: #f1f3f4;color: #3c4043;box-shadow: none;}button.secondary:hover {background-color: #e8eaed;}/* STREAMING_CHUNK:Særlige farver til alarm-knapper */.alarm-controls {margin: 2.5rem 0;padding-top: 1.5rem;border-top: 1px solid #e0e0e0;}.alarm-btn {font-size: 1.1rem;font-weight: 700;padding: 16px;margin-bottom: 1rem;border-radius: 12px;}.danger {background-color: #ea4335;}.danger:hover:not(:disabled) {background-color: #c5221f;}.warning {background-color: #fb8c00;}.warning:hover:not(:disabled) {background-color: #e65100;}.message {color: #ea4335;font-size: 0.9rem;margin-top: 1rem;min-height: 1.2rem;}