/* styles.css - Visual final com Poppins e cor Bluelight #4175FC */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700;800&display=swap');

:root{
  --Bluelight: #4175FC;
  --primary: #162F4D;
  --accent: #3FB498;
  --white: #FFFFFF;
  --text: #374149; /* cinza chumbo */
  --muted: #000000;
  --bg: #e0e8f5;
  --botao: #000000;
  --card: #ffffff;
  --radius: 12px;
  --shadow: 0 12px 40px rgba(8,24,46,0.06);
  --maxw: 1080px;
  --gap: 18px;
  --focus: 0 10px 36px rgba(65,117,252,0.09);
}

*{box-sizing:border-box}
html,body{height:100%;margin:0;background:var(--bg);color:var(--text);font-family:'Poppins',Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.container{max-width:var(--maxw);margin:0 auto;padding:20px}

/* Header */
.site-header{background:var(--Bluelight);color:var(--white)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;max-width:var(--maxw);margin:0 auto}
.brand{display:flex;align-items:center;gap:12px}
.logo{width:56px;height:56px;border-radius:10px;background:var(--white);color:var(--Bluelight);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;box-shadow:0 6px 18px rgba(0,0,0,0.08)}
.brand-text .company{font-weight:800;font-size:16px;letter-spacing:0.4px}
.brand-text .channel{font-size:12px;opacity:0.95}
.header-actions .link-site{color:rgba(255,255,255,0.95);text-decoration:none;font-weight:700;padding:8px 12px;border-radius:8px;background:rgba(255,255,255,0.06)}

/* Hero */
.main-wrap{padding:28px 20px}
.hero{text-align:center;margin-bottom:18px}
.hero h1{margin:0;font-size:24px;color:var(--primary);letter-spacing:0.4px;font-weight:800}
.hero-lead{margin:10px auto 6px;color:var(--muted);max-width:880px}
.hero-note{margin:0 auto;color:#098cff;font-size:0.95rem;max-width:780px}

/* Card / Multi-step form */
.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:30px !important;margin-bottom:18px}
.multi-step{max-width:920px;margin:0 auto}

/* Steps indicator - sober Bluelight */
.steps-indicator{display:flex;gap:10px;justify-content:center;margin-bottom:14px}
.step-dot{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#eef5ff;color:var(--muted);font-weight:700}
.step-dot.active{background:var(--Bluelight);color:#fff;box-shadow:var(--focus)}
.step-dot.completed{background:linear-gradient(90deg,var(--Bluelight),#2f66e8);color:#fff}

/* fieldset and layout */
.step{border:0;padding:0;margin:0}
.step-title{font-size:1rem;color:var(--Bluelight);font-weight:700;margin:0 0 12px}
.row{margin-bottom:12px}
.row.two{display:flex;gap:12px}
.row.two > div{flex:1}
.label{display:block;font-weight:600;color:var(--primary);margin-bottom:8px}
input[type=text],input[type=email],select,textarea{width:100%;padding:12px;border-radius:10px;border:1px solid #e7eef8;background:#fff;font-size:0.95rem;color:var(--text);transition:box-shadow .15s,border-color .15s}
textarea{min-height:120px;resize:vertical}
input.invalid, textarea.invalid, select.invalid{border-color:#c33;box-shadow:0 6px 18px rgba(195,0,0,0.06)}

/* radios */
.radios{display:flex;gap:14px}
.radio{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--text)}

/* file drop */
.file-drop{border:2px dashed #e7eef8;border-radius:12px;padding:14px;text-align:center;background:linear-gradient(180deg, rgba(99,178,161,0.02), transparent);cursor:pointer;transition:all .15s ease}
.file-drop.over{border-color:var(--accent);box-shadow:var(--focus)}
.file-drop input[type=file]{display:none}
.file-drop-inner{display:flex;flex-direction:column;align-items:center;gap:6px}
.muted{color:var(--muted);font-size:0.92rem}

/* actions */
.actions{display:flex;gap:10px;justify-content:flex-end;margin-top:8px}
.btn{display:inline-flex;align-items:center;gap:8px;border:0;padding:10px 14px;border-radius:10px;font-weight:700;cursor:pointer}
.btn-primary{background:var(--Bluelight);color:var(--white);box-shadow:0 8px 24px rgba(65,117,252,0.12)}
.btn-ghost{background: #2f66e8;color:white;border:1px solid #e6eef8;text-decoration: none;}
.btn-buscar{background:transparent;color:var(--white);border:1px solid #e6eef8;text-decoration: none;}

/* notes */
.notes-card{max-width:920px;margin:10px auto;padding:16px;background-color: var(--Bluelight);}
.notes-card h4{margin:0 0 8px;color:var(--botao)}
.notes-card p{color:var(--bg)}

/* Footer */
.site-footer{padding:16px 20px;background:transparent;color:var(--muted)}
.footer-inner{display:flex;justify-content:space-between;gap:12px;align-items:center;max-width:var(--maxw);margin:0 auto}

/* Admin / Login / Table - estilizado */
.admin-wrap{max-width:1100px;margin:0 auto;padding:16px}
.login-card{max-width:420px;margin:40px auto;padding:24px;background:var(--card);border-radius:12px;box-shadow:var(--shadow)}
.login-card h2{margin:0 0 12px;color:var(--Bluelight)}
.form-row{margin-bottom:12px}
.error{color:#b80000;background:#fff0f0;padding:10px;border-radius:8px}

/* Table */
.table{width:100%;border-collapse:collapse;margin-top:12px;background:transparent}
.table th{background:var(--Bluelight);color:#fff;padding:12px;text-align:left;font-weight:700;border-top-left-radius:8px;border-top-right-radius:8px}
.table td, .table th{padding:12px;border-bottom:1px solid #eef6ff}
.table tbody tr:hover{background:#f6fbff}
.btn.small{padding:8px 12px;border-radius:8px;font-size:0.9rem;background:transparent;border:1px solid #e6eef8;color:var(--Bluelight)}

/* admin action buttons improved */
.btn-action{padding:8px 10px;border-radius:8px;border:0;font-weight:700;cursor:pointer}
.btn-view{background:linear-gradient(90deg,var(--Bluelight),#2f66e8);color:#fff}
.btn-edit{background:var(--accent);color:#fff}
.btn-delete{background:#f25f5f;color:#fff}

/* view / edit page */
.detail-card{background:var(--card);padding:18px;border-radius:12px;box-shadow:var(--shadow)}
.detail-row{margin-bottom:12px}
.observations-area{width:100%;min-height:120px;padding:12px;border-radius:10px;border:1px solid #e7eef8}

/* responsive */
@media (max-width:920px){
  .row.two{flex-direction:column}
  .steps-indicator{flex-wrap:wrap}
  .header-inner{padding:12px}
  .logo{width:48px;height:48px}
  .main-wrap{padding:16px}
  .container{padding:12px}
}

/* focus states */
input:focus,textarea:focus,select:focus{outline:none;box-shadow:var(--focus);border-color:var(--Bluelight)}


/* botões de ação da admin table (global) */
.btn-action { display:inline-block; padding:8px 12px; border-radius:8px; font-weight:700; cursor:pointer; transition:transform .12s ease, box-shadow .12s ease, opacity .12s ease; text-decoration:none; }
.btn-view { background: linear-gradient(90deg,var(--Bluelight),#2f66e8); color:#fff; box-shadow:0 6px 18px rgba(65,117,252,0.12); border:0; }
.btn-edit { background: var(--accent); color:#fff; border:0; }
.btn-action:hover { transform:translateY(-3px); box-shadow:0 12px 28px rgba(0,0,0,0.08); }


/* header search tweaks */
.header-right form input {
  transition:box-shadow .12s, border-color .12s, background .12s;
}
.header-right form input::placeholder { color: rgba(255,255,255,0.75); }
.header-right form input.invalid { border-color:#ff7b7b; box-shadow:0 6px 18px rgba(255,123,123,0.08); }
@media (max-width:720px){
  .header-right { flex-direction:column; align-items:flex-end; gap:8px; }
  .header-right form input { min-width:140px; }
}