/* ClipCoffre GNOME Shell extension stylesheet */

/* Icône dans la barre */
.clipcoffre-icon {
  color: #f5f5f5;
}

/* En-têtes */
.clipcoffre-header {
  padding: 8px 12px;
  spacing: 8px;
}

.clipcoffre-title {
  font-weight: bold;
  font-size: 1.1em;
}

.clipcoffre-header-button {
  padding: 4px 8px;
  border-radius: 4px;
}

.clipcoffre-header-button:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

/* Onglets mode unifié */
.clipcoffre-tabs {
  padding: 4px 8px;
  spacing: 4px;
}

.clipcoffre-tab {
  padding: 8px 16px;
  border-radius: 4px;
  font-weight: 500;
}

.clipcoffre-tab:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

.clipcoffre-tab-active {
  background-color: rgba(255, 255, 255, 0.2);
}

.clipcoffre-tabs-header {
  padding: 8px 12px;
  spacing: 8px;
}

.clipcoffre-back-btn {
  padding: 4px 8px;
  border-radius: 4px;
}

.clipcoffre-back-btn:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

/* Lignes de secrets */
.clipcoffre-secret-row {
  padding: 4px 8px;
  spacing: 8px;
}

.clipcoffre-col {
  spacing: 4px;
}

.clipcoffre-col-label {
  min-width: 80px;
}

.clipcoffre-col-user {
  min-width: 100px;
}

.clipcoffre-col-pwd {
  min-width: 100px;
}

.clipcoffre-text {
  font-size: 0.95em;
}

.clipcoffre-password {
  font-family: monospace;
}

.clipcoffre-copy-btn,
.clipcoffre-delete-btn,
.clipcoffre-star-btn {
  padding: 4px;
  border-radius: 4px;
}

.clipcoffre-copy-btn:hover,
.clipcoffre-star-btn:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

.clipcoffre-delete-btn:hover {
  background-color: rgba(255, 80, 80, 0.3);
}

/* Formulaire d'ajout */
.clipcoffre-add-form {
  padding: 8px 12px;
  spacing: 8px;
}

.clipcoffre-input {
  padding: 6px 10px;
  border-radius: 4px;
  min-width: 200px;
}

.clipcoffre-form-buttons {
  spacing: 8px;
  padding-top: 4px;
}

/* Boutons génériques */
.clipcoffre-btn {
  padding: 8px 16px;
  border-radius: 4px;
  font-weight: 500;
}

.clipcoffre-btn-save {
  background-color: rgba(60, 180, 100, 0.8);
}

.clipcoffre-btn-save:hover {
  background-color: rgba(60, 180, 100, 1);
}

.clipcoffre-btn-cancel {
  background-color: rgba(120, 120, 120, 0.6);
}

.clipcoffre-btn-cancel:hover {
  background-color: rgba(120, 120, 120, 0.8);
}

/* Clipboard */
.clipcoffre-clipboard-row {
  padding: 4px 8px;
  spacing: 8px;
}

.clipcoffre-clipboard-text {
  font-size: 0.95em;
}

.clipcoffre-section-label {
  font-weight: bold;
  font-size: 0.9em;
  color: rgba(255, 255, 255, 0.7);
  padding: 4px 12px;
}

/* Messages vides */
.clipcoffre-empty {
  font-style: italic;
  color: rgba(255, 255, 255, 0.5);
}

/* Settings */
.clipcoffre-settings-row {
  padding: 8px 12px;
  spacing: 12px;
}

.clipcoffre-settings-label {
  font-size: 0.95em;
}

.clipcoffre-settings-buttons {
  padding: 12px;
  spacing: 8px;
}

/* SpinButton */
.clipcoffre-spin-box {
  spacing: 4px;
}

.clipcoffre-spin-btn {
  padding: 4px 12px;
  border-radius: 4px;
  font-weight: bold;
  min-width: 24px;
}

.clipcoffre-spin-btn:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

.clipcoffre-spin-value {
  padding: 4px 12px;
  min-width: 40px;
  text-align: center;
}

/* Switch */
.clipcoffre-switch {
  padding: 4px 12px;
  border-radius: 12px;
  min-width: 50px;
  text-align: center;
}

.clipcoffre-switch-on {
  background-color: rgba(60, 180, 100, 0.8);
}

.clipcoffre-switch-off {
  background-color: rgba(120, 120, 120, 0.6);
}

/* Combo buttons */
.clipcoffre-combo-box {
  spacing: 4px;
}

.clipcoffre-combo-btn {
  padding: 6px 12px;
  border-radius: 4px;
}

.clipcoffre-combo-btn:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

.clipcoffre-combo-btn-active {
  background-color: rgba(80, 140, 220, 0.8);
}

/* Backup */
.clipcoffre-backup-btn {
  color: rgba(255, 255, 255, 0.9);
}

.clipcoffre-backup-btn:hover {
  background-color: rgba(60, 180, 100, 0.3);
}

.clipcoffre-backup-path-input {
  min-width: 280px;
}

/* Sync */
.clipcoffre-sync-btn {
  color: rgba(100, 200, 255, 0.9);
}

.clipcoffre-sync-btn:hover {
  background-color: rgba(100, 200, 255, 0.3);
}