/* ══════════════════════════════════════════════════════════════
   TERAGEST DEV — Forms (Create Service, SMS, etc.)
   ══════════════════════════════════════════════════════════════ */

.form-panel {
  flex: 1; overflow-y: auto; padding: 16px; display: flex; flex-direction: column; gap: 12px;
}
.form-section {
  background: var(--surface); border: 1px solid var(--border); border-radius: 10px;
  padding: 14px; display: flex; flex-direction: column; gap: 10px;
}
.form-section-title {
  font-family: var(--mono); font-size: 10px; font-weight: 600; color: var(--accent);
  text-transform: uppercase; letter-spacing: .4px; margin-bottom: 2px;
  display: flex; align-items: center; gap: 6px;
}
.form-row { display: flex; gap: 10px; }
.form-row > .field { flex: 1; }
.form-actions {
  display: flex; gap: 8px; justify-content: flex-end; padding: 12px 16px;
  border-top: 1px solid var(--border); flex-shrink: 0;
}

/* SMS module */
.sms-history {
  flex: 1; overflow-y: auto; display: flex; flex-direction: column; gap: 6px; padding: 10px;
}
.sms-item {
  padding: 10px; border: 1px solid var(--border); border-radius: 8px;
  background: var(--surface); font-family: var(--mono); font-size: 10px;
}
.sms-item .sms-to { color: var(--accent); font-weight: 600; }
.sms-item .sms-date { color: var(--text3); font-size: 9px; }
.sms-item .sms-text { color: var(--text); margin-top: 4px; }
.sms-item .sms-type { display: inline-flex; padding: 1px 6px; border-radius: 8px; font-size: 8px; font-weight: 600; }
.sms-type-rec { background: rgba(37,99,235,.1); color: var(--accent); }
.sms-type-ent { background: rgba(5,150,105,.1); color: var(--accent4); }

/* Stats module */
.stats-grid {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 10px; padding: 16px;
}
.stat-card {
  background: var(--surface); border: 1px solid var(--border); border-radius: 10px;
  padding: 14px; text-align: center; transition: all .15s;
}
.stat-card:hover { border-color: var(--accent); box-shadow: var(--sh-acc); }
.stat-number { font-family: var(--mono); font-size: 28px; font-weight: 700; color: var(--text); }
.stat-label { font-family: var(--mono); font-size: 9px; color: var(--text3); text-transform: uppercase; letter-spacing: .4px; margin-top: 4px; }
.stat-icon { font-size: 20px; margin-bottom: 6px; }

/* Company selector */
.company-list {
  display: flex; flex-direction: column; gap: 8px; padding: 16px;
}
.company-card {
  padding: 14px; border: 1px solid var(--border); border-radius: 10px;
  background: var(--surface); cursor: pointer; transition: all .15s;
  display: flex; align-items: center; gap: 12px;
}
.company-card:hover { border-color: var(--accent); background: rgba(37,99,235,.04); }
.company-card.active { border-color: var(--accent); background: rgba(37,99,235,.08); box-shadow: var(--sh-acc); }
.company-icon {
  width: 40px; height: 40px; border-radius: 10px; background: var(--grad);
  display: flex; align-items: center; justify-content: center; color: #fff;
  font-size: 18px; font-weight: 700; flex-shrink: 0;
}
.company-name { font-family: var(--mono); font-size: 12px; font-weight: 600; color: var(--text); }
.company-detail { font-family: var(--mono); font-size: 9px; color: var(--text3); margin-top: 2px; }