/* WartungsCP V62.1 – reusable calm industrial components */
.ci-panel,
.panel,
.card,
.i62-module,
.i62-panel,
.wd-control-panel,
.wd-work-console,
.wd-history-console,
.wd-critical-console {
  position:relative;
  border:1px solid var(--ci-border)!important;
  border-radius:var(--ci-radius-lg)!important;
  clip-path:none!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.025),transparent 18%),
    var(--ci-surface)!important;
  box-shadow:var(--ci-inset),var(--ci-shadow-sm)!important;
  overflow:hidden;
}
.ci-panel::before,
.panel::before,
.card::before,
.i62-module::before,
.i62-panel::before{
  content:"";
  position:absolute;
  top:0;
  left:20px;
  right:20px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(121,174,232,.30),transparent);
  pointer-events:none;
}
.i62-module::after,.i62-panel::after,.card::after,.panel::after{display:none!important}

.ci-panel-head,.i62-module-head,.wd-panel-header,.wd-control-heading{
  min-height:64px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:15px 18px!important;
  border-bottom:1px solid var(--ci-divider)!important;
  background:rgba(255,255,255,.012)!important;
}
.ci-panel-head h2,.ci-panel-head h3,.wd-panel-heading h2,.wd-control-heading h2{margin:0;font-size:20px;letter-spacing:-.02em}
.ci-panel-head p,.wd-panel-heading p{margin:4px 0 0;color:var(--ci-muted)!important;font-size:13px!important}

.i62-eyebrow,.ci-eyebrow,.wd-overline,.dashboard-winter-code,.wd-panel-code,.i62-tech-label{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:var(--ci-info)!important;
  font-size:11px!important;
  font-weight:700!important;
  letter-spacing:.075em!important;
  text-transform:uppercase;
}
.i62-eyebrow::before,.ci-eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ci-success);box-shadow:0 0 0 4px rgba(67,199,149,.09)}

/* Calm HD button system */
.i62-btn,
.ci-btn,
.btn,
.wd-industrial-btn,
.searchbar button,
.login-open,
.search-form button,
.login-form button,
.button-link,
.wd-text-action,
.wd-op-btn,
.wd-action-detail {
  --btn-bg:#17293c;
  --btn-bg-hover:#1b3148;
  --btn-border:rgba(151,183,217,.24);
  --btn-text:#eaf2fb;
  min-height:var(--ci-control-h);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 16px;
  border:1px solid var(--btn-border)!important;
  border-radius:var(--ci-radius-sm)!important;
  clip-path:none!important;
  background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 40%),var(--btn-bg)!important;
  box-shadow:var(--ci-inset),var(--ci-shadow-xs)!important;
  color:var(--btn-text)!important;
  font-family:var(--ci-font)!important;
  font-size:13px!important;
  font-weight:700!important;
  letter-spacing:0!important;
  text-shadow:none!important;
  text-decoration:none!important;
  cursor:pointer;
  transition:background var(--ci-transition),border-color var(--ci-transition),box-shadow var(--ci-transition),transform var(--ci-transition),color var(--ci-transition);
}
.i62-btn::before,.i62-btn::after,.btn::before,.btn::after,.wd-industrial-btn::before,.wd-industrial-btn::after,.searchbar button::before,.searchbar button::after,.login-open::before,.login-open::after,.search-form button::before,.search-form button::after,.login-form button::before,.login-form button::after,.button-link::before,.button-link::after{display:none!important}
.i62-btn:hover,.ci-btn:hover,.btn:hover,.wd-industrial-btn:hover,.searchbar button:hover,.login-open:hover,.search-form button:hover,.login-form button:hover,.button-link:hover,.wd-text-action:hover,.wd-op-btn:hover,.wd-action-detail:hover{
  transform:translateY(-1px);
  background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 42%),var(--btn-bg-hover)!important;
  border-color:rgba(151,190,229,.38)!important;
  box-shadow:var(--ci-inset),0 8px 18px rgba(0,0,0,.20)!important;
  filter:none!important;
}
.i62-btn:active,.ci-btn:active,.btn:active,.wd-industrial-btn:active,.searchbar button:active,.login-open:active,.search-form button:active,.login-form button:active,.button-link:active,.wd-text-action:active,.wd-op-btn:active,.wd-action-detail:active{
  transform:translateY(0);
  box-shadow:inset 0 2px 5px rgba(0,0,0,.28)!important;
}
.i62-btn:focus-visible,.ci-btn:focus-visible,.btn:focus-visible,.wd-industrial-btn:focus-visible,.searchbar button:focus-visible,.login-open:focus-visible,.search-form button:focus-visible,.login-form button:focus-visible,.button-link:focus-visible{outline:2px solid rgba(121,174,232,.85);outline-offset:2px}
.i62-btn:disabled,.ci-btn:disabled,.btn:disabled,.wd-industrial-btn:disabled{opacity:.44;cursor:not-allowed;transform:none;filter:saturate(.35)}
.i62-btn .material-symbols-rounded,.ci-btn .material-symbols-rounded,.btn .material-symbols-rounded,.wd-industrial-btn .material-symbols-rounded{font-size:18px}

.i62-btn-primary,.ci-btn-primary,.wd-btn-primary,.searchbar button,.login-open,.login-form button{
  --btn-bg:#2e79cf;
  --btn-bg-hover:#3788df;
  --btn-border:rgba(122,183,244,.68);
  --btn-text:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 7px 16px rgba(24,91,165,.22)!important;
}
.i62-btn-success,.ci-btn-success,.btn.success,.wd-btn-success{
  --btn-bg:#287f65;
  --btn-bg-hover:#309173;
  --btn-border:rgba(87,205,164,.50);
  --btn-text:#f1fff9;
}
.i62-btn-warning,.ci-btn-warning,.btn.warning{
  --btn-bg:#80602c;
  --btn-bg-hover:#957037;
  --btn-border:rgba(232,173,85,.52);
  --btn-text:#fff8eb;
}
.i62-btn-danger,.ci-btn-danger,.btn.danger{
  --btn-bg:#7c3541;
  --btn-bg-hover:#91404e;
  --btn-border:rgba(233,107,120,.50);
  --btn-text:#fff4f5;
}
.i62-btn-secondary,.ci-btn-secondary,.btn.secondary,.wd-btn-secondary{--btn-bg:#17293c;--btn-bg-hover:#1d344b}
.i62-btn-ghost,.ci-btn-ghost,.wd-btn-ghost,.wd-text-action{--btn-bg:transparent;--btn-bg-hover:rgba(121,174,232,.075);--btn-border:rgba(151,183,217,.18);--btn-text:var(--ci-text-soft);box-shadow:none!important}
.i62-btn-large,.ci-btn-large{min-height:50px;padding:0 20px;font-size:14px!important}
.i62-btn-compact,.ci-btn-compact{min-height:34px;padding:0 11px;font-size:12px!important}
.i62-btn-icon,.ci-btn-icon{width:42px;padding:0!important}

/* form controls */
.i62-field,label.i62-field,.ci-field,label.ci-field,.wd-field{display:grid;gap:7px}
.i62-field>span,label.i62-field>span,.ci-field>span,label.ci-field>span,.wd-field>span{
  color:var(--ci-muted)!important;
  font-size:12px!important;
  font-weight:650!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
.i62-control,.i62-field input,.i62-field select,.i62-field textarea,.ci-control,.ci-field input,.ci-field select,.ci-field textarea,input:not([type="checkbox"]):not([type="radio"]),select,textarea{
  min-height:var(--ci-control-h);
  width:100%;
  padding:10px 13px!important;
  border:1px solid var(--ci-border-strong)!important;
  border-radius:var(--ci-radius-sm)!important;
  clip-path:none!important;
  background:rgba(5,13,22,.62)!important;
  color:var(--ci-text)!important;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.18)!important;
  transition:border-color var(--ci-transition),background var(--ci-transition),box-shadow var(--ci-transition);
}
input::placeholder,textarea::placeholder{color:#61768d;opacity:1}
.i62-control:hover,.i62-field input:hover,.i62-field select:hover,.i62-field textarea:hover,.ci-control:hover,.ci-field input:hover,.ci-field select:hover,.ci-field textarea:hover,input:hover,select:hover,textarea:hover{border-color:rgba(151,190,229,.36)!important}
.i62-control:focus,.i62-field input:focus,.i62-field select:focus,.i62-field textarea:focus,.ci-control:focus,.ci-field input:focus,.ci-field select:focus,.ci-field textarea:focus,input:focus,select:focus,textarea:focus{
  outline:none!important;
  border-color:rgba(104,170,238,.74)!important;
  background:rgba(7,17,29,.82)!important;
  box-shadow:0 0 0 3px rgba(79,156,249,.12)!important;
}
textarea{min-height:120px}
input[type="checkbox"],input[type="radio"]{accent-color:var(--ci-primary)}

/* statuses */
.i62-status,.status-badge,.badge,.wd-priority-chip,.wd-status-chip,.wd-safety-chip{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:27px;
  padding:0 9px!important;
  border:1px solid var(--ci-border-strong)!important;
  border-radius:999px!important;
  clip-path:none!important;
  background:rgba(255,255,255,.035)!important;
  color:var(--ci-text-soft)!important;
  font-size:11px!important;
  font-weight:700!important;
  letter-spacing:0!important;
  text-transform:none!important;
  box-shadow:none!important;
}
.status-offen,.wd-status-open,.wd-priority-critical,.wd-safety-fire{background:var(--ci-danger-soft)!important;border-color:rgba(233,107,120,.30)!important;color:#ffc9cf!important}
.status-arbeit,.wd-status-progress,.badge-warning{background:var(--ci-warning-soft)!important;border-color:rgba(232,173,85,.30)!important;color:#f7d9a7!important}
.status-erledigt,.wd-status-done,.badge-success{background:var(--ci-success-soft)!important;border-color:rgba(67,199,149,.30)!important;color:#c8f3e3!important}
.status-info,.badge-info{background:var(--ci-primary-soft)!important;border-color:rgba(79,156,249,.28)!important;color:#cfe5ff!important}
.status-standard,.status-archiv{background:rgba(142,161,182,.08)!important;border-color:rgba(142,161,182,.20)!important;color:#ccd7e2!important}

/* common lists */
.touch-list{display:grid;gap:8px!important}
.touch-item,.list-row{
  border:1px solid var(--ci-divider)!important;
  border-radius:var(--ci-radius-md)!important;
  clip-path:none!important;
  background:rgba(255,255,255,.018)!important;
  box-shadow:none!important;
  transition:background var(--ci-transition),border-color var(--ci-transition),transform var(--ci-transition);
}
.touch-item:hover,.list-row:hover{transform:none!important;background:rgba(79,156,249,.045)!important;border-color:rgba(121,174,232,.24)!important}
.touch-item-title{font-size:16px!important;line-height:1.3!important;letter-spacing:-.01em}
.touch-item-meta{color:var(--ci-muted)!important;font-size:13px!important}
.empty-state,.wd-empty-state,.wd-empty-inline{
  border:1px dashed var(--ci-border-strong)!important;
  border-radius:var(--ci-radius-md)!important;
  background:rgba(255,255,255,.018)!important;
  color:var(--ci-muted)!important;
}