/* Prosty wygląd wzorowany na starym SalesRepPal. */
* { box-sizing: border-box; }
body { font-family: Arial, Helvetica, sans-serif; margin: 0; color: #222; background: #f4f6f7; }
main { max-width: 1100px; margin: 0 auto; padding: 16px; }
.topbar { background: #e8edef; padding: 10px 16px; border-bottom: 2px solid #9fb3ba; }
.logo { font-size: 26px; font-weight: bold; color: #33565f; }
.logo2 { color: #2ea3a0; }
.tagline { color: #666; font-size: 12px; margin-left: 8px; }
.who { float: right; font-size: 13px; color: #444; }
.menu { background: #33565f; padding: 8px 16px; }
.menu a { color: #fff; text-decoration: none; margin-right: 18px; font-size: 14px; }
.menu a:hover { text-decoration: underline; }
h1 { font-size: 22px; color: #33565f; }
h2 { font-size: 17px; color: #33565f; }
table.list { width: 100%; border-collapse: collapse; background: #fff; }
table.list th { background: #f7e9a0; text-align: left; padding: 7px 8px; border-bottom: 2px solid #d8c95e; font-size: 13px; }
table.list td { padding: 7px 8px; border-bottom: 1px solid #e3e3e3; vertical-align: top; font-size: 14px; }
.btn { display: inline-block; background: #2ea3a0; color: #fff; border: none; padding: 8px 16px;
       font-size: 14px; cursor: pointer; text-decoration: none; border-radius: 3px; }
.btn:hover { background: #258582; }
.btn-danger { background: #b23b3b; }
.btn-danger:hover { background: #933030; }
.linkbtn { background: none; border: none; color: #1a6ec9; cursor: pointer; font-size: 13px; padding: 0; }
.flash { max-width: 1100px; margin: 10px auto 0; padding: 10px 14px; border-radius: 3px; font-size: 14px; }
.flash-ok { background: #dff3df; border: 1px solid #7cb87c; }
.flash-error { background: #fbe3e3; border: 1px solid #d98c8c; }
.banner-locked { background: #f7e9a0; border: 1px solid #d8c95e; padding: 10px 14px; margin: 12px 0; font-weight: bold; }
.card { background: #fff; border: 1px solid #ddd; padding: 12px 14px; margin: 12px 0; }
.note { background: #fff; border: 1px solid #ddd; border-left: 4px solid #f0a13c; padding: 10px 14px; margin: 10px 0; }
.note-head { font-size: 13px; color: #555; margin-bottom: 4px; }
.note-actions { margin-top: 6px; font-size: 13px; }
.muted { color: #777; font-size: 13px; }
.bad { color: #b23b3b; font-weight: bold; }
.totals { text-align: right; margin: 12px 0; font-size: 15px; }
.totals .grand { font-size: 19px; font-weight: bold; margin-top: 4px; }
.form label { display: block; margin: 10px 0; }
.form input[type="text"], .form input[type="number"], .form input[type="date"],
.form input[type="email"], .form input[type="password"], .form select, .form textarea {
    width: 320px; max-width: 100%; padding: 6px; font-size: 14px; }
.inline-form label { display: inline-block; margin-right: 10px; }
.searchbar { margin: 10px 0; }
.searchbar input[type="text"] { padding: 7px; width: 280px; max-width: 70%; }
.loginbox { max-width: 380px; margin: 60px auto; background: #fff; border: 1px solid #ddd; padding: 24px; }
.loginbox input { width: 100%; padding: 8px; font-size: 15px; }
.emailpreview { background: #fff; border: 1px solid #ddd; padding: 14px; overflow-x: auto; font-size: 13px; }
.actions { margin: 14px 0; }
.rowactions { white-space: nowrap; font-size: 13px; }
.footer { text-align: center; color: #999; font-size: 12px; padding: 18px; }
tr.depline td { background: #fbfbf4; font-style: italic; }
@media print { .menu, .actions, .topbar .who { display: none; } }