/* Custom mobile-friendly styles */
:root{
    --accent-1: #0ea5a4; /* teal */
    --accent-2: #093c3e; /* dark teal */
    --bg: #f7fcfc;
    --card: #ffffff;
}
body{
    background: linear-gradient(180deg, #f3f9f9 0%, var(--bg) 100%);
    color: #07363a;
    -webkit-font-smoothing:antialiased;
}
.navbar-brand{font-weight:700;color:var(--accent-2)!important}
.navbar{background:linear-gradient(90deg, rgba(14,165,164,0.06), rgba(9,60,62,0.02));}
.card{border:0;border-radius:12px;box-shadow:0 6px 18px rgba(15,23,42,0.06);}
.container{padding-left:0.75rem;padding-right:0.75rem}
h2,h3{color:var(--accent-2)}
.btn-accent{background:linear-gradient(90deg,var(--accent-1),#0891b2);color:#fff;border:none}
.btn-accent:hover{opacity:0.95}
.form-control:focus{box-shadow:0 0 0 .15rem rgba(14,165,164,0.12);border-color:var(--accent-1)}
.form-label{font-weight:600}
/* mobile spacing */
@media (max-width:576px){
    .card{padding:1rem}
    .navbar .container{padding-left:0.5rem;padding-right:0.5rem}
    .navbar-brand{font-size:1.05rem}
}
/* make tables scroll on small devices */
.table-responsive{overflow-x:auto}

/* subtle badges */
.badge-accent{background:var(--accent-1);color:#fff}

/* form button full width on small screens */
.btn-full-mobile{width:100%}

/* tweak inputs for decimal values */
input[type="text"].form-control{min-height:48px}