html, body { margin: 0; min-height: 100%; background: #f3f6f9; }

#saverbro-r0 {
      color-scheme: light dark;
      width: 100%;
      min-height: 720px;
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      color: light-dark(#172235, #edf4ff);
      background: light-dark(#f3f6f9, #0c1320);
      border: 1px solid light-dark(#dce3ea, #283448);
      overflow: hidden;
      position: relative;
    }
    #saverbro-r0 * { box-sizing: border-box; }
    #saverbro-r0 button, #saverbro-r0 select, #saverbro-r0 textarea { font: inherit; }
    #saverbro-r0 button { cursor: pointer; }
    #saverbro-r0 button svg { width: 1em; height: 1em; flex-shrink: 0; vertical-align: -0.125em; }
    #saverbro-r0 :focus-visible { outline: 3px solid #f5a451; outline-offset: 2px; }
    #saverbro-r0 .sb-skip { position: absolute; left: 10px; top: -60px; z-index: 50; padding: 9px 12px; background: #fff; color: #172235; border-radius: 8px; }
    #saverbro-r0 .sb-skip:focus { top: 10px; }
    #saverbro-r0 .sb-shell { min-height: 720px; display: grid; grid-template-columns: 226px 1fr; }
    #saverbro-r0 .sb-sidebar {
      background: #101b2c;
      color: #eef5ff;
      padding: 18px 14px;
      display: flex;
      flex-direction: column;
      border-right: 1px solid #24334a;
    }
    #saverbro-r0 .sb-brand { display: flex; align-items: center; gap: 10px; padding: 3px 8px 22px; }
    #saverbro-r0 .sb-logo {
      width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center;
      background: #ffffff; color: #142033; font-weight: 900; letter-spacing: -1px; overflow: hidden; padding: 2px;
    }
    #saverbro-r0 .sb-brand-name { font-size: 16px; font-weight: 760; }
    #saverbro-r0 .sb-brand-version { color: #8ea0bb; font-size: 14px; margin-top: 2px; }
    #saverbro-r0 .sb-nav-label { color: #7084a3; font-size: 13px; font-weight: 800; letter-spacing: .12em; padding: 0 10px 7px; text-transform: uppercase; }
    #saverbro-r0 .sb-nav { display: grid; gap: 4px; }
    #saverbro-r0 .sb-nav button, #saverbro-r0 .sb-mobile-nav button {
      appearance: none; border: 0; background: transparent; color: inherit; text-align: left;
    }
    #saverbro-r0 .sb-nav button {
      padding: 10px 11px; border-radius: 9px; color: #aebdd2; display: flex; align-items: center; gap: 10px; font-size: 13px;
    }
    #saverbro-r0 .sb-nav button[aria-pressed="true"] { color: #ffffff; background: #20304a; font-weight: 700; }
    #saverbro-r0 .sb-nav-mark { width: 7px; height: 7px; border-radius: 50%; background: currentColor; opacity: .75; }
    #saverbro-r0 .sb-sidebar-footer { margin-top: auto; padding: 10px 9px 8px; border-top: 1px solid #d0d8ec; background: #f0f3fa; }
    #saverbro-r0 .sb-user { display: flex; align-items: center; gap: 9px; color: #ffffff; }
    #saverbro-r0 .sb-avatar { width: 30px; height: 30px; border-radius: 50%; background: #2a806f; display: grid; place-items: center; font-weight: 800; font-size: 14px; }
    #saverbro-r0 .sb-user strong { display: block; color: #ffffff; font-size: 12px; }
    #saverbro-r0 .sb-user span { display: block; color: #b7c7e9; font-size: 13px; }
    #saverbro-r0 .sb-main { min-width: 0; display: flex; flex-direction: column; }
    #saverbro-r0 .sb-topbar {
      height: 66px; padding: 0 24px; display: flex; align-items: center; gap: 16px;
      background: light-dark(#ffffff, #121c2b); border-bottom: 1px solid light-dark(#dfe5eb, #273448);
    }
    #saverbro-r0 .sb-scope { display: flex; align-items: center; gap: 8px; min-width: 185px; }
    #saverbro-r0 .sb-scope small { color: light-dark(#5c6b85, #98a8bf); display: block; font-size: 13px; }
    #saverbro-r0 .sb-scope strong { font-size: 13px; }
    #saverbro-r0 .sb-search {
      flex: 1; max-width: 520px; margin: 0 auto; border: 1px solid light-dark(#d9e0e7, #314057);
      background: light-dark(#f6f8fa, #0e1725); color: light-dark(#778397, #93a5bf); border-radius: 9px;
      padding: 0; font-size: 12px; display: flex; align-items: center; overflow: hidden;
    }
    #saverbro-r0 .sb-search input { flex: 1; min-width: 0; border: 0; outline: 0; padding: 9px 12px; background: transparent; color: inherit; font: inherit; }
    #saverbro-r0 .sb-search button { border: 0; border-left: 1px solid light-dark(#d9e0e7, #314057); padding: 9px 12px; background: transparent; color: inherit; font-weight: 800; }
    #saverbro-r0 .sb-role-select {
      border: 1px solid light-dark(#d7dee6, #35445b); border-radius: 8px;
      background: light-dark(#ffffff, #162235); color: inherit; padding: 8px 28px 8px 10px; font-size: 12px;
    }
    #saverbro-r0 .sb-bell {
      width: 34px; height: 34px; border: 1px solid light-dark(#d7dee6, #35445b); border-radius: 8px;
      background: light-dark(#ffffff, #162235); color: inherit; position: relative;
      display: flex; align-items: center; justify-content: center;
    }
    #saverbro-r0 .sb-bell-icon { width: 16px; height: 16px; }
    #saverbro-r0 .sb-notification-badge {
      position: absolute; top: -5px; right: -4px; min-width: 15px; height: 15px; padding: 0 3px;
      background: #d35b45; color: #fff; font-size: 12px; font-weight: 800; border-radius: 8px;
      display: grid; place-items: center; line-height: 1;
    }
    #saverbro-r0 .sb-content { padding: 24px; max-width: 1220px; width: 100%; margin: 0 auto; }
    #saverbro-r0 .sb-view[hidden] { display: none !important; }
    #saverbro-r0 .sb-page-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 18px; margin-bottom: 20px; }
    #saverbro-r0 .sb-eyebrow { color: #d97417; font-size: 14px; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
    #saverbro-r0 h1 { font-size: 25px; line-height: 1.15; letter-spacing: -.025em; margin: 5px 0 5px; }
    #saverbro-r0 .sb-subtitle { color: light-dark(#69768a, #9aabc1); font-size: 12px; }
    #saverbro-r0 .sb-primary {
      border: 0; border-radius: 8px; padding: 9px 13px; background: #e98324; color: #152033; font-weight: 800; font-size: 12px;
    }
    #saverbro-r0 .sb-secondary {
      border: 1px solid light-dark(#d7dee6, #35445b); border-radius: 8px; padding: 8px 12px;
      background: light-dark(#fff, #162235); color: inherit; font-weight: 700; font-size: 12px;
    }
    #saverbro-r0 .sb-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 11px; margin-bottom: 16px; }
    #saverbro-r0 .sb-metric {
      background: light-dark(#ffffff, #121d2c); border: 1px solid light-dark(#dfe5eb, #27364a); padding: 14px; min-width: 0;
    }
    #saverbro-r0 .sb-metric:first-child { border-top: 3px solid #e98324; }
    #saverbro-r0 .sb-metric:nth-child(2) { border-top: 3px solid #cf5844; }
    #saverbro-r0 .sb-metric:nth-child(3) { border-top: 3px solid #3e8c7d; }
    #saverbro-r0 .sb-metric:nth-child(4) { border-top: 3px solid #5b78b7; }
    #saverbro-r0 .sb-metric span { display: block; font-size: 13px; color: light-dark(#5c6b85, #93a5bd); font-weight: 750; text-transform: uppercase; letter-spacing: .055em; }
    #saverbro-r0 .sb-metric strong { display: block; font-size: 24px; margin: 4px 0 2px; }
    #saverbro-r0 .sb-metric small { color: light-dark(#5c6b85, #93a5bd); font-size: 13px; }
    #saverbro-r0 .sb-grid { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(260px, .75fr); gap: 14px; }
    #saverbro-r0 .sb-panel { background: light-dark(#ffffff, #121d2c); border: 1px solid light-dark(#dfe5eb, #27364a); min-width: 0; }
    #saverbro-r0 .sb-panel-head { min-height: 50px; padding: 12px 14px; display: flex; align-items: center; justify-content: space-between; gap: 12px; border-bottom: 1px solid light-dark(#e4e9ee, #28364a); }
    #saverbro-r0 .sb-panel-head h2 { margin: 0; font-size: 13px; }
    #saverbro-r0 .sb-panel-head span { color: light-dark(#5c6b85, #93a5bd); font-size: 13px; }
    #saverbro-r0 .sb-work-row, #saverbro-r0 .sb-customer-row {
      width: 100%; border: 0; border-bottom: 1px solid light-dark(#edf0f3, #243146); background: transparent; color: inherit;
      padding: 13px 14px; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; text-align: left;
    }
    #saverbro-r0 .sb-work-row:last-child, #saverbro-r0 .sb-customer-row:last-child { border-bottom: 0; }
    #saverbro-r0 .sb-work-row:hover, #saverbro-r0 .sb-customer-row:hover { background: light-dark(#f7f9fb, #172439); }
    #saverbro-r0 .sb-work-title { font-size: 12px; font-weight: 740; margin-bottom: 4px; }
    #saverbro-r0 .sb-work-meta { color: light-dark(#718096, #92a4bc); font-size: 13px; display: flex; gap: 9px; flex-wrap: wrap; }
    #saverbro-r0 .sb-state { align-self: center; font-size: 13px; font-weight: 800; white-space: nowrap; }
    #saverbro-r0 .sb-state.due { color: #c04b38; }
    #saverbro-r0 .sb-state.state-progress { color: #327f70; }
    #saverbro-r0 .sb-state.wait { color: #b66b20; }
    #saverbro-r0 .sb-attention { padding: 5px 14px 12px; }
    #saverbro-r0 .sb-attention-item { padding: 11px 0; border-bottom: 1px solid light-dark(#edf0f3, #243146); }
    #saverbro-r0 .sb-attention-item:last-child { border-bottom: 0; }
    #saverbro-r0 .sb-attention-item strong { display: block; font-size: 12px; margin-bottom: 3px; }
    #saverbro-r0 .sb-attention-item span { color: light-dark(#718096, #92a4bc); font-size: 13px; }
    #saverbro-r0 .sb-section-title { font-size: 13px; margin: 20px 0 9px; }
    #saverbro-r0 .sb-kanban { display: grid; grid-template-columns: repeat(3, minmax(190px, 1fr)); gap: 12px; overflow-x: auto; padding-bottom: 4px; }
    #saverbro-r0 .sb-column { background: light-dark(#e9eef3, #0f1928); border: 1px solid light-dark(#d8e0e8, #28364a); min-height: 310px; padding: 10px; }
    #saverbro-r0 .sb-column-head { display: flex; justify-content: space-between; font-size: 14px; font-weight: 800; padding: 2px 2px 10px; }
    #saverbro-r0 .sb-column-head span { color: light-dark(#6e7c90, #91a2b9); }
    #saverbro-r0 .sb-card-task { width: 100%; text-align: left; padding: 11px; margin-bottom: 8px; border: 1px solid light-dark(#d8e0e8, #304057); background: light-dark(#fff, #172438); color: inherit; }
    #saverbro-r0 .sb-card-task strong { display: block; font-size: 14px; line-height: 1.35; }
    #saverbro-r0 .sb-card-task small { color: light-dark(#748195, #93a4bc); font-size: 12px; display: block; margin-top: 7px; }
    #saverbro-r0 .sb-work-toolbar { display: flex; gap: 8px; align-items: center; }
    #saverbro-r0 .sb-safety-note { border-left: 3px solid #e98324; background: light-dark(#fff7ed, #2a2118); color: light-dark(#75441d, #f3c28f); padding: 9px 11px; margin: -8px 0 16px; font-size: 13px; }
    #saverbro-r0 .sb-empty { padding: 20px 8px; color: light-dark(#718096, #91a3ba); font-size: 13px; text-align: center; }
    #saverbro-r0 .sb-eis-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
    #saverbro-r0 .sb-checkpoint { background: light-dark(#fff, #121d2c); border: 1px solid light-dark(#dce3ea, #2b394d); padding: 15px; }
    #saverbro-r0 .sb-checkpoint[data-status="submitted"] { border: 2px solid #3e8c7d; }
    #saverbro-r0 .sb-checkpoint[data-status="due"] { border: 2px solid #e98324; }
    #saverbro-r0 .sb-checkpoint[data-status="later"] { border: 2px solid #77869a; }
    #saverbro-r0 .sb-checkpoint-time { color: light-dark(#718096, #91a3ba); font-size: 13px; }
    #saverbro-r0 .sb-checkpoint h2 { font-size: 14px; margin: 5px 0 11px; }
    #saverbro-r0 .sb-checkpoint label { display: block; font-size: 13px; font-weight: 750; margin: 9px 0 5px; }
    #saverbro-r0 .sb-checkpoint textarea { width: 100%; min-height: 68px; resize: vertical; border: 1px solid light-dark(#d7dfe7, #344359); background: light-dark(#f8fafb, #0e1725); color: inherit; padding: 8px; font-size: 14px; }
    #saverbro-r0 .sb-checkpoint footer { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 11px; }
    #saverbro-r0 .sb-checkpoint footer span { color: light-dark(#718096, #91a3ba); font-size: 12px; }
    #saverbro-r0 .sb-customer-summary { display: flex; align-items: center; gap: 10px; }
    #saverbro-r0 .sb-customer-avatar { width: 32px; height: 32px; border-radius: 50%; background: light-dark(#dbe9e6, #21463f); color: light-dark(#28695d, #8ed1c4); display: grid; place-items: center; font-size: 13px; font-weight: 850; }
    #saverbro-r0 .sb-customer-row { grid-template-columns: minmax(0, 1fr) minmax(100px, .35fr) auto; align-items: center; }
    #saverbro-r0 .sb-customer-row > span { font-size: 13px; color: light-dark(#6f7d91, #93a5bd); }
    #saverbro-r0 .sb-drawer-backdrop { position: absolute; inset: 0; background: rgba(5, 12, 22, .45); z-index: 20; display: flex; justify-content: flex-end; }
    #saverbro-r0 .sb-drawer-backdrop[hidden] { display: none; }
    #saverbro-r0 .sb-drawer { width: min(430px, 92%); height: 100%; background: light-dark(#fff, #121d2c); border-left: 1px solid light-dark(#dbe2e9, #2b394d); padding: 22px; overflow: auto; }
    #saverbro-r0 .sb-drawer-top { display: flex; justify-content: space-between; gap: 16px; align-items: flex-start; }
    #saverbro-r0 .sb-drawer h2 { font-size: 18px; margin: 8px 0 5px; }
    #saverbro-r0 .sb-close { border: 1px solid light-dark(#d7dee6, #35445b); background: transparent; color: inherit; width: 32px; height: 32px; border-radius: 8px; }
    #saverbro-r0 .sb-drawer-block { border-top: 1px solid light-dark(#e4e9ee, #29374b); margin-top: 18px; padding-top: 15px; }
    #saverbro-r0 .sb-drawer-block h3 { font-size: 14px; text-transform: uppercase; letter-spacing: .08em; color: light-dark(#6d7b8f, #91a3ba); margin: 0 0 10px; }
    #saverbro-r0 .sb-detail-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
    #saverbro-r0 .sb-detail-grid span { color: light-dark(#6f7d91, #93a5bd); font-size: 14px; display: block; }
    #saverbro-r0 .sb-detail-grid strong { font-size: 13px; }
    #saverbro-r0 .sb-activity { font-size: 14px; padding: 8px 0 8px 13px; border-left: 2px solid light-dark(#dce3ea, #33445a); }
    #saverbro-r0 .sb-activity small { display: block; color: light-dark(#768398, #94a6bd); margin-top: 3px; }
    #saverbro-r0 .sb-feedback-button { white-space: nowrap; }
    #saverbro-r0 .sb-feedback-backdrop { position: absolute; inset: 0; background: rgba(5, 12, 22, .55); z-index: 30; display: grid; place-items: center; padding: 18px; }
    #saverbro-r0 .sb-feedback-backdrop[hidden] { display: none; }
    #saverbro-r0 .sb-feedback-dialog { width: min(620px, 100%); max-height: 90%; overflow: auto; background: light-dark(#fff, #121d2c); border: 1px solid light-dark(#dbe2e9, #2b394d); border-radius: 14px; padding: 20px; box-shadow: 0 24px 60px rgba(5, 12, 22, .3); }
    #saverbro-r0 .sb-feedback-dialog h2 { margin: 4px 0 5px; font-size: 19px; }
    #saverbro-r0 .sb-feedback-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 16px; }
    #saverbro-r0 .sb-feedback-field { display: grid; gap: 5px; font-size: 13px; font-weight: 750; }
    #saverbro-r0 .sb-feedback-field select, #saverbro-r0 .sb-feedback-field textarea { width: 100%; border: 1px solid light-dark(#d7dfe7, #344359); border-radius: 8px; background: light-dark(#f8fafb, #0e1725); color: inherit; padding: 9px; }
    #saverbro-r0 .sb-feedback-field textarea { min-height: 92px; resize: vertical; }
    #saverbro-r0 .sb-feedback-wide { grid-column: 1 / -1; }
    #saverbro-r0 .sb-feedback-actions { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-top: 14px; }
    #saverbro-r0 .sb-feedback-status { color: light-dark(#637287, #9aabc1); font-size: 13px; }
    #saverbro-r0 .sb-feedback-list { display: grid; gap: 7px; margin-top: 14px; }
    #saverbro-r0 .sb-feedback-item { border-left: 3px solid #e98324; background: light-dark(#f5f7f9, #172438); padding: 9px 10px; font-size: 13px; }
    #saverbro-r0 .sb-feedback-item strong { display: block; margin-bottom: 3px; }
    #saverbro-r0 .sb-task-dialog { width: min(520px, 100%); background: light-dark(#fff, #121d2c); border: 1px solid light-dark(#dbe2e9, #2b394d); border-radius: 14px; padding: 20px; box-shadow: 0 24px 60px rgba(5, 12, 22, .3); }
    #saverbro-r0 .sb-task-form { display: grid; gap: 12px; margin-top: 16px; }
    #saverbro-r0 .sb-task-form label { display: grid; gap: 5px; font-size: 13px; font-weight: 750; }
    #saverbro-r0 .sb-task-form input, #saverbro-r0 .sb-task-form select { width: 100%; border: 1px solid light-dark(#d7dfe7, #344359); border-radius: 8px; background: light-dark(#f8fafb, #0e1725); color: inherit; padding: 9px; }
    #saverbro-r0 .sb-task-confirm { display: flex !important; grid-template-columns: auto 1fr; align-items: start; gap: 8px !important; font-weight: 500 !important; line-height: 1.4; }
    #saverbro-r0 .sb-task-confirm input { width: auto; margin-top: 2px; }
    #saverbro-r0 .sb-toast { position: absolute; right: 20px; bottom: 20px; z-index: 40; max-width: 360px; background: #163f37; color: #e9fff9; border: 1px solid #2e7568; padding: 10px 13px; border-radius: 9px; font-size: 14px; box-shadow: 0 12px 30px rgba(5, 12, 22, .25); }
    #saverbro-r0 .sb-toast[hidden] { display: none; }
    #saverbro-r0 .sb-mobile-nav { display: none; }
    #saverbro-r0 .sb-synthetic { color: light-dark(#7a8799, #8fa1b9); font-size: 12px; text-transform: uppercase; letter-spacing: .1em; }
    @media (max-width: 900px) {
      #saverbro-r0 .sb-shell { grid-template-columns: 190px 1fr; }
      #saverbro-r0 .sb-sidebar { padding-left: 10px; padding-right: 10px; }
      #saverbro-r0 .sb-search { display: none; }
      #saverbro-r0 .sb-scope { flex: 1; }
      #saverbro-r0 .sb-content { padding: 18px; }
      #saverbro-r0 .sb-metrics { grid-template-columns: 1fr 1fr; }
      #saverbro-r0 .sb-grid { grid-template-columns: 1fr; }
      #saverbro-r0 .sb-eis-grid { grid-template-columns: 1fr; }
    }
    @media (max-width: 680px) {
      #saverbro-r0 { min-height: 760px; }
      #saverbro-r0 .sb-shell { min-height: 760px; display: block; padding-bottom: 62px; }
      #saverbro-r0 .sb-sidebar { display: none; }
      #saverbro-r0 .sb-topbar { height: 58px; padding: 0 13px; gap: 8px; }
      #saverbro-r0 .sb-scope { min-width: 0; flex: 1; }
      #saverbro-r0 .sb-scope small { display: none; }
      #saverbro-r0 .sb-search { display: none; }
      #saverbro-r0 .sb-role-select { max-width: none; padding-left: 7px; font-size: 13px; }
      #saverbro-r0 .sb-feedback-button { width: 32px; overflow: hidden; color: transparent; padding: 0; position: relative; }
      #saverbro-r0 .sb-feedback-button::after { content: "+"; color: light-dark(#172235, #edf4ff); position: absolute; inset: 0; display: grid; place-items: center; }
      #saverbro-r0 .sb-feedback-grid { grid-template-columns: 1fr; }
      #saverbro-r0 .sb-feedback-wide { grid-column: auto; }
      #saverbro-r0 .sb-bell { width: 32px; height: 32px; }
      #saverbro-r0 .sb-content { padding: 15px 12px 22px; }
      #saverbro-r0 .sb-page-head { align-items: flex-start; margin-bottom: 15px; }
      #saverbro-r0 h1 { font-size: 21px; }
      #saverbro-r0 .sb-page-head .sb-secondary { display: none; }
      #saverbro-r0 .sb-metrics { gap: 8px; }
      #saverbro-r0 .sb-metric { padding: 11px; }
      #saverbro-r0 .sb-metric strong { font-size: 21px; }
      #saverbro-r0 .sb-grid { gap: 10px; }
      #saverbro-r0 .sb-kanban { grid-template-columns: repeat(3, 250px); }
      #saverbro-r0 .sb-customer-row { grid-template-columns: minmax(0, 1fr) auto; }
      #saverbro-r0 .sb-customer-row > span { display: none; }
      #saverbro-r0 .sb-mobile-nav {
        position: absolute; bottom: 0; left: 0; right: 0; z-index: 10; height: 62px;
        display: grid; grid-auto-flow: column; grid-auto-columns: minmax(72px, 1fr); overflow-x: auto; background: light-dark(#fff, #111c2b);
        border-top: 1px solid light-dark(#d9e1e8, #2b394d);
      }
      #saverbro-r0 .sb-mobile-nav button { text-align: center; color: light-dark(#738095, #91a3ba); font-size: 13px; font-weight: 700; }
      #saverbro-r0 .sb-mobile-nav button[aria-pressed="true"] { color: #e98324; }
      #saverbro-r0 .sb-mobile-nav button:disabled { opacity: .4; cursor: not-allowed; }
    }

/* Reference-led visual direction: compact blue operations workspace. */
    #saverbro-r0 {
      color-scheme: light dark;
      --sb-blue: #1643b8;
      --sb-blue-deep: #07152f;
      --sb-blue-mid: #0d2f85;
      --sb-ink: #111827;
      --sb-muted: #667085;
      --sb-line: #e4e8f0;
      --sb-soft: #f4f6fa;
      --sb-orange: #ffb51b;
      color: var(--sb-ink);
      background: #f3f5f9;
      border: 0;
      height: 100vh;
      min-height: 720px;
    }
    #saverbro-r0 .sb-shell { height: 100%; grid-template-columns: 232px minmax(0, 1fr); }
    #saverbro-r0 .sb-sidebar {
      height: 100%; overflow-y: auto; overflow-x: hidden;
      padding: 18px 12px 14px;
      background: #f0f3fa;
      color: #1a2a4a; border-right: 1px solid #d0d8ec;
      box-shadow: none;
      scrollbar-width: thin; scrollbar-color: rgba(22,67,184,.18) transparent;
    }
    #saverbro-r0 .sb-sidebar::-webkit-scrollbar { width: 6px; }
    #saverbro-r0 .sb-sidebar::-webkit-scrollbar-track { background: transparent; }
    #saverbro-r0 .sb-sidebar::-webkit-scrollbar-thumb { background: rgba(22,67,184,.18); border-radius: 3px; }
    #saverbro-r0 .sb-sidebar::-webkit-scrollbar-button { display: none; width: 0; height: 0; }
    #saverbro-r0 .sb-brand { padding: 3px 9px 18px; gap: 9px; }
    #saverbro-r0 .sb-brand .sb-logo {
      width: 32px; height: 32px; border-radius: 9px;
      background: #fff; color: var(--sb-blue); box-shadow: 0 2px 8px rgba(22,67,184,.18);
    }
    #saverbro-r0 .sb-brand-name { font-size: 16px; letter-spacing: -.02em; font-weight: 850; color: #0f1a30; }
    #saverbro-r0 .sb-brand-version { color: #5b78b7; font-size: 12px; text-transform: uppercase; letter-spacing: .08em; }
    #saverbro-r0 .sb-nav-label { color: #1643b8; padding: 10px 11px 6px; font-size: 12px; }
    #saverbro-r0 .sb-nav { gap: 2px; }
    #saverbro-r0 .sb-nav button {
      min-height: 36px; padding: 8px 10px; border-radius: 7px; border: 1px solid transparent;
      color: #334870; font-size: 14px; font-weight: 610; transition: .16s ease;
    }
    #saverbro-r0 .sb-nav button:hover { background: rgba(22,67,184,.08); color: #1643b8; }
    #saverbro-r0 .sb-nav button[aria-pressed="true"] {
      background: rgba(22,67,184,.12); color: #1643b8;
      border-color: rgba(22,67,184,.35); font-weight: 700;
    }
    #saverbro-r0 .sb-nav button:disabled { color: rgba(50,70,110,.3); cursor: not-allowed; }
    #saverbro-r0 .sb-nav button:disabled:hover { background: transparent; color: rgba(50,70,110,.3); }
    #saverbro-r0 .sb-nav button:disabled .sb-nav-mark { opacity: .25; }
    #saverbro-r0 .sb-nav button[hidden], #saverbro-r0 .sb-mobile-nav button[hidden] { display: none; }
    #saverbro-r0 .sb-nav-mark {
      width: 16px; height: 16px; flex-shrink: 0; display: flex; align-items: center; justify-content: center;
      background: none; border-radius: 0; opacity: 1;
    }
    #saverbro-r0 .sb-nav-mark svg { width: 100%; height: 100%; }
    #saverbro-r0 .sb-nav button:disabled .sb-nav-mark { opacity: .25; }
    #saverbro-r0 .sb-sidebar-footer {
      padding: 10px 12px 10px; border-top: 1px solid #d0d8ec;
      background: #f0f3fa;
    }
    #saverbro-r0 .sb-avatar { background: linear-gradient(135deg,#ffb51b,#f27935); color: #152a5c; border: 2px solid #fff; }
    #saverbro-r0 .sb-user { color: #0f1a30; }
    #saverbro-r0 .sb-user strong { color: #0f1a30; }
    #saverbro-r0 .sb-user span { color: #5b78b7; }
    #saverbro-r0 .sb-main { background: #f5f7fb; height: 100%; overflow-y: auto; }
    #saverbro-r0 .sb-topbar {
      height: auto; min-height: 56px; padding: 10px 18px; gap: 12px; display: flex; align-items: center;
      position: sticky; top: 0; z-index: 12;
      background: rgba(255,255,255,.96); border-bottom: 1px solid var(--sb-line);
      box-shadow: 0 2px 9px rgba(20,36,74,.035); backdrop-filter: blur(12px);
    }
    #saverbro-r0 .sb-scope { min-width: 196px; }
    #saverbro-r0 .sb-scope .sb-logo { background: #edf2ff; color: var(--sb-blue); }
    #saverbro-r0 .sb-scope small { color: #5c6b85; font-size: 12px; }
    #saverbro-r0 .sb-scope strong { font-size: 14px; }
    #saverbro-r0 .sb-search { max-width: 460px; height: 34px; border-radius: 18px; background: #f4f6fa; border-color: #e8ebf1; color: #8490a4; }
    #saverbro-r0 .sb-search input { padding: 8px 14px; }
    #saverbro-r0 .sb-search button { padding: 8px 13px; border-left-color: #e3e7ee; color: var(--sb-blue); }
    #saverbro-r0 .sb-role-select, #saverbro-r0 .sb-bell, #saverbro-r0 .sb-secondary {
      background: #fff; color: #344054; border-color: #dfe4ec;
    }
    #saverbro-r0 .sb-role-select { height: auto; min-height: 34px; padding-top: 6px; padding-bottom: 6px; border-radius: 18px; font-size: 13px; }
    #saverbro-r0 .sb-bell { width: 34px; height: 34px; border-radius: 9px; }
    #saverbro-r0 .sb-feedback-button { border-radius: 9px; height: 34px; }
    #saverbro-r0 .sb-content { max-width: none; padding: 12px 18px 18px; }
    #saverbro-r0 .sb-page-head { margin-bottom: 12px; align-items: center; }
    #saverbro-r0 .sb-eyebrow { color: var(--sb-blue); font-size: 12px; letter-spacing: .08em; }
    #saverbro-r0 h1 { font-size: 19px; margin: 3px 0 2px; color: #101828; }
    #saverbro-r0 .sb-subtitle { color: var(--sb-muted); font-size: 13px; }
    #saverbro-r0 .sb-primary { border-radius: 7px; background: var(--sb-blue); color: #fff; font-size: 13px; padding: 8px 12px; }
    #saverbro-r0 .sb-secondary { border-radius: 7px; font-size: 13px; padding: 7px 10px; }
    #saverbro-r0 .sb-panel, #saverbro-r0 .sb-metric, #saverbro-r0 .sb-checkpoint {
      background: #fff; border: 1px solid var(--sb-line); border-radius: 9px;
    }
    #saverbro-r0 .sb-panel { overflow: hidden; }
    #saverbro-r0 .sb-panel-head { min-height: 42px; padding: 10px 12px; border-bottom-color: #eef1f5; }
    #saverbro-r0 .sb-panel-head h2 { font-size: 12px; color: #101828; }
    #saverbro-r0 .sb-panel-head span { color: #5c6b85; font-size: 12px; }
    #saverbro-r0 .sb-metrics { gap: 9px; margin-bottom: 12px; }
    #saverbro-r0 .sb-metric { padding: 12px; border-top: 1px solid var(--sb-line) !important; }
    #saverbro-r0 .sb-metric span { font-size: 12px; color: #667085; }
    #saverbro-r0 .sb-metric strong { font-size: 21px; margin: 3px 0 1px; }
    #saverbro-r0 .sb-metric small { font-size: 12px; color: #5c6b85; }
    #saverbro-r0 .sb-grid { gap: 10px; }
    #saverbro-r0 .sb-work-row, #saverbro-r0 .sb-customer-row { border-bottom-color: #eef1f5; padding: 11px 12px; }
    #saverbro-r0 .sb-work-row:hover, #saverbro-r0 .sb-customer-row:hover { background: #f8faff; }
    #saverbro-r0 .sb-work-title { color: #101828; font-size: 14px; }
    #saverbro-r0 .sb-work-meta { color: #7b8799; font-size: 12px; }
    #saverbro-r0 .sb-safety-note { margin: -3px 0 11px; border: 2px solid var(--sb-blue); border-radius: 6px; background: #f5f8ff; color: #52617a; padding: 8px 10px; }
    #saverbro-r0 .sb-kanban { grid-template-columns: repeat(4, minmax(210px, 1fr)); gap: 9px; }
    #saverbro-r0 .sb-column { background: #edf0f5; border: 0; border-radius: 9px; padding: 8px; min-height: 360px; }
    #saverbro-r0 .sb-column:nth-child(1) { border: 2px solid #5575d8; }
    #saverbro-r0 .sb-column:nth-child(2) { border: 2px solid #ffb51b; }
    #saverbro-r0 .sb-column:nth-child(3) { border: 2px solid #e85569; }
    #saverbro-r0 .sb-column:nth-child(4) { border: 2px solid #35b98f; }
    #saverbro-r0 .sb-column-head { padding: 4px 3px 9px; font-size: 13px; letter-spacing: .02em; text-transform: uppercase; }
    #saverbro-r0 .sb-card-task { border: 1px solid #e2e7ef; border-radius: 7px; background: #fff; padding: 10px; margin-bottom: 7px; box-shadow: 0 2px 6px rgba(20,36,74,.045); }
    #saverbro-r0 .sb-card-task:hover { border-color: #9db2ee; transform: translateY(-1px); }
    #saverbro-r0 .sb-card-task strong { font-size: 13px; color: #172033; }
    #saverbro-r0 .sb-card-task small { font-size: 11px; color: #778399; }
    #saverbro-r0 .sb-project-board-shell { overflow:hidden; border:1px solid #e1e6ee; border-radius:11px; background:#f5f7fa; box-shadow:0 4px 16px rgba(20,36,74,.06); }
    #saverbro-r0 .sb-project-board-toolbar { min-height:48px; padding:9px 12px; display:flex; align-items:center; justify-content:space-between; gap:12px; border-bottom:1px solid #e2e7ef; background:linear-gradient(100deg,#214ca9,#132f74 62%,#081632); color:#fff; }
    #saverbro-r0 .sb-project-board-toolbar > div:first-child { display:grid; gap:2px; }
    #saverbro-r0 .sb-project-board-toolbar strong { font-size:14px; }
    #saverbro-r0 .sb-project-board-toolbar span { color:#c5d4f5; font-size:10px; }
    #saverbro-r0 .sb-project-board-toolbar > div:last-child { display:flex; gap:5px; align-items:center; }
    #saverbro-r0 .sb-project-board-toolbar small { align-self:center; font-size:11px; color:#c5d4f5; white-space:nowrap; }
    #saverbro-r0 .sb-project-board-toolbar .sb-filter-chip { border-color:rgba(255,255,255,.2); color:#dce6ff; background:rgba(255,255,255,.08); }
    #saverbro-r0 .sb-project-board-toolbar .sb-filter-chip.active { border-color:#fff; color:#18397f; background:#fff; }
    #saverbro-r0 .sb-project-kanban { min-height:520px; padding:10px; display:grid; grid-template-columns:repeat(4,minmax(230px,1fr)); gap:9px; overflow-x:auto; align-items:start; }
    #saverbro-r0 .sb-project-lane { min-height:490px; padding:8px; display:flex; flex-direction:column; border-radius:9px; background:#e9edf3; border:2px solid var(--lane-color,#60738d); }
    #saverbro-r0 .sb-project-lane.is-over { outline:2px solid #315fc6; outline-offset:-2px; background:#e3eaff; }
    #saverbro-r0 .sb-project-lane > header { padding:3px 3px 9px; display:flex; align-items:center; gap:7px; }
    #saverbro-r0 .sb-project-lane > header i { width:16px; height:16px; display:flex; align-items:center; justify-content:center; color:var(--lane-color,#60738d); flex-shrink:0; }
    #saverbro-r0 .sb-project-lane > header i svg { width:100%; height:100%; }
    #saverbro-r0 .sb-project-lane > header strong { font-size:12px; text-transform:uppercase; letter-spacing:.03em; }
    #saverbro-r0 .sb-project-lane > header span { margin-left:auto; width:21px; height:21px; display:grid; place-items:center; border-radius:50%; color:#667085; background:#fff; font-size:11px; }
    #saverbro-r0 .sb-project-lane-list { min-height:80px; }
    #saverbro-r0 .sb-project-lane > footer { margin-top:auto; padding:8px 3px 2px; }
    #saverbro-r0 .sb-project-lane > footer button { width:100%; padding:7px; border:0; border-radius:6px; color:#5e6b7d; background:transparent; text-align:left; font-size:11px; }
    #saverbro-r0 .sb-project-lane > footer button:hover { background:#dfe4ec; }
    #saverbro-r0 .sb-trello-card { width:100%; margin-bottom:8px; padding:10px; display:block; position:relative; border:1px solid #dce2eb; border-radius:8px; color:#172033; background:#fff; box-shadow:0 2px 7px rgba(20,36,74,.06); text-align:left; transition:border-color .15s,transform .15s,box-shadow .15s; cursor:pointer; }
    #saverbro-r0 .sb-trello-card:hover { border-color:#9db2ee; transform:translateY(-1px); box-shadow:0 5px 12px rgba(20,36,74,.1); }
    #saverbro-r0 .sb-trello-card[draggable="true"] { cursor:grab; }
    #saverbro-r0 .sb-trello-card.dragging { opacity:.5; cursor:grabbing; }
    #saverbro-r0 .sb-trello-card-top { display:flex; align-items:center; gap:5px; }
    #saverbro-r0 .sb-trello-card code { padding:3px 5px; border-radius:4px; color:#3157b3; background:#edf2ff; font:inherit; font-size:10px; }
    #saverbro-r0 .sb-trello-card-actions { margin-left:auto; display:flex; gap:2px; }
    #saverbro-r0 .sb-trello-card-actions span { width:17px; height:17px; display:grid; place-items:center; border-radius:4px; color:#8893a3; background:#f5f7fa; font-size:10px; }
    #saverbro-r0 .sb-trello-card h3 { margin:9px 0 7px; min-height:28px; font-size:13px; line-height:1.38; }
    #saverbro-r0 .sb-trello-labels { display:flex; flex-wrap:wrap; gap:4px; }
    #saverbro-r0 .sb-trello-label { padding:3px 5px; border-radius:5px; color:#2750ad; background:#e9f0ff; font-size:10px; font-weight:850; text-transform:uppercase; }
    #saverbro-r0 .sb-trello-label.high { color:#bd3e4d; background:#ffe7eb; }
    #saverbro-r0 .sb-trello-label.normal { color:#2861bd; background:#e5efff; }
    #saverbro-r0 .sb-trello-label.low { color:#647084; background:#edf1f5; }
    #saverbro-r0 .sb-trello-label.project { color:#8253b9; background:#f1e7ff; }
    #saverbro-r0 .sb-trello-due { width:max-content; margin-top:7px; padding:4px 6px; border-radius:5px; color:#8a6411; background:#fff2d4; font-size:10px; }
    #saverbro-r0 .sb-trello-due.blocked { color:#b23f4e; background:#ffe8eb; }
    #saverbro-r0 .sb-trello-card footer { margin-top:9px; display:flex; justify-content:space-between; align-items:center; }
    #saverbro-r0 .sb-trello-card footer small { color:#8792a4; font-size:10px; }
    #saverbro-r0 .sb-trello-avatars { display:flex; }
    #saverbro-r0 .sb-trello-avatar { width:22px; height:22px; margin-left:-5px; display:grid; place-items:center; border:2px solid #fff; border-radius:50%; color:#244baf; background:#dfe8ff; font-size:10px; font-weight:850; }
    #saverbro-r0 .sb-trello-avatar:first-child { margin-left:0; }
    #saverbro-r0 .sb-project-empty { padding:14px 8px; color:#8994a4; text-align:center; font-size:11px; }
    #saverbro-r0 .sb-card-tags { display:flex; gap:4px; flex-wrap:wrap; margin-top:8px; }
    #saverbro-r0 .sb-card-tag { padding:3px 5px; border-radius:4px; background:#e9eefb; color:#2852b6; font-size:10px; font-weight:850; text-transform:uppercase; letter-spacing:.035em; }
    #saverbro-r0 .sb-card-tag.high { background:#fff0f1; color:#d83e52; }
    #saverbro-r0 .sb-card-tag.low { background:#edf8f5; color:#148369; }
    #saverbro-r0 .sb-card-tag.source { background:#f1eafb; color:#7d3fd1; }
    #saverbro-r0 .sb-attention-item { border-bottom-color: #eef1f5; }
    #saverbro-r0 .sb-state.due { color: #dc3f51; }
    #saverbro-r0 .sb-state.state-progress { color: #12906b; }
    #saverbro-r0 .sb-state.wait { color: #d88708; }

    #saverbro-r0 .sb-dashboard-layout { display: grid; grid-template-columns: minmax(0, 1fr) 288px; gap: 10px; }
    #saverbro-r0 .sb-dashboard-main { min-width: 0; display: grid; gap: 10px; }
    #saverbro-r0 .sb-hero {
      min-height: 176px; border-radius: 11px; overflow: hidden; position: relative; padding: 22px 26px;
      color: #fff; background:
        radial-gradient(circle at 77% 35%, rgba(255,190,64,.94) 0 2%, rgba(255,149,48,.53) 8%, transparent 27%),
        linear-gradient(120deg, #071a3d 0%, #123f81 46%, #6f5b50 70%, #e58c3c 100%);
      box-shadow: inset 0 0 0 1px rgba(255,255,255,.15), 0 8px 25px rgba(16,42,94,.15);
    }
    #saverbro-r0 .sb-hero::before {
      content: ""; position: absolute; inset: auto -5% -45px 32%; height: 150px;
      background: linear-gradient(150deg, transparent 0 22%, #10223f 23% 45%, transparent 46%), linear-gradient(25deg, transparent 0 37%, #1d3557 38% 57%, transparent 58%);
      opacity: .72; transform: skewX(-8deg);
    }
    #saverbro-r0 .sb-hero-copy { position: relative; z-index: 1; max-width: 510px; }
    #saverbro-r0 .sb-hero-kicker { color: #ffc554; font-size: 13px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
    #saverbro-r0 .sb-hero h2 { margin: 5px 0 8px; max-width: 420px; font-size: 27px; line-height: 1.02; letter-spacing: -.035em; }
    #saverbro-r0 .sb-hero p { margin: 0; max-width: 470px; color: #e6edf9; font-size: 13px; line-height: 1.55; }
    #saverbro-r0 .sb-hero-pills { display: flex; gap: 6px; margin-top: 14px; }
    #saverbro-r0 .sb-hero-pills span { padding: 5px 8px; border: 1px solid rgba(255,255,255,.25); border-radius: 20px; background: rgba(4,17,42,.24); font-size: 11px; }
    #saverbro-r0 .sb-dashboard-charts { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
    #saverbro-r0 .sb-chart { padding: 12px; min-height: 138px; }
    #saverbro-r0 .sb-chart-head { display: flex; justify-content: space-between; align-items: center; }
    #saverbro-r0 .sb-chart-head strong { font-size: 13px; }
    #saverbro-r0 .sb-chart-head span { font-size: 14px; color: #70798a; }
    #saverbro-r0 .sb-bar-chart { height: 84px; display: flex; align-items: end; justify-content: space-around; padding: 13px 8px 0; border-bottom: 1px solid #ebeff5; }
    #saverbro-r0 .sb-bar-chart i { display: block; width: 16px; border-radius: 4px 4px 0 0; background: linear-gradient(to top,#244db6 0 62%,#ffbf24 63%); }
    #saverbro-r0 .sb-line-chart { height: 86px; position: relative; margin-top: 7px; overflow: hidden; background: repeating-linear-gradient(to bottom,transparent 0 26px,#eef1f5 27px); }
    #saverbro-r0 .sb-line-chart::before { content:""; position:absolute; inset: 25px -5px auto -5px; height: 45px; border-top: 3px solid #2852ba; border-radius: 50% 35% 0 0; transform: rotate(-2deg); box-shadow: 0 -14px 0 -12px #e95465; }
    #saverbro-r0 .sb-chart-legend { display:flex; gap:14px; padding:8px 8px 0; font-size:11px; color:#5c6b85; }
    #saverbro-r0 .sb-chart-legend span { display:flex; align-items:center; gap:5px; }
    #saverbro-r0 .sb-chart-legend i { width:9px; height:9px; border-radius:2px; display:inline-block; }
    #saverbro-r0 .sb-dashboard-side { display: grid; gap: 9px; align-content: start; }
    #saverbro-r0 .sb-profile-card { min-height: 168px; padding: 15px; border-radius: 10px; color: #172235; background: #fff; border: 2px solid #1646b9; position: relative; overflow: hidden; }
    #saverbro-r0 .sb-profile-card::after { content:"SB"; position:absolute; right:-4px; bottom:-24px; font-size:110px; font-weight:900; color:rgba(22,70,185,.06); }
    #saverbro-r0 .sb-profile-avatar { width: 42px; height: 42px; border-radius: 50%; background: linear-gradient(135deg,#ffca57,#f07831); display:grid; place-items:center; color:#10285f; font-weight:900; }
    #saverbro-r0 .sb-profile-card h2 { font-size: 14px; margin: 14px 0 2px; position: relative; z-index: 1; }
    #saverbro-r0 .sb-profile-card p { margin: 0; color: #51607d; font-size: 12px; position: relative; z-index: 1; }
    #saverbro-r0 .sb-profile-badge { display:inline-block; margin-top:9px; padding:4px 7px; border-radius:14px; background:rgba(255,255,255,.16); font-size:13px; }
    #saverbro-r0 .sb-profile-card .sb-profile-badge { color:#1646b9; background:#eaf0ff; }
    #saverbro-r0 .sb-side-metrics { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
    #saverbro-r0 .sb-side-metrics .sb-metric { min-height: 86px; }
    #saverbro-r0 .sb-side-metrics .sb-metric:first-child { background:#fff; border: 2px solid #1646b9 !important; }
    #saverbro-r0 .sb-activity-panel .sb-attention { max-height: 172px; overflow:auto; padding: 0 11px; }
    #saverbro-r0 .sb-activity-panel .sb-attention-item { padding: 10px 0; }
    #saverbro-r0 #sb-schedule-shifts .sb-attention-item, #saverbro-r0 #sb-schedule-sla .sb-attention-item { font-size: 12px; line-height: 1.5; }
    #saverbro-r0 .sb-activity-panel .sb-attention-item strong { font-size:13px; }
    #saverbro-r0 .sb-activity-panel .sb-attention-item span { font-size:11px; }
    #saverbro-r0 .sb-calendar-strip { display:grid; grid-template-columns:repeat(7,1fr); gap:5px; margin-top:10px; }
    #saverbro-r0 .sb-calendar-strip span { display:grid; place-items:center; min-height:25px; border-radius:6px; color:#667085; font-size:11px; background:#f5f7fa; }
    #saverbro-r0 .sb-calendar-strip span.active { color:#fff; background:var(--sb-blue); font-weight:800; }

    #saverbro-r0 .sb-drawer-backdrop { position: fixed; padding: 42px; align-items: center; justify-content: center; background: rgba(5,14,34,.62); backdrop-filter: blur(5px); }
    #saverbro-r0 .sb-drawer { width: min(1080px, 94vw); height: min(760px, 90vh); border: 0; border-radius: 13px; padding: 0; box-shadow: 0 30px 90px rgba(4,12,31,.38); display: grid; grid-template-columns: 1.25fr .85fr; grid-template-rows: auto 1fr auto; overflow:hidden; }
    #saverbro-r0 .sb-drawer > .sb-drawer-top { grid-column:1/-1; padding:14px 18px; border-bottom:1px solid var(--sb-line); align-items:center; }
    #saverbro-r0 .sb-task-heading { display:flex; align-items:center; gap:12px; min-width:0; }
    #saverbro-r0 .sb-task-heading h2 { margin:2px 0 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
    #saverbro-r0 .sb-task-id { padding:5px 8px; border-radius:5px; color:#244baf; background:#edf2ff; font-family:inherit; font-size:12px; font-weight:850; }
    #saverbro-r0 .sb-task-palette { display:flex; gap:5px; }
    #saverbro-r0 .sb-task-palette i { width:14px; height:14px; border-radius:50%; background:var(--dot); box-shadow:inset 0 0 0 1px rgba(0,0,0,.08); }
    #saverbro-r0 .sb-task-header-actions { display:flex; gap:6px; align-items:center; }
    #saverbro-r0 .sb-icon-button { width:32px; height:32px; border:1px solid #dfe4ec; border-radius:8px; color:#5f6b7a; background:#fff; }
    #saverbro-r0 .sb-task-edit-main { grid-column:1; grid-row:2; min-width:0; padding:16px 20px; overflow:auto; border-right:1px solid var(--sb-line); }
    #saverbro-r0 .sb-task-activity-pane { grid-column:2; grid-row:2 / 4; min-width:0; padding:17px; overflow:auto; background:#fafbfc; }
    #saverbro-r0 .sb-task-activity-pane h3 { margin:0 0 12px; font-size:14px; text-transform:uppercase; letter-spacing:.07em; color:#667085; }
    #saverbro-r0 .sb-task-toolbar { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:14px; }
    #saverbro-r0 .sb-task-tool { display:flex; align-items:center; gap:5px; min-height:30px; padding:0 9px; border:1px solid #dfe4ec; border-radius:7px; color:#465266; background:#fff; font-size:12px; font-weight:750; }
    #saverbro-r0 .sb-task-labels { display:flex; gap:6px; flex-wrap:wrap; margin-bottom:14px; }
    #saverbro-r0 .sb-task-labels span { padding:4px 7px; border-radius:5px; color:#fff; background:#3169d8; font-size:11px; font-weight:850; }
    #saverbro-r0 .sb-task-labels span:nth-child(2) { background:#e24c59; }
    #saverbro-r0 .sb-task-labels span:nth-child(3) { background:#19a66a; }
    #saverbro-r0 .sb-task-edit-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-bottom:12px; }
    #saverbro-r0 .sb-task-field { display:grid; gap:5px; color:#344054; font-size:12px; font-weight:800; }
    #saverbro-r0 .sb-task-field input, #saverbro-r0 .sb-task-field select, #saverbro-r0 .sb-task-field textarea { width:100%; border:1px solid #dfe4ec; border-radius:7px; color:#172235; background:#fff; padding:9px 10px; font:inherit; font-weight:550; }
    #saverbro-r0 .sb-task-field textarea { min-height:72px; resize:vertical; line-height:1.45; }
    #saverbro-r0 .sb-task-field-wide { grid-column:1/-1; }
    #saverbro-r0 .sb-task-section { padding-top:13px; margin-top:13px; border-top:1px solid #e8ecf2; }
    #saverbro-r0 .sb-task-section h3 { margin:0 0 9px; font-size:13px; text-transform:uppercase; letter-spacing:.07em; color:#667085; }
    #saverbro-r0 .sb-task-comment-box { padding:10px; border:1px solid #dfe4ec; border-radius:8px; background:#fff; }
    #saverbro-r0 .sb-task-comment-box textarea { width:100%; min-height:72px; padding:0; border:0; resize:vertical; color:#172235; background:transparent; font:inherit; font-size:13px; outline:0; }
    #saverbro-r0 .sb-task-comment-box footer { display:flex; justify-content:space-between; align-items:center; padding-top:8px; border-top:1px solid #edf0f4; }
    #saverbro-r0 .sb-task-comment-box small { color:#8a94a5; font-size:11px; }
    #saverbro-r0 .sb-task-comment-box button { padding:6px 11px; }
    #saverbro-r0 .sb-task-timeline { margin-top:16px; }
    #saverbro-r0 .sb-task-timeline .sb-activity { position:relative; margin-left:7px; padding:7px 0 12px 18px; border-left:1px solid #d9e1ee; color:#4a5568; font-size:12px; line-height:1.45; }
    #saverbro-r0 .sb-task-timeline .sb-activity::before { content:""; position:absolute; left:-4px; top:10px; width:7px; height:7px; border-radius:50%; background:#2451b8; box-shadow:0 0 0 3px #edf2ff; }
    #saverbro-r0 .sb-task-workflow-footer { grid-column:1; grid-row:3; display:flex; align-items:center; justify-content:space-between; gap:10px; padding:11px 18px; border-top:1px solid var(--sb-line); background:#fff; }
    #saverbro-r0 .sb-task-workflow-footer > span { color:#8a94a5; font-size:11px; }
    #saverbro-r0 .sb-task-workflow-actions { display:flex; gap:7px; flex-wrap:wrap; justify-content:flex-end; }
    #saverbro-r0 .sb-task-workflow-actions button { white-space:nowrap; }
    #saverbro-r0 .sb-task-workflow-actions .sb-warn { color:#fff; background:#f2a51a; border-color:#f2a51a; }
    #saverbro-r0 .sb-task-workflow-actions .sb-complete { color:#fff; background:#169665; border-color:#169665; }
    #saverbro-r0 .sb-detail-grid > div { padding:10px; border:1px solid #e8ecf2; border-radius:7px; background:#fafbfc; }
    #saverbro-r0 .sb-close { color:#344054; background:#fff; border-color:#dfe4ec; }

    #saverbro-r0 .sb-view-switch { display:flex; padding:2px; border:1px solid #dfe4ec; border-radius:8px; background:#fff; }
    #saverbro-r0 .sb-view-switch button { border:0; border-radius:6px; padding:6px 10px; background:transparent; color:#667085; font-size:12px; font-weight:750; }
    #saverbro-r0 .sb-view-switch button[aria-pressed="true"] { background:#eaf0ff; color:var(--sb-blue); }
    #saverbro-r0 .sb-kanban[hidden], #saverbro-r0 .sb-task-table-panel[hidden] { display:none !important; }
    #saverbro-r0 .sb-task-table-panel { overflow:hidden; }
    #saverbro-r0 .sb-table-toolbar { min-height:48px; padding:10px 13px; display:flex; align-items:center; gap:12px; border-bottom:1px solid #edf0f4; }
    #saverbro-r0 .sb-table-toolbar > strong { font-size:12px; }
    #saverbro-r0 .sb-table-toolbar > span { color:#5c6b85; font-size:12px; }
    #saverbro-r0 .sb-table-toolbar > div { margin-left:auto; display:flex; gap:5px; }
    #saverbro-r0 .sb-filter-chip { border:1px solid #e1e6ed; border-radius:7px; background:#fff; color:#667085; padding:6px 9px; font-size:11px; }
    #saverbro-r0 .sb-filter-chip.active { color:var(--sb-blue); border-color:#b9c8ee; background:#f4f7ff; }
    #saverbro-r0 .sb-task-table { min-width:760px; }
    #saverbro-r0 .sb-task-table-head, #saverbro-r0 .sb-task-table-row { display:grid; grid-template-columns:90px minmax(240px,1.8fr) 100px 120px 110px 62px; align-items:center; gap:10px; }
    #saverbro-r0 .sb-task-table-head > *:nth-child(3), #saverbro-r0 .sb-task-table-row > *:nth-child(3) { text-align:center; justify-self:center; }
    #saverbro-r0 .sb-task-table-head { min-height:36px; padding:0 14px; color:#5c6b85; background:#f5f7fa; font-size:11px; font-weight:850; text-transform:uppercase; letter-spacing:.055em; }
    #saverbro-r0 .sb-task-table-row { min-height:62px; padding:9px 14px; border-top:1px solid #edf0f4; font-size:12px; }
    #saverbro-r0 .sb-task-table-row:hover { background:#f9faff; }
    #saverbro-r0 .sb-task-table-row code { width:max-content; padding:4px 6px; border-radius:4px; color:#244baf; background:#edf2ff; font-family:inherit; font-size:11px; }
    #saverbro-r0 .sb-task-table-title strong { display:block; font-size:13px; color:#101828; }
    #saverbro-r0 .sb-task-table-title small { display:block; margin-top:4px; color:#8490a2; }
    #saverbro-r0 .sb-task-table-row > button { width:28px; height:28px; border:0; border-radius:7px; color:var(--sb-blue); background:#edf2ff; }

    #saverbro-r0 .sb-department-shell { min-width:0; }
    #saverbro-r0 .sb-marketing-kanban { grid-template-columns:repeat(5,minmax(230px,1fr)); min-height:520px; }
    #saverbro-r0 .sb-marketing-board-shell .sb-project-board-toolbar > div:last-child { flex-wrap:wrap; justify-content:flex-end; }
    #saverbro-r0 .sb-marketing-board-shell .sb-catalog-search { min-width:210px; border-color:rgba(255,255,255,.2); background:rgba(255,255,255,.1); color:#fff; }
    #saverbro-r0 .sb-marketing-board-shell .sb-catalog-search input { color:#fff; }
    #saverbro-r0 .sb-marketing-board-shell .sb-catalog-search input::placeholder { color:#c7d4ef; }
    #saverbro-r0 .sb-marketing-notes-panel { margin-top:10px; padding:12px; border:1px solid #dfe5ee; border-radius:10px; background:#fff; box-shadow:0 3px 12px rgba(20,36,74,.04); }
    #saverbro-r0 .sb-marketing-notes-head { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:9px; }
    #saverbro-r0 .sb-marketing-notes-head h2 { margin:0; color:#172235; font-size:14px; }
    #saverbro-r0 .sb-marketing-notes-head span { color:#8792a3; font-size:11px; }
    #saverbro-r0 .sb-board-notes { display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:10px; }
    #saverbro-r0 .sb-board-notes h2 { margin:2px 0 10px; font-size:13px; }
    #saverbro-r0 .sb-board-note-tabs { display:grid; grid-template-columns:1fr 1fr; padding:3px; border:1px solid rgba(255,255,255,.28); border-radius:18px; }
    #saverbro-r0 .sb-board-note-tabs button { border:0; border-radius:15px; padding:6px; color:#dbe5ff; background:transparent; font-size:11px; }
    #saverbro-r0 .sb-board-note-tabs button.active { color:#17387f; background:#fff; font-weight:800; }
    #saverbro-r0 #sb-department-notes { display:flex; flex-wrap:wrap; gap:6px; }
    #saverbro-r0 #sb-department-notes p { margin:0; padding:7px 9px; border:1px solid #e1e7f0; border-radius:7px; color:#52617a; background:#f7f9fc; font-size:11px; line-height:1.45; }
    #saverbro-r0 .sb-board-note-compose { display:flex; align-items:flex-start; gap:5px; }
    #saverbro-r0 .sb-board-note-compose input { min-width:0; flex:1; border:1px solid #dfe5ee; border-radius:7px; padding:8px; color:#263247; background:#fff; font:inherit; font-size:11px; }
    #saverbro-r0 .sb-board-note-compose input::placeholder { color:#99a3b2; }
    #saverbro-r0 .sb-board-note-compose button { width:32px; height:32px; border:0; border-radius:7px; color:#fff; background:#244fb6; }
    #saverbro-r0 .sb-marketing-card-action { border:0; border-radius:6px; padding:5px 7px; color:#244baf; background:#edf2ff; font-size:10px; font-weight:800; }
    #saverbro-r0 .sb-trello-card-actions button { width:20px; height:20px; display:grid; place-items:center; border:0; border-radius:4px; color:#65758c; background:#f1f4f8; font-size:11px; cursor:pointer; }
    #saverbro-r0 .sb-trello-card-actions button:hover { color:#244baf; background:#e7eeff; }
    #saverbro-r0 .sb-marketing-card-dialog { width:min(650px,100%); }
    #saverbro-r0 .sb-marketing-card-dialog .sb-feedback-grid { margin-top:0; }
    #saverbro-r0 .sb-marketing-card-dialog textarea { min-height:90px; resize:vertical; }
    #saverbro-r0 .sb-service-flow { display:grid; grid-template-columns:repeat(4,minmax(150px,1fr)); gap:8px; margin-bottom:12px; }
    #saverbro-r0 .sb-service-flow article { position:relative; min-height:76px; padding:12px 12px 11px 16px; overflow:hidden; border:2px solid var(--flow-color,#5575d8); border-radius:10px; background:#fff; }
    #saverbro-r0 .sb-service-flow span { display:block; color:#8792a3; font-size:10px; font-weight:850; letter-spacing:.06em; text-transform:uppercase; }
    #saverbro-r0 .sb-service-flow strong { display:block; margin-top:5px; color:#172235; font-size:13px; }
    #saverbro-r0 .sb-service-flow small { display:block; margin-top:4px; color:#6e7b8f; font-size:10px; line-height:1.35; }
    #saverbro-r0 .sb-service-kanban { grid-template-columns:repeat(4,minmax(240px,1fr)); min-height:510px; }
    #saverbro-r0 .sb-service-board-shell .sb-project-board-toolbar > div:last-child { flex-wrap:wrap; justify-content:flex-end; }
    #saverbro-r0 .sb-service-board-shell .sb-catalog-search { min-width:210px; border-color:rgba(255,255,255,.2); background:rgba(255,255,255,.1); color:#fff; }
    #saverbro-r0 .sb-service-board-shell .sb-catalog-search input { color:#fff; }
    #saverbro-r0 .sb-service-board-shell .sb-catalog-search input::placeholder { color:#c7d4ef; }
    #saverbro-r0 .sb-service-card-item { margin-top:7px; color:#667085; font-size:11px; line-height:1.4; }
    #saverbro-r0 .sb-service-card-gates { display:flex; gap:4px; flex-wrap:wrap; margin-top:7px; }
    #saverbro-r0 .sb-service-card-gates span { padding:4px 5px; border-radius:5px; color:#536176; background:#eef2f6; font-size:10px; font-weight:800; }
    #saverbro-r0 .sb-service-card-gates span.waiting { color:#a85e00; background:#fff0ce; }
    #saverbro-r0 .sb-service-card-gates span.passed { color:#147556; background:#ddf5ec; }
    #saverbro-r0 .sb-service-job-dialog { width:min(660px,100%); }
    #saverbro-r0 .sb-service-job-summary { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-top:14px; }
    #saverbro-r0 .sb-service-job-summary div { padding:10px; border:1px solid #e0e6ef; border-radius:8px; background:#f8fafc; }
    #saverbro-r0 .sb-service-job-summary span { display:block; color:#8792a3; font-size:10px; text-transform:uppercase; }
    #saverbro-r0 .sb-service-job-summary strong { display:block; margin-top:4px; color:#263247; font-size:12px; }
    #saverbro-r0 .sb-service-gates { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-top:12px; }
    #saverbro-r0 .sb-service-gates div { padding:10px; border-left:3px solid #315fc6; border-radius:7px; color:#607086; background:#f5f8ff; font-size:11px; line-height:1.4; }
    #saverbro-r0 .sb-scorecard-hero { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr); gap:12px; margin-bottom:12px; }
    #saverbro-r0 .sb-scorecard-primary { min-height:190px; padding:20px; display:grid; grid-template-columns:1fr auto; gap:20px; align-items:center; overflow:hidden; border-radius:13px; color:#fff; background:radial-gradient(circle at 88% 15%,rgba(65,213,171,.28),transparent 30%),linear-gradient(135deg,#244fb6,#112d73 58%,#071632); box-shadow:0 10px 28px rgba(18,45,111,.18); }
    #saverbro-r0 .sb-scorecard-primary .sb-eyebrow { color:#aec5fa; }
    #saverbro-r0 .sb-scorecard-primary h2 { margin:7px 0 6px; font-size:20px; }
    #saverbro-r0 .sb-scorecard-primary p { max-width:560px; margin:0; color:#d8e3fb; font-size:12px; line-height:1.5; }
    #saverbro-r0 .sb-scorecard-owner { display:flex; flex-wrap:wrap; gap:6px; margin-top:14px; }
    #saverbro-r0 .sb-scorecard-owner span { padding:5px 8px; border:1px solid rgba(255,255,255,.15); border-radius:12px; background:rgba(255,255,255,.08); font-size:10px; font-weight:800; }
    #saverbro-r0 .sb-score-ring { --score:0; width:118px; aspect-ratio:1; display:grid; place-items:center; border-radius:50%; background:conic-gradient(#50d7aa calc(var(--score)*1%),rgba(255,255,255,.14) 0); box-shadow:inset 0 0 0 1px rgba(255,255,255,.12); }
    #saverbro-r0 .sb-score-ring > div { width:86px; aspect-ratio:1; display:grid; place-content:center; text-align:center; border-radius:50%; background:#102c70; }
    #saverbro-r0 .sb-score-ring strong { font-size:25px; }
    #saverbro-r0 .sb-score-ring span { color:#afc5f3; font-size:10px; text-transform:uppercase; }
    #saverbro-r0 .sb-scorecard-focus { padding:16px; border:1px solid #e0e6ef; border-radius:12px; background:#fff; box-shadow:0 5px 18px rgba(20,36,74,.055); }
    #saverbro-r0 .sb-scorecard-focus h2 { margin:0 0 11px; color:#172235; font-size:12px; }
    #saverbro-r0 .sb-scorecard-focus div { padding:9px 0; border-top:1px solid #edf0f4; }
    #saverbro-r0 .sb-scorecard-focus span { display:block; color:#8792a3; font-size:10px; text-transform:uppercase; }
    #saverbro-r0 .sb-scorecard-focus strong { display:block; margin-top:4px; color:#354159; font-size:12px; }
    #saverbro-r0 .sb-scorecard-layout { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(250px,.55fr); gap:12px; }
    #saverbro-r0 .sb-scorecard-grid { display:grid; grid-template-columns:repeat(2,minmax(220px,1fr)); gap:9px; padding:11px; }
    #saverbro-r0 .sb-kpi-card { padding:13px; border:1px solid #e0e6ef; border-radius:10px; background:#fff; box-shadow:0 3px 11px rgba(20,36,74,.04); }
    #saverbro-r0 .sb-kpi-card header { display:flex; align-items:center; justify-content:space-between; gap:8px; }
    #saverbro-r0 .sb-kpi-category { color:#748197; font-size:10px; font-weight:850; letter-spacing:.05em; text-transform:uppercase; }
    #saverbro-r0 .sb-kpi-status { padding:4px 6px; border-radius:9px; font-size:10px; font-weight:850; text-transform:uppercase; }
    #saverbro-r0 .sb-kpi-status.on-track { color:#147556; background:#dcf5ec; }
    #saverbro-r0 .sb-kpi-status.attention { color:#966000; background:#fff0ce; }
    #saverbro-r0 .sb-kpi-status.behind { color:#b23e4d; background:#ffe6ea; }
    #saverbro-r0 .sb-kpi-card h3 { margin:12px 0 7px; color:#172235; font-size:14px; }
    #saverbro-r0 .sb-kpi-value { display:flex; align-items:baseline; gap:5px; }
    #saverbro-r0 .sb-kpi-value strong { color:#14213a; font-size:22px; }
    #saverbro-r0 .sb-kpi-value span { color:#7d899a; font-size:11px; }
    #saverbro-r0 .sb-kpi-progress { height:7px; margin:10px 0 8px; overflow:hidden; border-radius:7px; background:#edf1f5; }
    #saverbro-r0 .sb-kpi-progress i { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#315fc6,#45c79a); }
    #saverbro-r0 .sb-kpi-card footer { color:#7b8798; font-size:10px; line-height:1.4; }
    #saverbro-r0 .sb-scorecard-actions { padding:14px; border-radius:11px; color:#172235; background:#fff; border:2px solid #224fba; }
    #saverbro-r0 .sb-scorecard-actions h2 { margin:0 0 10px; font-size:12px; }
    #saverbro-r0 .sb-scorecard-action { margin-bottom:8px; padding:10px; border:1px solid #dbe4f5; border-radius:8px; background:#f4f7ff; }
    #saverbro-r0 .sb-scorecard-action strong { display:block; font-size:11px; }
    #saverbro-r0 .sb-scorecard-action span { display:block; margin-top:4px; color:#51607d; font-size:10px; line-height:1.4; }
    #saverbro-r0 .sb-department-switch { display:flex; align-items:center; gap:6px; margin:0 0 12px; padding:4px; width:max-content; border:1px solid #dde4ee; border-radius:10px; background:#eef2f7; }
    #saverbro-r0 .sb-department-switch button { min-width:120px; padding:8px 12px; border:0; border-radius:7px; color:#5f6c80; background:transparent; font-size:11px; font-weight:800; }
    #saverbro-r0 .sb-department-switch button[aria-pressed="true"] { color:#fff; background:linear-gradient(135deg,#2455c3,#0a1e4e); box-shadow:0 3px 10px rgba(22,57,142,.22); }
    #saverbro-r0 .sb-department-panel[hidden] { display:none !important; }
    #saverbro-r0 .sb-marketing-workspace { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,.7fr); gap:12px; }
    #saverbro-r0 .sb-marketing-register { display:grid; grid-template-columns:repeat(2,minmax(210px,1fr)); gap:10px; }
    #saverbro-r0 .sb-campaign-card { padding:14px; border:1px solid #e0e6ef; border-radius:10px; background:#fff; box-shadow:0 4px 14px rgba(20,36,74,.055); }
    #saverbro-r0 .sb-campaign-card header { display:flex; align-items:center; justify-content:space-between; gap:8px; }
    #saverbro-r0 .sb-campaign-card code { padding:4px 6px; border-radius:5px; color:#2751b2; background:#edf2ff; font:inherit; font-size:10px; }
    #saverbro-r0 .sb-campaign-card h3 { margin:11px 0 5px; color:#152238; font-size:14px; }
    #saverbro-r0 .sb-campaign-card p { margin:0; color:#7b8798; font-size:11px; }
    #saverbro-r0 .sb-campaign-progress { height:6px; margin:13px 0 8px; overflow:hidden; border-radius:6px; background:#e9edf3; }
    #saverbro-r0 .sb-campaign-progress i { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#2455c3,#2dbb8b); }
    #saverbro-r0 .sb-campaign-card footer { display:flex; justify-content:space-between; gap:8px; color:#667085; font-size:10px; }
    #saverbro-r0 .sb-campaign-guardrails { min-height:100%; padding:16px; border-radius:11px; color:#172235; background:#fff; border:2px solid #224fba; }
    #saverbro-r0 .sb-campaign-guardrails h2 { margin:0 0 12px; font-size:12px; }
    #saverbro-r0 .sb-campaign-guardrails div { margin-bottom:8px; padding:10px; border:1px solid #dbe4f5; border-radius:8px; background:#f4f7ff; font-size:11px; line-height:1.45; }
    #saverbro-r0 .sb-marketing-hero { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,.65fr); gap:12px; margin-bottom:12px; }
    #saverbro-r0 .sb-marketing-focus { position:relative; overflow:hidden; min-height:168px; padding:22px; border-radius:13px; color:#fff; background:radial-gradient(circle at 88% 16%,rgba(61,221,171,.33),transparent 29%),linear-gradient(135deg,#244fb6,#122e75 55%,#071735); box-shadow:0 10px 28px rgba(18,45,111,.18); }
    #saverbro-r0 .sb-marketing-focus::after { content:""; position:absolute; width:190px; height:190px; right:-60px; bottom:-95px; border:1px solid rgba(255,255,255,.18); border-radius:50%; box-shadow:0 0 0 28px rgba(255,255,255,.035),0 0 0 56px rgba(255,255,255,.025); }
    #saverbro-r0 .sb-marketing-focus > * { position:relative; z-index:1; }
    #saverbro-r0 .sb-marketing-focus .sb-eyebrow { color:#a9c3ff; }
    #saverbro-r0 .sb-marketing-focus h2 { max-width:560px; margin:7px 0 6px; font-size:20px; line-height:1.2; }
    #saverbro-r0 .sb-marketing-focus p { max-width:610px; margin:0; color:#d9e3fb; font-size:12px; line-height:1.55; }
    #saverbro-r0 .sb-marketing-focus-meta { display:flex; flex-wrap:wrap; gap:6px; margin-top:13px; }
    #saverbro-r0 .sb-marketing-focus-meta span { padding:5px 8px; border:1px solid rgba(255,255,255,.15); border-radius:12px; background:rgba(255,255,255,.09); font-size:10px; font-weight:750; }
    #saverbro-r0 .sb-marketing-focus-progress { display:flex; align-items:center; gap:10px; margin-top:15px; }
    #saverbro-r0 .sb-marketing-focus-progress div { width:min(360px,70%); height:7px; overflow:hidden; border-radius:7px; background:rgba(255,255,255,.16); }
    #saverbro-r0 .sb-marketing-focus-progress i { display:block; width:62%; height:100%; border-radius:inherit; background:linear-gradient(90deg,#51d6aa,#a4f0d5); }
    #saverbro-r0 .sb-marketing-focus-progress strong { font-size:12px; }
    #saverbro-r0 .sb-marketing-brief { padding:16px; border:1px solid #e0e6ef; border-radius:12px; background:#fff; box-shadow:0 5px 18px rgba(20,36,74,.055); }
    #saverbro-r0 .sb-marketing-brief h2 { margin:0 0 10px; color:#172235; font-size:12px; }
    #saverbro-r0 .sb-marketing-brief div { display:grid; grid-template-columns:72px 1fr; gap:8px; padding:8px 0; border-top:1px solid #edf0f4; font-size:11px; }
    #saverbro-r0 .sb-marketing-brief div:first-of-type { border-top:0; }
    #saverbro-r0 .sb-marketing-brief span { color:#8792a3; }
    #saverbro-r0 .sb-marketing-brief strong { color:#354159; }
    #saverbro-r0 .sb-marketing-filterbar { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:10px; }
    #saverbro-r0 .sb-marketing-filterbar > div { display:flex; align-items:center; gap:6px; }
    #saverbro-r0 .sb-marketing-filterbar button { padding:6px 10px; border:1px solid #e0e5ed; border-radius:15px; color:#69768a; background:#fff; font-size:11px; }
    #saverbro-r0 .sb-marketing-filterbar button.active { color:#fff; border-color:#244fb6; background:#244fb6; }
    #saverbro-r0 .sb-marketing-filterbar label { min-width:220px; }
    #saverbro-r0 .sb-marketing-filterbar small { color:#7b8798; font-size:11px; }
    #saverbro-r0 .sb-marketing-calendar { display:grid; grid-template-columns:repeat(5,minmax(150px,1fr)); gap:8px; overflow:auto; }
    #saverbro-r0 .sb-marketing-day { min-height:290px; padding:10px; border:1px solid #e2e7ef; border-radius:10px; background:#f7f9fc; }
    #saverbro-r0 .sb-marketing-day header { display:flex; align-items:center; justify-content:space-between; margin-bottom:10px; color:#475467; font-size:11px; }
    #saverbro-r0 .sb-marketing-day header strong { color:#172235; font-size:13px; }
    #saverbro-r0 .sb-marketing-slot { margin-bottom:8px; padding:10px; border:1px solid #e0e6ef; border-radius:8px; background:#fff; box-shadow:0 3px 10px rgba(20,36,74,.04); }
    #saverbro-r0 .sb-marketing-slot i { display:block; width:24px; height:3px; margin-bottom:7px; border-radius:3px; background:var(--slot,#2c65cf); }
    #saverbro-r0 .sb-marketing-slot strong { display:block; font-size:11px; line-height:1.4; }
    #saverbro-r0 .sb-marketing-slot span { display:block; margin-top:5px; color:#7b8798; font-size:10px; }

    #saverbro-r0 .sb-payment-tabs { display:flex; gap:6px; margin-bottom:10px; }
    #saverbro-r0 .sb-payment-tabs button { border:0; border-radius:17px; padding:7px 12px; color:#5f6b7d; background:#e9edf3; font-size:11px; font-weight:750; }
    #saverbro-r0 .sb-payment-tabs button.active { color:#fff; background:linear-gradient(135deg,#1a49ba,#081a45); }
    #saverbro-r0 .sb-payment-tabs button:nth-child(2) { color:#d54357; background:#ffedf0; } #saverbro-r0 .sb-payment-tabs button:nth-child(3) { color:#a87805; background:#fff2c7; } #saverbro-r0 .sb-payment-tabs button:nth-child(4) { color:#168064; background:#e5f7f1; } #saverbro-r0 .sb-payment-tabs button:nth-child(5) { color:#b04d61; background:#f9e8ed; }
    #saverbro-r0 .sb-payment-tabs button.active { color:#fff; background:linear-gradient(135deg,#1a49ba,#081a45); }
    #saverbro-r0 .sb-payment-panel { overflow:auto; }
    #saverbro-r0 .sb-payment-table { min-width:900px; }
    #saverbro-r0 .sb-payment-head, #saverbro-r0 .sb-payment-row { display:grid; grid-template-columns:88px minmax(280px,1.8fr) 90px 100px 100px 80px 50px; align-items:center; gap:10px; }
    #saverbro-r0 .sb-payment-head { min-height:36px; padding:0 14px; color:#5c6b85; background:#f5f7fa; font-size:11px; font-weight:850; text-transform:uppercase; letter-spacing:.055em; }
    #saverbro-r0 .sb-payment-row { min-height:68px; padding:9px 14px; border-top:1px solid #edf0f4; font-size:11px; }
    #saverbro-r0 .sb-payment-row[hidden] { display:none !important; }
    #saverbro-r0 .sb-payment-row:hover { background:#f9faff; }
    #saverbro-r0 .sb-payment-row code { width:max-content; padding:4px 6px; border-radius:4px; color:#244baf; background:#edf2ff; font:inherit; font-size:10px; }
    #saverbro-r0 .sb-payment-title strong { display:block; color:#101828; font-size:12px; }
    #saverbro-r0 .sb-payment-title .sb-card-tags { margin-top:5px; }
    #saverbro-r0 .sb-payment-assignee { display:flex; align-items:center; gap:5px; }
    #saverbro-r0 .sb-payment-assignee span { width:24px; height:24px; display:grid; place-items:center; border-radius:50%; color:#244baf; background:#e8eeff; font-size:10px; font-weight:850; }
    #saverbro-r0 .sb-payment-row > button { width:27px; height:27px; border:0; border-radius:7px; color:var(--sb-blue); background:#edf2ff; }
    #saverbro-r0 .sb-finance-switch { display:flex; align-items:center; gap:4px; margin:0 0 12px; padding:4px; width:100%; overflow-x:auto; border:1px solid #dde4ee; border-radius:10px; background:#eef2f7; scrollbar-width:thin; }
    #saverbro-r0 .sb-finance-switch button { display:flex; align-items:center; gap:7px; min-width:max-content; padding:7px 11px; border:0; border-radius:7px; color:#5f6c80; background:transparent; font-size:11px; font-weight:800; white-space:nowrap; cursor:pointer; transition:background .15s, color .15s; }
    #saverbro-r0 .sb-finance-switch button[aria-pressed="true"] { color:#fff; background:linear-gradient(135deg,#2455c3,#0a1e4e); box-shadow:0 3px 10px rgba(22,57,142,.22); }
    #saverbro-r0 .sb-finance-switch button[aria-pressed="true"] .sb-mod-badge { opacity:1; filter:none; }
    #saverbro-r0 .sb-mod-badge { display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:5px; font-size:9px; font-weight:900; letter-spacing:-0.3px; color:#fff; flex-shrink:0; opacity:.82; }
    #saverbro-r0 .sb-mod-badge.gl { background:linear-gradient(135deg,#1a3d8f,#2a5cbf); }
    #saverbro-r0 .sb-mod-badge.ar { background:linear-gradient(135deg,#c46200,#e07e1c); }
    #saverbro-r0 .sb-mod-badge.ap { background:linear-gradient(135deg,#1a7c3e,#2aa854); }
    #saverbro-r0 .sb-mod-badge.cb { background:linear-gradient(135deg,#0d7a7a,#19a3a3); }
    #saverbro-r0 .sb-mod-badge.st { background:linear-gradient(135deg,#7a4800,#b06a1a); }
    #saverbro-r0 .sb-mod-badge.sl { background:linear-gradient(135deg,#5c1a9e,#8c38de); }
    #saverbro-r0 .sb-mod-badge.pu { background:linear-gradient(135deg,#8c1a2e,#c4354a); }
    #saverbro-r0 .sb-mod-badge.pl { background:linear-gradient(135deg,#2d6b2d,#4da34d); }
    #saverbro-r0 .sb-mod-badge.rl { background:linear-gradient(135deg,#4a4a6a,#7a7aaa); }
    #saverbro-r0 .sb-payment-table[role=table] .sb-payment-head { font-size:10px; font-weight:900; color:#8898b4; letter-spacing:.5px; text-transform:uppercase; }
    #saverbro-r0 .sb-finance-panel { overflow-x:auto; }
    #saverbro-r0 .sb-people-switch { display:flex; align-items:center; gap:6px; margin:0 0 12px; padding:4px; width:100%; overflow:auto; border:1px solid #dde4ee; border-radius:10px; background:#eef2f7; }
    #saverbro-r0 .sb-people-switch button { min-width:130px; padding:8px 11px; border:0; border-radius:7px; color:#5f6c80; background:transparent; font-size:11px; font-weight:800; white-space:nowrap; }
    #saverbro-r0 .sb-people-switch button[aria-pressed="true"] { color:#fff; background:linear-gradient(135deg,#2455c3,#0a1e4e); box-shadow:0 3px 10px rgba(22,57,142,.22); }
    #saverbro-r0 .sb-people-panel[hidden] { display:none !important; }
    #saverbro-r0 .sb-people-directory { display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:8px; }
    #saverbro-r0 .sb-employee-card { padding:12px; border:1px solid #e0e6ef; border-radius:9px; background:linear-gradient(145deg,#fff,#f8faff); }
    #saverbro-r0 .sb-employee-card header { display:flex; justify-content:space-between; gap:8px; align-items:start; }
    #saverbro-r0 .sb-employee-card strong { display:block; font-size:13px; color:#172235; }
    #saverbro-r0 .sb-employee-card small { display:block; margin-top:4px; color:#7a8698; font-size:11px; line-height:1.45; }
    #saverbro-r0 .sb-employee-card code { padding:3px 5px; border-radius:4px; color:#2852b8; background:#edf2ff; font-family:inherit; font-size:10px; font-weight:850; }
    #saverbro-r0 .sb-hr-source { color:#2451b8; overflow-wrap:anywhere; }
    #saverbro-r0 .sb-finance-panel[hidden] { display:none !important; }
    #saverbro-r0 .sb-payment-status-grid { display:grid; grid-template-columns:repeat(4,minmax(130px,1fr)); gap:8px; margin-bottom:10px; }
    #saverbro-r0 .sb-payment-status-card { padding:11px 13px; border:1px solid #e2e7ef; border-radius:9px; background:#fff; box-shadow:0 3px 10px rgba(20,36,74,.035); }
    #saverbro-r0 .sb-payment-status-card span { display:block; color:#7b8798; font-size:11px; font-weight:750; }
    #saverbro-r0 .sb-payment-status-card strong { display:block; margin-top:4px; color:#172235; font-size:17px; }
    #saverbro-r0 .sb-payment-status-card.unpaid { border:2px solid #e14d61; } #saverbro-r0 .sb-payment-status-card.partial { border:2px solid #e5aa23; } #saverbro-r0 .sb-payment-status-card.paid { border:2px solid #21a77c; } #saverbro-r0 .sb-payment-status-card.local { border:2px solid #8c5bd3; }
    #saverbro-r0 .sb-finance-workspace { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(230px,.55fr); gap:12px; }
    #saverbro-r0 .sb-finance-guardrails { padding:16px; border-radius:11px; color:#172235; background:#fff; border:2px solid #224fba; }
    #saverbro-r0 .sb-finance-guardrails h2 { margin:0 0 12px; font-size:12px; }
    #saverbro-r0 .sb-finance-guardrails div { margin-bottom:8px; padding:10px; border:1px solid #dbe4f5; border-radius:8px; background:#f4f7ff; font-size:11px; line-height:1.45; }
    #saverbro-r0 .sb-finance-ledger-summary { display:flex; gap:8px; margin-bottom:10px; }
    #saverbro-r0 .sb-finance-ledger-summary div { flex:1; padding:10px 12px; border:1px solid #e4e8ef; border-radius:8px; background:#f8fafc; }
    #saverbro-r0 .sb-finance-ledger-summary span { display:block; color:#5c6b85; font-size:10px; text-transform:uppercase; }
    #saverbro-r0 .sb-finance-ledger-summary strong { display:block; margin-top:4px; color:#172235; font-size:13px; }
    #saverbro-r0 .sb-operations-switch { display:flex; align-items:center; gap:6px; margin:0 0 12px; padding:4px; width:max-content; border:1px solid #dde4ee; border-radius:10px; background:#eef2f7; }
    #saverbro-r0 .sb-operations-switch button { min-width:128px; padding:8px 12px; border:0; border-radius:7px; color:#5f6c80; background:transparent; font-size:11px; font-weight:800; }
    #saverbro-r0 .sb-operations-switch button[aria-pressed="true"] { color:#fff; background:linear-gradient(135deg,#2455c3,#0a1e4e); box-shadow:0 3px 10px rgba(22,57,142,.22); }
    #saverbro-r0 .sb-operations-panel[hidden] { display:none !important; }
    #saverbro-r0 .sb-operations-progress { height:8px; margin:10px 0 12px; overflow:hidden; border-radius:8px; background:#e8edf4; }
    #saverbro-r0 .sb-operations-progress i { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#2455c3,#29aa7f); transition:width .2s ease; }
    #saverbro-r0 .sb-operations-brief { display:grid; grid-template-columns:repeat(2,minmax(170px,1fr)); gap:8px; }
    #saverbro-r0 .sb-operations-signal { padding:12px; border:1px solid #e2e7ef; border-radius:9px; background:#fff; }
    #saverbro-r0 .sb-operations-signal strong { display:block; color:#172235; font-size:12px; }
    #saverbro-r0 .sb-operations-signal span { display:block; margin-top:5px; color:#748094; font-size:11px; line-height:1.45; }
    #saverbro-r0 .sb-operations-signal.attention { border:2px solid #e25162; } #saverbro-r0 .sb-operations-signal.ready { border:2px solid #22a77b; } #saverbro-r0 .sb-operations-signal.hold { border:2px solid #e3a91d; }
    #saverbro-r0 .sb-operations-capacity-grid { display:grid; grid-template-columns:repeat(3,minmax(150px,1fr)); gap:8px; }
    #saverbro-r0 .sb-capacity-card { padding:12px; border:1px solid #e1e6ee; border-radius:9px; background:#fff; }
    #saverbro-r0 .sb-capacity-card header { display:flex; align-items:center; justify-content:space-between; gap:8px; }
    #saverbro-r0 .sb-capacity-card header strong { font-size:12px; }
    #saverbro-r0 .sb-capacity-card header span { padding:3px 6px; border-radius:9px; color:#3154ac; background:#edf2ff; font-size:10px; font-weight:800; }
    #saverbro-r0 .sb-capacity-card p { margin:8px 0 0; color:#738094; font-size:11px; }
    #saverbro-r0 .sb-operations-handoff { display:grid; grid-template-columns:95px minmax(170px,1fr) minmax(170px,1fr); gap:8px; align-items:center; padding:11px 12px; border-top:1px solid #edf0f4; font-size:11px; }
    #saverbro-r0 .sb-operations-handoff:first-child { border-top:0; }
    #saverbro-r0 .sb-operations-handoff strong { color:#244baf; }
    #saverbro-r0 .sb-operations-handoff span { color:#6f7c90; }
    #saverbro-r0 .sb-operations-playbook { padding:16px; border-radius:11px; color:#172235; background:#fff; border:2px solid #224fba; }
    #saverbro-r0 .sb-operations-playbook h2 { margin:0 0 12px; font-size:12px; }
    #saverbro-r0 .sb-operations-playbook div { margin-bottom:8px; padding:10px; border:1px solid #dbe4f5; border-radius:8px; background:#f4f7ff; font-size:11px; line-height:1.45; }

    #saverbro-r0 .sb-crm-toolbar { min-height:42px; margin-bottom:9px; display:flex; align-items:center; justify-content:space-between; gap:10px; }
    #saverbro-r0 .sb-crm-toolbar > div { display:flex; gap:5px; flex-wrap:wrap; }
    #saverbro-r0 .sb-crm-toolbar button { padding:6px 10px; border:1px solid #e1e6ed; border-radius:16px; color:#667085; background:#fff; font-size:11px; }
    #saverbro-r0 .sb-crm-toolbar button.active { color:#fff; border-color:var(--sb-blue); background:var(--sb-blue); }
    #saverbro-r0 .sb-crm-toolbar > span { color:#5c6b85; font-size:11px; }
    #saverbro-r0 .sb-crm-board-panel { overflow:hidden; }
    #saverbro-r0 .sb-crm-board { min-height:330px; padding:10px; display:grid; grid-template-columns:repeat(4,minmax(190px,1fr)); gap:9px; overflow:auto; background:#f5f7fa; }
    #saverbro-r0 .sb-crm-column { min-height:300px; padding:8px; border:1px solid #e4e8ef; border-radius:8px; background:#eef1f5; }
    #saverbro-r0 .sb-crm-column > header { display:flex; align-items:center; gap:6px; padding:2px 2px 9px; color:#344054; font-size:11px; font-weight:850; text-transform:uppercase; }
    #saverbro-r0 .sb-crm-column > header i { width:15px; height:15px; display:flex; align-items:center; justify-content:center; color:var(--stage); flex-shrink:0; }
    #saverbro-r0 .sb-crm-column > header i svg { width:100%; height:100%; }
    #saverbro-r0 .sb-crm-column > header span { margin-left:auto; min-width:18px; padding:2px 5px; border-radius:9px; color:#667085; background:#fff; text-align:center; }
    #saverbro-r0 .sb-crm-card { margin-bottom:8px; padding:10px; border:1px solid #e1e6ed; border-radius:8px; background:#fff; box-shadow:0 3px 10px rgba(20,36,74,.04); }
    #saverbro-r0 .sb-crm-card code { padding:3px 5px; border-radius:4px; color:#3154ac; background:#edf2ff; font:inherit; font-size:10px; }
    #saverbro-r0 .sb-crm-card h3 { margin:7px 0 4px; color:#172235; font-size:13px; line-height:1.3; }
    #saverbro-r0 .sb-crm-card p { margin:0; color:#5c6b85; font-size:11px; line-height:1.4; }
    #saverbro-r0 .sb-crm-card-meta { display:flex; gap:5px; flex-wrap:wrap; margin-top:8px; }
    #saverbro-r0 .sb-crm-card-meta span { padding:3px 5px; border-radius:4px; color:#53617a; background:#f0f3f7; font-size:10px; }
    #saverbro-r0 .sb-crm-card-actions { display:flex; gap:4px; flex-wrap:wrap; margin-top:9px; padding-top:8px; border-top:1px solid #edf0f4; }
    #saverbro-r0 .sb-crm-card-actions button { padding:5px 7px; border:1px solid #dfe4ec; border-radius:6px; color:#53617a; background:#fff; font-size:10px; font-weight:750; }
    #saverbro-r0 .sb-crm-card-actions button.primary { color:#fff; border-color:var(--sb-blue); background:var(--sb-blue); }
    #saverbro-r0 .sb-crm-card-actions button:disabled { opacity:.5; }

    #saverbro-r0 .sb-inbox-shell { height:calc(100vh - 142px); min-height:560px; display:grid; grid-template-columns:clamp(112px,11vw,160px) clamp(190px,17vw,245px) minmax(290px,1fr) clamp(150px,14vw,190px); background:#fff; border:1px solid var(--sb-line); border-radius:10px; overflow:hidden; box-shadow:0 3px 12px rgba(20,36,74,.035); }
    #saverbro-r0 .sb-inbox-filters, #saverbro-r0 .sb-inbox-list, #saverbro-r0 .sb-conversation { border-right:1px solid #e8ebf0; }
    #saverbro-r0 .sb-inbox-filters { padding:13px 10px; overflow:auto; min-height:0; background:#fbfcfd; }
    #saverbro-r0 .sb-inbox-list { min-height:0; overflow:auto; display:flex; flex-direction:column; }
    #saverbro-r0 .sb-inbox-search { flex:0 0 auto; }
    #saverbro-r0 #sb-inbox-thread-list { flex:1 1 auto; overflow:auto; }
    #saverbro-r0 .sb-inbox-filters h2 { margin:2px 6px 10px; font-size:13px; }
    #saverbro-r0 .sb-inbox-filters button { width:100%; display:flex; justify-content:space-between; border:0; border-radius:6px; padding:8px 7px; color:#475467; background:transparent; text-align:left; font-size:12px; }
    #saverbro-r0 .sb-inbox-filters button.active { color:var(--sb-blue); background:#edf2ff; font-weight:800; }
    #saverbro-r0 .sb-inbox-filters button strong { font-size:14px; }
    #saverbro-r0 .sb-inbox-label { margin:14px 7px 5px; color:#5c6b85; font-size:13px; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
    #saverbro-r0 .sb-inbox-search, #saverbro-r0 .sb-catalog-search { display:flex; align-items:center; gap:6px; border:1px solid #e3e7ee; border-radius:8px; background:#f8fafc; color:#5c6b85; }
    #saverbro-r0 .sb-inbox-search { margin:10px; padding:0 9px; }
    #saverbro-r0 .sb-inbox-list-head { min-height:45px; padding:0 10px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #eef1f5; color:#5c6b85; font-size:14px; }
    #saverbro-r0 .sb-inbox-list-head i { width:6px; height:6px; display:inline-block; margin-right:4px; border-radius:50%; background:#2dbb8b; }
    #saverbro-r0 .sb-inbox-search input, #saverbro-r0 .sb-catalog-search input { width:100%; border:0; outline:0; background:transparent; color:#344054; font:inherit; font-size:12px; padding:9px 0; }
    #saverbro-r0 .sb-inbox-thread { width:100%; display:grid; grid-template-columns:32px 1fr auto; gap:8px; padding:10px; border:0; border-top:1px solid #f0f2f5; color:inherit; background:#fff; text-align:left; }
    #saverbro-r0 .sb-inbox-thread.active { background:#f2f5ff; box-shadow:inset 3px 0 0 var(--sb-blue); }
    #saverbro-r0 .sb-thread-avatar { width:32px; height:32px; border-radius:50%; display:grid; place-items:center; color:#244aab; background:#e9efff; font-size:14px; font-weight:850; }
    #saverbro-r0 .sb-thread-copy { min-width: 0; }
    #saverbro-r0 .sb-inbox-thread time { white-space: nowrap; }
    #saverbro-r0 .sb-thread-copy strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; }
    #saverbro-r0 .sb-thread-copy span { display:block; margin-top:4px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#5c6b85; font-size:14px; }
    #saverbro-r0 .sb-thread-copy em { display:inline-block; margin-top:5px; color:#d73f52; font-size:13px; font-style:normal; }
    #saverbro-r0 .sb-inbox-thread time { color:#5c6b85; font-size:13px; }
    #saverbro-r0 .sb-conversation { min-width:0; min-height:0; display:grid; grid-template-rows:auto 1fr auto; }
    #saverbro-r0 .sb-conversation > header { min-height:58px; padding:9px 12px; display:flex; justify-content:space-between; align-items:center; gap:8px; border-bottom:1px solid #e8ebf0; }
    #saverbro-r0 .sb-conversation > header strong { display:block; font-size:14px; }
    #saverbro-r0 .sb-conversation > header span { display:block; margin-top:3px; color:#5c6b85; font-size:14px; }
    #saverbro-r0 .sb-conversation > header i { display:inline-block; width:6px; height:6px; margin-right:4px; border-radius:50%; background:#2dbb8b; }
    #saverbro-r0 .sb-conversation-actions { display:flex; gap:4px; align-items:center; }
    #saverbro-r0 .sb-conversation-actions button { min-width:28px; height:28px; padding:0 7px; border:1px solid #e0e5ec; border-radius:7px; color:#667085; background:#fff; font-size:14px; font-weight:750; }
    #saverbro-r0 .sb-conversation-actions button.primary { color:#fff; border-color:var(--sb-blue); background:var(--sb-blue); }
    #saverbro-r0 .sb-conversation-messages { min-height:0; padding:16px; overflow:auto; background:linear-gradient(#fff,#fbfcfe); }
    #saverbro-r0 .sb-message { max-width:78%; margin-bottom:10px; padding:9px 11px; border-radius:9px; color:#344054; background:#f1f3f6; font-size:13px; line-height:1.5; }
    #saverbro-r0 .sb-message.mine { margin-left:auto; background:#e9eeff; }
    #saverbro-r0 .sb-message small { display:block; margin-top:5px; color:#5c6b85; font-size:13px; }
    #saverbro-r0 .sb-composer { padding:0 12px 10px; border-top:1px solid #e8ebf0; background:#fff; }
    #saverbro-r0 .sb-composer-tabs { min-height:34px; display:flex; align-items:center; gap:12px; overflow-x:auto; }
    #saverbro-r0 .sb-composer-tabs button { height:34px; padding:0; border:0; border-radius:0; color:#667085; background:transparent; font-size:14px; white-space:nowrap; flex-shrink:0; }
    #saverbro-r0 .sb-composer-tabs button.active { color:var(--sb-blue); border-bottom:2px solid var(--sb-blue); font-weight:850; }
    #saverbro-r0 .sb-composer-tabs span { margin-left:auto; color:#9a7222; font-size:13px; white-space:nowrap; flex-shrink:0; }
    #saverbro-r0 .sb-composer > div { display:flex; gap:6px; }
    #saverbro-r0 .sb-composer input { flex:1; min-width:0; border:1px solid #dfe4ec; border-radius:8px; padding:9px 10px; font:inherit; font-size:13px; }
    #saverbro-r0 .sb-composer-attach { width:32px; border:1px solid #e0e5ec; border-radius:8px; background:#fff; color:#667085; }
    #saverbro-r0 .sb-composer small { display:block; margin-top:6px; color:#5c6b85; font-size:13px; }
    #saverbro-r0 .sb-contact-panel { padding:14px 11px; overflow:auto; min-height:0; text-align:center; background:#fbfcfd; }
    #saverbro-r0 .sb-contact-avatar { width:48px; height:48px; margin:0 auto; border-radius:50%; display:grid; place-items:center; color:#244baf; background:#e8eeff; font-size:13px; font-weight:850; }
    #saverbro-r0 .sb-contact-panel h2 { margin:10px 0 4px; font-size:13px; }
    #saverbro-r0 .sb-contact-panel .sb-profile-badge { color:#52617a; background:#e9eef7; }
    #saverbro-r0 .sb-contact-card { margin-top:12px; padding:10px; border:1px solid #e6eaf0; border-radius:8px; background:#fff; text-align:left; }
    #saverbro-r0 .sb-contact-card small { display:block; margin:7px 0 2px; color:#5c6b85; font-size:13px; text-transform:uppercase; }
    #saverbro-r0 .sb-contact-card strong, #saverbro-r0 .sb-contact-card p { display:block; margin:0; color:#475467; font-size:14px; }
    #saverbro-r0 .sb-contact-card p { padding:5px 0; border-bottom:1px solid #f0f2f5; }
    #saverbro-r0 .sb-contact-field { display:grid; gap:4px; margin-top:12px; color:#5c6b85; text-align:left; font-size:13px; font-weight:850; text-transform:uppercase; }
    #saverbro-r0 .sb-contact-field select, #saverbro-r0 .sb-contact-field input { width:100%; min-width:0; padding:7px; border:1px solid #e1e6ed; border-radius:6px; color:#475467; background:#fff; font:inherit; font-size:12px; text-transform:none; }
    #saverbro-r0 .sb-contact-note { display:flex; gap:4px; }
    #saverbro-r0 .sb-contact-note button { flex:0 0 auto; border:0; border-radius:6px; color:#fff; background:#d9a31d; font-size:14px; font-weight:800; }
    #saverbro-r0 .sb-contact-timeline { position:relative; margin-top:8px; padding-left:11px; text-align:left; }
    #saverbro-r0 .sb-contact-timeline p { position:relative; margin:0; padding:5px 0 8px 8px; border-left:1px solid #dce3ee; color:#667085; font-size:14px; line-height:1.4; }
    #saverbro-r0 .sb-contact-timeline p::before { content:""; position:absolute; left:-3px; top:8px; width:5px; height:5px; border-radius:50%; background:#2451b8; }

    #saverbro-r0 .sb-catalog-search { width:260px; padding:0 10px; background:#fff; }
    #saverbro-r0 .sb-catalog-tabs { display:flex; gap:6px; margin-bottom:12px; }
    #saverbro-r0 .sb-catalog-tabs button { border:1px solid #e1e6ed; border-radius:18px; padding:7px 12px; color:#667085; background:#fff; font-size:12px; }
    #saverbro-r0 .sb-catalog-tabs button.active { color:#fff; border-color:var(--sb-blue); background:var(--sb-blue); }
    #saverbro-r0 .sb-catalog-tabs > span { margin-left:auto; align-self:center; color:#5c6b85; font-size:11px; }
    #saverbro-r0 .sb-connection-grid { display:grid; grid-template-columns:repeat(4,minmax(190px,1fr)); gap:10px; }
    #saverbro-r0 .sb-connection-card[hidden] { display:none !important; }
    #saverbro-r0 .sb-connection-card { min-height:154px; display:grid; grid-template-rows:auto 1fr auto; padding:15px; border-radius:10px; color:#fff; background:linear-gradient(135deg,#214db8,#10255b); box-shadow:0 5px 18px rgba(24,46,102,.12); position:relative; overflow:hidden; }
    #saverbro-r0 .sb-connection-card.whatsapp { background:linear-gradient(135deg,#16a86d,#28c88d); }
    #saverbro-r0 .sb-connection-card.telegram { background:linear-gradient(135deg,#208fd0,#3cb6e9); }
    #saverbro-r0 .sb-connection-card.email { background:linear-gradient(135deg,#6f42c1,#b055d4); }
    #saverbro-r0 .sb-connection-card.pos { background:linear-gradient(135deg,#f08d28,#e04a34); }
    #saverbro-r0 .sb-connection-card.calendar { background:linear-gradient(135deg,#10a8a2,#23c4a8); }
    #saverbro-r0 .sb-connection-card.gcp { background:linear-gradient(135deg,#1765d8,#1b98ee); }
    #saverbro-r0 .sb-connection-card.ai { background:linear-gradient(135deg,#111827,#38445a); }
    #saverbro-r0 .sb-connection-card.portal { background:linear-gradient(135deg,#7d273b,#d3485b); }
    #saverbro-r0 .sb-connection-card b { padding-right:36px; font-size:12px; }
    #saverbro-r0 .sb-connection-icon { position:absolute; right:14px; top:13px; width:31px; height:31px; display:grid; place-items:center; border:2px solid rgba(255,255,255,.78); border-radius:50%; color:#fff; font-size:11px; font-weight:900; font-style:normal; }
    #saverbro-r0 .sb-connection-card > span { padding-top:12px; color:rgba(255,255,255,.84); font-size:12px; line-height:1.5; }
    #saverbro-r0 .sb-connection-card footer { margin:13px -15px -15px; padding:10px 12px; display:flex; justify-content:space-between; align-items:center; border-top:1px solid rgba(255,255,255,.22); }
    #saverbro-r0 .sb-connection-card em { font-size:10px; font-style:normal; }
    #saverbro-r0 .sb-connection-card button { border:0; border-radius:6px; padding:7px 9px; color:#172033; background:#fff; font-size:11px; font-weight:750; }

    #saverbro-r0 .sb-copilot-status { padding:6px 9px; border-radius:14px; color:#7d5511; background:#fff4d6; font-size:11px; }
    #saverbro-r0 .sb-copilot-shell { height:calc(100vh - 190px); min-height:560px; max-height:650px; display:grid; grid-template-columns:245px minmax(0,1fr); border:1px solid var(--sb-line); border-radius:13px; overflow:hidden; background:#fff; box-shadow:0 12px 32px rgba(20,36,74,.08); }
    #saverbro-r0 .sb-copilot-history { min-height:0; padding:14px; display:flex; flex-direction:column; border-right:1px solid #e5e9ef; background:linear-gradient(180deg,#f7f9ff,#eef2fb); }
    #saverbro-r0 .sb-ai-history-list { min-height:0; display:grid; align-content:start; gap:3px; overflow:auto; }
    #saverbro-r0 .sb-ai-history-list button { width:100%; border:0; border-radius:8px; padding:9px; display:grid; gap:3px; color:#52617a; background:transparent; text-align:left; font-size:12px; }
    #saverbro-r0 .sb-ai-history-list button.active { color:#173d9f; background:#dfe8ff; font-weight:800; }
    #saverbro-r0 .sb-ai-history-list button small { color:#5c6b85; font-size:10px; font-weight:600; }
    #saverbro-r0 .sb-copilot-history footer { margin-top:auto; display:grid; grid-template-columns:1fr auto; gap:4px 8px; align-items:center; padding:10px; border:1px solid #dde4f0; border-radius:8px; color:#667085; background:#fff; font-size:11px; }
    #saverbro-r0 .sb-copilot-history footer small { grid-column:1 / -1; color:#5c6b85; font-size:10px; }
    #saverbro-r0 .sb-copilot-history footer button { border:0; border-radius:12px; padding:4px 7px; color:#1742a5; background:#e9efff; font-size:10px; font-weight:850; }
    #saverbro-r0 .sb-copilot-chat { min-width:0; min-height:0; display:grid; grid-template-rows:auto auto minmax(0,1fr) auto; background:radial-gradient(circle at 90% 0%,#e6ebf7,transparent 35%),#fff; }
    #saverbro-r0 .sb-ai-chat-head { min-width:0; padding:12px 18px; display:flex; align-items:center; gap:10px; border-bottom:1px solid #e8ecf2; background:rgba(255,255,255,.88); }
    #saverbro-r0 .sb-ai-chat-head > div { min-width:0; display:grid; gap:2px; }
    #saverbro-r0 .sb-ai-chat-head strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; }
    #saverbro-r0 .sb-ai-chat-head span { color:#7a8699; font-size:11px; }
    #saverbro-r0 .sb-ai-chat-head button { margin-left:auto; border:1px solid #dce3ee; border-radius:7px; padding:6px 8px; color:#667085; background:#fff; font-size:11px; }
    #saverbro-r0 .sb-ai-context-strip { padding:9px 18px; display:flex; gap:6px; align-items:center; overflow:auto; border-bottom:1px solid #eef1f5; background:#fbfcff; }
    #saverbro-r0 .sb-ai-context-strip > span { flex:0 0 auto; color:#7b8798; font-size:10px; font-weight:850; text-transform:uppercase; letter-spacing:.08em; }
    #saverbro-r0 .sb-ai-context-strip button { flex:0 0 auto; border:1px solid #dce3ee; border-radius:15px; padding:6px 9px; color:#41516b; background:#fff; font-size:11px; }
    #saverbro-r0 .sb-ai-context-strip button:hover { color:#1646ad; border-color:#aac0f3; background:#f3f7ff; }
    #saverbro-r0 .sb-ai-messages { min-height:0; padding:22px 30px; overflow:auto; }
    #saverbro-r0 .sb-ai-messages article { display:flex; gap:12px; max-width:800px; margin:0 auto 15px; }
    #saverbro-r0 .sb-ai-messages article > b { flex:0 0 auto; width:30px; height:30px; border-radius:50%; display:grid; place-items:center; color:#fff; background:linear-gradient(135deg,#1c4cbd,#081b49); font-size:11px; }
    #saverbro-r0 .sb-ai-messages article > div { min-width:0; max-width:680px; padding:14px 16px; border:1px solid #e1e6ee; border-radius:12px; background:#fff; box-shadow:0 5px 15px rgba(20,36,74,.05); }
    #saverbro-r0 .sb-ai-messages article.user { flex-direction:row-reverse; }
    #saverbro-r0 .sb-ai-messages article.user > div { color:#fff; border:0; background:linear-gradient(135deg,#1d4fc2,#081b49); }
    #saverbro-r0 .sb-ai-messages strong { font-size:12px; }
    #saverbro-r0 .sb-ai-messages p, #saverbro-r0 .sb-ai-messages li { font-size:12px; line-height:1.55; }
    #saverbro-r0 .sb-ai-messages ul { margin:8px 0 2px; padding-left:18px; }
    #saverbro-r0 .sb-ai-sources { margin-top:10px; padding-top:9px; display:flex; flex-wrap:wrap; gap:5px; border-top:1px solid #edf0f5; }
    #saverbro-r0 .sb-ai-sources span { padding:4px 6px; border-radius:10px; color:#375078; background:#edf3ff; font-size:10px; font-weight:750; }
    #saverbro-r0 .sb-ai-actions { margin-top:9px; display:flex; flex-wrap:wrap; gap:5px; }
    #saverbro-r0 .sb-ai-actions button { border:1px solid #cbd7ee; border-radius:14px; padding:5px 8px; color:#214ca9; background:#fff; font-size:10px; }
    #saverbro-r0 .sb-ai-composer-wrap { padding:0 18px 14px; }
    #saverbro-r0 .sb-ai-composer { padding:5px; display:flex; border:1px solid #9baac4; border-radius:12px; background:#fff; box-shadow:0 5px 18px rgba(20,36,74,.08); }
    #saverbro-r0 .sb-ai-composer input { flex:1; min-width:0; padding:11px; border:0; outline:0; font:inherit; font-size:13px; }
    #saverbro-r0 .sb-ai-composer button { border:0; border-radius:9px; padding:0 16px; color:#fff; background:linear-gradient(135deg,#2457ca,#081b49); font-size:12px; font-weight:800; }
    #saverbro-r0 .sb-ai-composer button.sb-ai-attach { width:34px; padding:0; color:#778397; background:#f2f4f7; }
    #saverbro-r0 .sb-ai-composer-wrap > small { display:block; margin-top:6px; color:#8a95a7; text-align:center; font-size:10px; }

    #saverbro-r0 .sb-workflow-toolbar { display:flex; gap:7px; align-items:center; margin-bottom:10px; }
    #saverbro-r0 .sb-workflow-toolbar button { border:1px solid #e1e5eb; border-radius:7px; padding:7px 10px; color:#667085; background:#fff; font-size:11px; }
    #saverbro-r0 .sb-workflow-toolbar button.active { color:var(--sb-blue); border-color:#aac0f3; background:#f5f8ff; }
    #saverbro-r0 .sb-workflow-toolbar .sb-workflow-divider { width:1px; height:22px; margin:0 2px; background:#dfe4ec; }
    #saverbro-r0 .sb-workflow-toolbar span { margin-left:auto; color:#5c6b85; font-size:11px; }
    #saverbro-r0 .sb-workflow-toolbar #sb-workflow-zoom-label { margin-left:0; min-width:34px; text-align:center; }
    #saverbro-r0 .sb-workflow-toolbar #sb-workflow-version { margin-left:0; padding-left:8px; border-left:1px solid #e1e5eb; }
    #saverbro-r0 .sb-workflow-toolbar button:disabled { opacity:.45; cursor:not-allowed; }
    #saverbro-r0 .sb-workflow-help { margin:-3px 0 9px; color:#7d8899; font-size:11px; }
    #saverbro-r0 .sb-workflow-stage { min-height:560px; position:relative; overflow:hidden; border:1px solid #e4e8ef; border-radius:10px; }
    #saverbro-r0 .sb-workflow-canvas { min-height:560px; height:calc(100vh - 225px); max-height:650px; padding:54px 34px; overflow:auto; background-color:#f8fafc; background-image:radial-gradient(#d6dce6 1px,transparent 1px); background-size:18px 18px; }
    #saverbro-r0 .sb-workflow-track { width:max-content; min-width:100%; min-height:450px; display:flex; align-items:center; transform:scale(var(--sb-workflow-zoom,1)); transform-origin:left center; transition:transform .18s ease; }
    #saverbro-r0 .sb-flow-start { flex:0 0 88px; padding:11px; border-radius:20px; color:#fff; background:var(--sb-blue); text-align:center; font-size:13px; font-weight:850; }
    #saverbro-r0 .sb-flow-line { flex:0 0 72px; height:2px; position:relative; background:#3966cc; }
    #saverbro-r0 .sb-flow-line::after { content:""; position:absolute; right:-1px; top:-4px; width:8px; height:8px; border-radius:50%; background:#3966cc; }
    #saverbro-r0 .sb-flow-line.branch { height:118px; display:flex; flex-direction:column; justify-content:space-around; background:linear-gradient(#3966cc,#3966cc) center/100% 2px no-repeat; }
    #saverbro-r0 .sb-flow-line.branch button { margin-left:6px; padding:5px 7px; border:2px solid #5576d1; border-radius:18px; color:#3252a7; background:#fff; font-size:10px; font-weight:850; white-space:nowrap; }
    #saverbro-r0 .sb-flow-node { flex:0 0 220px; border:1px solid #dce2eb; border-radius:9px; background:#fff; box-shadow:0 7px 20px rgba(20,36,74,.08); }
    #saverbro-r0 .sb-flow-node.is-hidden { opacity:.62; }
    #saverbro-r0 .sb-flow-node.selected { border-color:#2d5fc9; box-shadow:0 0 0 3px #dfe8ff,0 9px 24px rgba(20,36,74,.12); }
    #saverbro-r0 .sb-flow-node header { display:flex; align-items:center; gap:7px; padding:10px; border-bottom:1px solid #e9edf2; }
    #saverbro-r0 .sb-flow-node header i { width:16px; height:16px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
    #saverbro-r0 .sb-flow-node header i svg { width:100%; height:100%; }
    #saverbro-r0 .sb-flow-node header i.blue { color:#3d6ddd; } #saverbro-r0 .sb-flow-node header i.pink { color:#df4fa7; } #saverbro-r0 .sb-flow-node header i.yellow { color:#f1ac20; } #saverbro-r0 .sb-flow-node header i.green { color:#23a875; }
    #saverbro-r0 .sb-flow-node header strong { font-size:12px; } #saverbro-r0 .sb-flow-node header span { margin-left:auto; color:#5c6b85; font-size:11px; }
    #saverbro-r0 .sb-flow-node header button { width:21px; height:21px; padding:0; border:1px solid #e3e7ed; border-radius:5px; color:#667085; background:#fff; font-size:12px; }
    #saverbro-r0 .sb-flow-visibility { margin:8px 8px 2px; display:flex; align-items:center; gap:5px; color:#7b8798; font-size:10px; }
    #saverbro-r0 .sb-flow-visibility::before { content:"✓"; width:13px; height:13px; display:grid; place-items:center; border-radius:4px; color:#fff; background:#2f62c9; font-size:10px; }
    #saverbro-r0 .sb-flow-node.is-hidden .sb-flow-visibility::before { content:"—"; background:#aab2bf; }
    #saverbro-r0 .sb-flow-state { margin:8px; padding:8px; display:grid; grid-template-columns:1fr auto; gap:2px 8px; align-items:center; border:1px solid #e8ecf2; border-radius:6px; }
    #saverbro-r0 .sb-flow-state b, #saverbro-r0 .sb-flow-state small { display:block; font-size:11px; } #saverbro-r0 .sb-flow-state small { color:#5c6b85; }
    #saverbro-r0 .sb-flow-state button { grid-column:2; grid-row:1 / span 2; width:18px; height:18px; padding:0; border:1px solid #dbe2ec; border-radius:50%; color:#5c6b85; background:#fff; font-size:10px; }
    #saverbro-r0 .sb-flow-state button.tracked { color:#fff; border-color:#2d60c8; background:#2d60c8; }
    #saverbro-r0 .sb-flow-node footer { padding:8px 10px; border-top:1px solid #e9edf2; color:#5c6b85; font-size:11px; }
    #saverbro-r0 .sb-flow-node footer { display:flex; justify-content:space-between; align-items:center; }
    #saverbro-r0 .sb-flow-node footer button { padding:3px; border:0; color:#6f7d91; background:transparent; text-align:left; font-size:11px; }
    #saverbro-r0 .sb-flow-node footer small { color:#5c6b85; font-size:10px; }
    #saverbro-r0 .sb-workflow-canvas.shortcut-mode .sb-flow-line:not(.branch) { background:#a0a9b8; }
    #saverbro-r0 .sb-workflow-canvas.shortcut-mode .sb-flow-line.branch { background:linear-gradient(90deg,#8c55d9 0 55%,transparent 55%) center/10px 2px repeat-x; }
    #saverbro-r0 .sb-workflow-canvas.shortcut-mode .sb-flow-line.branch button { color:#783ab6; border-color:#a875dc; background:#faf5ff; }
    #saverbro-r0 .sb-workflow-canvas.compact .sb-flow-line { flex-basis:42px; }
    #saverbro-r0 .sb-workflow-inspector { width:250px; max-height:calc(100% - 28px); padding:14px; display:grid; align-content:start; gap:10px; position:absolute; right:14px; top:14px; overflow:auto; border:1px solid #dce3ee; border-radius:10px; background:#fff; box-shadow:0 16px 42px rgba(16,33,73,.18); z-index:3; }
    #saverbro-r0 .sb-workflow-inspector[hidden] { display:none; }
    #saverbro-r0 .sb-workflow-inspector header { display:flex; align-items:center; gap:8px; }
    #saverbro-r0 .sb-workflow-inspector header strong { font-size:13px; }
    #saverbro-r0 .sb-workflow-inspector header button { margin-left:auto; border:0; color:#667085; background:transparent; }
    #saverbro-r0 .sb-workflow-inspector label { display:grid; gap:4px; color:#667085; font-size:11px; font-weight:750; }
    #saverbro-r0 .sb-workflow-inspector input, #saverbro-r0 .sb-workflow-inspector select { min-width:0; width:100%; padding:8px; border:1px solid #dce3ee; border-radius:7px; color:#344054; background:#fff; font:inherit; font-size:11px; }
    #saverbro-r0 .sb-workflow-inspector .sb-inspector-check { grid-template-columns:auto 1fr; align-items:center; }
    #saverbro-r0 .sb-workflow-inspector .sb-inspector-check input { width:auto; }
    #saverbro-r0 .sb-workflow-inspector footer { display:flex; gap:6px; }
    #saverbro-r0 .sb-workflow-inspector footer button { flex:1; border:1px solid #dce3ee; border-radius:7px; padding:7px; color:#3a4b67; background:#fff; font-size:11px; }

    #saverbro-r0 .sb-intake-hero { margin-bottom:12px; display:grid; grid-template-columns:minmax(0,1.5fr) minmax(250px,.7fr); gap:12px; }
    #saverbro-r0 .sb-intake-source { min-height:132px; padding:18px; position:relative; overflow:hidden; border-radius:12px; color:#172235; background:#fff; border:2px solid #214ca9; }
    #saverbro-r0 .sb-intake-source::after { content:"XLSX"; position:absolute; right:16px; bottom:-10px; color:rgba(33,76,169,.06); font-size:58px; font-weight:900; letter-spacing:-4px; }
    #saverbro-r0 .sb-intake-source small { color:#214ca9; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
    #saverbro-r0 .sb-intake-source h2 { margin:10px 0 5px; font-size:18px; }
    #saverbro-r0 .sb-intake-source p { max-width:570px; margin:0; color:#51607d; font-size:12px; line-height:1.55; }
    #saverbro-r0 .sb-intake-source-meta { margin-top:15px; display:flex; flex-wrap:wrap; gap:6px; }
    #saverbro-r0 .sb-intake-source-meta span { padding:5px 8px; border:1px solid #dbe4f5; border-radius:14px; background:#f4f7ff; font-size:11px; color:#214ca9; }
    #saverbro-r0 .sb-intake-gate { padding:16px; border:1px solid #f2d9b7; border-radius:12px; background:#fffaf3; }
    #saverbro-r0 .sb-intake-gate strong { display:block; color:#a55e12; font-size:14px; }
    #saverbro-r0 .sb-intake-gate p { margin:8px 0 12px; color:#745d44; font-size:11px; line-height:1.55; }
    #saverbro-r0 .sb-intake-gate button { width:100%; }
    #saverbro-r0 .sb-intake-filterbar { margin-bottom:10px; display:flex; flex-wrap:wrap; gap:6px; }
    #saverbro-r0 .sb-intake-filterbar button { padding:6px 10px; border:1px solid #dfe5ef; border-radius:16px; color:#68758a; background:#fff; font-size:11px; font-weight:750; }
    #saverbro-r0 .sb-intake-filterbar button.active { color:#fff; border-color:#2457bd; background:#2457bd; }
    #saverbro-r0 .sb-intake-table { overflow:hidden; border:1px solid #e3e8f0; border-radius:10px; background:#fff; }
    #saverbro-r0 .sb-intake-row { padding:10px 12px; display:grid; grid-template-columns:minmax(150px,1.2fr) minmax(125px,.9fr) 100px 90px; gap:10px; align-items:center; border-bottom:1px solid #edf0f5; }
    #saverbro-r0 .sb-intake-row:last-child { border-bottom:0; }
    #saverbro-r0 .sb-intake-row.head { color:#8792a4; background:#f8f9fb; font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.05em; }
    #saverbro-r0 .sb-intake-row strong { display:block; color:#263247; font-size:12px; }
    #saverbro-r0 .sb-intake-row small { display:block; margin-top:3px; color:#8a95a7; font-size:10px; line-height:1.4; }
    #saverbro-r0 .sb-intake-status { width:max-content; padding:4px 6px; border-radius:9px; font-size:10px; font-weight:850; }
    #saverbro-r0 .sb-intake-status.ready { color:#137655; background:#e2f7ef; }
    #saverbro-r0 .sb-intake-status.repair { color:#b43d4c; background:#ffe8eb; }
    #saverbro-r0 .sb-intake-status.restricted { color:#9b6000; background:#fff1d2; }
    #saverbro-r0 .sb-intake-status.reference { color:#617086; background:#edf1f6; }
    #saverbro-r0 .sb-intake-scan-list { display:grid; gap:7px; }
    #saverbro-r0 .sb-intake-scan { padding:9px; border:1px solid #e5e9ef; border-radius:8px; background:#fafbfd; color:#657187; font-size:11px; }
    #saverbro-r0 .sb-preview-projection { margin:0 0 12px; border-color:#b8c9ee; background:linear-gradient(180deg,#f7faff,#fff); }
    #saverbro-r0 .sb-preview-projection .sb-panel-head span { color:#2457bd; font-weight:800; }
    #saverbro-r0 .sb-preview-list { display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:8px; }
    #saverbro-r0 .sb-preview-record { padding:10px; border:1px solid #dce5f7; border-radius:9px; background:#fff; }
    #saverbro-r0 .sb-preview-record strong { display:block; color:#1d2a44; font-size:12px; }
    #saverbro-r0 .sb-preview-record span { display:block; margin-top:4px; color:#6c7890; font-size:10px; line-height:1.45; }
    #saverbro-r0 .sb-preview-record code { display:block; margin-top:6px; overflow:hidden; color:#2457bd; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
    #saverbro-r0 .sb-mapping-list { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:8px; }
    #saverbro-r0 .sb-mapping-item { padding:10px; border:1px solid #e3e8f0; border-radius:9px; background:#fbfcfe; }
    #saverbro-r0 .sb-mapping-item strong { display:block; color:#263247; font-size:12px; }
    #saverbro-r0 .sb-mapping-item span { display:block; margin-top:4px; color:#718096; font-size:10px; line-height:1.45; }

    /* ── Finance CRUD Toolbar ── */
    #saverbro-r0 .sb-fin-toolbar { display:flex; align-items:center; gap:3px; padding:7px 10px; background:#f0f3fb; border:1px solid #d4daf0; border-radius:9px; margin-bottom:10px; flex-wrap:wrap; }
    #saverbro-r0 .sb-fin-toolbar button { padding:4px 10px; background:#fff; border:1px solid #c8d2e8; border-radius:5px; font-size:11px; font-weight:600; color:#2d3a58; cursor:pointer; transition:all .13s; white-space:nowrap; }
    #saverbro-r0 .sb-fin-toolbar button:hover:not(:disabled) { background:#2457bd; color:#fff; border-color:#2457bd; }
    #saverbro-r0 .sb-fin-toolbar button:disabled { opacity:.4; cursor:not-allowed; }
    #saverbro-r0 .sb-fin-toolbar button[data-crud="new"] { background:linear-gradient(135deg,#2457bd,#3a7fd4); color:#fff; border-color:#1a3d8f; }
    #saverbro-r0 .sb-fin-toolbar button[data-crud="new"]:hover { background:linear-gradient(135deg,#1a3d8f,#2457bd); }
    #saverbro-r0 .sb-fin-toolbar button[data-crud="delete"]:hover:not(:disabled) { background:#c0392b; border-color:#a93226; }
    #saverbro-r0 .sb-fin-toolbar button[data-crud="post"]:hover:not(:disabled) { background:#1a7c3e; border-color:#14622f; }
    #saverbro-r0 .sb-fin-toolbar-sep { width:1px; height:18px; background:#c8d2e8; margin:0 3px; flex-shrink:0; }
    #saverbro-r0 .sb-fin-toolbar-info { margin-left:6px; font-size:10px; color:#7a8aaa; font-style:italic; flex:1; }
    /* Row selection in finance registers */
    #saverbro-r0 .sb-payment-row { cursor:pointer; }
    #saverbro-r0 .sb-payment-row:hover { background:#f0f4ff; }
    #saverbro-r0 .sb-payment-row.sb-selected { background:#dde7fc; outline:2px solid #2457bd; outline-offset:-1px; }
    /* ── Finance Document Modal ── */
    #saverbro-r0 .sb-fin-modal { position:fixed; inset:0; z-index:9999; display:flex; align-items:center; justify-content:center; background:rgba(20,30,60,.45); }
    #saverbro-r0 .sb-fin-modal[hidden] { display:none; }
    #saverbro-r0 .sb-fin-modal-box { background:#fff; border-radius:12px; box-shadow:0 8px 40px rgba(20,30,60,.22); width:min(660px,96vw); max-height:88vh; display:flex; flex-direction:column; overflow:hidden; }
    #saverbro-r0 .sb-fin-modal-head { display:flex; align-items:center; gap:8px; padding:14px 18px 12px; border-bottom:1px solid #e4e8f4; background:#f7f9fe; }
    #saverbro-r0 .sb-fin-modal-head h3 { flex:1; margin:0; font-size:15px; color:#1d2a44; font-weight:700; }
    #saverbro-r0 .sb-fin-modal-badge { padding:2px 8px; border-radius:4px; font-size:10px; font-weight:800; color:#fff; background:#2457bd; }
    #saverbro-r0 .sb-fin-modal-head button { padding:4px 8px; background:none; border:1px solid #c8d2e8; border-radius:5px; font-size:12px; color:#5a6a8a; cursor:pointer; }
    #saverbro-r0 .sb-fin-modal-head button:hover { background:#fee; border-color:#e05; color:#c00; }
    #saverbro-r0 .sb-fin-modal-note { padding:7px 18px; font-size:10px; color:#7a5500; background:#fef9ec; border-bottom:1px solid #f0e4b8; }
    #saverbro-r0 .sb-fin-modal-body { flex:1; overflow-y:auto; padding:16px 18px; }
    #saverbro-r0 .sb-fin-form-row { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-bottom:10px; }
    #saverbro-r0 .sb-fin-form-row.full { grid-template-columns:1fr; }
    #saverbro-r0 .sb-fin-form-field { display:flex; flex-direction:column; gap:4px; }
    #saverbro-r0 .sb-fin-form-field label { font-size:10px; font-weight:700; color:#5a6a8a; text-transform:uppercase; letter-spacing:.04em; }
    #saverbro-r0 .sb-fin-form-field input, #saverbro-r0 .sb-fin-form-field select, #saverbro-r0 .sb-fin-form-field textarea { padding:7px 10px; border:1px solid #c8d2e8; border-radius:6px; font-size:12px; color:#2d3a58; background:#fafbfe; outline:none; }
    #saverbro-r0 .sb-fin-form-field input:focus, #saverbro-r0 .sb-fin-form-field select:focus, #saverbro-r0 .sb-fin-form-field textarea:focus { border-color:#2457bd; background:#fff; box-shadow:0 0 0 2px rgba(36,87,189,.12); }
    #saverbro-r0 .sb-fin-form-sep { border:none; border-top:1px solid #e8ecf6; margin:12px 0; }
    #saverbro-r0 .sb-fin-form-section { font-size:11px; font-weight:700; color:#2457bd; margin:0 0 8px; }
    #saverbro-r0 .sb-fin-detail-table { width:100%; border-collapse:collapse; margin-bottom:8px; }
    #saverbro-r0 .sb-fin-detail-table th { font-size:9px; font-weight:700; color:#7a8aaa; text-transform:uppercase; padding:4px 6px; border-bottom:1px solid #e4e8f4; text-align:left; }
    #saverbro-r0 .sb-fin-detail-table td { padding:4px 6px; border-bottom:1px solid #f0f3fb; }
    #saverbro-r0 .sb-fin-detail-table td input { width:100%; padding:3px 6px; border:1px solid #d4daf0; border-radius:4px; font-size:11px; }
    #saverbro-r0 .sb-fin-add-line { font-size:11px; color:#2457bd; background:none; border:1px dashed #2457bd; border-radius:5px; padding:4px 10px; cursor:pointer; }
    #saverbro-r0 .sb-fin-add-line:hover { background:#f0f4ff; }
    #saverbro-r0 .sb-fin-modal-foot { display:flex; align-items:center; gap:8px; padding:12px 18px; border-top:1px solid #e4e8f4; background:#f7f9fe; }
    #saverbro-r0 .sb-fin-btn-save { padding:8px 18px; background:linear-gradient(135deg,#2457bd,#3a7fd4); color:#fff; border:none; border-radius:7px; font-size:12px; font-weight:700; cursor:pointer; }
    #saverbro-r0 .sb-fin-btn-save:hover { background:linear-gradient(135deg,#1a3d8f,#2457bd); }
    #saverbro-r0 .sb-fin-btn-discard { padding:8px 14px; background:#fff; color:#5a6a8a; border:1px solid #c8d2e8; border-radius:7px; font-size:12px; cursor:pointer; }
    #saverbro-r0 .sb-fin-btn-discard:hover { background:#f4f6fb; }

    @media (max-width: 1050px) {
      #saverbro-r0 .sb-dashboard-layout { grid-template-columns: 1fr; }
      #saverbro-r0 .sb-dashboard-side { grid-template-columns: 1fr 1fr; }
      #saverbro-r0 .sb-activity-panel { grid-column: 1 / -1; }
      #saverbro-r0 .sb-kanban { grid-template-columns: repeat(4, 230px); }
      #saverbro-r0 .sb-inbox-shell { grid-template-columns:150px 230px minmax(330px,1fr); overflow:auto; }
      #saverbro-r0 .sb-contact-panel { display:none; }
      #saverbro-r0 .sb-connection-grid { grid-template-columns:repeat(2,minmax(220px,1fr)); }
    }
    @media (max-width: 900px) {
      #saverbro-r0 .sb-shell { grid-template-columns: 190px minmax(0,1fr); }
      #saverbro-r0 .sb-content { padding: 12px; }
    }
    @media (max-width: 680px) {
      #saverbro-r0 { height: auto; overflow: visible; }
      #saverbro-r0 .sb-shell { display:block; padding-bottom:62px; }
      #saverbro-r0 .sb-sidebar { display:none; }
      #saverbro-r0 .sb-main { height: auto; overflow: visible; }
      #saverbro-r0 .sb-dashboard-charts, #saverbro-r0 .sb-dashboard-side { grid-template-columns:1fr; }
      #saverbro-r0 .sb-activity-panel { grid-column:auto; }
      #saverbro-r0 .sb-hero { min-height:205px; padding:20px; }
      #saverbro-r0 .sb-hero h2 { font-size:24px; }
      #saverbro-r0 .sb-drawer-backdrop { padding:12px; }
      #saverbro-r0 .sb-drawer { width:100%; height:92vh; display:block; overflow:auto; }
      #saverbro-r0 .sb-drawer > .sb-drawer-block { border-right:0; }
      #saverbro-r0 .sb-task-edit-main { padding:14px; border-right:0; }
      #saverbro-r0 .sb-task-activity-pane { padding:14px; border-top:1px solid var(--sb-line); }
      #saverbro-r0 .sb-task-workflow-footer { position:sticky; bottom:0; padding:10px 12px; }
      #saverbro-r0 .sb-task-workflow-footer > span, #saverbro-r0 .sb-task-palette { display:none; }
      #saverbro-r0 .sb-task-edit-grid { grid-template-columns:1fr; }
      #saverbro-r0 .sb-task-field-wide { grid-column:auto; }
      #saverbro-r0 .sb-inbox-shell { display:block; height:auto; min-height:0; }
      #saverbro-r0 .sb-inbox-filters { display:none; }
      #saverbro-r0 .sb-inbox-list { max-height:230px; overflow:auto; border-right:0; border-bottom:1px solid #e8ebf0; }
      #saverbro-r0 .sb-conversation { min-height:470px; border-right:0; }
      #saverbro-r0 .sb-connection-grid { grid-template-columns:1fr; }
      #saverbro-r0 .sb-catalog-search { width:100%; }
      #saverbro-r0 .sb-copilot-shell { grid-template-columns:1fr; }
      #saverbro-r0 .sb-copilot-history { display:none; }
      #saverbro-r0 .sb-ai-messages { padding:20px 14px; }
      #saverbro-r0 .sb-department-shell { display:block; }
      #saverbro-r0 .sb-board-notes { grid-template-columns:1fr; }
      #saverbro-r0 .sb-marketing-workspace { grid-template-columns:1fr; }
      #saverbro-r0 .sb-marketing-register { grid-template-columns:1fr; }
      #saverbro-r0 .sb-marketing-hero { grid-template-columns:1fr; }
      #saverbro-r0 .sb-marketing-filterbar { align-items:flex-start; flex-direction:column; }
      #saverbro-r0 .sb-marketing-filterbar label { width:100%; min-width:0; }
      #saverbro-r0 .sb-finance-workspace { grid-template-columns:1fr; }
      #saverbro-r0 .sb-payment-status-grid { grid-template-columns:repeat(2,minmax(130px,1fr)); }
      #saverbro-r0 .sb-operations-brief, #saverbro-r0 .sb-operations-capacity-grid { grid-template-columns:1fr; }
      #saverbro-r0 .sb-operations-handoff { grid-template-columns:1fr; }
      #saverbro-r0 .sb-project-board-toolbar { align-items:flex-start; flex-direction:column; }
      #saverbro-r0 .sb-project-kanban { grid-template-columns:repeat(4,230px); min-height:500px; }
      #saverbro-r0 .sb-marketing-kanban { grid-template-columns:repeat(5,230px); }
      #saverbro-r0 .sb-marketing-board-shell .sb-project-board-toolbar > div:last-child { justify-content:flex-start; }
      #saverbro-r0 .sb-marketing-board-shell .sb-catalog-search { width:100%; min-width:0; }
      #saverbro-r0 .sb-service-flow { grid-template-columns:1fr 1fr; }
      #saverbro-r0 .sb-service-kanban { grid-template-columns:repeat(4,240px); }
      #saverbro-r0 .sb-service-board-shell .sb-project-board-toolbar > div:last-child { justify-content:flex-start; }
      #saverbro-r0 .sb-service-board-shell .sb-catalog-search { width:100%; min-width:0; }
      #saverbro-r0 .sb-service-job-summary, #saverbro-r0 .sb-service-gates { grid-template-columns:1fr; }
      #saverbro-r0 .sb-scorecard-hero, #saverbro-r0 .sb-scorecard-layout { grid-template-columns:1fr; }
      #saverbro-r0 .sb-scorecard-grid { grid-template-columns:1fr; }
      #saverbro-r0 .sb-scorecard-primary { grid-template-columns:1fr; }
      #saverbro-r0 .sb-intake-hero { grid-template-columns:1fr; }
      #saverbro-r0 .sb-intake-row { grid-template-columns:1fr auto; }
      #saverbro-r0 .sb-intake-row.head { display:none; }
      #saverbro-r0 .sb-intake-row > :nth-child(2) { grid-column:1; }
    }

/* ── Rainbow metric-tile top borders (restore after visual-direction override) */
#saverbro-r0 .sb-side-metrics .sb-metric:nth-child(1) { border-top: 3px solid #e98324 !important; }
#saverbro-r0 .sb-side-metrics .sb-metric:nth-child(2) { border-top: 3px solid #cf5844 !important; }
#saverbro-r0 .sb-side-metrics .sb-metric:nth-child(3) { border-top: 3px solid #3e8c7d !important; }
#saverbro-r0 .sb-side-metrics .sb-metric:nth-child(4) { border-top: 3px solid #5b78b7 !important; }

/* ── Dark mode overrides for the visual-direction section ─────────────────
   ThemeToggle always sets html[data-theme] on mount (from localStorage or OS),
   so we only need html[data-theme="dark"] — no @media block needed.        */
html[data-theme="dark"] #saverbro-r0 { background: #0c1320 !important; color: #edf4ff !important; }
html[data-theme="dark"] #saverbro-r0 .sb-main { background: #0f1928 !important; }
html[data-theme="dark"] #saverbro-r0 .sb-sidebar {
  background: linear-gradient(168deg, #1c49be 0%, #102f83 42%, #07152f 83%, #030817 100%) !important;
  color: #fff !important; border-right: 0 !important;
  box-shadow: 8px 0 24px rgba(12,34,87,.12) !important;
  scrollbar-color: rgba(255,255,255,.24) transparent !important;
}
html[data-theme="dark"] #saverbro-r0 .sb-sidebar::-webkit-scrollbar-thumb { background: rgba(255,255,255,.24) !important; }
html[data-theme="dark"] #saverbro-r0 .sb-brand-name { color: #fff !important; }
html[data-theme="dark"] #saverbro-r0 .sb-brand-version { color: #b8c9f1 !important; }
html[data-theme="dark"] #saverbro-r0 .sb-nav-label { color: #8fa8df !important; }
html[data-theme="dark"] #saverbro-r0 .sb-nav button { color: #edf4ff !important; }
html[data-theme="dark"] #saverbro-r0 .sb-nav button:hover { background: rgba(255,255,255,.10) !important; color: #fff !important; }
html[data-theme="dark"] #saverbro-r0 .sb-nav button[aria-pressed="true"] { background: rgba(255,255,255,.18) !important; color: #fff !important; border-color: rgba(255,255,255,.55) !important; }
html[data-theme="dark"] #saverbro-r0 .sb-nav button:disabled { color: rgba(220,230,255,.3) !important; }
html[data-theme="dark"] #saverbro-r0 .sb-sidebar-footer { border-top-color: rgba(255,255,255,.10) !important; background: #030d1a !important; }
html[data-theme="dark"] #saverbro-r0 .sb-user { color: #fff !important; }
html[data-theme="dark"] #saverbro-r0 .sb-user strong { color: #fff !important; }
html[data-theme="dark"] #saverbro-r0 .sb-user span { color: #b7c7e9 !important; }
/* Light mode explicit overrides (counters any dark-bleeding rules) */
html[data-theme="light"] #saverbro-r0 .sb-sidebar { background: #f0f3fa !important; color: #1a2a4a !important; border-right: 1px solid #d0d8ec !important; box-shadow: none !important; }
html[data-theme="light"] #saverbro-r0 .sb-sidebar-footer { background: #f0f3fa !important; border-top-color: #d0d8ec !important; }
html[data-theme="light"] #saverbro-r0 .sb-user { color: #0f1a30 !important; }
html[data-theme="light"] #saverbro-r0 .sb-user strong { color: #0f1a30 !important; }
html[data-theme="light"] #saverbro-r0 .sb-user span { color: #5b78b7 !important; }
html[data-theme="light"] #saverbro-r0 .sb-nav button { color: #334870 !important; }
html[data-theme="light"] #saverbro-r0 .sb-nav button:hover { background: rgba(22,67,184,.08) !important; color: #1643b8 !important; }
html[data-theme="light"] #saverbro-r0 .sb-nav button[aria-pressed="true"] { background: rgba(22,67,184,.12) !important; color: #1643b8 !important; border-color: rgba(22,67,184,.35) !important; }
html[data-theme="light"] #saverbro-r0 .sb-nav-label { color: #1643b8 !important; }
html[data-theme="dark"] #saverbro-r0 .sb-topbar { background: rgba(15,28,45,.97) !important; border-bottom-color: #273448 !important; }
html[data-theme="dark"] #saverbro-r0 .sb-scope small { color: #93a5bd !important; }
html[data-theme="dark"] #saverbro-r0 .sb-search { background: #172438 !important; border-color: #273448 !important; }
html[data-theme="dark"] #saverbro-r0 .sb-role-select,
html[data-theme="dark"] #saverbro-r0 .sb-bell,
html[data-theme="dark"] #saverbro-r0 .sb-secondary { background: #172438 !important; border-color: #273448 !important; color: #edf4ff !important; }
html[data-theme="dark"] #saverbro-r0 .sb-panel,
html[data-theme="dark"] #saverbro-r0 .sb-metric,
html[data-theme="dark"] #saverbro-r0 .sb-checkpoint { background: #121d2c !important; border-color: #273448 !important; }
html[data-theme="dark"] #saverbro-r0 .sb-panel-head { border-bottom-color: #28364a !important; }
html[data-theme="dark"] #saverbro-r0 .sb-panel-head h2 { color: #edf4ff !important; }
html[data-theme="dark"] #saverbro-r0 .sb-work-row:hover,
html[data-theme="dark"] #saverbro-r0 .sb-customer-row:hover { background: #172439 !important; }
html[data-theme="dark"] #saverbro-r0 .sb-work-title { color: #edf4ff !important; }
html[data-theme="dark"] #saverbro-r0 .sb-column { background: #0f1928 !important; }
html[data-theme="dark"] #saverbro-r0 .sb-card-task { background: #172438 !important; border-color: #304057 !important; color: #edf4ff !important; }
html[data-theme="dark"] #saverbro-r0 .sb-trello-card { background: #172438 !important; border-color: #304057 !important; color: #edf4ff !important; }
html[data-theme="dark"] #saverbro-r0 .sb-trello-card:hover { border-color: #5575d8 !important; }
html[data-theme="dark"] #saverbro-r0 .sb-profile-card { background: #121d2c !important; color: #edf4ff !important; }
html[data-theme="dark"] #saverbro-r0 .sb-profile-card p { color: #93a5bd !important; }
html[data-theme="dark"] #saverbro-r0 .sb-task-activity-pane { background: #0f1928 !important; }
html[data-theme="dark"] #saverbro-r0 .sb-task-workflow-footer { background: #121d2c !important; border-top-color: #273448 !important; }
html[data-theme="dark"] #saverbro-r0 .sb-drawer { background: #121d2c !important; }
html[data-theme="dark"] #saverbro-r0 .sb-icon-button,
html[data-theme="dark"] #saverbro-r0 .sb-task-tool,
html[data-theme="dark"] #saverbro-r0 .sb-filter-chip,
html[data-theme="dark"] #saverbro-r0 .sb-close,
html[data-theme="dark"] #saverbro-r0 .sb-view-switch { background: #172438 !important; border-color: #273448 !important; color: #93a5bd !important; }
html[data-theme="dark"] #saverbro-r0 .sb-view-switch button[aria-pressed="true"] { background: #1b3263 !important; color: #aac3f5 !important; }
html[data-theme="dark"] #saverbro-r0 .sb-task-comment-box { background: #172438 !important; border-color: #273448 !important; }
html[data-theme="dark"] #saverbro-r0 .sb-task-comment-box textarea { color: #edf4ff !important; }
html[data-theme="dark"] #saverbro-r0 .sb-task-field input,
html[data-theme="dark"] #saverbro-r0 .sb-task-field select,
html[data-theme="dark"] #saverbro-r0 .sb-task-field textarea { background: #0e1725 !important; border-color: #344359 !important; color: #edf4ff !important; }
html[data-theme="dark"] #saverbro-r0 .sb-calendar-strip span { background: #172438 !important; color: #93a5bd !important; }
html[data-theme="dark"] #saverbro-r0 .sb-detail-grid > div { background: #0f1928 !important; border-color: #273448 !important; }
html[data-theme="dark"] #saverbro-r0 h1 { color: #edf4ff !important; }