/* Halvard Freight extranet styles - Mikko 2014, updated 2026 */
body { background: #c9d6e3 url() repeat; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 12px; color: #222; margin: 10px; }
.page { width: 100%; max-width: 820px; background: #fff; border: 2px solid #1d3f73; box-shadow: 4px 4px 0 #8aa1bb; }
.header { background: linear-gradient(#2b5ca8, #13325f); color: #fff; padding: 14px 16px; border-bottom: 3px solid #f2b705; }
.logo { font-family: "Arial Black", Impact, sans-serif; font-size: 28px; letter-spacing: 2px; text-shadow: 2px 2px #000; }
.logo span { color: #f2b705; }
.tagline { font-style: italic; font-size: 11px; color: #cfe0ff; }
.nav { background: #e8eef6; padding: 6px 12px; border-bottom: 1px solid #9fb3cc; font-weight: bold; }
.nav a { color: #13325f; }
.news { background: #fffbe0; color: #a33; font-weight: bold; border-bottom: 1px dashed #d8c36a; padding: 3px 0; }
.side { width: 180px; vertical-align: top; background: #f3f6fa; border-right: 1px solid #c3d0e0; padding: 10px; }
.side h3 { font-size: 12px; background: #1d3f73; color: #fff; margin: 0 0 6px; padding: 3px 6px; }
.side ul { padding-left: 16px; margin: 0 0 12px; }
.badge { border: 1px dotted #999; background: #fff; text-align: center; font-size: 10px; padding: 6px; margin-bottom: 8px; }
.counter { font-family: "Courier New", monospace; background: #000; color: #0f0; padding: 3px; text-align: center; font-size: 11px; }
.main { vertical-align: top; padding: 14px 18px; }
.main h2 { color: #1d3f73; border-bottom: 1px solid #1d3f73; font-size: 17px; margin-top: 0; }
.form td { padding: 4px 6px; }
input[type=text], input[type=password] { border: 1px solid #7f9db9; padding: 3px; font-size: 12px; }
.btn { background: #f2b705; border: 2px outset #f7d35c; font-weight: bold; padding: 3px 12px; cursor: pointer; }
.msg { margin: 10px 0; padding: 8px; border: 1px solid; }
.msg.err { background: #ffe5e5; border-color: #d33; color: #900; }
.msg.ok { background: #eef7e8; border-color: #6a4; }
.note { background: #fffbe0; border: 1px solid #e0cf7a; padding: 6px; }
.note:empty { display: none; }
.small { font-size: 10px; color: #666; }
.footer { background: #e8eef6; border-top: 1px solid #9fb3cc; text-align: center; font-size: 10px; color: #555; padding: 6px; }
@media (max-width: 600px) { .side { display: none; } .logo { font-size: 20px; } }