* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
label {
    text-transform: uppercase;
}
body{
    background:var(--bg);
    font-family:'Inter',system-ui,Arial,sans-serif;
    -webkit-font-smoothing:antialiased;
    padding:18px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    min-height:100vh;
}

:root{
--primary:#044cac;
--success:#11a811;
--error:#d11;
--card:#fff;
--bg:#f0f0f0;
--radius:10px;
}

.card{
width:100%;
max-width:420px;
background:var(--card);
border-radius:16px;
padding:18px;
box-shadow:0 6px 18px rgba(0,0,0,0.08);
box-sizing:border-box;
}

h1{
margin:0 0 12px 0;
font-size:14px;
text-align:center;
letter-spacing:0.6px;
}

label.main{
display:block;
font-weight:600;
margin-top:14px;
margin-bottom:6px;
font-size:14px;

}

/* Inputs base */
.input_dados {
width:100%;
box-sizing:border-box;
font-size:16px;
padding:12px 14px;
border-radius:var(--radius);
border:2px solid #ccc;
outline:none;
transition:box-shadow .18s ease, border-color .18s ease;
}

.input_dados:focus {
border-color:var(--primary);
box-shadow:0 0 8px rgba(4,76,172,0.18);
}

/* Inputs data/hora lado a lado */
.row{
display:flex;
gap:10px;
}

/* Checkbox container */
.checkbox-card{
margin-top:10px;
background:white;
padding:14px;
border-radius:var(--radius);
border:1px solid #ddd;
}

.checkbox-card label{
display:flex;
align-items:center;
gap:8px;
padding:6px 0;
font-size:15px;
}

.helper{
font-size:13px;
margin-top:6px;
color:#555;
}

/* Botões */
.btn-row{
display:flex;
gap:10px;
margin-top:18px;
}

.btn{
flex:1;
padding:14px;
border-radius:12px;
border:none;
font-weight:700;
cursor:pointer;
font-size:16px;
}

.btn-primary{
background:var(--primary);
color:#fff;
}

.btn-reset{
background:brown;
color:#fff;
}

.btn:disabled{
opacity:0.45;
cursor:not-allowed;
}

/* Responsivo */
@media(max-width:360px){
.card{ padding:14px; }
.btn{ font-size:15px; padding:12px; }
}
/* HEADER */
.header-top {
    width:100%;
    max-width:420px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    background:var(--card);
    padding:10px 14px;
    border-radius:12px;
    margin-bottom:12px;
    box-shadow:0 5px 14px rgba(0,0,0,0.06);
}

.user-name {
    font-size:14px;
    font-weight:700;
    color:#333;
}

/* Botão logout já existente, apenas herdado */
.logout-btn {
    background: var(--error);
    color:white;
    padding:8px 16px;
    border-radius:var(--radius);
    font-size:14px;
    font-weight:700;
    text-decoration:none;
    transition:background .2s ease, transform .15s ease;
}
.logout-btn:hover { background:#b40e0e; }
.logout-btn:active { transform:scale(0.95); }