/* Shared component styles from design.md */
.ticket-card,
.account-form,
.dashboard-surface,
.payment-summary.ringkasan-card,
.summary-metric-card,
.summary-overall-card,
.payment-card,
.center-card,
.modal,
.package-add-card,
.master-entry-card,
.settings-logo-row{
  border:1px solid var(--design-border);
  background:
    radial-gradient(360px 170px at 100% 0%, rgba(20,184,166,.08), transparent 70%),
    linear-gradient(180deg,var(--design-surface) 0%,var(--design-surface-soft) 100%);
  box-shadow:var(--design-shadow);
}

.account-form,
.dashboard-surface,
.payment-summary.ringkasan-card,
.summary-metric-card,
.summary-overall-card{
  border-radius:var(--design-radius-lg);
}

.account-form-title,
.admin-header h2,
.title-wrap,
.dashboard-section-heading h3,
.summary-metric-title,
.summary-metric-value,
.summary-chart-head strong,
.quick-action strong,
.payment-total{
  color:var(--design-ink);
}

.admin-subtitle,
.summary-metric-meta,
.summary-chart-head span,
.dashboard-section-subtitle,
.quick-action small,
.package-header p,
.settings-help,
.account-form label{
  color:var(--design-muted);
}

.field input,
.field select,
.field textarea,
.account-form input,
.account-form select,
.inventory-toolbar input,
.inventory-toolbar select,
.recent-report-tools input,
.dashboard-period-box input,
.edit-field input,
.edit-field select,
.edit-field textarea{
  min-height:42px;
  border:1px solid var(--design-border);
  border-radius:var(--design-radius-md);
  background:var(--design-input);
  color:var(--design-ink);
}

.field textarea,
.edit-field textarea{
  min-height:76px;
}

.field input:focus,
.field select:focus,
.field textarea:focus,
.account-form input:focus,
.account-form select:focus,
.inventory-toolbar input:focus,
.inventory-toolbar select:focus,
.recent-report-tools input:focus,
.dashboard-period-box input:focus,
.edit-field input:focus,
.edit-field select:focus,
.edit-field textarea:focus{
  border-color:var(--design-primary);
  box-shadow:var(--design-focus);
  outline:none;
}

.submit-btn,
.export-btn,
.btn-print,
.inventory-print-btn{
  border:0;
  border-radius:var(--design-radius-md);
  background:linear-gradient(135deg,var(--design-primary),var(--design-accent));
  color:#fff;
  font-weight:850;
  box-shadow:0 14px 28px -18px rgba(14,165,233,.72);
}

.bulk-delete-btn{
  border-radius:var(--design-radius-md);
  background:linear-gradient(135deg,var(--design-danger),var(--design-danger-dark));
}

.quick-action{
  border-color:var(--design-border);
  background:linear-gradient(180deg,#fff 0%,#FAFEFF 100%);
}

.quick-action:hover{
  border-color:#7DD3FC;
  background:#F0FDFF;
}

.quick-action-icon,
.network-summary-icon,
.summary-metric-icon{
  background:linear-gradient(135deg,var(--design-blue-soft),var(--design-teal-soft));
  color:var(--design-primary-dark);
}

.summary-metric-card{
  grid-template-columns:72px minmax(0,1fr);
  gap:17px;
  border-top:0;
}

.summary-metric-card.blue{border-left:5px solid var(--design-primary);}
.summary-metric-card.amber{border-left:5px solid #22D3EE;}
.summary-metric-card.green{border-left:5px solid var(--design-accent);}

.summary-metric-icon{
  width:66px;
  height:66px;
  flex-basis:66px;
  border-radius:21px;
}

.summary-metric-icon svg{
  width:39px;
  height:39px;
}

.summary-metric-card.green .summary-metric-icon{color:#0F766E;}
.summary-metric-card.amber .summary-metric-icon{color:#0284C7;}

.sidebar-icon{
  background:rgba(125,211,252,.13);
  color:#A5F3FC;
}

.sidebar-item.active .sidebar-icon,
.sidebar-item:hover .sidebar-icon{
  color:#fff;
  background:linear-gradient(135deg,var(--design-primary),var(--design-accent));
}

.inventory-toolbar{
  align-items:stretch;
}

.inventory-toolbar input,
.inventory-toolbar select,
.inventory-toolbar .export-btn,
.inventory-toolbar .file-btn,
.inventory-toolbar .inventory-print-btn{
  height:42px;
  border-radius:var(--design-radius-md);
}

.inventory-toolbar .export-btn,
.inventory-toolbar .file-btn,
.inventory-toolbar .inventory-print-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-width:132px;
  white-space:nowrap;
  font-weight:850;
}

.inventory-toolbar .file-btn{
  border:1px solid rgba(14,165,233,.24);
  background:linear-gradient(135deg,var(--design-blue-soft),var(--design-teal-soft));
  color:var(--design-primary-dark);
  box-shadow:0 12px 24px -18px rgba(14,165,233,.55);
}

.file-btn-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:22px;
  height:22px;
  flex:0 0 22px;
  border-radius:8px;
  background:rgba(255,255,255,.72);
}

.file-btn-icon svg{
  width:16px;
  height:16px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:2.1;
  stroke-linecap:round;
  stroke-linejoin:round;
}

@media(max-width:760px){
  .inventory-toolbar,
  .admin-toolbar,
  .recent-report-tools{
    display:grid;
    grid-template-columns:1fr;
    gap:9px;
  }

  .inventory-toolbar input,
  .inventory-toolbar select,
  .inventory-toolbar button,
  .inventory-toolbar label,
  .admin-toolbar input,
  .admin-toolbar select,
  .admin-toolbar button,
  .admin-toolbar label,
  .recent-report-tools input,
  .recent-report-tools button{
    width:100%;
    min-width:0;
  }
}