/* ClaimCentre — desktop web styling. Dense, whiteboard-like. No external fonts. */
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #1c2430;
  background: #eef1f4;
}
a { color: #14508c; }
button, .btn {
  font: inherit;
  background: #14508c;
  color: #fff;
  border: 1px solid #0f3d6b;
  border-radius: 3px;
  padding: 5px 10px;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
}
button:hover, .btn:hover { background: #1a639f; }
button.secondary, .btn.secondary { background: #fff; color: #14508c; }
button.secondary:hover, .btn.secondary:hover { background: #e8f0f8; }
button.danger { background: #a1261f; border-color: #7d1c17; }
button.danger:hover { background: #bc322a; }
button.small { padding: 2px 7px; font-size: 12px; }
button:disabled { opacity: .5; cursor: default; }
input, select, textarea {
  font: inherit;
  padding: 5px 7px;
  border: 1px solid #b6c0cc;
  border-radius: 3px;
  background: #fff;
  color: #1c2430;
}
textarea { width: 100%; min-height: 90px; font-family: Consolas, Menlo, monospace; font-size: 12px; }
label { display: block; font-size: 12px; font-weight: bold; color: #44536a; margin: 0 0 3px; }
.field { margin-bottom: 10px; }
.form-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 10px 14px; }
.error-box {
  background: #fdecea; border: 1px solid #d98a84; color: #7d1c17;
  padding: 8px 10px; border-radius: 3px; margin: 10px 0; white-space: pre-wrap;
}
.error-box ul { margin: 4px 0 0 18px; padding: 0; }
.notice-box {
  background: #eaf4e6; border: 1px solid #93b984; color: #2e5625;
  padding: 8px 10px; border-radius: 3px; margin: 10px 0; white-space: pre-wrap;
}
.muted { color: #66738a; }
.small-text { font-size: 12px; }
.hidden { display: none !important; }

/* Login */
.login-wrap { max-width: 380px; margin: 90px auto; background: #fff; border: 1px solid #c4cedb; border-radius: 6px; padding: 26px 28px; }
.login-wrap h1 { margin: 0 0 2px; font-size: 26px; color: #0f3d6b; }
.login-wrap .seller { color: #66738a; margin-bottom: 18px; }
.login-wrap input { width: 100%; }
.login-wrap button { width: 100%; padding: 8px; }

/* App shell */
.topbar {
  background: #0f3d6b; color: #fff; padding: 8px 14px;
  display: flex; align-items: center; gap: 16px; flex-wrap: wrap;
}
.topbar .wordmark { font-size: 20px; font-weight: bold; letter-spacing: .3px; cursor: pointer; }
.topbar .seller { font-size: 11px; color: #bcd2ea; display: block; margin-top: -2px; }
.topbar .spacer { flex: 1; }
.topbar .who { text-align: right; font-size: 12px; line-height: 1.5; }
.topbar .who .shopname { font-size: 14px; font-weight: bold; }
.topbar button { background: #fff; color: #0f3d6b; border-color: #fff; }

.tabstrip {
  background: #d9e2ec; border-bottom: 2px solid #14508c;
  padding: 6px 10px 0; display: flex; gap: 4px; flex-wrap: wrap;
}
.tabstrip button {
  background: #b9c9dc; color: #22354d; border: 1px solid #93a9c2; border-bottom: none;
  border-radius: 5px 5px 0 0; padding: 6px 12px;
}
.tabstrip button.active { background: #fff; color: #0f3d6b; font-weight: bold; }
main { padding: 14px; }
.view { background: #fff; border: 1px solid #c4cedb; border-radius: 4px; padding: 12px 14px; }
.view h2 { margin: 2px 0 10px; font-size: 17px; color: #0f3d6b; }
.view h3 { margin: 16px 0 8px; font-size: 14px; color: #22354d; }

/* Tables */
table.grid { border-collapse: collapse; width: 100%; font-size: 12.5px; }
table.grid th, table.grid td { border: 1px solid #ccd5e0; padding: 4px 6px; text-align: left; vertical-align: top; }
table.grid th { background: #e4ebf3; color: #22354d; white-space: nowrap; }
table.grid td.num, table.grid th.num { text-align: right; }
table.grid tr.clickable { cursor: pointer; }
table.grid tr.clickable:hover { background: #f0f6fd; }
table.grid tr.overdue td.dueout { color: #a1261f; font-weight: bold; }
.table-scroll { overflow-x: auto; }

/* Risk */
.risk-red { background: #f6c9c5 !important; color: #7d1c17; font-weight: bold; }
.risk-amber { background: #fbe3ae !important; color: #6d4c00; font-weight: bold; }
.risk-green { background: #d3ecd0 !important; color: #2e5625; font-weight: bold; }
tr.riskrow-red td:first-child { box-shadow: inset 5px 0 0 #c0392b; }
tr.riskrow-amber td:first-child { box-shadow: inset 5px 0 0 #e8a100; }
tr.riskrow-green td:first-child { box-shadow: inset 5px 0 0 #4c9a45; }

/* Badges */
.badge { display: inline-block; padding: 1px 6px; border-radius: 8px; font-size: 11px; font-weight: bold; }
.badge.flag { background: #a1261f; color: #fff; }
.badge.hold { background: #6d4c00; color: #fff; }
.badge.ok { background: #d3ecd0; color: #2e5625; }
.badge.grey { background: #e1e7ee; color: #44536a; }
.badge.sent { background: #d3ecd0; color: #2e5625; }
.badge.queued { background: #fbe3ae; color: #6d4c00; }
.badge.cancelled { background: #e1e7ee; color: #66738a; }
.badge.failed { background: #f6c9c5; color: #7d1c17; }
.badge.suppressed { background: #e1e7ee; color: #66738a; }

/* Update send state (Wave 1b Phase 3) */
.upd-detail { font-size: 11.5px; color: #66738a; margin-top: 2px; }
.upd-detail.att-fail { color: #a1261f; }

/* Location board */
.dept-section { border: 1px solid #c4cedb; border-radius: 4px; margin-bottom: 12px; }
.dept-head { background: #e4ebf3; padding: 7px 10px; font-weight: bold; display: flex; gap: 14px; }
.dept-head .spacer { flex: 1; }
.card-row { display: flex; flex-wrap: wrap; gap: 10px; padding: 10px; }
.job-card { border: 1px solid #b6c0cc; border-radius: 4px; padding: 8px 10px; width: 260px; cursor: pointer; background: #fff; }
.job-card:hover { border-color: #14508c; }
.job-card .cust { font-weight: bold; text-transform: uppercase; }
.job-card .ro { color: #a1261f; font-weight: bold; float: right; }
.job-card .line { font-size: 12px; color: #44536a; margin-top: 2px; }

/* Cards / dashboard */
.cards { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 14px; }
.stat-card { border: 1px solid #c4cedb; border-radius: 4px; padding: 12px 16px; min-width: 170px; background: #f8fafc; }
.stat-card .big { font-size: 22px; font-weight: bold; color: #0f3d6b; }
.stat-card .cap { font-size: 12px; color: #66738a; }

/* Job detail */
.job-head { background: #e4ebf3; border: 1px solid #c4cedb; border-radius: 4px; padding: 10px 12px; margin-bottom: 12px; }
.job-head .title { font-size: 17px; font-weight: bold; color: #0f3d6b; }
.job-head .facts { display: flex; flex-wrap: wrap; gap: 6px 22px; margin-top: 6px; font-size: 12.5px; }
.job-head .facts b { color: #44536a; }
.subtabs { display: flex; gap: 4px; flex-wrap: wrap; border-bottom: 2px solid #14508c; margin: 12px 0; padding-bottom: 0; }
.subtabs button { background: #b9c9dc; color: #22354d; border: 1px solid #93a9c2; border-bottom: none; border-radius: 5px 5px 0 0; }
.subtabs button.active { background: #fff; color: #0f3d6b; font-weight: bold; }
.inline-form { display: flex; gap: 8px; flex-wrap: wrap; align-items: end; margin: 10px 0; }
.inline-form .field { margin-bottom: 0; }
.toolbar-row { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; margin: 10px 0; }
.toolbar-row .spacer { flex: 1; }
.kv { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 6px 18px; }
.kv div b { color: #44536a; }

/* Public status page */
.status-wrap { max-width: 640px; margin: 40px auto; background: #fff; border: 1px solid #c4cedb; border-radius: 6px; padding: 26px 30px; }
.status-wrap h1 { margin: 0 0 2px; font-size: 24px; color: #0f3d6b; }
.status-wrap .seller { color: #66738a; margin-bottom: 14px; }
.timeline { list-style: none; margin: 18px 0; padding: 0; }
.timeline li { position: relative; padding: 8px 0 8px 30px; border-left: 3px solid #ccd5e0; margin-left: 8px; }
.timeline li::before { content: ""; position: absolute; left: -8px; top: 12px; width: 13px; height: 13px; border-radius: 50%; background: #fff; border: 3px solid #b6c0cc; }
.timeline li.done { border-left-color: #4c9a45; color: #2e5625; }
.timeline li.done::before { background: #4c9a45; border-color: #4c9a45; }
.timeline li.current { border-left-color: #14508c; font-weight: bold; color: #0f3d6b; }
.timeline li.current::before { background: #14508c; border-color: #14508c; }
.timeline .tdate { display: block; font-size: 12px; color: #66738a; font-weight: normal; }

/* Whiteboard money + filters (Wave 1a) */
.filter-row .field { margin-bottom: 0; }
.bal-owing, .bal-credit { color: #a1261f; }
table.grid tr.selected { background: #dcebfb; }
.pane-strip { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 12px; }
.pane { border: 1px solid #c4cedb; border-radius: 4px; padding: 8px 10px; min-width: 260px; background: #f8fafc; }
.pane h4 { margin: 0 0 6px; font-size: 12.5px; color: #14508c; }
.pane .line { font-size: 12.5px; margin-top: 2px; }
.stat-card.alert .big { color: #a1261f; }

/* Attachments (Wave 1b Phase 1) + board cover thumbnails */
.cover-thumb {
  display: inline-block; vertical-align: middle;
  background: #d9e2ec; border: 1px solid #b6c0cc; border-radius: 3px;
  overflow: hidden; flex: none;
}
.cover-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.cover-wb { width: 52px; height: 38px; margin-right: 8px; }
.cover-loc { width: 100%; height: 110px; display: block; }
.cover-none {
  background-color: #d9e2ec;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 36'%3E%3Cpath d='M5 25l4.2-9.2A5 5 0 0 1 13.7 13h20.6a5 5 0 0 1 4.5 2.8L43 25v5h-4.2a5.2 5.2 0 0 1-10.4 0H19.6a5.2 5.2 0 0 1-10.4 0H5z' fill='%2393a9c2'/%3E%3Ccircle cx='14.4' cy='30' r='2.8' fill='%2344536a'/%3E%3Ccircle cx='33.6' cy='30' r='2.8' fill='%2344536a'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: center; background-size: auto 70%;
}
.job-card .card-cover { margin-bottom: 6px; }
.att-drop { border: 2px dashed #93a9c2; border-radius: 4px; padding: 12px; background: #f8fafc; margin: 10px 0; }
.att-drop.dragover { border-color: #14508c; background: #e8f0f8; }
.att-group-head { margin: 16px 0 8px; font-size: 13px; color: #22354d; }
.att-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 12px; }
.att-card { border: 1px solid #c4cedb; border-radius: 4px; padding: 10px; background: #fff; }
.att-thumb {
  height: 130px; background: #eef1f4; border: 1px solid #dde4ec; border-radius: 3px;
  display: flex; align-items: center; justify-content: center; overflow: hidden;
  cursor: pointer; margin-bottom: 8px; text-align: center;
}
.att-thumb > span { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; }
.att-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.att-thumb.att-nofile { cursor: default; color: #66738a; font-weight: bold; font-size: 12px; }
.att-fileicon { font-weight: bold; font-size: 20px; color: #44536a; letter-spacing: 1px; }
.att-name { font-weight: bold; word-break: break-word; }
.att-meta { font-size: 12px; color: #66738a; margin-top: 3px; }
.att-edit { margin-top: 8px; display: grid; gap: 6px; }
.att-edit label { display: flex; gap: 6px; align-items: center; font-weight: normal; margin: 0; }
.att-edit input, .att-edit select { flex: 1; min-width: 0; }
.att-actions { margin-top: 8px; display: flex; flex-wrap: wrap; gap: 5px; }
.att-fail { color: #a1261f; }
.att-lightbox {
  position: fixed; inset: 0; z-index: 60; background: rgba(18, 27, 40, .88);
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px;
  padding: 20px;
}
.att-lightbox img { max-width: 92vw; max-height: 82vh; object-fit: contain; background: #fff; }
.att-lightbox-cap { color: #fff; font-size: 13px; display: flex; gap: 10px; align-items: center; }

/* Estimate merge (Wave 1b Phase 2) */
.merge-panel { border: 1px solid #c4cedb; border-radius: 4px; padding: 10px 12px; margin-bottom: 14px; background: #f8fafc; }
.merge-panel h3 { margin-top: 2px; }
.merge-sidecar { margin-top: 10px; }
.merge-block { border: 1px solid #c4cedb; border-radius: 4px; padding: 10px 12px; margin-bottom: 12px; }
.merge-block h4 { margin: 0 0 8px; font-size: 13px; color: #22354d; }
.mg-cand { display: block; font-weight: normal; margin: 4px 0; }
.mg-choice label { display: inline; font-weight: normal; margin-right: 8px; }
tr.mg-conflict td { background: #fdecea; }
.warn-box {
  background: #fdf3e0; border: 1px solid #e0b45c; color: #6d4c00;
  padding: 8px 10px; border-radius: 3px; margin: 10px 0; white-space: pre-wrap;
}
.mg-diffs { margin: 4px 0 0 18px; padding: 0; }
.mg-conflict-note { color: #a1261f; font-weight: bold; }

/* Public status page photo gallery (C14) */
.st-photos { list-style: none; margin: 10px 0; padding: 0; display: flex; flex-wrap: wrap; gap: 10px; }
.st-photos li { width: 150px; }
.st-photos img { width: 150px; height: 110px; object-fit: cover; display: block; border: 1px solid #c4cedb; border-radius: 4px; }
.st-photos .st-photo-name { display: block; font-size: 12px; color: #44536a; margin-top: 3px; word-break: break-word; }

/* ===== RC-match shell (Builder C) — append-only =====
   New classes are rc-* prefixed. The few rules that touch existing
   selectors are listed one by one in builderC §2.2 with risk notes. */

/* --- RC toolbar: light-blue gradient bar above the tabstrip --- */
.rc-menubar {
  background: linear-gradient(to bottom, #eef5fd 0%, #d7e8fa 55%, #bfd9f5 100%);
  border-bottom: 1px solid #93a9c2;
  padding: 4px 8px;
  display: flex; align-items: center; gap: 2px; flex-wrap: wrap;
  position: relative; z-index: 40;
  font-size: 12.5px;
}
.rc-menu { position: relative; }
.rc-menu-btn {
  background: transparent; color: #22354d;
  border: 1px solid transparent; border-radius: 3px;
  padding: 5px 9px; font-size: 12.5px; white-space: nowrap;
}
.rc-menu-btn:hover { background: #e8f0f8; border-color: #93a9c2; }
.rc-menu-btn.rc-open { background: #fff; border-color: #93a9c2; }
.rc-menu-btn.rc-active { font-weight: bold; color: #0f3d6b; box-shadow: inset 0 -3px 0 #2f7fd0; }
.rc-menu-btn.rc-placeholder { color: #44536a; }

/* --- Dropdowns --- */
.rc-dropdown {
  position: absolute; top: 100%; left: 0; z-index: 41;
  background: #fff; border: 1px solid #93a9c2; border-radius: 3px;
  box-shadow: 0 6px 16px rgba(28, 36, 48, .22);
  min-width: 210px; max-height: 70vh; overflow-y: auto;
  padding: 4px 0;
}
.rc-dropdown-item {
  display: block; width: 100%; text-align: left;
  background: transparent; color: #1c2430;
  border: none; border-radius: 0;
  padding: 5px 12px; font-size: 12.5px; white-space: nowrap; cursor: pointer;
}
.rc-dropdown-item:hover { background: #dcebfb; }
.rc-dropdown-item.rc-active { font-weight: bold; color: #0f3d6b; box-shadow: inset 3px 0 0 #2f7fd0; }
.rc-dropdown-item.rc-placeholder { color: #66738a; }
.rc-dropdown-group {
  padding: 7px 12px 3px; font-size: 11px; font-weight: bold;
  color: #14508c; text-transform: uppercase; letter-spacing: .4px;
  border-top: 1px solid #e4ebf3; margin-top: 4px;
}
.rc-dropdown .rc-dropdown-group:first-child { border-top: none; margin-top: 0; }

/* --- Current-job chip (next to Jobs, only while a job is open) --- */
.rc-job-chip {
  display: inline-flex; align-items: center; gap: 7px;
  background: #fff; color: #22354d;
  border: 1px solid #93a9c2; border-radius: 3px;
  padding: 2px 9px 2px 3px; margin-left: 8px; font-size: 12.5px;
  max-width: 430px;
}
.rc-job-chip:hover { background: #e8f0f8; }
.rc-job-chip .cover-thumb { width: 34px; height: 24px; margin-right: 0; }
.rc-chip-text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* --- Selected grid row: solid RC blue + white text ---
   (.selected and .date-* class names are Builder A's — used as-is.) */
table.grid tr.selected { background: #2f7fd0; color: #fff; }
table.grid tr.selected a { color: #fff; }
table.grid tr.selected .muted { color: #dcebfb; }
table.grid tr.selected td.dueout { color: #fff; }

/* --- Balance colours: owing red (unchanged hue), credit GREEN ---
   Pairs with moneyParen(): a credit already prints in (brackets). */
.bal-owing { font-weight: bold; }
.bal-credit { color: #2e7d32; font-weight: bold; }
.rc-bal-bracket { white-space: nowrap; }

/* --- Per-date colour classes (Builder A's names) ---
   For Due In / Due Out cells. Apply per cell: <td class="date-overdue">.
   These are plain text colours — they do not touch the existing
   tr.overdue td.dueout rule, which keeps working on its own. */
.date-overdue { color: #c0271f; font-weight: bold; }
.date-soon { color: #d97a06; font-weight: bold; }
.date-ok { color: #2e7d32; }

/* --- Dense 12px grid (opt-in modifier; RC density) --- */
table.grid.rc-dense { font-size: 12px; }
table.grid.rc-dense th, table.grid.rc-dense td { padding: 3px 5px; }

/* --- Whiteboard preview panels: 12 RC panels in a responsive grid ---
   New grid class; the existing .pane-strip (flex) is NOT changed, so
   the current single-pane Payments preview renders exactly as before.
   A renderer adopting the 12-panel preview uses .rc-pane-grid. */
.rc-pane-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 10px; margin-top: 12px; }
.rc-pane-grid .pane { min-width: 0; }

/* --- Job file layout: 150px left nav + right pane ---
   New classes for the RC job file (spec 002). The current job view
   does not use them yet, so they are inert until a job renderer
   adopts them — no existing job markup is affected. */
.job-layout { display: grid; grid-template-columns: 150px 1fr; gap: 12px; align-items: start; }
.job-sidenav { border: 1px solid #c4cedb; border-radius: 4px; background: #f8fafc; padding: 6px 0; }
.job-sidenav button {
  display: block; width: 100%; text-align: left;
  background: transparent; color: #22354d; border: none; border-radius: 0;
  padding: 6px 10px; font-size: 12.5px;
}
.job-sidenav button:hover { background: #e8f0f8; }
.job-sidenav button.active { background: #dcebfb; color: #0f3d6b; font-weight: bold; box-shadow: inset 3px 0 0 #2f7fd0; }
.job-main { min-width: 0; }

/* --- RC tab row for the job file: wrapping subtabs ---
   New class; the existing .subtabs rule is NOT changed. A job
   renderer with RC's 14 tabs (Overview … TechAdvisor, spec 002)
   uses .job-subtabs so the row wraps instead of overflowing. */
.job-subtabs { display: flex; gap: 4px; flex-wrap: wrap; border-bottom: 2px solid #14508c; margin: 12px 0; }
.job-subtabs button { background: #b9c9dc; color: #22354d; border: 1px solid #93a9c2; border-bottom: none; border-radius: 5px 5px 0 0; padding: 5px 9px; font-size: 12.5px; }
.job-subtabs button.active { background: #fff; color: #0f3d6b; font-weight: bold; }
/* ===== RC-match Whiteboard (Builder A) — date/balance/selection ===== */
.wb-date-overdue { color: #c0271f; font-weight: bold; }
.wb-date-soon { color: #d97a06; font-weight: bold; }
.wb-date-future { color: #2e7d32; }
table.grid tr.selected .wb-date-overdue, table.grid tr.selected .wb-date-soon, table.grid tr.selected .wb-date-future { color: #fff; }
.rc-preview-actions { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; margin: 10px 0 4px; }
.rc-preview-actions .spacer { flex: 1; }
.rc-legend { border: 1px solid #c4cedb; background: #f8fafc; border-radius: 4px; padding: 8px 10px; font-size: 12px; margin: 8px 0; }
.rc-legend span { margin-right: 14px; }
.rc-ws-head { display: flex; gap: 4px; align-items: center; margin-bottom: 2px; }
.rc-ws-head .rc-ws-main { background: #b9c9dc; border: 1px solid #93a9c2; border-bottom: none; border-radius: 5px 5px 0 0; padding: 5px 12px; font-size: 12.5px; color: #22354d; }
.rc-ws-head .rc-ws-main.active { background: #14508c; color: #fff; font-weight: bold; }
.rc-subtabs { display: flex; gap: 4px; flex-wrap: wrap; border-bottom: 2px solid #14508c; margin: 0 0 10px; }
.rc-subtabs button { background: #dbe6f2; color: #22354d; border: 1px solid #93a9c2; border-bottom: none; border-radius: 5px 5px 0 0; padding: 5px 10px; font-size: 12.5px; }
.rc-subtabs button.active { background: #fff; color: #0f3d6b; font-weight: bold; }
.rc-wb-footer { display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin-top: 8px; font-size: 12px; color: #44536a; border-top: 1px solid #c4cedb; padding-top: 6px; }

/* Whiteboard date-cell tints (Builder A §9) */
table.grid td.wb-date-overdue { background: #f6c9c5; }
table.grid td.wb-date-soon { background: #fbe3ae; }
table.grid td.wb-date-future { background: #d3ecd0; }
table.grid tr.selected td.wb-date-overdue, table.grid tr.selected td.wb-date-soon, table.grid tr.selected td.wb-date-future { background: #2f7fd0; }

/* Job file RC-match: left-nav shells + compact job header */
.job-sub-wrap { display: flex; gap: 14px; align-items: flex-start; }
.job-subnav { display: flex; flex-direction: column; gap: 4px; min-width: 168px; flex: none; }
.job-subnav button { background: #e4ebf3; color: #22354d; border: 1px solid #b6c0cc; text-align: left; }
.job-subnav button:hover { background: #d3e0ee; }
.job-subnav button.active { background: #14508c; color: #fff; border-color: #0f3d6b; font-weight: bold; }
.job-subpane { flex: 1; min-width: 0; }
#view-job .job-head { padding: 6px 10px; margin-bottom: 8px; }
#view-job .job-head .title { font-size: 15px; }
#view-job .job-head .facts { margin-top: 3px; }
#view-job .toolbar-row { margin: 6px 0; }
.wb-footer { border-top: 1px solid #c4cedb; padding-top: 8px; }