/* AgroBorong UI (Dashboard/Register) */

/* Layout */
.ab-card{
  background:#fff;
  border:2px solid #ffa500;
  border-radius:18px;
  padding:16px;
  box-shadow:0 6px 18px rgba(0,0,0,.08);
  max-width:980px;
  margin:12px auto;
  overflow:hidden;
}

/* Header band (warna #ffa500) */
.ab-title{
  margin:-16px -16px 14px;
  padding:14px 16px;
  background:#ffa500;
  color:#111;
  font-size:18px;
  font-weight:900;
  text-align:left;
  letter-spacing:.2px;
  border-bottom:2px solid rgba(0,0,0,.08);
}

/* Subtitle */
.ab-subtitle{
  margin:14px 0 10px;
  font-size:14px;
  font-weight:900;
  color:#111;
}

/* Notes */
.ab-note{
  opacity:.95;
  line-height:1.35;
}
.ab-muted{
  opacity:.75;
  font-size:12px;
  text-align:left;
  margin-top:10px;
  line-height:1.35;
}

/* Alerts */
.ab-error{
  background:rgba(255,0,0,.08);
  border:1px solid rgba(255,0,0,.22);
  border-radius:14px;
  padding:12px;
  font-weight:800;
  color:#7a0a0a;
}
.ab-success{
  background:rgba(0,200,83,.10);
  border:1px solid rgba(0,200,83,.22);
  border-radius:14px;
  padding:12px;
  font-weight:900;
  color:#0e5a2a;
}

/* Form */
.ab-form{display:flex;flex-direction:column;gap:10px}
.ab-form label{
  font-weight:900;
  font-size:13px;
  text-align:left;
  color:#111;
}
.ab-form input,
.ab-form textarea{
  width:100%;
  box-sizing:border-box;
  border:2px solid #ffd28a;
  border-radius:14px;
  padding:10px 12px;
  font-size:13px;
  outline:none;
  background:#fffdf8;
  transition:transform .06s ease, border-color .12s ease, box-shadow .12s ease;
}
.ab-form input:focus,
.ab-form textarea:focus{
  border-color:#ffa500;
  box-shadow:0 0 0 3px rgba(255,165,0,.18);
}
.ab-form textarea{resize:vertical; min-height:86px}

/* Button */
.ab-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#ffa500;
  border:0;
  border-radius:14px;
  padding:11px 14px;
  font-weight:950;
  color:#111;
  text-decoration:none;
  cursor:pointer;
  box-shadow:0 6px 16px rgba(255,165,0,.25);
  transition:transform .06s ease, filter .12s ease;
}
.ab-btn:hover{filter:brightness(.98)}
.ab-btn:active{transform:scale(.99)}

/* Chips / summary row */
.ab-row{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin:10px 0 2px;
}
.ab-chip{
  border:1px solid rgba(0,0,0,.12);
  background:linear-gradient(180deg, #fff, #fff8ea);
  border-radius:999px;
  padding:7px 12px;
  font-weight:900;
  font-size:12px;
  color:#111;
  display:inline-flex;
  align-items:center;
  gap:6px;
}

/* Grid info */
.ab-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:8px;
  
  .ab-full{
  grid-column: 1 / -1; /* full width dalam CSS Grid */
  width: 100%;
}

  
}

/* Dashboard header */
.ab-head{
  margin:-16px -16px 14px;
  padding:14px 16px;
  background:#ffa500;
  border-bottom:2px solid rgba(0,0,0,.08);
  position:relative;

  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:8px;
}

.ab-head-title{
  font-size:18px;
  font-weight:900;
  color:#111;
  margin:0;
  line-height:1.15;
}

.ab-head-sub{
  font-size:12px;
  font-weight:800;
  opacity:.85;
  margin-top:4px;
}

/* Badge kekal nampak tapi tidak kacau center */
.ab-head-badge{
  position:absolute;
  right:16px;
  top:50%;
  transform:translateY(-50%);
  border:2px solid rgba(0,0,0,.18);
  background:#fff;
  color:#111;
  font-weight:950;
  padding:6px 10px;
  border-radius:999px;
  font-size:12px;
}




@media (max-width:700px){
  .ab-grid{grid-template-columns:1fr}
}
.ab-grid > div{
  border:1px solid rgba(0,0,0,.08);
  border-radius:14px;
  padding:10px 12px;
  background:#fff;
  text-align:left;
}

/* Table */
.ab-table{
  width:100%;
  border-collapse:collapse;
  overflow:hidden;
  border-radius:14px;
  border:1px solid rgba(0,0,0,.08);
  background:#fff;
}
.ab-table th,
.ab-table td{
  border-bottom:1px solid rgba(0,0,0,.08);
  padding:10px 10px;
  text-align:left;
  font-size:13px;
}
.ab-table thead th{
  background:#fff6e2;
  font-weight:950;
}
.ab-table tbody tr:hover{
  background:rgba(255,165,0,.08);
}

.ab-checkout-block{margin-top:10px}

/* ================================
   AgroBorong – Border Standard
   Semua kotak kecil = 1px #ffa500
   ================================ */

/* Chips / summary */
.ab-chip{
  border:1px solid #ffa500 !important;
}

/* Grid info boxes */
.ab-grid > div{
  border:1px solid #ffa500 !important;
}

/* Alert boxes */
.ab-error,
.ab-success,
/*.ab-note{
  border:1px solid #ffa500 !important;
} */

/* Table wrapper */
.ab-table{
  border:1px solid #ffa500 !important;
}

/* Table header cells */
.ab-table thead th{
  border-bottom:1px solid #ffa500 !important;
}

/* Form inputs */
.ab-form input,
.ab-form textarea{
  border:1px solid #ffa500 !important;
}

/* Checkout / info blocks */
.ab-checkout-block{
  border:1px solid #ffa500;
  border-radius:14px;
  padding:10px;
  background:#fff;
}