/* Quiet AP workspace. Existing review controls and source evidence remain available. */
:root {
  --ink:#29282d; --muted:#6b6b73; --green:#75409a; --line:#e6e5e9; --sidebar-width:232px;
  --paper:#fdfdfc; --white:#fff;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--ink); background:var(--paper); font-size:14px;
}
p,small {color:var(--muted)}
a,button,input,select,textarea {outline-offset:3px}
a:focus-visible,button:focus-visible,summary:focus-visible {outline:2px solid #4758b8}
.sidebar {width:var(--sidebar-width); padding:22px 14px 18px; background:#f8f8f7; border-right:1px solid var(--line); color:var(--ink)}
.shell {margin-left:var(--sidebar-width)}
.sidebar .brand {font-size:21px; letter-spacing:-.6px; padding:0; gap:9px; justify-content:flex-start; min-width:0}
.demo-tag {font-size:10px; letter-spacing:0; font-weight:500; color:#657080; background:#e9edf2; border-radius:4px; padding:3px 6px}
.company-switcher {position:relative; margin:26px 0 24px; z-index:25}
.company-switcher>summary {display:flex; align-items:center; gap:9px; padding:11px 9px; background:white; border:1px solid #dce1e8; border-radius:7px; list-style:none; color:var(--ink)}
.company-switcher>summary::-webkit-details-marker {display:none}
.company-avatar {display:grid; place-items:center; width:30px; height:32px; border-radius:6px; flex-shrink:0; font-size:10px; font-weight:650}
.company-avatar.indigo {background:#e9eafd; color:#5357a0}
.company-avatar.teal {background:#e2f2ee; color:#286f65}
.company-caption {font-size:12px; line-height:1.5; font-weight:600; flex:1; min-width:0}
.switch-chevron {color:#798391; font-size:17px}
.company-menu {position:absolute; top:calc(100% + 7px); left:0; min-width:270px; background:white; border:1px solid var(--line); border-radius:8px; padding:7px; box-shadow:0 8px 25px #15213316}
.menu-caption {display:block; padding:7px 9px; color:var(--muted); font-size:11px}
.company-menu form {margin:0}
.company-menu button {display:flex; width:100%; align-items:center; text-align:left; gap:9px; padding:10px 8px; border:0; border-radius:5px; background:white; color:var(--ink); font-size:13px}
.company-menu button:hover,.company-menu button[aria-current=true] {background:#f0f2f9}
.company-menu button>span:nth-child(2) {flex:1}
.company-check {color:#4758b8}
.sidebar nav {margin:0}
.sidebar nav a {display:flex; align-items:center; justify-content:flex-start; gap:11px; font-size:13px; padding:11px 12px; min-height:44px; color:#586271; margin-bottom:5px; border-radius:6px}
.sidebar nav a>span:first-child {font-size:19px; width:20px; text-align:center}
.sidebar nav .nav-text {display:block; width:auto; font-size:13px; text-align:left}
.sidebar nav a.active {background:#f0eaf5; color:#69398c}
.sidebar nav a:hover {background:#f0eff2}
.sidebar-bottom {margin-top:auto; padding:0 10px}
.utility-link {position:relative; display:flex; align-items:center; gap:11px; min-height:40px; font-size:12px; color:#73717b; padding:10px 0}
.utility-link:hover {color:#35469b; text-decoration:underline}
.profile {display:flex; justify-content:space-between; align-items:center; margin-top:18px; padding-top:16px; color:#727c89; font-size:11px; font-weight:400; border-color:var(--line)}
.profile form {display:block; margin:0}
.logout {position:relative; display:flex; align-items:center; gap:7px; font-size:11px; color:#696773; padding:5px 0}
main {max-width:1480px; padding:44px 40px 32px; margin:auto}
.page-heading {margin-bottom:25px; flex-direction:row; align-items:center; gap:18px}
.page-heading h1 {font-size:28px; font-weight:650; letter-spacing:-.6px}
.page-heading p {font-size:13px; margin-top:6px; color:#657080}
.button {font-size:13px; border-radius:6px; min-height:41px; padding:10px 16px; gap:10px}
.button.primary {background:#2d2b31; border-color:#2d2b31}
.button.primary:hover {background:#44404b}
.button.secondary {color:#414d60; border-color:#dce1e8; background:white}
.button.secondary:hover {background:#f5f6fa}
.text-link,button.text-link,.locate-field {color:#75409a; font-size:12px}
.text-link:hover {text-decoration:underline}
.card {border-color:var(--line); border-radius:8px; box-shadow:none}
.invoice-counts {display:flex; align-items:center; flex-wrap:wrap; gap:10px 25px; margin:0 0 26px; color:#6c7684; font-size:12px; line-height:1.7}
.invoice-counts a {padding:3px 0}
.invoice-counts a:hover,.invoice-counts a[aria-current=page] {color:#35499d; text-decoration:underline; text-underline-offset:5px}
.invoice-counts strong {color:#293344; margin-right:5px; font-size:15px; font-weight:600}
.upload-disclosure {margin-bottom:24px}
.upload-disclosure:not([open]) {display:none}
.upload-disclosure>summary {padding:16px 20px; font-size:13px; display:flex; justify-content:space-between; align-items:center; gap:12px; list-style:none; color:#414c5d}
.upload-disclosure>summary>span:first-child:before {content:'+'; margin-right:10px; font-size:17px; color:#717b8b}
.upload-disclosure[open]>summary>span:first-child:before {content:'−'}
.upload-disclosure>summary>span:last-child {font-size:11px; color:#737d8b; font-weight:400}
.compact-drop-zone {display:flex; text-align:left; align-items:center; gap:20px; margin:0 20px 18px; padding:19px; min-height:0; border:1px dashed #c6cedb; border-radius:6px; background:#fafbfc}
.compact-drop-zone.dragging {background:#eff2ff; border-color:#4758b8}
.compact-drop-zone>div {flex:1; min-width:0}
.compact-drop-zone label {font-size:13px; color:#495466}
.compact-drop-zone input {font-size:12px; margin:12px 0 7px; color:#667184}
.compact-drop-zone input::file-selector-button {font-size:12px; color:#414d61; padding:7px 11px; border-color:#d5dce6}
.file-status {display:block; font-size:11px; color:#6b7685}
.upload-model-permission {margin:0 20px 20px; font-size:12px; max-width:900px}
.upload-model-permission .check-label {margin-bottom:4px; color:#3b4658; font-size:13px}
.upload-model-permission p {font-size:11px; line-height:1.7; padding-left:22px; color:#687486}
.filters {padding:18px 20px; flex-wrap:wrap; gap:10px}
.filters .search {max-width:420px; border-color:#dce1e8; background:white; flex:1; min-width:200px}
.filters .search input {font-size:13px!important; color:#3d485b; padding:10px!important}
.filters input::placeholder {font-size:12px}
.filters select {width:190px; font-size:12px; padding:10px; border-color:#dce1e8; color:#4a5668; background:white}
.filters .button {min-height:39px; font-size:12px}
.queue-card th,.records-card th {padding:13px 20px; font-size:11px; color:#667182; background:#fafbfc; border-color:#edf0f4; font-weight:500; letter-spacing:0}
.queue-card td,.records-card td {padding:18px 20px; font-size:13px; color:#445064; border-bottom-color:#edf0f4; vertical-align:middle}
.queue-card tr:last-child td {border-bottom:0}
.queue-card tbody tr:hover {background:#fcfcfe}
.invoice-link {font-size:13px; color:#2c3648; font-weight:600}
.queue-card td small,.records-card td small {font-size:12px; color:#717c8c; margin-top:4px}
.queue-card .numeric {font-size:14px; color:#334054; font-weight:500}
.table-scroll {position:relative; min-width:0; max-width:100%}
.invoice-action {text-align:right; white-space:nowrap}
.queue-card .subtle {font-size:12px; color:#727d8e}
.badge {font-size:11px; padding:5px 8px; font-weight:500; border-radius:4px}
.badge.ready-for-approval {background:#edf1fb; color:#4557a2}
.badge.approved {background:#eaf5ef; color:#327151}
.badge.needs-review {background:#fff5df; color:#946a20}
.badge.blocked,.badge.failed,.badge.interrupted {background:#fceeee; color:#a34c48}
.badge.running,.badge.queued {background:#edf3f9; color:#4a6f95}
.table-foot {border-top:1px solid #edf0f4; font-size:11px; color:#778292; padding:13px 20px}
.empty-state {padding:50px 20px; border-top:1px solid #edf0f4}
.empty-state h3 {font-size:16px; color:#4c586b}
.empty-state p {font-size:13px; margin:8px 0 16px; color:#748093}
.section-heading h2 {font-size:15px; color:#354155}
.section-heading p {font-size:12px; color:#758094}
.review-heading {align-items:center}
.review-heading h1 {font-size:26px}
.review-heading .back-link {font-size:12px; color:#687589; margin-bottom:14px}
.review-heading p {font-size:12px}
.review-verdict {border:1px solid #dde3ef; background:#f7f9fd; padding:18px 20px; border-radius:8px; gap:16px; margin-bottom:15px}
.review-verdict.needs-review {background:#fffaf0; border-color:#eee2c5}
.review-verdict.blocked {background:#fef7f6; border-color:#eed8d5}
.review-verdict.approved {background:#f2f9f5; border-color:#d9e9df}
.verdict-icon {display:none}
.verdict-copy .eyebrow {font-size:9px; letter-spacing:1px; color:#718095}
.verdict-copy h2 {font-size:21px; color:#354259}
.verdict-copy p {font-size:12px; color:#66748a}
.verdict-total {border-color:#dfe4ef; padding:0 20px}
.verdict-total span {font-size:11px; color:#6c798d}
.verdict-total strong {font-size:23px; color:#344259}
.compact-journey {margin-bottom:22px; border-color:#e6eaf0}
.compact-journey>details>summary {padding:12px 18px; font-size:12px; color:#5a6678}
.journey-summary {color:#748094; font-size:11px}
.stage-grid {grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:18px; padding-top:15px}
.stage strong {font-size:12px; color:#536077}
.stage small {font-size:11px; color:#778397}
.decision-workspace {grid-template-columns:minmax(0,1.1fr) minmax(390px,1fr); gap:22px; align-items:start}
.decision-workspace .document-card {position:sticky; top:20px}
.document-card .section-heading {padding:17px 18px}
.document-card .pdf-viewer {height:calc(100vh - 210px); max-height:850px; min-height:320px; padding:15px; background:#f0f2f5}
.viewer-tools {background:#fafbfc; color:#6b778b; border-color:#e7ebf1; font-size:11px}
.viewer-tools select {font-size:11px; color:#5b687d; border-color:#dce2eb}
.document-card .document-note {font-size:11px; color:#758195; border-color:#e5e9f0}
.review-column {display:flex; flex-direction:column; align-items:stretch; min-width:0}
.review-panel {min-width:0}
.buyer-summary>summary {padding:14px 18px; color:#5b7365; font-size:11px; font-weight:400}
.buyer-check {padding:16px 20px; border-bottom:1px solid var(--line)}
.buyer-check h3 {font-size:13px; margin:0 0 12px}
.buyer-check dl {margin:0}
.buyer-check dl>div {display:flex; justify-content:space-between; gap:16px; margin:8px 0; font-size:12px}
.buyer-check dt {color:#728095}
.buyer-check dd {margin:0; text-align:right; overflow-wrap:anywhere}
.buyer-check p {font-size:12px; line-height:1.6; margin:10px 0 0}
.buyer-check>.text-link {display:inline-block; margin-top:10px}
.po-at-a-glance {background:#f8f9fc; border-color:#e6eaf2; margin:16px 18px}
.po-at-a-glance span {color:#707d92; font-size:11px}
.po-at-a-glance strong {color:#3d4b62}
.review-tabs {padding:0 18px; gap:24px}
.review-tabs button {color:#718095; font-size:13px; padding:13px 0}
.review-tabs button[aria-selected=true] {color:#4758b8; border-bottom-color:#4758b8}
.attention-checklist {background:#fffaf0; padding:17px 18px}
.attention-checklist h3 {font-size:13px}
.attention-checklist li {padding:10px 0}
.attention-checklist p {font-size:12px; color:#7b6c51}
.attention-checklist li>a {font-size:12px}
.fields-card .field-list {padding:0 18px; max-height:none!important; overflow:visible}
.field-row {position:relative; padding:13px 0; border-color:#edf0f4}
.field-heading {font-size:12px; color:#6c788c; margin-bottom:4px; padding-right:57px}
.field-value-line strong {font-size:14px; color:#334056; font-weight:550}
.source-badge {font-size:9px; color:#748097; border-color:#e5e9f0; background:#fafbfc}
.field-editor {margin-top:5px}
.field-editor:not([open]) {margin-top:0}
.field-editor:not([open])>summary {position:absolute; top:13px; right:0; font-size:11px}
.field-editor>summary {font-size:11px; color:#5264af}
.field-editor[open] {background:#fafbff; border-color:#dce2f0}
.field-row.evidence-active {background:#f0f3ff; box-shadow:inset 3px 0 #697ac5}
.field-question,.location-note {font-size:11px}
.additional-fields {border-top:1px solid var(--line); padding:13px 0}
.additional-fields>summary {font-size:12px; color:#758196}
.stack label {font-size:12px; color:#5e6c82}
input:not([type=checkbox]):not([type=file]):not([type=hidden]),select,textarea {font-size:13px; color:#3d4b60; border-color:#d9e0e9}
.check-label {font-size:12px; color:#5b697c; line-height:1.65}
.check-label input {accent-color:#4758b8}
.approval-panel {background:#f7f9fd; border-color:#e3e8f2; padding:20px 18px}
.approval-panel h3 {font-size:14px}
.approval-panel>small {color:#748198; font-size:11px; line-height:1.7}
.policy-details {padding:15px 18px}
.policy-details>summary {font-size:12px; color:#68758b}
.po-review {padding:20px 18px}
.po-review>p {font-size:12px; color:#6c798e}
.balance-list dt,.balance-list dd {color:#53637a}
.po-option:has(input:checked) {background:#f0f3fd; border-color:#7585ca}
.editor-help {color:#76829a!important}
.secondary-detail {margin-top:14px}
.secondary-detail>summary {font-size:12px; padding:15px 18px; color:#69768c}
.secondary-detail>summary>span:last-child {font-size:11px; color:#8690a0}
.evidence-content {font-size:12px; color:#657288}
.reader-outcome {background:#f3f5f9; color:#6b7890}
.context-strip {display:flex; gap:22px; flex-wrap:wrap; font-size:12px; margin-bottom:22px; color:#778498}
.records-card td small {display:block; margin-top:5px}
.records-card td strong {font-size:13px; color:#435168}
.records-card td.numeric {white-space:nowrap}
.records-card details {margin-top:8px}
.records-card summary {font-size:11px; color:#6b7890}
.records-card details p {font-size:12px; padding-top:8px}
.activity-feed {padding:0 20px 12px}
.activity-entry {display:flex; gap:15px; padding:16px 0; border-top:1px solid var(--line)}
.activity-entry>div {flex:1}
.activity-entry strong {font-size:13px; font-weight:500}
.activity-entry p {font-size:12px; margin-top:4px}
.activity-icon {color:#8792a5}
.opening-ledger {margin-top:24px}
footer {max-width:1480px; margin:auto; padding:0 40px 25px; font-size:10px; color:#8a94a3}
.public-shell {background:#f6f8fb}
.login-card .brand {color:#354155}
.login-card .stack label {font-size:12px}
.login-note {color:#7a8799}
@media(max-width:1150px) {
  :root {--sidebar-width:218px}.sidebar {padding:22px 12px}.shell {margin-left:var(--sidebar-width)}
  main {padding:32px 25px}.company-caption {font-size:11px}.sidebar .brand {font-size:23px}
  .review-verdict {flex-wrap:wrap}.verdict-copy {flex-basis:50%}.review-verdict>.button {margin-left:0}
  .decision-workspace {grid-template-columns:minmax(0,1fr) minmax(340px,1fr); gap:16px}
  .queue-card td,.queue-card th {padding:15px}.viewer-tools>span {flex-basis:100%; min-width:0}
  footer {padding:0 25px 25px}
}
@media(max-width:950px) {
  .decision-workspace {grid-template-columns:1fr}.decision-workspace .document-card {position:static}
  .document-card .pdf-viewer {height:55vh; max-height:650px}.viewer-tools>span {flex-basis:auto}
  .review-column {display:flex; align-items:stretch}.sidebar .brand>span:last-child {display:inline}
  .sidebar-bottom,.profile form {display:block}.profile {display:flex}.skip-link {left:225px}
  .compact-drop-zone {flex-wrap:wrap}.compact-drop-zone .button {margin-left:auto}
}
@media(max-width:700px) {
  .sidebar {position:relative; inset:auto; width:100%; padding:18px 16px 12px; display:grid; grid-template-columns:1fr minmax(0,215px); gap:16px 12px; border-right:0; border-bottom:1px solid var(--line)}
  .shell {margin-left:0}.sidebar .brand {padding:0; font-size:21px; gap:7px}
  .demo-tag {font-size:9px}.company-switcher {margin:0}.company-switcher>summary {padding:8px; gap:7px}
  .company-caption {font-size:11px}.company-avatar {width:26px; height:29px; font-size:9px}
  .company-menu {left:auto; right:0; min-width:270px}.sidebar nav {grid-column:1/-1; display:flex; flex-wrap:wrap; gap:5px; margin:0}
  .sidebar nav a {font-size:12px; gap:7px; margin:0; padding:8px 10px; min-height:37px}
  .sidebar nav .nav-text {font-size:12px}.sidebar nav a>span:first-child {font-size:17px; width:17px}
  .sidebar-bottom {grid-column:1/-1; padding:0; display:flex; flex-wrap:wrap; align-items:center; gap:18px}
  .utility-link {padding:0; font-size:11px}.profile {margin:0 0 0 auto; border:0; padding:0; gap:14px}.profile>span {display:none}
  .logout {font-size:11px}.skip-link {left:10px}
  main {padding:26px 16px}.page-heading,.queue-page-heading {flex-direction:row; align-items:center; gap:15px}
  .page-heading h1 {font-size:25px}.page-heading p {font-size:12px}.page-heading .button {font-size:12px; min-height:39px; padding:9px 12px}
  .invoice-counts {gap:8px 18px; font-size:11px; margin-bottom:20px}.invoice-counts strong {font-size:14px}
  .upload-disclosure>summary {padding:14px 16px}.upload-disclosure>summary>span:last-child {max-width:45%; text-align:right; font-size:10px}
  .compact-drop-zone {margin:0 15px 15px; padding:15px; gap:15px}.compact-drop-zone>div {flex-basis:100%}.compact-drop-zone .button {width:100%; margin:0}
  .upload-model-permission {margin:0 16px 18px}.filters {padding:15px; gap:9px}.filters .search {flex-basis:100%; max-width:none}
  .filters select {flex:1; min-width:130px}.filters .button {font-size:12px}.queue-card th,.queue-card td {padding:14px}
  .queue-card th:first-child,.queue-card td:first-child {min-width:160px}.queue-card td small {font-size:11px}.queue-card .numeric {font-size:13px}
  .review-heading {flex-wrap:wrap}.review-heading>div {min-width:0}.review-heading>.button {margin-left:0}
  .review-verdict {padding:16px; gap:14px}.verdict-copy {flex-basis:100%}.verdict-total {margin:0; padding:0; border:0; flex:1}.verdict-copy h2 {font-size:21px}
  .verdict-total strong {font-size:21px}.review-verdict>.button {font-size:12px; padding:10px}
  .compact-journey>details>summary {padding:12px 15px}.stage-grid {grid-template-columns:1fr}.stage {padding-left:36px; min-height:40px}
  .stage-icon {position:absolute; left:0; top:0}.stage:not(:last-child):after {left:12px; top:28px; width:1px; height:calc(100% - 17px)}
  .decision-workspace {grid-template-columns:1fr}.document-card .pdf-viewer {height:52vh; min-height:280px}
  .document-card .document-note {font-size:10px}.document-controls {flex-wrap:wrap}.viewer-tools>span {flex-basis:100%; min-width:0}
  .field-value-line {flex-wrap:wrap}.field-value-line strong {font-size:14px}.attention-checklist p {font-size:12px}
  .secondary-detail>summary>span:last-child {display:none}.evidence-candidate-grid {grid-template-columns:1fr}
  footer {padding:0 16px 20px; flex-wrap:wrap; gap:6px}footer span {display:block}.records-card td,.records-card th {padding:14px}
}

/* Compact navigation, inspired by the reference's quiet surfaces and fine borders. */
.ui-icon {display:block; flex-shrink:0; width:19px; height:19px}
.sidebar-header {display:flex; align-items:center; justify-content:space-between; gap:7px}
.brand-symbol {display:grid; place-items:center; width:27px; height:29px; color:#75409a; flex-shrink:0}
.brand-symbol .ui-icon {width:24px; height:24px; stroke-width:1.8}
.brand-name {display:flex; align-items:center; gap:8px}
.sidebar .demo-tag {font-size:9px; padding:2px 4px; background:#eeedf0; color:#807a88}
.sidebar-toggle {display:grid; place-items:center; width:32px; height:32px; flex-shrink:0; border:1px solid transparent; border-radius:5px; color:#807b89; background:transparent}
.sidebar-toggle:hover {background:#eeedf0; border-color:#e2dfe6; color:#38333f}
.sidebar-toggle .ui-icon {width:18px; height:18px}
.sidebar nav a {position:relative}
.sidebar-bottom .nav-text {font-size:12px}
.sidebar .logout .ui-icon {width:16px; height:16px}
.skip-link {left:calc(var(--sidebar-width) + 12px)}
@media(min-width:701px) {
  html.sidebar-collapsed {--sidebar-width:72px}
  .sidebar-collapsed .sidebar {padding:22px 12px 18px}
  .sidebar-collapsed .sidebar-header {flex-direction:column; gap:13px}
  .sidebar-collapsed .sidebar .brand-name {display:none}
  .sidebar-collapsed .sidebar .brand {padding:0; justify-content:center}
  .sidebar-collapsed .company-switcher {margin:21px 0 24px}
  .sidebar-collapsed .company-switcher>summary {justify-content:center; padding:9px 0; border-color:#e4e0e9}
  .sidebar-collapsed .company-caption,.sidebar-collapsed .switch-chevron {display:none}
  .sidebar-collapsed .company-menu {left:calc(100% + 10px); top:0; min-width:270px}
  .sidebar-collapsed .sidebar nav a {justify-content:center; gap:0; padding:11px 0}
  .sidebar-collapsed .sidebar-bottom {padding:0}
  .sidebar-collapsed .utility-link {justify-content:center; padding:11px 0}
  .sidebar-collapsed .sidebar .nav-text {display:none}
  .sidebar-collapsed .sidebar .nav-text {position:absolute; left:calc(100% + 10px); top:50%; transform:translateY(-50%); padding:7px 10px; border:1px solid #e4e0e9; border-radius:5px; background:#fff; color:#3e3748; box-shadow:0 3px 12px #21152e10; white-space:nowrap; pointer-events:none; z-index:30; font-size:12px; font-weight:500; width:auto}
  .sidebar-collapsed .sidebar a:hover>.nav-text,.sidebar-collapsed .sidebar a:focus-visible>.nav-text,.sidebar-collapsed .sidebar button:hover>.nav-text,.sidebar-collapsed .sidebar button:focus-visible>.nav-text {display:block}
  .sidebar-collapsed .profile {justify-content:center; padding-top:16px}
  .sidebar-collapsed .profile-name {display:none}
  .sidebar-collapsed .sidebar .logout {justify-content:center; padding:9px; width:44px; height:40px}
  .sidebar-collapsed .collapse-arrow {transform:rotate(180deg); transform-origin:15px 12px}
}
@media(max-width:700px) {
  .sidebar {grid-template-columns:1fr; gap:14px; padding:16px}
  .sidebar-header {grid-column:1/-1}
  .sidebar .brand,.sidebar .brand-name {display:flex; align-items:center}
  .sidebar .brand {gap:8px; font-size:21px}
  .company-switcher {grid-column:1/-1; margin:0}
  .company-switcher>summary {padding:10px; font-size:12px}
  .company-caption {font-size:12px}
  .company-menu {min-width:0; width:100%}
  .sidebar nav a {padding:9px 10px}
  .sidebar nav .ui-icon {width:17px; height:17px}
  .sidebar-bottom .utility-link {min-height:32px; gap:7px; padding:3px 0}
  .sidebar-bottom .utility-link .nav-text {font-size:11px}
  .sidebar-bottom .ui-icon {width:15px; height:15px}
  .sidebar-collapsed #workspace-navigation,.sidebar-collapsed #workspace-utilities {display:none}
  .sidebar-collapsed .collapse-arrow {transform:rotate(180deg); transform-origin:15px 12px}
  .skip-link {left:10px}
}