/* Paleta: preto, branco e verde #77866a (derivada da imagem) */
:root{
  --cross-green:#77866a;
  --cross-black:#000000;
  --cross-white:#ffffff;
  --cross-muted:#f2f2f2;
}

.cross-form{max-width:940px;margin:1rem auto;background:var(--cross-white);padding:24px;border-radius:18px;box-shadow:0 8px 24px rgba(0,0,0,.08);border:1px solid #e9e9e9}
.cross-form .cross-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.cross-form label{display:flex;flex-direction:column;font-weight:600;font-size:14px;color:#222}
.cross-form input,.cross-form textarea{margin-top:8px;border:1px solid #d9d9d9;border-radius:12px;padding:12px 14px;font-size:15px;outline:none;background:#fff}
.cross-form input:focus,.cross-form textarea:focus{border-color:var(--cross-green);box-shadow:0 0 0 4px rgba(119,134,106,.12)}
.cross-btn{margin-top:16px;background:var(--cross-green);color:#fff;border:none;padding:14px 18px;border-radius:14px;font-weight:700;cursor:pointer}
.cross-btn:hover{filter:brightness(.95)}

.cross-msg{margin-top:12px;font-weight:600;color:var(--cross-green)}

/* Kanban (admin) */
.cross-kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}
.cross-col{background:#fff;border-radius:16px;border:1px solid #e6e6e6;overflow:hidden}
.cross-col h2{margin:0;background:var(--cross-green);color:#fff;font-size:16px}
.cross-col-inner{min-height:240px;padding:12px;background:#fafafa}
.cross-card{background:#fff;border:1px solid #e6e6e6;border-radius:12px;padding:10px 12px;margin-bottom:10px;cursor:grab;box-shadow:0 2px 10px rgba(0,0,0,.04)}

/* Reports */
.cross-cards{display:flex;gap:12px;margin:16px 0}
.cross-stat{flex:1;background:#fff;border:1px solid #e6e6e6;border-radius:14px;padding:12px}
.cross-stat span{display:block;color:#666;font-size:12px}
.cross-stat strong{font-size:22px;color:var(--cross-black)}

/* Modal */
.cross-modal{position:fixed;inset:0;z-index:9999;display:none}
.cross-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.35)}
.cross-modal-box{position:relative;max-width:780px;margin:5vh auto;background:#fff;border-radius:16px;box-shadow:0 24px 60px rgba(0,0,0,.25);overflow:hidden;border:1px solid #e6e6e6}
.cross-modal-header{display:flex;align-items:center;justify-content:space-between;background:var(--cross-green);color:#fff;padding:12px 16px}
.cross-modal-close{background:transparent;border:none;color:#fff;font-size:22px;cursor:pointer}
.cross-modal-content{padding:16px;background:#fff}
.cross-modal-grid{display:grid;grid-template-columns:1fr;gap:8px}
.cross-row{background:#fafafa;border:1px solid #eee;border-radius:10px;padding:10px}
.cross-modal-actions{display:flex;gap:8px;margin-top:12px}

.cross-modal-box{max-width:640px} /* menor */
.cross-btn-ghost{background:transparent;color:var(--cross-green);border:1px solid var(--cross-green)}
.cross-input{border:1px solid #d9d9d9;border-radius:10px;padding:10px}
/* Toast */
#crossToast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#000;color:#fff;padding:10px 14px;border-radius:12px;opacity:0;transition:opacity .2s}
#crossToast.show{opacity:0.9}
/* Pulse highlight */
.cross-pulse{box-shadow:0 0 0 8px rgba(119,134,106,.18) inset, 0 2px 12px rgba(0,0,0,.08)}




/* Kanban container */
.cross-kanban{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

/* Coluna (o "card" do kanban) */
.cross-col{
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 14px;
  display: flex;
  flex-direction: column;

  /* altura do card/coluna */
  height: 520px;              /* ajuste aqui */
  min-height: 420px;          /* opcional */
}

/* Título da coluna não rola */
.cross-col > h2{
  margin: 0;
  font-size: 16px;
  line-height: 1.2;
  flex: 0 0 auto;
}

/* A lista interna é que rola */
.cross-col-inner{
  flex: 1 1 auto;
  min-height: 0;              /* ESSENCIAL p/ scroll funcionar em flex */
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 6px;         /* espaço p/ scrollbar não “comer” layout */
}

/* Card dentro da coluna */
.cross-card{
  background: #f8fafc;
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 12px;
  padding: 10px 12px;
  margin-bottom: 10px;
  cursor: grab;
  user-select: none;
}

/* melhora visual quando arrastando */
.cross-card:active{
  cursor: grabbing;
}

/* (Opcional) scrollbar mais discreta (Chrome/Edge/Safari) */
.cross-col-inner::-webkit-scrollbar{
  width: 10px;
}
.cross-col-inner::-webkit-scrollbar-thumb{
  background: rgba(15, 23, 42, 0.18);
  border-radius: 999px;
  border: 3px solid transparent;
  background-clip: content-box;
}
.cross-col-inner::-webkit-scrollbar-track{
  background: transparent;
}

/* Responsivo */
@media (max-width: 980px){
  .cross-kanban{ grid-template-columns: 1fr; }
  .cross-col{ height: 480px; }
}


.cross-col-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin: 0;
  padding: 10px 12px;

  background:var(--cross-green);
}


/* Botão "Limpar" (estilo pill, discreto e alinhado) */
.cross-clear{
  appearance: none !important;
  border: 1px solid rgba(255,255,255,.35) !important;
  background: rgba(255,255,255,.12) !important;
  color: #fff !important;

  height: 30px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;

  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .2px !important;

  cursor: pointer !important;
  white-space: nowrap !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  transition: transform .12s ease, background-color .12s ease, border-color .12s ease !important;
}

.cross-clear:hover{
  background: rgba(255,255,255,.18) !important;
  border-color: rgba(255,255,255,.55) !important;
}

.cross-clear:active{
  transform: scale(0.98) !important;
}

/* Estado "perigoso" (quando você quiser destacar, ex: em hover do card todo) */
.cross-clear.is-danger{
  background: rgba(239,68,68,.18) !important;      /* vermelho bem suave */
  border-color: rgba(239,68,68,.45) !important;
}

.cross-clear.is-danger:hover{
  background: rgba(239,68,68,.28) !important;
  border-color: rgba(239,68,68,.65) !important; 
}

/* Disabled */
.cross-clear:disabled{
  opacity: .55 !important;
  cursor: not-allowed !important;
  transform: none !important;
}




.cross-terms-wrap { margin-top: 12px !important; }

.cross-terms-box{
border: 1px solid #d0d0d0 !important;
border-radius: 6px !important;
padding: 12px !important;
background: #fff !important;
margin-bottom: 10px !important;
}

.cross-terms-title{
margin: 0 0 8px 0 !important;
font-size: 18px !important;
font-weight: 700 !important;
}

.cross-terms-content{
max-height: 220px !important;            /* altura da “telinha” */
overflow-y: auto !important;             /* scroll vertical interno */
padding-right: 6px !important;           /* espaço para não encostar na barra */
}


.cross-terms-check a{
text-decoration: underline !important;
cursor: pointer !important;
}

.cross-required{ color: #d00 !important; }



.cross-terms-check{
  display: flex;
  align-items: flex-start;   /* checkbox alinha com o topo da primeira linha */
  gap: 10px;
	flex-direction: row !important;
}

.cross-terms-check input[type="checkbox"]{
  margin: 2px 0 0 0;         /* ajuste fino do alinhamento */
  flex: 0 0 auto;
	width: auto !important;
}

.cross-terms-text{
  display: block;            /* vira um bloco “único” no flex */
  min-width: 0;              /* evita comportamento estranho em alguns temas */
}

.cross-terms-text a{
  white-space: nowrap;       /* opcional: evita quebrar só o link */
}