/* style.css - mobile-first for Servimaq */
:root{ --primary:#0b78d1; --accent:#ff9800; --bg:#f6f8fb; --card:#ffffff; --muted:#777; }

*{box-sizing:border-box}
 body{font-family:Inter,system-ui,Arial,sans-serif;background:var(--bg);margin:0;color:#222}
 .container{max-width:1100px;margin:0 auto;padding:16px}
 .topbar{background: linear-gradient(90deg, #183348, #106fb5);color:#fff;padding:12px 0;box-shadow:0 4px 12px rgba(0,0,0,.08)}
 .topbar .container{display:flex;align-items:center;justify-content:space-between}
 .logo{display:flex;align-items:center;gap:12px}
 .logo img{height:44px;border-radius:8px;box-shadow:0 6px 18px rgba(0,0,0,.12)}
 .mainnav a{color:#fff;margin-left:12px;text-decoration:none;padding:8px;border-radius:6px;transition:background .18s}
 .mainnav a:hover{background:rgba(255,255,255,.08)}
 .main{padding:18px 0}
 .card{background:var(--card);border-radius:14px;padding:18px;box-shadow:0 6px 18px rgba(16,24,40,.06);margin-bottom:18px}
 .form-row{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}
 .form-row label{font-size:14px;color:var(--muted)}
 .form-row input,.form-row select,.form-row textarea{padding:10px;border:1px solid #e6e9ef;border-radius:8px;font-size:15px}
 .btn{display:inline-block;padding:10px 16px;border-radius:10px;background:var(--primary);color:#fff;text-decoration:none;border:none;cursor:pointer;box-shadow:0 6px 18px rgba(11,120,209,.18)}
 .btn.secondary{background:#fff;color:var(--primary);border:1px solid #e6e9ef}
 .table{width:100%;border-collapse:collapse}
 .table th,.table td{padding:10px;border-bottom:1px solid #f0f2f6;text-align:left}
 .table th{font-weight:600;color:#333;background:transparent}
 .search{display:flex;gap:8px;margin-bottom:12px}
 .logo-small{height:36px}
 @media(min-width:860px){ .form-row{flex-direction:row}
 .form-row > *{flex:1}
 }
 .fadein{animation:fadein .45s ease}
 @keyframes fadein{from{opacity:0;transform:translateY(6px)}
to{opacity:1;transform:none}
}
 @media print{ header,footer,.btn{display:none}
 body{background:#fff}
 }