.primary:disabled {
  background: #a9bfdc;
  cursor: not-allowed;
}

.publishbar {
  position: sticky;
  top: 12px;
  z-index: 20;
  margin-top: 24px;
  padding: 16px 18px;
  border: 1px solid #cfe0f6;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.97);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  box-shadow: 0 8px 26px rgba(31, 77, 137, 0.09);
}

.publishbar p {
  margin-top: 5px;
  color: #7c8aa5;
  font-size: 13px;
}

.publishbar.dirty {
  border-color: #f4b740;
  background: #fffaf0;
}

.publishbar.dirty #save-state {
  color: #a15c00;
}

.publishbar.published #save-state {
  color: #067647;
}

.info-panel {
  margin-top: 36px;
  padding: 18px;
  border-radius: 12px;
  color: #24518c;
  background: #eaf3ff;
}

.info-panel p {
  margin-top: 6px;
  color: #627897;
}

.spec-table {
  min-width: 1500px;
}

.spec-table input {
  width: 120px;
  padding: 8px;
  border: 1px solid #dce5f2;
  border-radius: 6px;
}

.spec-table input.wide {
  width: 210px;
}

.spec-table input.order {
  width: 78px;
}

.spec-filters{margin-top:18px;padding:16px;background:#fff;border-radius:12px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.spec-filters input,.spec-filters select{height:42px;padding:0 12px;border:1px solid #d9e2f1;border-radius:8px;background:#fff}
.spec-filters #spec-search{margin-left:0;min-width:260px}
.inline-secondary{margin-top:0}
.spec-icon-list{min-width:190px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:8px}
.spec-icon-list span{position:relative;display:inline-flex;height:24px;padding:2px 5px;border:1px solid #d9e8fb;border-radius:5px;background:#f5f9ff}
.spec-icon-list img{height:20px;width:auto;max-width:none}
.spec-icon-list button{position:absolute;right:-6px;top:-8px;width:16px;height:16px;padding:0;border:0;border-radius:50%;background:#f04438;color:#fff;line-height:15px;cursor:pointer}
.spec-icon-upload{width:190px!important}
.spec-table small{display:block;margin-top:4px;color:#7c8aa5;white-space:nowrap}

@media (max-width: 900px) {
  .publishbar {
    top: 8px;
    align-items: flex-start;
    flex-direction: column;
  }
}