/* ================================
   APPOINTARO CLEAN UI (SAFE)
   Só melhora aparência
   Não altera layout estrutural
================================ */

.ap-shell{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}


/* -------- CARDS -------- */

.ap-shell .appt-card,
.ap-shell .ap-card,
.ap-shell .appt-res-card,
.ap-shell .orders-card{

  background:#fff;
  border:1px solid #e8e8e8;
  border-radius:14px;

  padding:22px;
  margin-bottom:26px;

  box-shadow:0 2px 6px rgba(0,0,0,0.03);
}


/* -------- HEADINGS -------- */

.ap-shell h2{
  font-size:20px;
  font-weight:600;
  margin-bottom:18px;
}


/* -------- INPUTS -------- */

.ap-shell input,
.ap-shell select,
.ap-shell textarea{

  border:1px solid #e5e7eb;
  border-radius:10px;

  padding:10px 12px;

  font-size:14px;

  background:#fff;

  max-width:100%;
}


/* espaço vertical entre campos */

.ap-shell input,
.ap-shell select,
.ap-shell textarea{
  margin-top:8px;
}


/* -------- BUTTONS -------- */

.ap-shell button,
.ap-shell .button{

  background:#111;
  color:#fff;

  border:none;
  border-radius:10px;

  padding:10px 16px;

  font-size:14px;
  font-weight:500;

  cursor:pointer;

  transition:all .15s ease;
}

.ap-shell button:hover{
  background:#222;
}


/* espaçamento entre botões */

.ap-shell button + button,
.ap-shell .button + .button{
  margin-left:8px;
}


/* -------- ACTION ROW -------- */

.ap-shell .actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:12px;
}


/* -------- MENU ITEM CONTAINER -------- */

.ap-shell .menu-item,
.ap-shell .ap-menu-item{

  border:1px solid #ececec;
  border-radius:12px;

  padding:18px;
  margin-top:16px;

  display:flex;
  gap:18px;
}


/* imagem do prato */

.ap-shell .menu-item img{
  width:100px;
  height:100px;
  object-fit:cover;
  border-radius:10px;
}


/* -------- TABLES -------- */

.ap-shell table{
  width:100%;
  border-collapse:collapse;
}

.ap-shell th{
  text-align:left;
  padding:12px 10px;
  font-size:13px;
  color:#666;
}

.ap-shell td{
  padding:14px 10px;
  border-top:1px solid #f0f0f0;
}

.ap-shell tr:hover{
  background:#fafafa;
}


/* -------- SETTINGS TABLES (MESAS) -------- */

.ap-shell .table-row{

  display:flex;
  gap:12px;

  align-items:center;

  margin-top:10px;
}


/* -------- LABELS -------- */

.ap-shell label{
  font-weight:500;
  display:block;
  margin-bottom:4px;
}


/* -------- GLOBAL SPACING -------- */

.ap-shell section + section{
  margin-top:28px;
}