body.store-page { padding: 0; }
.devices-container { max-width: 1280px; margin: 0 auto; padding: 60px 6vw; }
.devices-container h1 { font-family: Georgia, "Times New Roman", serif; font-size: 38px; font-weight: 400; margin-bottom: 8px; }
.devices-container > p { color: #596164; line-height: 1.7; margin-bottom: 35px; }
.devices-section { margin-bottom: 50px; }
.devices-section-title { font-size: 18px; font-weight: 600; color: #17202a; margin-bottom: 20px; }
.devices-register-area { display: flex;}
.device-form-box { background: #fff; border: 1px solid #dfe1df; padding: 25px; margin-bottom: 25px; }
.device-form-box h3 { font-size: 16px; font-weight: 600; margin-bottom: 15px; }
.device-form-box p { color: #596164; font-size: 13px; line-height: 1.6; margin-bottom: 15px; }
.device-form-row { display: flex; gap: 12px; align-items: flex-end; }
.device-form-row .form-grid { flex: 1; margin: 0; }
.device-form-row .store-button { flex-shrink: 0; }
.device-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 25px; }
.device-item { background: #fff; border: 1px solid #dfe1df; padding: 25px; }
.device-item-header { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 18px; }
.device-item h3 { font-size: 18px; font-weight: 600; color: #17202a; margin-bottom: 4px; }
.device-item .device-id { font-size: 12px; color: #999; font-family: monospace; }
.device-status { display: inline-block; padding: 4px 10px; border-radius: 12px; font-size: 12px; font-weight: 600; }
.device-status.online { background: #e8f5e9; color: #2e7d32; }
.device-status.offline { background: #f5f5f5; color: #999; }
.device-control { margin-bottom: 20px; }
.device-control-title { font-size: 13px; font-weight: 600; color: #17202a; margin-bottom: 10px; }
.device-control-buttons { display: flex; gap: 10px; flex-wrap: wrap; }
.device-rename { display: flex; gap: 8px; align-items: center; margin-bottom: 20px; }
.device-rename input { flex: 1; padding: 9px; border: 1px solid #aeb4b3; font-size: 13px; }
.device-rename .store-button { padding: 9px 15px; }
.color-palette { display: flex; gap: 8px; flex-wrap: wrap; }
.color-swatch { width: 32px; height: 32px; border-radius: 4px; border: 2px solid transparent; cursor: pointer; transition: all 0.2s; }
.color-swatch:hover { transform: scale(1.1); }
.color-swatch.active { border-color: #17202a; }
.device-status-msg { padding: 10px; border-radius: 3px; font-size: 13px; margin-top: 12px; display: none; }
.device-status-msg.show { display: block; }
.device-status-msg.success { background: #e8f5e9; color: #2e7d32; }
.device-status-msg.error { background: #fce4ec; color: #c2185b; }
.empty-devices { background: #fff; border: 1px solid #dfe1df; padding: 40px; text-align: center; color: #596164; }
.empty-devices p { margin-bottom: 8px; }
.countdown { font-size: 36px; font-weight: 600; color: #17202a; text-align: center; margin: 15px 0; }
.store-button.sm { padding: 9px 15px; font-size: 13px; }
.store-button.success { background: #43a047; color: white; border-color: #43a047; }
@media (max-width: 800px) {
    .device-grid { grid-template-columns: 1fr; }
    .device-form-row { flex-direction: column; align-items: stretch; }
    .device-form-row .store-button { width: 100%; }
}