/* FARO UI v2.5.2 — consolidated runtime bundle.
   Generated from the exact production FARO layers during installation.
   Component order is preserved; legacy source files remain on disk for rollback/audit. */


/* ===== COMPONENT: static/css/faro-design-system-r1.css | SHA256 dba5cd47c73f6f0e171a213b89ad304ee74350c64ec859f14f267aac56c9d5ee ===== */
/*
 * FARO Solutions CRM Design System r1
 * Visual-only late-loaded theme. No business logic. No template-specific data changes.
 * Brand source: FARO Solutions logo — lime #97CA2D + black/white.
 */
:root{
  --faro-lime:#97ca2d;
  --faro-lime-strong:#82b91d;
  --faro-lime-deep:#69990f;
  --faro-lime-ink:#365600;
  --faro-lime-soft:#f0f8df;
  --faro-lime-softer:#f7fbeF;
  --faro-ink:#13171f;
  --faro-ink-2:#2e3542;
  --faro-muted:#6f7888;
  --faro-muted-2:#929aa7;
  --faro-bg:#f5f7f3;
  --faro-surface:#ffffff;
  --faro-surface-2:#fafbf9;
  --faro-line:#e2e7de;
  --faro-line-strong:#d3dacd;
  --faro-danger:#d92d20;
  --faro-danger-soft:#fff1ef;
  --faro-warn:#b7791f;
  --faro-warn-soft:#fff7e8;
  --faro-info:#4f7c18;
  --faro-shadow-sm:0 1px 2px rgba(19,23,31,.035),0 3px 10px rgba(19,23,31,.035);
  --faro-shadow:0 10px 28px rgba(25,35,18,.055),0 2px 7px rgba(19,23,31,.035);
  --faro-shadow-lg:0 24px 65px rgba(19,23,31,.14);
  --faro-focus:0 0 0 3px rgba(151,202,45,.22);
  --faro-r-sm:10px;
  --faro-r:14px;
  --faro-r-lg:18px;
  --faro-r-xl:22px;

  /* Existing CRM tokens become brand-aware. */
  --bg:var(--faro-bg);
  --card:var(--faro-surface);
  --text:var(--faro-ink);
  --muted:var(--faro-muted);
  --line:var(--faro-line);
  --nav:#fff;
  --accent:var(--faro-lime-deep);
  --accent2:#567f0a;
  --ok:#5f9818;
  --danger:var(--faro-danger);
  --soft:var(--faro-lime-soft);
  --shadow:var(--faro-shadow-sm);
  --ux-shadow-card:var(--faro-shadow-sm);
  --ux-shadow-hover:var(--faro-shadow);
  --ux-focus:var(--faro-focus);
  --mobile-blue:var(--faro-lime-deep);
  --mobile-ink:var(--faro-ink);
  --mobile-muted:var(--faro-muted);
  --mobile-card:#fff;
  --mobile-line:var(--faro-line);
}

html{background:var(--faro-bg);color-scheme:light}
body{
  background:
    radial-gradient(900px 380px at 78% -140px,rgba(151,202,45,.07),transparent 65%),
    var(--faro-bg);
  color:var(--faro-ink);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  font-feature-settings:"tnum" 1,"ss01" 1;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body::selection{background:rgba(151,202,45,.28);color:#111}
a{color:#557d0e;text-underline-offset:2px}
a:hover{color:#3f6105}
main{padding-top:30px;padding-bottom:58px}
main>.wrap{max-width:1440px;padding-left:24px;padding-right:24px}

/* ---------- Global top bar / brand ---------- */
.app-header{
  background:rgba(255,255,255,.94);
  color:var(--faro-ink);
  border-bottom:1px solid rgba(211,218,205,.92);
  box-shadow:0 1px 0 rgba(19,23,31,.02);
  backdrop-filter:saturate(155%) blur(18px);
  -webkit-backdrop-filter:saturate(155%) blur(18px);
}
.app-topbar{max-width:1600px;min-height:68px;gap:16px;padding-left:22px;padding-right:22px}
.app-brand{
  display:flex;align-items:center;gap:11px;min-width:max-content;
  color:var(--faro-ink);font-size:21px;font-weight:850;letter-spacing:-.035em;
}
.app-brand::before{
  content:"";display:block;width:33px;height:35px;flex:0 0 33px;
  background:url("../brand/faro-mark.26bc639402f0.png") center/contain no-repeat;
  filter:drop-shadow(0 2px 2px rgba(19,23,31,.05));
}
.app-brand:hover{color:#111}
.app-primary-nav{gap:1px}
.app-nav-link,.app-nav-summary{
  position:relative;color:#4b5260;font-size:13px;font-weight:720;
  padding:12px 10px;border-radius:10px;transition:color .14s ease,background .14s ease;
}
.app-nav-link:hover,.app-nav-summary:hover,.app-nav-dropdown[open]>.app-nav-summary{background:#f2f5ef;color:#14181f}
.app-nav-link.active,.app-nav-dropdown.active>.app-nav-summary{background:transparent;color:#101318}
.app-nav-link.active::after,.app-nav-dropdown.active>.app-nav-summary::after{
  content:"";position:absolute;left:12px;right:12px;bottom:-10px;height:3px;border-radius:999px;background:var(--faro-lime);
}
.app-chevron{color:#8d9584}
.app-dropdown-menu{
  border-color:var(--faro-line);border-radius:16px;background:#fff;color:var(--faro-ink);box-shadow:var(--faro-shadow-lg);padding:9px;
}
.app-dropdown-title{color:#8b9384}
.app-dropdown-menu>a{border-radius:11px;color:var(--faro-ink)}
.app-dropdown-menu>a:hover{background:#f4f7f0}
.app-dropdown-menu>a strong{color:#181c23}
.app-dropdown-menu>a span{color:#747d8b}
.app-profile-card{border-color:#edf0e9}
.app-dropdown-separator{background:#edf0e9}

.app-global-search{
  height:40px;max-width:310px;border:1px solid var(--faro-line-strong);border-radius:12px;
  background:#f8faf7;color:var(--faro-ink);box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}
.app-global-search:focus-within{border-color:#a9cb64;background:#fff;box-shadow:var(--faro-focus)}
.app-global-search-icon{color:#7f8979}
.app-global-search input{color:var(--faro-ink);font-weight:620}
.app-global-search input::placeholder{color:#8c948a;font-weight:520}
.app-search-shortcut,.app-global-search:after{border-color:#d5dcd0!important;background:#fff!important;color:#8a9186!important}
.app-search-suggest{border-color:var(--faro-line);border-radius:16px;box-shadow:var(--faro-shadow-lg)}
.app-search-suggest-row:hover,.app-search-suggest-row.active{background:#f2f7e8}
.app-search-suggest-footer{color:#567f0a;border-top-color:#edf0e9}

.app-system-actions{gap:7px}
.app-icon-action,.background-job-indicator.app-icon-action,.notification-bell.app-icon-action{
  width:38px;height:38px;border-color:var(--faro-line-strong);border-radius:11px;background:#fff;color:#535c68;
}
.app-icon-action:hover,.background-job-indicator.app-icon-action:hover,.background-job-indicator.app-icon-action.active,.notification-bell.app-icon-action:hover{
  background:#f1f6e8;border-color:#caddaa;color:#42650a;
}
.background-job-indicator.app-icon-action span,.notification-bell.app-icon-action span{border-color:#fff;background:#e53628}
.app-nav-favorite{border-color:var(--faro-line-strong)!important;background:#fff!important;color:#59616d!important}
.app-nav-favorite.active{background:#eef7dd!important;border-color:#c7dfa0!important;color:#50790b!important}
.app-vat-toggle{
  height:38px;border-color:#cbe19f;border-radius:11px;background:#eff8df;color:#385807;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
}
.app-vat-toggle:hover{background:#e6f3cf;color:#2f4b05}
.app-vat-toggle.active{background:linear-gradient(135deg,#93ca28,#7fbb16);border-color:#78ad17;color:#122000}
.app-vat-toggle-state,.app-vat-toggle.active .app-vat-toggle-state{color:inherit;opacity:.72}
.app-vat-switch{background:#b8c3ad}
.app-vat-toggle.active .app-vat-switch{background:rgba(255,255,255,.55)}
.app-vat-toggle.active .app-vat-switch i{background:#fff}
.app-profile-trigger{color:#333a45}
.app-profile-trigger:hover,.app-profile-menu[open]>.app-profile-trigger{background:#f2f5ef;border-color:#e0e6da}
.app-avatar{background:linear-gradient(135deg,#9bd22f,#7db615);color:#172000;border-radius:10px;box-shadow:0 4px 12px rgba(111,159,15,.18)}
.app-profile-name{color:#363d48;font-weight:720}

/* ---------- Page composition ---------- */
.pagehead:not(.compact){
  position:relative;isolation:isolate;overflow:hidden;
  margin-bottom:20px;padding:22px 24px;
  border:1px solid var(--faro-line);border-radius:var(--faro-r-xl);
  background:linear-gradient(110deg,#fff 0%,#fff 68%,#f8fbeF 100%);
  box-shadow:var(--faro-shadow-sm);
}
.pagehead:not(.compact)::after{
  content:"";position:absolute;z-index:-1;right:-78px;top:-115px;width:390px;height:290px;pointer-events:none;
  background:
    radial-gradient(circle at 46% 58%,transparent 0 32%,rgba(151,202,45,.12) 33% 44%,transparent 45%),
    radial-gradient(circle at 74% 38%,rgba(151,202,45,.09),transparent 48%);
  transform:rotate(-13deg);
}
.pagehead:not(.compact)>*{position:relative;z-index:1}
.pagehead h1,.hero h1{color:#151920;font-size:clamp(28px,2.15vw,36px);font-weight:820;letter-spacing:-.035em}
.pagehead h2{color:#181c23;letter-spacing:-.02em}
.pagehead p,.hero p{color:#697283;line-height:1.52}
.pagehead.compact{padding:0;background:transparent;border:0;box-shadow:none}
.eyebrow{color:#668f18;font-weight:850;letter-spacing:.095em}
.section{margin-top:26px}.section>h2{color:#171b22;letter-spacing:-.02em}

/* ---------- Buttons ---------- */
.btn,
button.btn,
a.btn{
  min-height:42px;padding:9px 15px;border:1px solid #7db217;border-radius:12px;
  background:linear-gradient(180deg,#9bd331 0%,#8bc41f 100%);color:#182000;
  font-weight:800;letter-spacing:-.005em;box-shadow:0 4px 10px rgba(107,153,18,.12),inset 0 1px 0 rgba(255,255,255,.35);
  transition:transform .12s ease,box-shadow .12s ease,background .12s ease,border-color .12s ease;
}
.btn:hover{background:linear-gradient(180deg,#90c827 0%,#7fb51a 100%);border-color:#72a414;color:#111800;box-shadow:0 8px 18px rgba(94,137,11,.17);transform:translateY(-1px)}
.btn:active{transform:translateY(0);box-shadow:0 2px 5px rgba(80,110,15,.1)}
.btn.secondary{
  background:#fff;color:#242a33;border-color:#d7ddd3;box-shadow:0 1px 2px rgba(19,23,31,.035);
}
.btn.secondary:hover{background:#f7f9f5;border-color:#bcc8b2;color:#15191f}
.btn.danger{background:#d92d20;border-color:#c9281c;color:#fff;box-shadow:none}
.btn.danger:hover{background:#bd251b;border-color:#b32218;color:#fff}
.btn.small{min-height:34px;padding:6px 10px;border-radius:10px}
button:disabled,.btn:disabled,.btn[aria-disabled="true"]{opacity:.48;filter:saturate(.65);box-shadow:none;transform:none}

/* ---------- Forms ---------- */
.field label{margin-bottom:7px;color:#39414d;font-size:12px;font-weight:780;letter-spacing:.01em}
.field input,.field select,.field textarea,.searchbar input,.searchbar select,
.sl-filter input,.sl-filter select,.service-filters input,.service-filters select,
.controller-filter input,.controller-filter select{
  min-height:43px;padding:10px 12px;border:1px solid #d7ded2;border-radius:12px;
  background:#fbfcfa;color:var(--faro-ink);box-shadow:inset 0 1px 1px rgba(19,23,31,.018);
}
.field textarea{min-height:102px;line-height:1.5}
.field input:hover,.field select:hover,.field textarea:hover,.searchbar input:hover,.searchbar select:hover,
.sl-filter input:hover,.sl-filter select:hover,.service-filters input:hover,.service-filters select:hover,
.controller-filter input:hover,.controller-filter select:hover{border-color:#bdc9b4;background:#fff}
.field input:focus,.field select:focus,.field textarea:focus,.searchbar input:focus,.searchbar select:focus,
.sl-filter input:focus,.sl-filter select:focus,.service-filters input:focus,.service-filters select:focus,
.controller-filter input:focus,.controller-filter select:focus{
  border-color:#9fc45e;background:#fff;box-shadow:var(--faro-focus);outline:none;
}
input[type="checkbox"],input[type="radio"]{accent-color:var(--faro-lime-deep)}
.field input[type=file]{border-color:#cfd8c9;background:#f8faf6}
.field .help{color:#7d8591}
.formcard{max-width:900px}
.formgrid{gap:16px 18px}
.formactions{gap:10px;margin-top:22px}

/* ---------- Surfaces / cards ---------- */
.card,.tablewrap,.formcard,.controller-card,.controller-org-group,.rel95-summary-card,.rr97-stat,
.record-highlights-v2489,.record-summary-v2493,.record-attention-card,.qp-metrics>div,.qp-related-list a{
  border-color:var(--faro-line);
}
.card,.formcard,.controller-card,.controller-org-group,.rel95-summary-card,.rr97-stat{
  border-radius:var(--faro-r-lg);background:#fff;box-shadow:var(--faro-shadow-sm);
}
.card{padding:19px}
.card h2,.card h3{color:#191d24;letter-spacing:-.015em}
.tablewrap{border-radius:var(--faro-r-lg);box-shadow:var(--faro-shadow-sm);background:#fff}
.tablewrap table{background:#fff}
th{background:#f7f9f5;color:#747d88;border-color:#e7ebe3;font-size:11px;font-weight:800;letter-spacing:.055em}
td{border-color:#edf0eb;color:#2a3039}
@media(min-width:801px){
  .tablewrap tbody tr:hover,.org-table-wrap tbody tr:hover,.sl-table tbody tr:hover,.controller-register-row:hover{background:#f6faef}
}
td a.title{color:#1c222a}
.contact{border-color:#edf0eb}
.detailrow{border-color:#edf0eb}.detailrow .label{color:#7e8792}.detailrow .value{color:#272d36}
.codebox,.mono-box{background:#f7f9f5;border-color:#e1e7dc}
.quicklinks a{background:#fafbf9;border-color:#dfe5da}.quicklinks a:hover{background:#f3f7ed;border-color:#bfd19f}

/* ---------- Badges / chips ---------- */
.badge{background:#eef6df;color:#4f7110;border:1px solid #d9e9bd;font-weight:760}
.badge.gray{background:#f1f3f0;color:#626b75;border-color:#e2e6df}
.badge.ok-soft,.badge.status-resolved{background:#edf7e3;color:#4f7913;border-color:#d7e9bf}
.badge.warn,.badge.status-waiting_parts{background:#fff6e5;color:#906013;border-color:#f0d7a4}
.badge.danger-soft{background:#fff0ed;color:#b42318;border-color:#f3cbc5}
.badge.status-open,.badge.status-diagnosis,.badge.status-in_progress{background:#f1f7e7;color:#537b13;border-color:#dbeabf}
.status .dot,.dot{background:#78b31a}

/* ---------- Tabs / segmented controls ---------- */
.fanuc-tabs,.installed-base-tabs,.dq-domain-tabs{gap:7px}
.fanuc-tabs a,.installed-base-tabs a,.dq-domain-tabs a{
  border-color:#dce3d6;background:#fff;color:#4c5560;border-radius:11px;box-shadow:0 1px 2px rgba(19,23,31,.02);
}
.fanuc-tabs a:hover,.installed-base-tabs a:hover,.dq-domain-tabs a:hover{background:#f4f8ef;border-color:#c7d6b6;color:#29311f}
.fanuc-tabs a.active,.installed-base-tabs a.active,.dq-domain-tabs a.active{
  background:#edf7dc;border-color:#c5df96;color:#456c09;box-shadow:inset 0 0 0 1px rgba(151,202,45,.08);
}

/* ---------- FANUC / machine registry ---------- */
.controller-card:hover{border-color:#bed293;box-shadow:var(--faro-shadow)}
.controller-id,.controller-cncid{color:#607343}
.controller-machine,.controller-kpis>div{background:#f7f9f5;border-color:#e4e9df}
.controller-org-head{background:#f8faf6;border-color:#e5e9e1}
a.controller-org-title:hover,.controller-cnc-title,.controller-open-link{color:#547c0c}
.controller-register-head{background:#f8faf6;border-color:#e6eae2}
.controller-register-row{border-color:#edf0eb}
.controller-list-summary span{border-color:#dfe5da;background:#fff}

/* ---------- Recent desktop workspace components ---------- */
.record-highlights-v2489{border-radius:16px;background:linear-gradient(180deg,#fff,#fbfcfa);box-shadow:var(--faro-shadow-sm)}
.record-highlights-v2489__eyebrow{color:#75806c}
.record-highlights-action-v2489{border-color:#d9dfd5;border-radius:10px;color:#333b45}
.record-highlights-action-v2489:hover{border-color:#bcc9b3;background:#f7f9f5}
.record-highlights-action-v2489.primary{border-color:#7dad1d;background:#92ca2b;color:#162000}
.record-highlights-action-v2489.primary:hover{background:#82b91d;color:#111700}
.record-highlights-metric-v2489{border-color:#e8ece5;border-radius:12px;background:#fff}
a.record-highlights-metric-v2489:hover{border-color:#cad6c0;background:#f9fbf7}
.record-highlights-metric-v2489[data-tone="info"]:before{background:#86b924}
.record-highlights-v2489 [data-inline-edit]:hover{background:#f0f6e6;box-shadow:0 0 0 3px #f0f6e6}
.record-highlights-v2489 [data-inline-edit]:focus{box-shadow:var(--faro-focus)}
.record-summary-v2493{border-radius:14px;background:#fbfcfa;border-color:#e2e7de}
.record-summary-v2493__icon{background:#edf6dd;color:#557e0d}
.record-summary-v2493__copy{border-color:#d6ddd2;border-radius:9px}
.record-summary-v2493__copy:hover{border-color:#b9c7ae;background:#f8faf6}
.record-summary-v2493__sentence:before{background:#a8b19f}
.record-attention-card{border-radius:14px;box-shadow:var(--faro-shadow-sm)}
.record-attention-card[data-tone="info"]{background:#f7faF2;border-color:#dce8ca}
.record-attention-card[data-tone="info"]:before{background:#83b821}
.record-attention-card__action{border-radius:10px;border-color:#d6ddd2}
.record-attention-card__action.primary{border-color:#7cab1e;background:#91c92a;color:#162000}

/* ---------- Search palette / drawers ---------- */
.app-command-palette-dialog{border-color:var(--faro-line);border-radius:18px;box-shadow:var(--faro-shadow-lg)}
.app-command-palette-search{border-color:#e7ebe2;background:#fff}
.app-command-palette-search:focus-within{box-shadow:inset 0 -2px 0 rgba(151,202,45,.55)}
.app-command-palette-actions>a,.app-command-palette-result,.app-command-palette-nav-section{border-color:#e4e9df}
.app-command-palette-actions>a:hover,.app-command-palette-result:hover,.app-command-palette-result.active,.app-command-palette-command:hover,.app-command-palette-command.active{background:#f2f7e9!important}
.app-command-palette-command-icon{background:#edf6dd;color:#557f0d}
.app-command-palette-command-icon.context{background:#edf6dd;color:#557f0d}
.app-command-palette-command-badge{background:#f0f4ec;color:#697463}
.quick-preview-drawer{box-shadow:-20px 0 60px rgba(19,23,31,.14)}
.quick-preview-head{background:#fafbf9;border-color:#e5e9e1}
.quick-preview-close,.quick-preview-back{border-color:#d9dfd5;border-radius:11px}
.qp-kicker{color:#657b43}.qp-badges span{background:#eef6df;color:#5a741f}.qp-metrics>div{background:#fbfcfa;border-radius:13px}
.qp-related-list a:hover{border-color:#c6d5b8;background:#f7faF2}
.quick-preview-footer{border-color:#e5e9e1}

/* ---------- Reliability Center / Repair Center ---------- */
.rr97-page{max-width:1440px;padding-left:0;padding-right:0}
.rr97-head{
  position:relative;isolation:isolate;overflow:hidden;
  background:linear-gradient(105deg,#fff 0%,#fff 64%,#f5faea 100%);color:var(--faro-ink);
  border:1px solid var(--faro-line);border-radius:22px;padding:25px 28px;box-shadow:var(--faro-shadow-sm);
}
.rr97-head::after{
  content:"";position:absolute;z-index:-1;right:-48px;top:-165px;width:500px;height:430px;pointer-events:none;
  background:
    radial-gradient(circle at 52% 54%,transparent 0 31%,rgba(151,202,45,.12) 32% 42%,transparent 43%),
    radial-gradient(circle at 78% 46%,transparent 0 24%,rgba(151,202,45,.08) 25% 35%,transparent 36%);
  transform:rotate(-15deg);
}
.rr97-head h1{color:#151920;font-size:34px;letter-spacing:-.035em}.rr97-head p{color:#687282}.rr97-kicker,.rr97-panel header span,.rr97-safe-repair>div>span,.rr97-section-head span{color:#688f1d}
.rr97-safety{border-radius:18px;border-color:var(--faro-line);box-shadow:var(--faro-shadow-sm)}
.rr97-shield{background:#edf7df;color:#5a8812;border-radius:13px}
.rr97-agent b{color:#1d232b}.rr97-agent span,.rr97-agent small{color:#7a838f}
.rr97-stat{position:relative;padding:15px 17px;border-top-width:1px;overflow:hidden}
.rr97-stat::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#abb3a6}
.rr97-stat.ok::before{background:#7fb51c}.rr97-stat.warn::before{background:#d49a2d}.rr97-stat.danger::before{background:#e05247}.rr97-stat.busy::before{background:#82aa42}
.rr97-stat.ok,.rr97-stat.warn,.rr97-stat.danger,.rr97-stat.busy{border-top-color:var(--faro-line)}
.rr97-panel{border-radius:18px!important;box-shadow:var(--faro-shadow-sm);border-color:var(--faro-line)!important}
.rr97-panel>header{background:#fff;color:var(--faro-ink);border-bottom:1px solid #e6eae2;padding:17px 19px}
.rr97-panel h2{color:#171b22}.rr97-badge{background:#f0f3ee;color:#58615a}.rr97-badge.ok{background:#edf7df;color:#517c0f}.rr97-badge.warn{background:#fff6e6;color:#936018}.rr97-badge.danger{background:#fff0ed;color:#b42318}
.rr97-lead{color:#66717e}.rr97-plan-summary>div,.rr97-details,.rr97-clean-box{border-color:#e1e7dc;border-radius:13px}
.rr97-details summary{background:#f7f9f5}.rr97-file-row,.rr97-kv>div,.rr97-table th,.rr97-table td{border-color:#edf0eb}
.rr97-kv dt,.rr97-footnote,.rr97-storage-list span,.rr97-clean-box span{color:#747d88}
.rr97-confidence.safe{background:#edf7df;color:#527c0f}.rr97-confidence.review{background:#fff6e6;color:#946316}.rr97-confidence.manual{background:#f0f3ee;color:#606963}
.rr97-safe-repair{border-left-color:#8bc327;border-radius:18px;box-shadow:var(--faro-shadow-sm)}
.rr97-link-btn{color:#557f0c}.rr97-toast{background:#1c2119;border:1px solid rgba(151,202,45,.25)}
.rel95-head{background:linear-gradient(105deg,#fff 0%,#fff 68%,#f7faef 100%)}
.rel95-kicker,.rel95-section-head span,.rel95-panel header span{color:#6b8e29}
.rel95-summary-card{border-radius:17px;box-shadow:var(--faro-shadow-sm)}
.rel95-summary-card.tone-ok,.rel95-summary-card.tone-warn,.rel95-summary-card.tone-danger{border-top-width:1px;position:relative}
.rel95-summary-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:17px 0 0 17px;background:#adb5a8}
.rel95-summary-card.tone-ok::before{background:#7fb51c}.rel95-summary-card.tone-warn::before{background:#d49a2d}.rel95-summary-card.tone-danger::before{background:#e05247}
.rel95-issue{border-color:#e1e7dc;border-radius:14px;box-shadow:0 1px 2px rgba(19,23,31,.02)}
.rel95-panel>header{background:#fbfcfa;border-color:#e5e9e1}.rel95-status.ok{background:#edf7df;color:#537e10}.rel95-status.warn{background:#fff6e6;color:#936018}
.rel95-note{background:#f6f8f4}.rel95-command code{background:#20251f}.rel95-panel-link{color:#557f0c}

/* ---------- Lists / smart list ---------- */
.sl-filters,.controller-filter,.searchbar{gap:9px}
.sl-table th{background:#f7f9f5}.sl-table tbody tr:hover{background:#f6faef}
.sl-customer-chip{background:#eef6df!important;border-color:#d6e6bb!important}.sl-customer-chip a{color:#527a0e!important}
.sl-alert-chip{background:#fff6e8!important;border-color:#efd5a6!important;color:#8e5d15!important}.sl-alert-chip strong{color:#8e5d15!important}

/* ---------- Messages / empty states ---------- */
.flash{border-radius:12px;border-color:#d7e7bd;background:#f0f8e3;color:#496d10;box-shadow:var(--faro-shadow-sm)}
.flash.warning{background:#fff7e8;color:#845813;border-color:#efd8aa}.flash.error{background:#fff1ef;color:#a92d24;border-color:#efcac4}
.alert{border-radius:12px}
.empty,.org-empty,.ss-empty,.sd-empty{color:#77808d}

/* ---------- Login ---------- */
.loginwrap{min-height:calc(100vh - 110px)}
.loginbox{border-color:var(--faro-line);border-radius:22px;padding:30px;box-shadow:var(--faro-shadow);position:relative;overflow:hidden}
.loginbox::before{content:"";display:block;width:48px;height:52px;margin:0 0 17px;background:url("../brand/faro-mark.26bc639402f0.png") center/contain no-repeat}
.loginbox h1{font-size:28px;letter-spacing:-.035em}

/* ---------- Mobile ---------- */
@media(max-width:800px){
  body{background:var(--faro-bg)}
  main{padding-top:14px}
  main>.wrap{padding-left:12px;padding-right:12px}
  .app-header{background:rgba(255,255,255,.97)}
  .app-topbar{min-height:60px;padding-left:12px;padding-right:12px}
  .app-brand{font-size:19px;gap:8px}.app-brand::before{width:27px;height:29px;flex-basis:27px}
  .app-global-search{background:#f7f9f5;border-color:#dce3d7}
  .pagehead:not(.compact){padding:17px 16px;border-radius:18px;margin-bottom:14px}
  .pagehead:not(.compact)::after{right:-160px;top:-155px;opacity:.8}
  .pagehead h1,.hero h1{font-size:clamp(25px,7vw,31px)}
  .card,.formcard,.tablewrap{border-radius:16px}
  .mobile-bottom-nav.mobile-app-nav{border-top-color:#dfe5da;background:rgba(255,255,255,.97);box-shadow:0 -10px 30px rgba(19,23,31,.09)}
  .mobile-app-nav a,.mobile-app-nav button{color:#6c756b}
  .mobile-app-nav a.active,.mobile-app-nav button.active{color:#567f0d}
  .mobile-app-nav a.active::before,.mobile-app-nav button.active::before{background:var(--faro-lime)}
  .mobile-nav-plus{background:linear-gradient(145deg,#9cd32f,#7fb718);color:#172000;box-shadow:0 7px 18px rgba(100,145,14,.25)}
  .mobile-menu-sheet.mobile-app-more{border:1px solid var(--faro-line);box-shadow:var(--faro-shadow-lg)}
  .mobile-context-dock{border-color:#dce3d7;box-shadow:0 12px 34px rgba(19,23,31,.12)}
  .mobile-context-dock>a.primary{background:#eef7de;color:#50780d}
  .app-command-palette-body{background:#f6f8f4}
  .app-command-palette-actions>a,.app-command-palette-result,.app-command-palette-nav-section{border-color:#e2e7de;background:#fff}
  .rr97-head{padding:18px;border-radius:18px}.rr97-head h1{font-size:28px}.rr97-head::after{right:-230px}
}

@media(max-width:520px){
  .btn{min-height:44px;border-radius:12px}
  .actions{gap:7px}
  .loginbox{padding:23px;border-radius:19px}
}

/* Accessibility and motion */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid transparent;box-shadow:var(--faro-focus)}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}


/* ===== COMPONENT: static/css/faro-header-grouping-r1.css | SHA256 ab67687c839ff38229600713ec0c4806cd1d8f0a5c856a7054bba3e98504383e ===== */
/* FARO Header Grouping r1 — visual/navigation-only layer. */

/* Keep the desktop top bar strictly one line. */
@media (min-width: 801px){
  .app-topbar{
    flex-wrap:nowrap!important;
    column-gap:12px!important;
  }

  .app-primary-nav.faro-grouped-nav{
    display:flex;
    align-items:center;
    gap:2px;
    flex:1 1 auto;
    min-width:0;
    overflow:visible;
    white-space:nowrap;
  }

  .app-primary-nav.faro-grouped-nav>.app-nav-link,
  .app-primary-nav.faro-grouped-nav>.app-nav-dropdown{
    flex:0 0 auto;
  }

  .app-global-search{
    flex:0 1 320px!important;
    width:min(320px,24vw);
    min-width:220px!important;
    max-width:320px!important;
  }

  .app-system-actions{
    flex:0 0 auto;
    min-width:max-content;
  }
}

/* One compact secondary-navigation entry instead of a row of low-priority labels. */
.faro-nav-more>.app-nav-summary{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding-left:11px;
  padding-right:11px;
}

.faro-nav-more>.app-nav-summary .app-chevron{
  font-size:12px;
  transform:translateY(-1px);
  transition:transform .16s ease;
}

.faro-nav-more[open]>.app-nav-summary .app-chevron{transform:rotate(180deg) translateY(1px)}

.faro-nav-more .faro-nav-menu{
  left:auto;
  right:0;
  width:min(390px,calc(100vw - 28px));
  min-width:340px;
  padding:10px;
  border-radius:18px;
  overflow:hidden;
}

.faro-nav-section{
  padding:5px 4px 7px;
}

.faro-nav-section+.faro-nav-section{
  margin-top:5px;
  padding-top:11px;
  border-top:1px solid var(--faro-line,#e2e7de);
}

.faro-nav-section>.app-dropdown-title{
  margin:0 8px 6px;
  padding:0;
  color:#8a9384;
  font-size:10px;
  font-weight:850;
  letter-spacing:.095em;
  text-transform:uppercase;
}

.faro-nav-menu .faro-nav-item{
  display:grid;
  grid-template-columns:32px minmax(0,1fr);
  align-items:center;
  gap:9px;
  min-height:49px;
  padding:7px 9px;
  border-radius:12px;
  color:var(--faro-ink,#13171f);
  text-decoration:none;
}

.faro-nav-menu .faro-nav-item:hover,
.faro-nav-menu .faro-nav-item.is-active{
  background:#f2f7e8;
}

.faro-nav-menu .faro-nav-item.is-active{
  box-shadow:inset 3px 0 0 var(--faro-lime,#97ca2d);
}

.faro-nav-item-icon{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border-radius:10px;
  background:#f3f6f0;
  color:#5f7f20;
  font-size:15px;
  font-weight:850;
}

.faro-nav-item-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:2px;
}

.faro-nav-item-copy strong{
  color:#1b2028;
  font-size:13px;
  font-weight:760;
  line-height:1.2;
}

.faro-nav-item-copy span{
  color:#7c8592;
  font-size:10.5px;
  font-weight:560;
  line-height:1.25;
  white-space:normal;
}

/* Duplicate links below are fallbacks for narrower desktop widths only. */
.faro-nav-fallback{display:none!important}

/* Preserve search first; hide one direct label before shrinking search. */
@media (max-width: 1500px) and (min-width: 801px){
  .faro-nav-hide-1500{display:none!important}
  .faro-nav-fallback-1500{display:grid!important}
  .app-global-search{
    width:min(300px,23vw);
    flex-basis:300px!important;
    min-width:210px!important;
  }
}

@media (max-width: 1360px) and (min-width: 801px){
  .faro-nav-hide-1360{display:none!important}
  .faro-nav-fallback-1360{display:grid!important}
  .app-global-search{
    width:min(270px,22vw);
    flex-basis:270px!important;
    min-width:195px!important;
  }
  .app-primary-nav.faro-grouped-nav .app-nav-link,
  .app-primary-nav.faro-grouped-nav .app-nav-summary{
    padding-left:8px;
    padding-right:8px;
  }
}

@media (max-width: 1180px) and (min-width: 801px){
  .app-global-search{
    width:210px;
    flex-basis:210px!important;
    min-width:180px!important;
  }
  .app-profile-name{display:none!important}
}


/* ===== COMPONENT: static/css/faro-lists-filters-r3.css | SHA256 21ef27459c374d13644828fea65751101be967b8ca111750db7cea8f91e996e3 ===== */
/* FARO UI r3 — Lists & Filters
   Visual-only progressive enhancement. Desktop-first; business logic and form semantics are untouched. */

@media (min-width: 801px){
  .faro-list-page-r3 main{padding-top:24px}
  .faro-list-page-r3 main>.wrap{max-width:1500px}

  /* Compact page heading for working registers — less decorative, more data space. */
  .faro-list-page-r3 .faro-list-head-r3{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    min-height:96px;
    margin:0 0 14px!important;
    padding:18px 20px!important;
    overflow:hidden;
    border:1px solid var(--faro-line,#e2e7de)!important;
    border-radius:18px!important;
    background:linear-gradient(110deg,#fff 0%,#fff 79%,#f7fbeF 100%)!important;
    box-shadow:var(--faro-shadow-sm,0 1px 2px rgba(19,23,31,.035))!important;
  }
  .faro-list-page-r3 .faro-list-head-r3::before{
    content:"";
    position:absolute;
    left:0;top:17px;bottom:17px;
    width:4px;border-radius:0 6px 6px 0;
    background:var(--faro-lime,#97ca2d);
  }
  .faro-list-page-r3 .faro-list-head-r3::after{
    content:"";
    position:absolute;right:-88px;top:-108px;width:300px;height:240px;
    pointer-events:none;
    background:radial-gradient(circle at 48% 56%,rgba(151,202,45,.11),transparent 56%);
  }
  .faro-list-page-r3 .faro-list-head-r3>*{position:relative;z-index:1}
  .faro-list-page-r3 .faro-list-head-r3 h1{
    margin:0 0 4px!important;
    color:#171b21!important;
    font-size:30px!important;
    line-height:1.08!important;
    font-weight:830!important;
    letter-spacing:-.035em!important;
  }
  .faro-list-page-r3 .faro-list-head-r3 p{margin:0!important;color:#737c87!important;font-size:13px!important}
  .faro-list-page-r3 .faro-list-head-r3 .eyebrow,
  .faro-list-page-r3 .faro-list-head-r3 .sl-eyebrow{margin-bottom:5px;color:#698d20!important;font-size:10px!important;font-weight:850!important;letter-spacing:.105em!important}
  .faro-list-page-r3 .faro-list-actions-r3{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
  .faro-list-page-r3 .faro-list-actions-r3 .btn{min-height:38px;padding:8px 12px;border-radius:11px}

  /* Saved views / fast presets. */
  .faro-list-page-r3 .saved-view-strip,
  .faro-list-page-r3 .catalog-presets,
  .faro-list-page-r3 .crm-smart-list-toolbar{
    margin:10px 0!important;
    padding:8px 10px!important;
    border:1px solid #e2e7de!important;
    border-radius:14px!important;
    background:rgba(255,255,255,.88)!important;
    box-shadow:0 1px 3px rgba(19,23,31,.025)!important;
  }
  .faro-list-page-r3 .saved-view-row{gap:6px!important}
  .faro-list-page-r3 .saved-view-label,
  .faro-list-page-r3 .crm-smart-list-kicker{color:#8a9287!important;font-size:10px!important;font-weight:850!important;letter-spacing:.08em!important;text-transform:uppercase}
  .faro-list-page-r3 .saved-view-chip,
  .faro-list-page-r3 .saved-view-user-chip,
  .faro-list-page-r3 .catalog-preset,
  .faro-list-page-r3 .crm-smart-list-chip{
    min-height:30px!important;
    display:inline-flex!important;
    align-items:center!important;
    border:1px solid #dce3d6!important;
    border-radius:999px!important;
    background:#fafbf9!important;
    color:#59616b!important;
    font-size:11px!important;
    font-weight:730!important;
    box-shadow:none!important;
  }
  .faro-list-page-r3 .saved-view-chip:hover,
  .faro-list-page-r3 .catalog-preset:hover,
  .faro-list-page-r3 .crm-smart-list-chip:hover{background:#f2f7e9!important;border-color:#c7d9a9!important;color:#486d0d!important}
  .faro-list-page-r3 .saved-view-chip.active,
  .faro-list-page-r3 .saved-view-user-chip.active,
  .faro-list-page-r3 .catalog-preset.active,
  .faro-list-page-r3 .crm-smart-list-chip.active{
    background:#edf7dd!important;border-color:#c6df99!important;color:#456b0b!important;
  }
  .faro-list-page-r3 .saved-view-save>summary,
  .faro-list-page-r3 .crm-smart-list-control{
    min-height:31px!important;border-color:#dce3d6!important;border-radius:10px!important;background:#fff!important;color:#4c5560!important;
  }
  .faro-list-page-r3 .saved-view-reset,.faro-list-page-r3 .crm-smart-list-reset{color:#72806b!important}

  /* Filter bars: coherent panel, no giant fields, active values get a lime hint. */
  .faro-list-page-r3 .faro-filterbar-r3{
    position:relative;
    margin:10px 0 12px!important;
    padding:12px!important;
    border:1px solid #dfe5da!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:0 2px 9px rgba(19,23,31,.035)!important;
  }
  .faro-list-page-r3 form.searchbar.faro-filterbar-r3,
  .faro-list-page-r3 form.task-filters.faro-filterbar-r3{
    display:grid!important;
    grid-template-columns:minmax(280px,1.8fr) repeat(3,minmax(150px,.65fr)) auto!important;
    align-items:end!important;
    gap:8px!important;
  }
  .faro-list-page-r3 form.searchbar.faro-filterbar-r3>input[name="q"]{min-width:260px}
  .faro-list-page-r3 form.searchbar.faro-filterbar-r3>.btn,
  .faro-list-page-r3 form.task-filters.faro-filterbar-r3>.btn{align-self:stretch;min-height:42px}

  .faro-list-page-r3 form.sl-filters.faro-filterbar-r3{
    display:grid!important;
    grid-template-columns:minmax(280px,1.8fr) repeat(4,minmax(135px,.8fr))!important;
    gap:9px!important;
    align-items:end!important;
  }
  .faro-list-page-r3 .sl-filter{min-width:0!important}
  .faro-list-page-r3 .sl-filter label,
  .faro-list-page-r3 .catalog-filter-form label,
  .faro-list-page-r3 .controller-filter label{
    display:block;margin:0 0 5px;color:#747d87;font-size:10px;font-weight:790;letter-spacing:.035em;
  }
  .faro-list-page-r3 .sl-filter-actions{display:flex;align-items:center;gap:7px;grid-column:auto / span 2}
  .faro-list-page-r3 .sl-filter-actions .btn{min-height:42px}

  .faro-list-page-r3 .faro-filterbar-r3 input:not([type="hidden"]),
  .faro-list-page-r3 .faro-filterbar-r3 select,
  .faro-list-page-r3 .catalog-search-box input,
  .faro-list-page-r3 .catalog-filter-grid input,
  .faro-list-page-r3 .catalog-filter-grid select{
    min-height:42px!important;
    border:1px solid #d8dfd3!important;
    border-radius:11px!important;
    background:#fbfcfa!important;
    color:#20262e!important;
    font-size:12px!important;
    font-weight:610!important;
    box-shadow:inset 0 1px 1px rgba(19,23,31,.015)!important;
  }
  .faro-list-page-r3 .faro-filterbar-r3 input:hover,
  .faro-list-page-r3 .faro-filterbar-r3 select:hover{background:#fff!important;border-color:#bfccb5!important}
  .faro-list-page-r3 .faro-filterbar-r3 input:focus,
  .faro-list-page-r3 .faro-filterbar-r3 select:focus{
    outline:0!important;background:#fff!important;border-color:#9cc25a!important;box-shadow:var(--faro-focus,0 0 0 3px rgba(151,202,45,.22))!important;
  }
  .faro-list-page-r3 .faro-filter-active-r3 input,
  .faro-list-page-r3 .faro-filter-active-r3 select,
  .faro-list-page-r3 input.faro-search-active-r3{
    border-color:#b8d486!important;background:#f8fcef!important;
  }
  .faro-list-page-r3 .catalog-filter-panel{border-color:#e0e6dc!important;border-radius:13px!important;background:#fbfcfa!important}
  .faro-list-page-r3 .catalog-filter-panel>summary{padding:10px 12px!important;color:#4f5863!important;font-weight:760!important}
  .faro-list-page-r3 .catalog-filter-panel[open]>summary{border-bottom:1px solid #e5eae1;background:#f7faf4!important}
  .faro-list-page-r3 .catalog-filter-grid{gap:10px!important}

  /* Summary / count chips. */
  .faro-list-page-r3 .faro-list-summary-r3{
    display:flex!important;align-items:center!important;gap:7px!important;flex-wrap:wrap!important;
    margin:9px 0 10px!important;padding:0!important;background:transparent!important;border:0!important;
  }
  .faro-list-page-r3 .faro-list-summary-r3>span,
  .faro-list-page-r3 .controller-list-summary>span{
    min-height:30px;padding:6px 9px!important;border:1px solid #e0e6dc!important;border-radius:999px!important;background:#fff!important;color:#66706f!important;font-size:11px!important;
  }
  .faro-list-page-r3 .faro-list-summary-r3>span strong{color:#2c333b!important}

  /* Archive switch is a quiet contextual control, not another big panel. */
  .faro-list-page-r3 .faro-archive-toggle-r3{margin:0 0 8px!important}
  .faro-list-page-r3 .faro-archive-toggle-r3 a{
    display:inline-flex;align-items:center;min-height:30px;padding:5px 9px;border:1px solid #e0e5dd;border-radius:9px;background:#fff;color:#68726d;font-size:11px;font-weight:700;text-decoration:none;
  }
  .faro-list-page-r3 .faro-archive-toggle-r3 a:hover{border-color:#c8d6bc;background:#f7faF3;color:#4b700d}

  /* Tables: sticky quiet header, generous but efficient rows, selected row feedback. */
  .faro-list-page-r3 .faro-table-shell-r3{
    position:relative;
    margin-top:8px!important;
    overflow:auto!important;
    overscroll-behavior-x:contain;
    overscroll-behavior-y:auto;
    border:1px solid #dfe5da!important;
    border-radius:17px!important;
    background:#fff!important;
    box-shadow:0 4px 14px rgba(19,23,31,.045)!important;
    scrollbar-color:#cbd4c5 transparent;
    scrollbar-width:thin;
  }
  .faro-list-page-r3 .faro-table-shell-r3:focus-visible{outline:0;box-shadow:var(--faro-focus),0 4px 14px rgba(19,23,31,.045)!important}
  .faro-list-page-r3 .faro-table-shell-r3::-webkit-scrollbar{height:10px;width:10px}
  .faro-list-page-r3 .faro-table-shell-r3::-webkit-scrollbar-thumb{background:#ccd5c6;border:3px solid #fff;border-radius:999px}
  .faro-list-page-r3 .faro-data-table-r3{width:100%;border-collapse:separate!important;border-spacing:0!important;background:#fff!important}
  .faro-list-page-r3 .faro-data-table-r3 thead th{
    position:sticky!important;top:0;z-index:4;
    height:44px;padding:10px 14px!important;
    border-bottom:1px solid #dfe5da!important;
    background:rgba(247,249,245,.97)!important;
    color:#747d88!important;
    font-size:10px!important;font-weight:850!important;letter-spacing:.055em!important;
    white-space:nowrap;backdrop-filter:blur(8px);
  }
  .faro-list-page-r3 .faro-data-table-r3 tbody td{
    padding:12px 14px!important;
    border-bottom:1px solid #edf0eb!important;
    background:#fff;
    color:#30363e!important;
    font-size:12px!important;
    line-height:1.38;
    vertical-align:middle!important;
    transition:background .12s ease,box-shadow .12s ease;
  }
  .faro-list-page-r3 .faro-data-table-r3 tbody tr:last-child td{border-bottom:0!important}
  .faro-list-page-r3 .faro-data-table-r3 tbody tr:hover td{background:#f8fbf2!important}
  .faro-list-page-r3 .faro-data-table-r3 tbody tr:has(input[type="checkbox"]:checked) td{
    background:#f1f8e5!important;box-shadow:inset 0 1px rgba(151,202,45,.06),inset 0 -1px rgba(151,202,45,.06);
  }
  .faro-list-page-r3 .faro-data-table-r3 a.title,
  .faro-list-page-r3 .faro-data-table-r3 .sl-title,
  .faro-list-page-r3 .catalog-part-number{color:#1d232b!important;font-weight:780!important;text-decoration:none!important}
  .faro-list-page-r3 .faro-data-table-r3 a.title:hover,
  .faro-list-page-r3 .faro-data-table-r3 .sl-title:hover,
  .faro-list-page-r3 .catalog-part-number:hover{color:#527b0d!important}
  .faro-list-page-r3 .faro-data-table-r3 .muted,
  .faro-list-page-r3 .faro-data-table-r3 .sl-muted{color:#87908f!important;font-size:10.5px!important}
  .faro-list-page-r3 .faro-data-table-r3 .mono{font-variant-numeric:tabular-nums}
  .faro-list-page-r3 .faro-data-table-r3 .sl-money,
  .faro-list-page-r3 .faro-data-table-r3 .catalog-price-cell{font-variant-numeric:tabular-nums;font-weight:690}
  .faro-list-page-r3 .faro-data-table-r3 input[type="checkbox"]{width:16px;height:16px;accent-color:#79ad19}
  .faro-list-page-r3 .row-overdue td{background:#fffaf8!important}
  .faro-list-page-r3 .row-overdue:hover td{background:#fff5f1!important}

  /* Pinned Smart List cells must visually merge with the new table. */
  .faro-list-page-r3 .crm-smart-list-active table thead th.crm-smart-pinned,
  .faro-list-page-r3 .crm-smart-list-active table thead th.crm-smart-system-pinned{background:#f7f9f5!important}
  .faro-list-page-r3 .crm-smart-list-active table tbody td.crm-smart-pinned,
  .faro-list-page-r3 .crm-smart-list-active table tbody td.crm-smart-system-pinned{background:#fff!important}
  .faro-list-page-r3 .crm-smart-list-active table tbody tr:hover td.crm-smart-pinned,
  .faro-list-page-r3 .crm-smart-list-active table tbody tr:hover td.crm-smart-system-pinned{background:#f8fbf2!important}
  .faro-list-page-r3 .crm-smart-resize-handle:hover:after,
  .faro-list-page-r3 .crm-smart-resizing .crm-smart-resize-handle:after{background:#92bd45!important}

  /* Smart list controls adopt FARO palette. */
  .faro-list-page-r3 .crm-smart-list-toolbar{border-radius:14px!important}
  .faro-list-page-r3 .crm-smart-list-control{padding:5px 8px!important}
  .faro-list-page-r3 .crm-smart-list-control select{color:#344033!important}
  .faro-list-page-r3 .crm-smart-columns[open]>summary{border-color:#bdd69a!important;background:#f2f8e8!important}
  .faro-list-page-r3 .crm-smart-column-popover{border-color:#dfe5da!important;border-radius:15px!important;box-shadow:var(--faro-shadow-lg)!important}
  .faro-list-page-r3 .crm-smart-column-item:hover{background:#f6faef!important;border-color:#e5ebdf!important}
  .faro-list-page-r3 .crm-smart-column-item input{accent-color:#79ad19!important}

  /* Catalog-specific cards/presets retain meaning but align to the same system. */
  .faro-list-page-r3 .catalog-action-popover{border-color:#dfe5da!important;border-radius:14px!important;box-shadow:var(--faro-shadow-lg)!important}
  .faro-list-page-r3 .catalog-result-bar{color:#6f797f!important}
  .faro-list-page-r3 .catalog-thumb,.faro-list-page-r3 .catalog-thumb-empty{border-radius:10px!important;border-color:#e1e6dd!important;background:#f7f9f5!important}
  .faro-list-page-r3 .catalog-item-name{color:#68717b!important}
  .faro-list-page-r3 .catalog-status{border-radius:999px!important}

  /* FANUC registry is not a HTML table, so give it the same register rhythm. */
  .faro-list-page-r3 .faro-controller-group-r3{
    overflow:hidden;border:1px solid #dfe5da!important;border-radius:17px!important;background:#fff!important;box-shadow:0 4px 14px rgba(19,23,31,.04)!important;
  }
  .faro-list-page-r3 .controller-org-head{padding:13px 15px!important;background:#fafbf9!important;border-bottom:1px solid #e5eae1!important}
  .faro-list-page-r3 .controller-register-head{min-height:40px!important;padding:8px 13px!important;background:#f7f9f5!important;color:#77817c!important;font-size:10px!important;font-weight:850!important;letter-spacing:.05em!important}
  .faro-list-page-r3 .controller-register-row{padding:11px 13px!important;border-top:1px solid #edf0eb!important;transition:background .12s ease}
  .faro-list-page-r3 .controller-register-row:hover{background:#f8fbf2!important}
  .faro-list-page-r3 .controller-reg-label{color:#8a928f!important;font-size:9px!important}
  .faro-list-page-r3 .controller-cnc-title,.faro-list-page-r3 .controller-machine-title{color:#1e242c!important;font-weight:770!important}
  .faro-list-page-r3 .controller-open-link{color:#537c0c!important;font-weight:760!important}

  /* Pagination */
  .faro-list-page-r3 .faro-pagination-r3{
    display:grid!important;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;
    margin:14px 0 0!important;padding:10px 12px!important;border:1px solid #e1e6dd!important;border-radius:14px!important;background:#fff!important;color:#6f7877!important;
  }
  .faro-list-page-r3 .faro-pagination-r3>:last-child{text-align:right}

  /* Bulk action bars: compact floating workbar in same system. */
  .faro-list-page-r3 .bulk-action-bar,
  .faro-list-page-r3 .backup-bulk-bar{
    border-color:#cbdcb5!important;border-radius:15px!important;background:rgba(250,253,246,.97)!important;box-shadow:0 16px 38px rgba(33,47,24,.12)!important;
  }
}

/* Keep mobile behavior from Mobile UX v2/v3 intact. Only tighten shared form colors. */
@media (max-width: 800px){
  .faro-list-page-r3 .task-filters,
  .faro-list-page-r3 .searchbar,
  .faro-list-page-r3 .sl-filters{border-color:#dfe5da!important;background:#fff!important}
  .faro-list-page-r3 .catalog-presets{scrollbar-width:none}
  .faro-list-page-r3 .catalog-presets::-webkit-scrollbar{display:none}
}

@media (min-width: 801px) and (max-width: 1240px){
  .faro-list-page-r3 form.sl-filters.faro-filterbar-r3{grid-template-columns:minmax(240px,1.6fr) repeat(3,minmax(125px,.8fr))!important}
  .faro-list-page-r3 form.searchbar.faro-filterbar-r3,
  .faro-list-page-r3 form.task-filters.faro-filterbar-r3{grid-template-columns:minmax(240px,1.5fr) repeat(2,minmax(140px,.7fr)) auto!important}
  .faro-list-page-r3 .faro-list-head-r3{align-items:flex-start}
}

@media print{
  .faro-list-page-r3 .faro-filterbar-r3,
  .faro-list-page-r3 .saved-view-strip,
  .faro-list-page-r3 .crm-smart-list-toolbar{display:none!important}
  .faro-list-page-r3 .faro-table-shell-r3{box-shadow:none!important;border-color:#bbb!important}
  .faro-list-page-r3 .faro-data-table-r3 thead th{position:static!important}
}


/* ===== COMPONENT: static/css/faro-forms-dialogs-r4.css | SHA256 22fb213e0072b2904666c2fca87cdf9430242980d73b983fd33642507d398fcb ===== */
/* FARO UI r4 — Forms & Dialogs
   Progressive visual enhancement only. No submitted values, field names,
   validation rules or business actions are changed. */

:root{
  --faro-r4-control-h:44px;
  --faro-r4-field-gap:7px;
  --faro-r4-form-line:#dfe5da;
  --faro-r4-form-soft:#f7f9f5;
  --faro-r4-form-soft-green:#f5faec;
  --faro-r4-form-danger:#b42318;
  --faro-r4-form-danger-bg:#fff2ef;
  --faro-r4-form-warn:#8b5d13;
}

/* ---------- Page/form architecture ---------- */
.faro-form-page-r4 main>.wrap{max-width:1460px}
.faro-form-page-r4 .formcard{max-width:1040px!important;padding:22px!important}
.faro-form-page-r4 .faro-form-surface-r4{
  border-color:var(--faro-r4-form-line)!important;
  background:#fff!important;
  box-shadow:0 8px 28px rgba(19,23,31,.055)!important;
}
.faro-form-page-r4 .faro-form-r4{--faro-r4-label:#3f4853}
.faro-form-page-r4 .formgrid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px 20px!important;
}
.faro-form-page-r4 .formgrid>.full{grid-column:1/-1}

/* ---------- Common fields ---------- */
.faro-form-page-r4 .faro-field-r4,
.faro-form-page-r4 .field,
.faro-form-page-r4 .mf-field,
.faro-form-page-r4 .ce-form label,
.faro-form-page-r4 .comp-form>label,
.faro-form-page-r4 .ss-payment-entry-form>div{
  min-width:0;
}
.faro-form-page-r4 .field>label,
.faro-form-page-r4 .mf-field>label,
.faro-form-page-r4 .mf-label-row>label,
.faro-form-page-r4 .controller-form .field>label,
.faro-form-page-r4 .ce-form label,
.faro-form-page-r4 .comp-form label>span,
.faro-form-page-r4 .ss-payment-entry-form label{
  display:block;
  margin:0 0 var(--faro-r4-field-gap)!important;
  color:var(--faro-r4-label,#3f4853)!important;
  font-size:12px!important;
  line-height:1.3;
  font-weight:790!important;
  letter-spacing:.005em!important;
}

.faro-form-page-r4 .field input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.faro-form-page-r4 .field select,
.faro-form-page-r4 .field textarea,
.faro-form-page-r4 .mf-field input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.faro-form-page-r4 .mf-field select,
.faro-form-page-r4 .mf-field textarea,
.faro-form-page-r4 .controller-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.faro-form-page-r4 .controller-form select,
.faro-form-page-r4 .controller-form textarea,
.faro-form-page-r4 .ce-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.faro-form-page-r4 .ce-form select,
.faro-form-page-r4 .ce-form textarea,
.faro-form-page-r4 .comp-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.faro-form-page-r4 .comp-form select,
.faro-form-page-r4 .comp-form textarea,
.faro-form-page-r4 .ss-payment-entry-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.faro-form-page-r4 .ss-payment-entry-form select,
.faro-form-page-r4 .ss-payment-entry-form textarea{
  width:100%;
  min-height:var(--faro-r4-control-h)!important;
  box-sizing:border-box;
  padding:10px 12px!important;
  border:1px solid #d5ddd0!important;
  border-radius:11px!important;
  background:#fbfcfa!important;
  color:#1e252d!important;
  font:inherit;
  font-size:13px!important;
  font-weight:560!important;
  line-height:1.35;
  box-shadow:inset 0 1px 1px rgba(19,23,31,.018)!important;
  transition:border-color .14s ease,box-shadow .14s ease,background .14s ease;
}
.faro-form-page-r4 textarea{resize:vertical}
.faro-form-page-r4 .field textarea,
.faro-form-page-r4 .mf-field textarea,
.faro-form-page-r4 .controller-form textarea,
.faro-form-page-r4 .ce-form textarea,
.faro-form-page-r4 .comp-form textarea,
.faro-form-page-r4 .ss-payment-entry-form textarea{min-height:112px!important;line-height:1.5!important}

.faro-form-page-r4 .faro-form-r4 input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):hover,
.faro-form-page-r4 .faro-form-r4 select:hover,
.faro-form-page-r4 .faro-form-r4 textarea:hover{border-color:#bdcab3!important;background:#fff!important}
.faro-form-page-r4 .faro-form-r4 input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):focus,
.faro-form-page-r4 .faro-form-r4 select:focus,
.faro-form-page-r4 .faro-form-r4 textarea:focus{
  outline:0!important;
  border-color:#98bd56!important;
  background:#fff!important;
  box-shadow:var(--faro-focus,0 0 0 3px rgba(151,202,45,.20))!important;
}
.faro-form-page-r4 .faro-form-r4 input::placeholder,
.faro-form-page-r4 .faro-form-r4 textarea::placeholder{color:#a0a7a0!important}
.faro-form-page-r4 .faro-form-r4 input:disabled,
.faro-form-page-r4 .faro-form-r4 select:disabled,
.faro-form-page-r4 .faro-form-r4 textarea:disabled,
.faro-form-page-r4 .faro-form-r4 input[readonly],
.faro-form-page-r4 .faro-form-r4 textarea[readonly]{background:#f2f4f1!important;color:#727b78!important;border-color:#e2e6df!important;cursor:not-allowed}

/* Help/error language becomes consistent across old and new modules. */
.faro-form-page-r4 .help,
.faro-form-page-r4 .mf-help,
.faro-form-page-r4 .ss-help,
.faro-form-page-r4 .controller-form .field>small,
.faro-form-page-r4 .ce-source-note{
  margin-top:6px!important;
  color:#7b8582!important;
  font-size:11px!important;
  line-height:1.45!important;
}
.faro-form-page-r4 ul.errorlist,
.faro-form-page-r4 .errorlist,
.faro-form-page-r4 .comp-form em{
  margin:6px 0 0!important;
  padding:0!important;
  list-style:none!important;
  color:var(--faro-r4-form-danger)!important;
  font-size:11px!important;
  font-weight:680!important;
  line-height:1.4!important;
}
.faro-form-page-r4 .faro-field-error-r4 input:not([type="checkbox"]):not([type="radio"]),
.faro-form-page-r4 .faro-field-error-r4 select,
.faro-form-page-r4 .faro-field-error-r4 textarea{
  border-color:#e29a91!important;
  background:#fffaf9!important;
  box-shadow:0 0 0 3px rgba(217,45,32,.055)!important;
}
.faro-form-page-r4 .alert,
.faro-form-page-r4 .flash.error{
  padding:11px 13px!important;
  border:1px solid #efc7c1!important;
  border-radius:12px!important;
  background:#fff5f3!important;
  color:#9d2a22!important;
}

/* ---------- Checkboxes / radios ---------- */
.faro-form-page-r4 input[type="checkbox"],
.faro-form-page-r4 input[type="radio"]{
  width:18px;height:18px;accent-color:#78ad18;cursor:pointer;
}
.faro-form-page-r4 .controller-check,
.faro-form-page-r4 .mf-switch-row,
.faro-form-page-r4 .ce-checkbox{
  border:1px solid #e0e6dc!important;
  border-radius:12px!important;
  background:#fafbf9!important;
  color:#39424b!important;
}
.faro-form-page-r4 .controller-check{padding:9px 11px!important;font-size:12px!important}
.faro-form-page-r4 .controller-check:hover,
.faro-form-page-r4 .mf-switch-row:hover,
.faro-form-page-r4 .ce-checkbox:hover{border-color:#c8d7b7!important;background:#f7faF2!important}

/* ---------- File controls ---------- */
.faro-form-page-r4 input[type="file"]{
  min-height:46px!important;
  padding:5px!important;
  border-style:dashed!important;
  background:#f8faf6!important;
}
.faro-form-page-r4 input[type="file"]::file-selector-button{
  min-height:34px;
  margin-right:10px;
  padding:7px 11px;
  border:1px solid #cbd7c1;
  border-radius:9px;
  background:#fff;
  color:#3c4650;
  font:inherit;
  font-size:12px;
  font-weight:750;
  cursor:pointer;
}
.faro-form-page-r4 input[type="file"]::file-selector-button:hover{background:#f2f7ea;border-color:#b7cd9d;color:#4a6e10}

/* ---------- Actions ---------- */
.faro-form-page-r4 .faro-form-actions-r4,
.faro-form-page-r4 .formactions,
.faro-form-page-r4 .mf-actions,
.faro-form-page-r4 .controller-form>.actions,
.faro-form-page-r4 .ce-form-actions,
.faro-form-page-r4 .comp-form>.actions,
.faro-form-page-r4 .ss-payment-entry-form .actions{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  margin-top:20px!important;
  padding-top:16px!important;
  border-top:1px solid #e7ebe4!important;
}
.faro-form-page-r4 .faro-form-actions-r4 .btn,
.faro-form-page-r4 .formactions .btn,
.faro-form-page-r4 .mf-actions .btn,
.faro-form-page-r4 .controller-form>.actions .btn,
.faro-form-page-r4 .ce-form-actions .btn,
.faro-form-page-r4 .comp-form>.actions .btn,
.faro-form-page-r4 .ss-payment-entry-form .actions .btn{min-width:112px;justify-content:center}

/* ---------- Shared simple form pages ---------- */
.faro-form-page-r4 .formcard>.faro-form-r4{display:block}
.faro-form-page-r4 .formcard .formgrid{margin-top:2px}
.faro-form-page-r4 .formcard .field.full{padding-top:2px}

/* ---------- Organization enrichment ---------- */
.faro-form-page-r4 .enrichment-box{
  margin:0 0 20px!important;
  padding:16px 17px!important;
  border:1px solid #d9e7c7!important;
  border-radius:15px!important;
  background:linear-gradient(120deg,#fbfdf8,#f5faec)!important;
  box-shadow:none!important;
}
.faro-form-page-r4 .enrichment-head h2{font-size:17px!important;color:#1d242b!important}
.faro-form-page-r4 .enrichment-head p{color:#717d78!important}
.faro-form-page-r4 .enrichment-preview{margin-top:13px!important;border-color:#dce7cf!important;background:#fff!important;border-radius:13px!important}
.faro-form-page-r4 .enrichment-actions{gap:8px!important}
.faro-form-page-r4 .permission-note{border-radius:11px!important;background:#fff8e8!important;border-color:#edd7a9!important;color:#785418!important}

/* ---------- Machine editor ---------- */
.faro-form-page-r4 .mf-page{max-width:1080px!important;margin-bottom:48px!important}
.faro-form-page-r4 .mf-head{margin-bottom:14px!important}
.faro-form-page-r4 .mf-head h1{font-size:30px!important;letter-spacing:-.035em!important}
.faro-form-page-r4 .mf-card{
  padding:20px 21px!important;
  border-color:#dfe5da!important;
  border-radius:17px!important;
  box-shadow:0 5px 18px rgba(19,23,31,.045)!important;
}
.faro-form-page-r4 .mf-section-head{margin-bottom:16px!important;padding-bottom:13px!important;border-color:#e8ece5!important}
.faro-form-page-r4 .mf-section-head h2{font-size:17px!important;color:#1d232a!important}
.faro-form-page-r4 .mf-section-head p{color:#7a8482!important}
.faro-form-page-r4 .mf-step{background:#edf7dd!important;color:#527b0d!important;border:1px solid #d6e9b7!important}
.faro-form-page-r4 .mf-grid{gap:16px 18px!important}
.faro-form-page-r4 .mf-text-btn{color:#557f0c!important;text-decoration:none!important}
.faro-form-page-r4 .mf-text-btn:hover{color:#3f6505!important;text-decoration:underline!important}
.faro-form-page-r4 .mf-new-manufacturer{border-color:#c8dab1!important;background:#f8fcef!important}
.faro-form-page-r4 .mf-legacy{border-color:#e1e6dd!important;background:#fafbf9!important}
.faro-form-page-r4 .mf-switch-row{margin-top:15px!important}

/* ---------- FANUC controller editor ---------- */
.faro-form-page-r4 .controller-form{border-radius:18px!important;overflow:hidden!important}
.faro-form-page-r4 .controller-form-section{
  grid-template-columns:minmax(210px,.72fr) minmax(0,1.8fr)!important;
  gap:28px!important;
  padding:22px 23px!important;
  border-color:#e8ece5!important;
}
.faro-form-page-r4 .controller-form-section>div:first-child h2{font-size:17px!important;color:#1c2229!important}
.faro-form-page-r4 .controller-form-section>div:first-child p{color:#78817f!important;line-height:1.48!important}
.faro-form-page-r4 .controller-fields{gap:15px!important}
.faro-form-page-r4 .controller-form>.actions{margin:0!important;padding:17px 22px!important;background:#fbfcfa!important}
.faro-form-page-r4 .controller-checks{gap:9px!important}

/* ---------- Catalog editor ---------- */
.faro-form-page-r4 .ce-page{max-width:1220px!important}
.faro-form-page-r4 .ce-topbar h1{font-size:30px!important;letter-spacing:-.035em!important}
.faro-form-page-r4 .ce-topbar .eyebrow{color:#698f1c!important}
.faro-form-page-r4 .ce-tabs{border-color:#e1e7dc!important;gap:4px!important}
.faro-form-page-r4 .ce-tabs button{color:#68716e!important;border-radius:9px 9px 0 0!important}
.faro-form-page-r4 .ce-tabs button:hover{background:#f6f9f2!important;color:#496c0d!important}
.faro-form-page-r4 .ce-tabs button.is-active{color:#456b0b!important;border-bottom-color:#8fc126!important;background:#f8fbf3!important}
.faro-form-page-r4 .ce-tabs button span{background:#edf6df!important;color:#537813!important}
.faro-form-page-r4 .ce-card{border-color:#dfe5da!important;border-radius:17px!important;box-shadow:0 4px 15px rgba(19,23,31,.038)!important}
.faro-form-page-r4 .ce-card-head{margin-bottom:15px!important}
.faro-form-page-r4 .ce-card-head h2{color:#1c2229!important;font-size:17px!important}
.faro-form-page-r4 .ce-card-head p{color:#77817f!important}
.faro-form-page-r4 .ce-form-actions{margin-top:17px!important}
.faro-form-page-r4 .ce-dropzone{border-color:#c8d8b5!important;background:#f8fbf3!important}
.faro-form-page-r4 .ce-readonly{background:#fafbf9!important}

/* ---------- Compensation forms ---------- */
.faro-form-page-r4 .comp-form-card{max-width:780px!important;padding:21px!important}
.faro-form-page-r4 .comp-form{gap:15px!important}
.faro-form-page-r4 .comp-form>label{
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
.faro-form-page-r4 .comp-form>.actions{margin-top:4px!important}
.faro-form-page-r4 .comp-note{background:#f7f9f5!important;border:1px solid #e4e9df!important;border-radius:11px!important}

/* ---------- Sales payment / compact business forms ---------- */
.faro-form-page-r4 .ss-payment-entry-form{
  gap:15px!important;
  padding:18px!important;
  border:1px solid #e0e6dc!important;
  border-radius:15px!important;
  background:#fbfcfa!important;
}
.faro-form-page-r4 .ss-payment-mode{padding-bottom:4px}
.faro-form-page-r4 .ss-percent-presets{gap:6px!important;margin-bottom:8px!important}
.faro-form-page-r4 .ss-percent-presets button{
  min-height:32px!important;padding:5px 9px!important;border:1px solid #dbe2d5!important;border-radius:999px!important;background:#fff!important;color:#59635f!important;font-weight:750!important;cursor:pointer;
}
.faro-form-page-r4 .ss-percent-presets button:hover{background:#f2f7e9!important;border-color:#c6d8a9!important;color:#4e730e!important}
.faro-form-page-r4 .ss-percent-presets button.active{background:#eaf6d7!important;border-color:#bcd98b!important;color:#416805!important}

/* ---------- Confirmation pages ---------- */
.faro-confirm-page-r4 main>.wrap{max-width:760px!important}
.faro-confirm-page-r4 .pagehead{margin-bottom:12px!important}
.faro-confirm-page-r4 .formcard{
  position:relative;
  max-width:720px!important;
  padding:23px 24px!important;
  border-color:#e4e8e0!important;
  border-radius:18px!important;
}
.faro-confirm-page-r4 .formcard::before{
  content:"!";
  display:grid;place-items:center;
  width:38px;height:38px;
  margin-bottom:14px;
  border-radius:12px;
  background:#fff1ee;
  color:#b42318;
  font-size:18px;font-weight:900;
}
.faro-confirm-page-r4 .formcard>p{margin:0 0 4px;color:#525c65;line-height:1.55}
.faro-confirm-page-r4 .formcard>p strong{color:#1d232b}

/* ---------- Dialogs / sheets ---------- */
.app-command-palette-dialog,
.mobile-create-panel,
.mobile-menu-sheet.mobile-app-more{
  border-color:#dfe5da!important;
  box-shadow:0 26px 70px rgba(19,23,31,.18)!important;
}
.app-command-palette-dialog{border-radius:20px!important;overflow:hidden}
.app-command-palette-search{background:#fbfcfa!important}
.quick-preview-drawer{border-left:1px solid #dfe5da!important;background:#fff!important}
.mobile-create-panel{background:#fff!important}
.mobile-sheet-handle{background:#d8ded4!important}
.mobile-create-option{border-color:#e3e8df!important;background:#fff!important}
.mobile-create-option:hover{background:#f5f9ef!important;border-color:#cbdab9!important}

/* ---------- Responsive ---------- */
@media(max-width:900px){
  .faro-form-page-r4 .formgrid{grid-template-columns:1fr!important}
  .faro-form-page-r4 .formgrid>.full{grid-column:auto}
  .faro-form-page-r4 .controller-form-section{grid-template-columns:1fr!important;gap:13px!important}
  .faro-form-page-r4 .controller-note-field{grid-column:auto!important}
  .faro-form-page-r4 .controller-fields{grid-template-columns:1fr!important}
  .faro-form-page-r4 .ce-grid-4,.faro-form-page-r4 .ce-grid-2{grid-template-columns:1fr!important}
  .faro-form-page-r4 .ce-span-2{grid-column:auto!important}
}

@media(max-width:800px){
  .faro-form-page-r4 main>.wrap{padding-left:12px!important;padding-right:12px!important}
  .faro-form-page-r4 .formcard{padding:16px!important;border-radius:16px!important}
  .faro-form-page-r4 .mf-card,.faro-form-page-r4 .ce-card{padding:16px!important;border-radius:15px!important}
  .faro-form-page-r4 .mf-section-head{gap:7px!important}
  .faro-form-page-r4 .controller-form-section{padding:17px!important}
  .faro-form-page-r4 .ss-payment-entry-form{padding:14px!important}
  .faro-form-page-r4 .faro-form-actions-r4,
  .faro-form-page-r4 .formactions,
  .faro-form-page-r4 .mf-actions,
  .faro-form-page-r4 .controller-form>.actions,
  .faro-form-page-r4 .ce-form-actions,
  .faro-form-page-r4 .comp-form>.actions,
  .faro-form-page-r4 .ss-payment-entry-form .actions{
    position:sticky;bottom:calc(70px + env(safe-area-inset-bottom));z-index:8;
    margin-left:-6px!important;margin-right:-6px!important;
    padding:10px!important;
    border:1px solid rgba(217,224,211,.95)!important;
    border-radius:13px!important;
    background:rgba(255,255,255,.94)!important;
    backdrop-filter:blur(14px);
    box-shadow:0 12px 30px rgba(19,23,31,.10)!important;
  }
}

@media(max-width:520px){
  .faro-form-page-r4 .faro-form-actions-r4,
  .faro-form-page-r4 .formactions,
  .faro-form-page-r4 .mf-actions,
  .faro-form-page-r4 .controller-form>.actions,
  .faro-form-page-r4 .ce-form-actions,
  .faro-form-page-r4 .comp-form>.actions,
  .faro-form-page-r4 .ss-payment-entry-form .actions{display:grid!important;grid-template-columns:1fr 1fr}
  .faro-form-page-r4 .faro-form-actions-r4 .btn,
  .faro-form-page-r4 .formactions .btn,
  .faro-form-page-r4 .mf-actions .btn,
  .faro-form-page-r4 .controller-form>.actions .btn,
  .faro-form-page-r4 .ce-form-actions .btn,
  .faro-form-page-r4 .comp-form>.actions .btn,
  .faro-form-page-r4 .ss-payment-entry-form .actions .btn{min-width:0;width:100%}
}

@media(prefers-reduced-motion:reduce){
  .faro-form-page-r4 .faro-form-r4 input,
  .faro-form-page-r4 .faro-form-r4 select,
  .faro-form-page-r4 .faro-form-r4 textarea{transition:none!important}
}


/* ===== COMPONENT: static/css/faro-detail-pages-r5.css | SHA256 6f3213cf9aa1c7a8619c913209c3a896f2469e2b196f4d5e85af69da78f613d9 ===== */
/* FARO UI r5 — Detail Pages
 * Unified record cards for Organization / Machine / FANUC CNC / Sale.
 * Visual layer only: no business logic, model or form semantics.
 */

/* ---------- Shared desktop record shell ---------- */
@media (min-width:821px){
  .org-hero,
  .machine-detail-page > .pagehead:first-of-type,
  .controller-detail-page > .pagehead:first-of-type,
  .ss-page > .ss-head.ss-deal-head{
    position:relative;
    isolation:isolate;
    overflow:hidden;
    margin:0 0 14px;
    padding:22px 24px;
    border:1px solid var(--faro-line,#e2e7de);
    border-radius:22px;
    background:linear-gradient(112deg,#fff 0%,#fff 67%,#f4fae8 100%);
    box-shadow:var(--faro-shadow-sm,0 1px 2px rgba(19,23,31,.035));
  }
  .org-hero::after,
  .machine-detail-page > .pagehead:first-of-type::after,
  .controller-detail-page > .pagehead:first-of-type::after,
  .ss-page > .ss-head.ss-deal-head::after{
    content:"";
    position:absolute;
    z-index:-1;
    right:-46px;
    top:-82px;
    width:260px;
    height:260px;
    border:34px solid rgba(151,202,45,.09);
    border-left-color:transparent;
    border-radius:52% 42% 58% 38%;
    transform:rotate(-19deg);
    pointer-events:none;
  }
  .org-hero h1,
  .machine-detail-page > .pagehead:first-of-type h1,
  .controller-detail-page > .pagehead:first-of-type h1,
  .ss-page > .ss-head.ss-deal-head h1{
    margin:3px 0 5px;
    color:var(--faro-ink,#13171f);
    font-size:clamp(25px,1.8vw,31px);
    line-height:1.08;
    font-weight:850;
    letter-spacing:-.035em;
  }
  .machine-detail-page > .pagehead:first-of-type .eyebrow,
  .controller-detail-page > .pagehead:first-of-type .eyebrow,
  .org-kicker,
  .ss-page > .ss-head .ss-number{
    color:var(--faro-lime-deep,#69990f);
    font-size:10px;
    line-height:1.2;
    font-weight:850;
    letter-spacing:.095em;
    text-transform:uppercase;
  }
  .machine-detail-page > .pagehead:first-of-type .eyebrow a,
  .controller-detail-page > .pagehead:first-of-type .eyebrow a{color:inherit;text-decoration:none}
  .machine-detail-page > .pagehead:first-of-type p,
  .controller-detail-page > .pagehead:first-of-type p,
  .ss-page > .ss-head .ss-meta,
  .org-legal-name,
  .org-identity-line{color:var(--faro-muted,#6f7888)}
  .org-identity-line,.org-role-line,.org-quick-contact,.ss-meta,.meta-strip{gap:7px 12px}
  .meta-strip{
    margin-top:9px;
    padding-top:9px;
    border-top:1px solid rgba(226,231,222,.82);
    color:var(--faro-muted,#6f7888);
    font-size:11px;
  }
  .org-hero-actions,
  .machine-detail-page > .pagehead:first-of-type > .actions,
  .controller-detail-page > .pagehead:first-of-type > .actions,
  .ss-page > .ss-head .ss-head-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    align-content:flex-start;
    gap:8px;
    flex-wrap:wrap;
    max-width:46%;
  }
  .org-hero-actions .btn,
  .machine-detail-page > .pagehead:first-of-type .btn,
  .controller-detail-page > .pagehead:first-of-type .btn,
  .ss-page > .ss-head .btn{
    min-height:38px;
    border-radius:11px;
    padding:0 13px;
    font-size:12px;
  }
  .org-create-dropdown{border-color:var(--faro-line,#e2e7de);border-radius:16px;box-shadow:var(--faro-shadow-lg)}

  /* The injected operational strip is intentionally compact, avoiding a second giant hero. */
  .record-highlights-v2489{
    margin:0 0 10px!important;
    border:1px solid var(--faro-line,#e2e7de)!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:none!important;
  }
  .record-highlights-v2489__top{padding:12px 14px!important;gap:12px!important}
  .record-highlights-v2489__identity{min-width:170px}
  .record-highlights-v2489__eyebrow{color:var(--faro-lime-deep,#69990f)!important}
  .record-highlights-v2489__title{font-size:15px!important;letter-spacing:-.015em!important}
  .record-highlights-v2489__subtitle{font-size:11px!important;color:var(--faro-muted,#6f7888)!important}
  .record-highlights-v2489__metrics{
    display:grid!important;
    grid-template-columns:repeat(auto-fit,minmax(132px,1fr))!important;
    gap:0!important;
    border-top:1px solid var(--faro-line,#e2e7de)!important;
    background:#fbfcfa!important;
  }
  .record-highlights-metric-v2489{
    min-height:70px!important;
    padding:11px 13px!important;
    border:0!important;
    border-right:1px solid var(--faro-line,#e2e7de)!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .record-highlights-metric-v2489:last-child{border-right:0!important}
  .record-highlights-metric-v2489__label{font-size:10px!important;color:var(--faro-muted,#6f7888)!important;text-transform:uppercase;letter-spacing:.045em}
  .record-highlights-metric-v2489__value{font-size:18px!important;color:var(--faro-ink,#13171f)!important;font-variant-numeric:tabular-nums}
  .record-highlights-metric-v2489__meta{font-size:10px!important;color:var(--faro-muted,#6f7888)!important}
  .record-highlights-action-v2489{border-radius:10px!important}
  .record-highlights-action-v2489.primary{background:var(--faro-lime,#97ca2d)!important;border-color:var(--faro-lime,#97ca2d)!important;color:#172000!important}

  /* Summary / attention / next action read as one operational stack. */
  .record-summary-v2493{
    margin:0 0 10px!important;
    border:1px solid var(--faro-line,#e2e7de)!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:none!important;
  }
  .record-summary-v2493__head{padding:11px 14px!important;border-bottom-color:var(--faro-line,#e2e7de)!important}
  .record-summary-v2493__body{padding:11px 14px 13px!important}
  .record-summary-v2493__sentence{font-size:12px!important;line-height:1.5!important}
  .record-summary-v2493__copy{border-radius:10px!important}
  .record-attention-v2487{
    margin:0 0 10px!important;
    border:1px solid #ecd7a7!important;
    border-radius:16px!important;
    background:#fffdf7!important;
    box-shadow:none!important;
  }
  .record-attention-v2487__head{padding:11px 14px!important;background:transparent!important}
  .record-attention-v2487__grid{gap:8px!important;padding:0 10px 10px!important}
  .record-attention-card{border-radius:12px!important;box-shadow:none!important}
  .next-actions-v2498--record{
    margin:0 0 14px!important;
    border:1px solid #dbe9bd!important;
    border-radius:17px!important;
    background:#fff!important;
    box-shadow:none!important;
  }
  .next-actions-v2498--record .next-actions-v2498__head{
    padding:12px 15px!important;
    border-bottom:1px solid #dfeac8!important;
    background:linear-gradient(100deg,#f7fbeF,#fff)!important;
    color:var(--faro-ink,#13171f)!important;
  }
  .next-actions-v2498--record .next-actions-v2498__head small{color:var(--faro-lime-deep,#69990f)!important}
  .next-actions-v2498--record .next-actions-v2498__head a{color:var(--faro-lime-deep,#69990f)!important}
  .next-actions-v2498--record .next-actions-v2498__item{padding:11px 14px!important;border-top-color:var(--faro-line,#e2e7de)!important}
  .next-actions-v2498__actions a.primary{background:var(--faro-lime,#97ca2d)!important;border-color:var(--faro-lime,#97ca2d)!important;color:#162000!important}

  /* ---------- Local navigation ---------- */
  .org-tabs,
  .machine-detail-tabs,
  .faro-detail-local-nav-r5{
    position:sticky;
    top:72px;
    z-index:24;
    display:flex;
    align-items:center;
    gap:4px;
    min-height:48px;
    margin:14px 0 16px;
    padding:5px;
    overflow-x:auto;
    scrollbar-width:none;
    white-space:nowrap;
    border:1px solid var(--faro-line,#e2e7de);
    border-radius:15px;
    background:rgba(255,255,255,.94);
    box-shadow:0 7px 18px rgba(19,23,31,.045);
    backdrop-filter:blur(10px);
  }
  .org-tabs::-webkit-scrollbar,.machine-detail-tabs::-webkit-scrollbar,.faro-detail-local-nav-r5::-webkit-scrollbar{display:none}
  .org-tabs .org-tab,
  .machine-detail-tabs > a,
  .faro-detail-local-nav-r5__link{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    min-height:36px;
    padding:0 12px;
    border:0!important;
    border-radius:10px!important;
    background:transparent!important;
    color:#59616d!important;
    box-shadow:none!important;
    font-size:12px!important;
    line-height:1!important;
    font-weight:750!important;
    text-decoration:none!important;
    cursor:pointer;
  }
  .org-tabs .org-tab:hover,
  .machine-detail-tabs > a:hover,
  .faro-detail-local-nav-r5__link:hover{background:#f5f8f0!important;color:var(--faro-ink,#13171f)!important}
  .org-tabs .org-tab.active,
  .machine-detail-tabs > a.active,
  .faro-detail-local-nav-r5__link.is-active{
    background:var(--faro-lime-soft,#f0f8df)!important;
    color:var(--faro-lime-ink,#365600)!important;
  }
  .org-tabs .org-tab.active::after,
  .machine-detail-tabs > a.active::after,
  .faro-detail-local-nav-r5__link.is-active::after{
    content:"";
    position:absolute;
    left:10px;right:10px;bottom:2px;height:2px;
    border-radius:99px;background:var(--faro-lime,#97ca2d);
  }
  .org-tabs span,.machine-detail-tabs span{
    min-width:20px;height:20px;padding:0 6px;display:inline-grid;place-items:center;
    border-radius:999px;background:#eef2ea;color:#626b58;font-size:10px;font-weight:800;
  }

  /* ---------- Organization ---------- */
  .org-hero{gap:20px}
  .org-title-row{align-items:center;gap:9px}
  .org-status,.org-role{border-radius:999px!important}
  .org-metrics{
    display:grid!important;
    grid-template-columns:repeat(auto-fit,minmax(165px,1fr))!important;
    gap:8px!important;
    margin:0 0 14px!important;
  }
  .org-metric{
    min-height:92px!important;
    padding:13px 14px!important;
    border:1px solid var(--faro-line,#e2e7de)!important;
    border-radius:15px!important;
    background:#fff!important;
    box-shadow:none!important;
  }
  .org-metric:hover{border-color:#cbdca7!important;background:#fbfdf8!important;transform:none!important}
  .org-metric-label{text-transform:uppercase;letter-spacing:.045em;font-size:10px!important;color:var(--faro-muted,#6f7888)!important}
  .org-metric > strong{font-size:21px!important;color:var(--faro-ink,#13171f)!important;font-variant-numeric:tabular-nums}
  .org-metric > small{font-size:10px!important;color:var(--faro-muted,#6f7888)!important}
  .org-finance{border-radius:18px!important;border-color:var(--faro-line,#e2e7de)!important;box-shadow:none!important}
  .org-finance-card,.org-card{border-radius:16px!important;border-color:var(--faro-line,#e2e7de)!important;box-shadow:none!important}
  .org-card-head,.org-section-head{border-bottom-color:var(--faro-line,#e2e7de)!important}

  /* ---------- Machine / FANUC ---------- */
  .machine-detail-page > .card,
  .machine-detail-page > .section.card,
  .controller-detail-page .card{
    border-color:var(--faro-line,#e2e7de)!important;
    border-radius:17px!important;
    box-shadow:none!important;
  }
  .machine-detail-page .details,.controller-detail-page .details{gap:0!important}
  .machine-detail-page .detailrow,.controller-detail-page .detailrow{
    min-height:44px;
    padding:9px 4px!important;
    border-bottom:1px solid #edf0ea!important;
  }
  .machine-detail-page .detailrow:last-child,.controller-detail-page .detailrow:last-child{border-bottom:0!important}
  .machine-detail-page .detailrow .label,.controller-detail-page .detailrow .label{
    color:var(--faro-muted,#6f7888)!important;
    font-size:11px!important;
    font-weight:650!important;
  }
  .machine-detail-page .detailrow .value,.controller-detail-page .detailrow .value{color:var(--faro-ink,#13171f);font-size:12px}
  .controller-summary-grid{gap:10px!important}
  .controller-kpis{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .controller-kpis > div{
    padding:12px!important;border:1px solid var(--faro-line,#e2e7de)!important;
    border-radius:13px!important;background:#fbfcfa!important;
  }
  .controller-kpis span{font-size:10px!important;text-transform:uppercase;letter-spacing:.04em;color:var(--faro-muted,#6f7888)!important}
  .controller-kpis strong{font-size:16px!important;font-variant-numeric:tabular-nums}
  .configuration-summary-grid,.bom-summary-grid{gap:8px!important}
  .bom-summary-card{border-radius:14px!important;border-color:var(--faro-line,#e2e7de)!important;box-shadow:none!important}

  /* ---------- Sale ---------- */
  .ss-page > .ss-head.ss-deal-head{display:flex!important;align-items:flex-start!important;gap:20px!important}
  .ss-page > .ss-head .ss-meta{margin-top:8px!important}
  .ss-page > .ss-head .ss-stage-form,.ss-page > .ss-head .ss-status{
    min-height:36px;padding:0 11px;border-radius:999px!important;background:#f5f8f0!important;border:1px solid #dfe8d2!important;
  }
  .ss-card{
    border-color:var(--faro-line,#e2e7de)!important;
    border-radius:17px!important;
    box-shadow:none!important;
  }
  .ss-section-head{padding-bottom:12px!important;border-bottom:1px solid #edf0ea!important}
  .ss-section-head h2{font-size:17px!important;letter-spacing:-.02em!important;color:var(--faro-ink,#13171f)!important}
  .ss-section-head p{font-size:11px!important;color:var(--faro-muted,#6f7888)!important}
  .ss-totals{
    gap:0!important;
    overflow:hidden;
    border:1px solid var(--faro-line,#e2e7de)!important;
    border-radius:14px!important;
    background:#fbfcfa!important;
  }
  .ss-totals > div{padding:12px 14px!important;border-right:1px solid var(--faro-line,#e2e7de)!important}
  .ss-totals > div:last-child{border-right:0!important}
  .ss-totals span{font-size:10px!important;text-transform:uppercase;letter-spacing:.045em;color:var(--faro-muted,#6f7888)!important}
  .ss-totals strong{font-size:16px!important;font-variant-numeric:tabular-nums}
  .ss-four{gap:10px!important}
  .ss-document{border-color:var(--faro-line,#e2e7de)!important;border-radius:12px!important;background:#fbfcfa!important}
  .ss-payment-main > div{border-color:var(--faro-line,#e2e7de)!important;background:#fbfcfa!important;border-radius:12px!important}

  /* ---------- Workspace / timeline at the end of every record ---------- */
  .machine-detail-page .timeline,
  .controller-detail-page .timeline,
  .ss-page .timeline,
  .org-tab-panel .timeline,
  .workspace-v2483{
    border-color:var(--faro-line,#e2e7de)!important;
    border-radius:17px!important;
    box-shadow:none!important;
  }

  /* ---------- Generated sale/controller quick nav targets ---------- */
  .faro-detail-r5-target{scroll-margin-top:134px}
}

/* ---------- Conservative narrow desktop ---------- */
@media (min-width:821px) and (max-width:1180px){
  .org-hero,
  .machine-detail-page > .pagehead:first-of-type,
  .controller-detail-page > .pagehead:first-of-type,
  .ss-page > .ss-head.ss-deal-head{padding:18px 19px}
  .org-hero-actions,
  .machine-detail-page > .pagehead:first-of-type > .actions,
  .controller-detail-page > .pagehead:first-of-type > .actions,
  .ss-page > .ss-head .ss-head-actions{max-width:52%}
  .record-highlights-v2489__identity{display:none!important}
  .record-highlights-v2489__right{margin-left:auto!important}
  .org-metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

/* ---------- Mobile: keep workbench behavior, only normalize surfaces ---------- */
@media (max-width:820px){
  .org-hero,
  .machine-detail-page > .pagehead:first-of-type,
  .controller-detail-page > .pagehead:first-of-type,
  .ss-page > .ss-head.ss-deal-head{border-radius:16px!important}
  .mobile-focus-card{border-color:var(--faro-line,#e2e7de)!important;box-shadow:none!important}
  .org-card,.ss-card,.machine-detail-page .card,.controller-detail-page .card{border-radius:15px!important;box-shadow:none!important}
  .faro-detail-local-nav-r5{display:none!important}
}


/* ===== COMPONENT: static/css/faro-overlay-stack-fix-r1.css | SHA256 5d683822c9cf4f7bf6e1b08246a11a0c946b2e5db9a3e01f6a8bd2cfde358383 ===== */
/* FARO Overlay Stack Fix r1
 * Fixes desktop header dropdown/search stacking over page content.
 * Visual-only; mobile overlay hierarchy and application modals remain above the header.
 */

@media (min-width: 801px) {
  /*
   * FARO uses backdrop-filter on .app-header. That creates a stacking context.
   * Give that root context an explicit, bounded level: above ordinary/sticky page
   * content, but below application overlays (drawers/modals/command palette).
   */
  .app-header {
    position: relative;
    z-index: 80;
    overflow: visible;
  }

  .app-topbar,
  .app-primary-nav,
  .app-primary-nav.faro-grouped-nav,
  .app-nav-dropdown {
    overflow: visible !important;
  }

  .app-nav-dropdown[open] {
    position: relative;
    z-index: 2;
  }

  .app-nav-dropdown[open] > .app-dropdown-menu {
    z-index: 3;
  }

  /* Keep the long “Ещё” menu inside the current viewport instead of letting it
     run underneath the fold. */
  .faro-nav-more .faro-nav-menu {
    max-height: calc(100vh - 96px);
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
  }

  /* Search suggestions share the header stack and should win over nav dropdowns. */
  .app-global-search:focus-within {
    position: relative;
    z-index: 4;
  }

  .app-global-search .app-search-suggest {
    z-index: 5;
  }
}


/* ===== COMPONENT: static/css/faro-section-navigation-r6.css | SHA256 ea93b277ed74602c0bae855e4a92ee8d33c1bc6c9ff91eed3b604966f2554287 ===== */
/* FARO UI r6 — section-local navigation.
 * Desktop-first navigation layer for Sales, Machines and FANUC workspaces.
 * No business logic, forms or mobile bottom navigation are changed.
 */

@media (min-width: 801px) {
  .faro-section-nav-shell {
    position: relative;
    z-index: 56;
    border-bottom: 1px solid var(--faro-line, #e2e7de);
    background: rgba(248, 250, 246, .94);
    box-shadow: 0 1px 0 rgba(19, 23, 31, .018);
    backdrop-filter: saturate(145%) blur(14px);
    -webkit-backdrop-filter: saturate(145%) blur(14px);
  }

  .faro-section-nav {
    width: 100%;
    max-width: 1440px;
    min-width: 0;
    margin: 0 auto;
    padding: 8px 24px;
    display: flex;
    align-items: center;
    gap: 12px;
  }

  .faro-section-nav__context {
    flex: 0 0 auto;
    min-width: max-content;
    padding-right: 13px;
    border-right: 1px solid var(--faro-line, #e2e7de);
    color: #8a9384;
    font-size: 10px;
    font-weight: 850;
    line-height: 1;
    letter-spacing: .095em;
    text-transform: uppercase;
  }

  .faro-section-nav__items {
    display: flex;
    align-items: center;
    gap: 4px;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    overscroll-behavior-x: contain;
  }

  .faro-section-nav__items::-webkit-scrollbar { display: none; }

  .faro-section-nav__item {
    position: relative;
    flex: 0 0 auto;
    min-height: 34px;
    padding: 0 11px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    border-radius: 10px;
    color: #59616e;
    font-size: 12.5px;
    font-weight: 720;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    transition: color .14s ease, background-color .14s ease, border-color .14s ease, box-shadow .14s ease;
  }

  .faro-section-nav__item:hover {
    color: #171c24;
    background: #f0f5e9;
    border-color: #e4eadc;
  }

  .faro-section-nav__item.is-active {
    color: #171c24;
    background: #f1f7e5;
    border-color: #dce9c7;
    box-shadow: inset 0 -2px 0 var(--faro-lime, #97ca2d);
  }

  .faro-section-nav__item.is-active::before {
    content: "";
    width: 5px;
    height: 5px;
    margin-right: 7px;
    border-radius: 999px;
    background: var(--faro-lime, #97ca2d);
    box-shadow: 0 0 0 3px rgba(151, 202, 45, .12);
  }

  .faro-section-nav-shell + main {
    padding-top: 24px;
  }
}

@media (max-width: 1180px) and (min-width: 801px) {
  .faro-section-nav { padding-left: 18px; padding-right: 18px; }
  .faro-section-nav__context { display: none; }
  .faro-section-nav__item { padding-left: 9px; padding-right: 9px; font-size: 12px; }
}

@media (max-width: 800px) {
  .faro-section-nav-shell { display: none !important; }
}


/* ===== COMPONENT: static/css/faro-mobile-pwa-r7.css | SHA256 9068cfc20a1403564024e3983948eb8de78ecbef310b3415bed5dea3159981d3 ===== */
/* FARO UI r7 — Mobile / PWA polish.
   Progressive visual layer only. Business logic and desktop navigation are untouched. */
@media (max-width: 820px) {
  :root {
    --faro-mobile-green: #97ca2d;
    --faro-mobile-green-deep: #5f9300;
    --faro-mobile-green-soft: #f1f8df;
    --faro-mobile-ink: #171d29;
    --faro-mobile-muted: #6f7886;
    --faro-mobile-line: #e5e9e1;
    --faro-mobile-surface: #ffffff;
    --faro-mobile-bg: #f5f7f8;
    --mobile-blue: var(--faro-mobile-green-deep);
    --mobile-ink: var(--faro-mobile-ink);
    --mobile-muted: var(--faro-mobile-muted);
    --mobile-card: var(--faro-mobile-surface);
    --mobile-line: var(--faro-mobile-line);
  }

  html { background: var(--faro-mobile-bg); }
  body {
    background: var(--faro-mobile-bg) !important;
    color: var(--faro-mobile-ink);
    -webkit-tap-highlight-color: rgba(151,202,45,.16);
  }

  /* Compact white app chrome. */
  .app-header {
    border-bottom: 1px solid rgba(225,230,222,.92);
    background: rgba(255,255,255,.94) !important;
    box-shadow: 0 7px 24px rgba(18,28,40,.055);
    backdrop-filter: blur(15px) saturate(150%);
  }
  .app-topbar { min-height: 54px; }
  .app-brand { color: var(--faro-mobile-ink) !important; font-weight: 900; letter-spacing: -.035em; }
  .app-brand::before {
    content: "";
    display: inline-block;
    width: 9px;
    height: 24px;
    margin-right: 7px;
    border-radius: 3px 8px 8px 3px;
    background: var(--faro-mobile-green);
    vertical-align: -6px;
    transform: skew(-10deg);
  }
  .app-icon-action,
  .notification-bell.app-icon-action,
  .app-vat-toggle {
    border-color: var(--faro-mobile-line) !important;
    background: #fff !important;
    color: #4f5865 !important;
    box-shadow: none !important;
  }
  .app-icon-action:active,
  .notification-bell.app-icon-action:active { background: var(--faro-mobile-green-soft) !important; }

  /* Bottom navigation = primary mobile shell. */
  .mobile-bottom-nav.mobile-app-nav {
    left: 8px;
    right: 8px;
    bottom: calc(8px + env(safe-area-inset-bottom));
    width: auto;
    min-height: 66px;
    padding: 5px 7px;
    border: 1px solid rgba(218,224,214,.96);
    border-radius: 22px;
    background: rgba(255,255,255,.96);
    box-shadow: 0 14px 42px rgba(20,28,38,.16);
    backdrop-filter: blur(18px) saturate(150%);
  }
  .mobile-app-nav a,
  .mobile-app-nav button { min-height: 54px; border-radius: 14px; color: #757e8a; }
  .mobile-app-nav a.active,
  .mobile-app-nav button.active { color: var(--faro-mobile-green-deep) !important; background: rgba(151,202,45,.10); }
  .mobile-app-nav a.active::before,
  .mobile-app-nav button.active::before { display: none !important; }
  .mobile-nav-plus {
    width: 46px;
    height: 46px;
    margin-top: -18px;
    border: 4px solid #fff;
    background: var(--faro-mobile-green) !important;
    color: #17200f !important;
    box-shadow: 0 8px 22px rgba(112,157,22,.30);
  }
  .mobile-app-nav .mobile-nav-create > span:last-child { color: #56606d; }

  /* More + create sheets. */
  .mobile-menu-sheet.mobile-app-more,
  .mobile-create-panel,
  .mobile-composer-sheet-v2496__panel {
    border-color: var(--faro-mobile-line) !important;
    background: #fff !important;
    box-shadow: 0 -16px 48px rgba(15,24,36,.18) !important;
  }
  .mobile-menu-sheet.mobile-app-more {
    left: 10px;
    right: 10px;
    bottom: calc(86px + env(safe-area-inset-bottom));
    border: 1px solid var(--faro-mobile-line);
    border-radius: 20px;
  }
  .mobile-app-more > a { background: #f8faf7 !important; color: #2f3742; }
  .mobile-app-more > a:active { background: var(--faro-mobile-green-soft) !important; }
  .mobile-sheet-handle,
  .mobile-composer-sheet-v2496__handle { background: #d9ded6 !important; }
  .mobile-create-head > button,
  .mobile-composer-sheet-v2496__close { background: #f2f4f1 !important; color: #59616c !important; }
  .mobile-create-grid > a,
  .mobile-create-grid > button { border-color: var(--faro-mobile-line) !important; border-radius: 15px; box-shadow: 0 3px 12px rgba(20,32,42,.035); }
  .mobile-create-grid > a > span,
  .mobile-create-grid > button > span { background: var(--faro-mobile-green-soft) !important; color: var(--faro-mobile-green-deep) !important; }

  /* Today dashboard: calmer, denser FARO cards. */
  .mobile-today-hero { padding-top: 12px; }
  .mobile-today-hero h1 { color: var(--faro-mobile-ink) !important; font-weight: 900; }
  .mobile-today-avatar { background: #20262e !important; border: 2px solid #fff; box-shadow: 0 5px 16px rgba(16,24,32,.14); }
  .mobile-today-summary a,
  .mobile-today-card {
    border-color: var(--faro-mobile-line) !important;
    background: #fff !important;
    box-shadow: 0 5px 18px rgba(18,31,42,.045) !important;
  }
  .mobile-today-summary a { border-radius: 14px; }
  .mobile-today-summary strong { color: #20262e !important; font-variant-numeric: tabular-nums; }
  .mobile-today-card { border-radius: 18px; }
  .mobile-today-card-head > a,
  .mobile-today-card-head > button { background: var(--faro-mobile-green-soft) !important; color: var(--faro-mobile-green-deep) !important; }
  .mobile-action-row,
  .mobile-task-list > a,
  .mobile-recent-list > a { border-bottom-color: #eef1ec !important; }
  .mobile-action-icon { background: #f1f3f1 !important; color: #5d6670 !important; }
  .mobile-action-row.tone-info .mobile-action-icon { background: var(--faro-mobile-green-soft) !important; color: var(--faro-mobile-green-deep) !important; }
  .mobile-task-state.tone-info { background: var(--faro-mobile-green) !important; }
  .mobile-today-empty strong { color: var(--faro-mobile-green-deep) !important; }

  /* Workbench on entity cards. */
  .mobile-workbench-v2496 {
    border-color: var(--faro-mobile-line) !important;
    background: linear-gradient(180deg,#fff 0%,#fbfcfa 100%) !important;
    box-shadow: 0 6px 20px rgba(18,31,42,.05) !important;
  }
  .mobile-workbench-v2496__status[data-tone="success"] { background: var(--faro-mobile-green-soft) !important; color: var(--faro-mobile-green-deep) !important; }
  .mobile-workbench-v2496__metric { border-color: #e9ece6 !important; }
  .mobile-workbench-v2496__summary { background: #f6f8f4 !important; }
  .mobile-workbench-v2496__copy,
  .mobile-workbench-v2496__section-head a { color: var(--faro-mobile-green-deep) !important; }
  .mobile-workbench-v2496__copy { box-shadow: inset 0 0 0 1px #dfe5d8 !important; }
  .mobile-workbench-v2496__activity button:first-child { background: var(--faro-mobile-green-soft) !important; color: var(--faro-mobile-green-deep) !important; }

  /* Horizontal local navigation remains thumb-scrollable on mobile. */
  .faro-section-nav-shell { position: sticky; top: 54px; z-index: 34; background: rgba(245,247,248,.94); backdrop-filter: blur(12px); }
  .faro-section-nav { overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
  .faro-section-nav::-webkit-scrollbar { display: none; }
  .faro-section-nav__context { flex: 0 0 auto; }
  .faro-section-nav__items { flex: 0 0 auto; }

  /* Mobile command palette / overlays keep a clear hierarchy. */
  .app-command-palette { background: rgba(15,20,26,.46) !important; backdrop-filter: blur(5px); }
  .app-command-palette-panel { border-color: var(--faro-mobile-line) !important; background: #fff !important; box-shadow: 0 22px 70px rgba(16,24,34,.24) !important; }
  .app-command-palette input:focus { border-color: var(--faro-mobile-green) !important; box-shadow: 0 0 0 3px rgba(151,202,45,.16) !important; }

  /* Connection state shown by faro-mobile-pwa-r7.js. */
  .faro-connectivity-r7 {
    position: fixed;
    left: 50%;
    bottom: calc(88px + env(safe-area-inset-bottom));
    z-index: 1760;
    display: flex;
    align-items: center;
    gap: 8px;
    max-width: calc(100vw - 28px);
    min-height: 40px;
    padding: 8px 12px;
    border: 1px solid rgba(217,223,213,.96);
    border-radius: 999px;
    background: rgba(255,255,255,.97);
    color: #4f5863;
    box-shadow: 0 10px 30px rgba(16,24,32,.18);
    font-size: 11px;
    font-weight: 780;
    transform: translate(-50%,14px);
    opacity: 0;
    pointer-events: none;
    transition: opacity .18s ease, transform .18s ease;
  }
  .faro-connectivity-r7.is-visible { transform: translate(-50%,0); opacity: 1; }
  .faro-connectivity-r7::before { content: ""; width: 8px; height: 8px; flex: 0 0 8px; border-radius: 50%; background: #98a09a; }
  .faro-connectivity-r7.is-offline::before { background: #d34a3d; }
  .faro-connectivity-r7.is-checking::before { background: #d49a26; animation: faro-pulse-r7 1s infinite ease-in-out; }
  .faro-connectivity-r7.is-online::before { background: var(--faro-mobile-green); }
  @keyframes faro-pulse-r7 { 50% { opacity: .28; transform: scale(.78); } }

  /* iOS standalone safe areas and stable taps. */
  @supports (-webkit-touch-callout: none) {
    body { min-height: -webkit-fill-available; }
    .mobile-create-panel,
    .mobile-composer-sheet-v2496__panel { padding-bottom: calc(18px + env(safe-area-inset-bottom)) !important; }
  }
}

@media (max-width: 390px) {
  .mobile-bottom-nav.mobile-app-nav { left: 5px; right: 5px; border-radius: 19px; }
  .mobile-app-nav > * > span:last-child { font-size: 9px; }
  .mobile-today-summary { gap: 5px; }
  .mobile-today-summary a { padding-left: 6px; padding-right: 6px; }
}


/* ===== COMPONENT: static/css/faro-micro-ux-r8.css | SHA256 d919db138dfb317de3929b24ef6b6293abe26d4708b0e426873ef7ed582fbeeb ===== */
/* FARO UI r8 — Micro UX: feedback, confirmations, loading, empty states, utilities. */
:root{
  --faro-r8-green:#97ca2d;
  --faro-r8-green-deep:#5b8f16;
  --faro-r8-ink:#171d29;
  --faro-r8-muted:#687386;
  --faro-r8-border:#e4e9df;
  --faro-r8-surface:#fff;
  --faro-r8-shadow:0 18px 48px rgba(23,29,41,.16);
}

/* Toasts: Django messages and future JS feedback share one predictable surface. */
.faro-toast-stack{
  position:fixed;
  top:calc(82px + env(safe-area-inset-top,0px));
  right:max(18px,env(safe-area-inset-right,0px));
  z-index:2450;
  display:grid;
  gap:10px;
  width:min(390px,calc(100vw - 28px));
  pointer-events:none;
}
.faro-toast{
  --faro-toast-accent:var(--faro-r8-green);
  position:relative;
  display:grid;
  grid-template-columns:10px minmax(0,1fr) 32px;
  align-items:start;
  gap:10px;
  min-height:54px;
  margin:0!important;
  padding:12px 10px 12px 12px!important;
  border:1px solid var(--faro-r8-border)!important;
  border-radius:15px!important;
  background:rgba(255,255,255,.98)!important;
  color:var(--faro-r8-ink)!important;
  box-shadow:var(--faro-r8-shadow)!important;
  pointer-events:auto;
  overflow:hidden;
  animation:faro-r8-toast-in .2s ease-out both;
  line-height:1.4;
  font-size:13px;
}
.faro-toast::before{
  content:"";
  width:8px;
  height:8px;
  margin-top:5px;
  border-radius:999px;
  background:var(--faro-toast-accent);
  box-shadow:0 0 0 5px color-mix(in srgb,var(--faro-toast-accent) 14%,transparent);
}
.faro-toast.success{--faro-toast-accent:#77b918}
.faro-toast.info{--faro-toast-accent:#4c83c3}
.faro-toast.warning{--faro-toast-accent:#d69a22}
.faro-toast.error,.faro-toast.danger{--faro-toast-accent:#cf4e48}
.faro-toast .ux-flash-close,.faro-toast__close{
  position:static!important;
  width:30px!important;
  height:30px!important;
  transform:none!important;
  display:grid;
  place-items:center;
  align-self:center;
  border:0;
  border-radius:9px;
  background:transparent;
  color:#7b8492;
  cursor:pointer;
  font:800 18px/1 system-ui,sans-serif;
  opacity:1!important;
}
.faro-toast .ux-flash-close:hover,.faro-toast__close:hover{background:#f2f5ef;color:#263024}
.faro-toast.is-leaving{animation:faro-r8-toast-out .18s ease-in both}
.messages.faro-toast-source:empty{display:none!important}
@keyframes faro-r8-toast-in{from{opacity:0;transform:translateY(-8px) scale(.985)}to{opacity:1;transform:none}}
@keyframes faro-r8-toast-out{to{opacity:0;transform:translateY(-6px) scale(.985)}}

/* Accessible FARO confirmation dialog for data-confirm actions. */
.faro-confirm-shell[hidden]{display:none!important}
.faro-confirm-shell{position:fixed;inset:0;z-index:2700;display:grid;place-items:center;padding:20px}
.faro-confirm__backdrop{position:absolute;inset:0;border:0;background:rgba(20,25,34,.38);backdrop-filter:blur(3px);cursor:default}
.faro-confirm__dialog{
  position:relative;
  width:min(470px,100%);
  padding:20px;
  border:1px solid #e1e7dc;
  border-radius:20px;
  background:#fff;
  box-shadow:0 28px 80px rgba(17,24,39,.25);
}
.faro-confirm__eyebrow{display:block;margin-bottom:7px;color:#75806c;font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.faro-confirm__dialog h2{margin:0;color:var(--faro-r8-ink);font-size:21px;line-height:1.2;letter-spacing:-.02em}
.faro-confirm__message{margin:10px 0 0;color:#5f6979;line-height:1.5;white-space:pre-line}
.faro-confirm__actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}
.faro-confirm__actions .btn{min-width:108px}
.faro-confirm__dialog[data-tone="danger"] .faro-confirm__accept{background:#bd403b!important;border-color:#bd403b!important;color:#fff!important}
html.faro-confirm-open,body.faro-confirm-open{overflow:hidden}

/* Submit feedback: keep name/value semantics, but make the current action obvious. */
form.ux-submitting [type="submit"],form.faro-submitting [type="submit"]{position:relative;cursor:wait!important;pointer-events:none;opacity:.82}
form.ux-submitting [type="submit"]::before,form.faro-submitting [type="submit"]::before{
  content:"";
  display:inline-block;
  width:13px;
  height:13px;
  margin-right:7px;
  vertical-align:-2px;
  border:2px solid currentColor;
  border-right-color:transparent;
  border-radius:999px;
  animation:faro-r8-spin .7s linear infinite;
}
form.ux-submitting [type="submit"]::after,form.faro-submitting [type="submit"]::after{content:none!important}
@keyframes faro-r8-spin{to{transform:rotate(360deg)}}

/* Loading states are legible instead of looking like an empty broken panel. */
.quick-preview-loading,.app-command-palette-loading,[data-faro-loading]{
  position:relative;
  overflow:hidden;
  border:1px solid #e7ebe3!important;
  background:#f7f9f5!important;
  color:#6f7969!important;
}
.quick-preview-loading::after,.app-command-palette-loading::after,[data-faro-loading]::after{
  content:"";
  position:absolute;
  inset:0;
  transform:translateX(-110%);
  background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.85) 48%,transparent 76%);
  animation:faro-r8-shimmer 1.25s ease-in-out infinite;
}
@keyframes faro-r8-shimmer{to{transform:translateX(110%)}}

/* Empty states: still compact, but clearly intentional. */
td.empty,.empty,.ce-empty,.org-empty,.ss-empty,.sd-empty{
  color:#7b8577!important;
}
tr>td.empty:only-child{padding:28px 16px!important;text-align:center!important;background:linear-gradient(180deg,#fbfcfa,#f7f9f5)}
.ce-empty,.org-empty,.ss-empty,.sd-empty{
  padding:20px!important;
  border:1px dashed #dce4d6!important;
  border-radius:14px!important;
  background:#fafcf8!important;
  text-align:center;
}

/* Copy affordance feedback without restyling every legacy component. */
[data-copy-value].faro-copy-ok,[data-faro-copy].faro-copy-ok,.record-summary-v2493__copy[data-state="ok"]{
  background:#edf8dc!important;
  border-color:#cfe7aa!important;
  color:#4e7c12!important;
}
[data-copy-value].faro-copy-error,[data-faro-copy].faro-copy-error{background:#fff0ee!important;border-color:#efc7c3!important;color:#a6423d!important}

/* Scroll-to-top: useful on long cards/lists and placed above mobile bottom navigation. */
.faro-back-to-top{
  position:fixed;
  right:max(18px,env(safe-area-inset-right,0px));
  bottom:max(18px,env(safe-area-inset-bottom,0px));
  z-index:1180;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border:1px solid #dce4d5;
  border-radius:13px;
  background:rgba(255,255,255,.94);
  color:#4d5a45;
  box-shadow:0 10px 28px rgba(25,35,20,.12);
  cursor:pointer;
  opacity:0;
  transform:translateY(8px);
  pointer-events:none;
  transition:opacity .16s ease,transform .16s ease,background .16s ease;
}
.faro-back-to-top.is-visible{opacity:1;transform:none;pointer-events:auto}
.faro-back-to-top:hover{background:#f2f8e9;color:#3f6810}

/* Slightly calmer row action clusters. */
.actions form,.formactions form,.comp-entry-actions form,.ce-actions-cell form{margin:0}
.actions>.btn,.actions>form>.btn,.formactions>.btn,.formactions>form>.btn{white-space:nowrap}

@media(max-width:820px){
  .faro-toast-stack{top:calc(10px + env(safe-area-inset-top,0px));right:14px;left:14px;width:auto}
  .faro-toast{border-radius:14px!important}
  .faro-confirm-shell{align-items:end;padding:0}
  .faro-confirm__dialog{width:100%;border-radius:22px 22px 0 0;padding:20px 18px calc(18px + env(safe-area-inset-bottom,0px))}
  .faro-confirm__actions{display:grid;grid-template-columns:1fr 1fr}
  .faro-confirm__actions .btn{width:100%;min-height:44px}
  .faro-back-to-top{right:14px;bottom:calc(82px + env(safe-area-inset-bottom,0px));width:40px;height:40px}
}
@media(prefers-reduced-motion:reduce){.faro-toast,.faro-toast.is-leaving,.quick-preview-loading::after,.app-command-palette-loading::after,[data-faro-loading]::after,form.ux-submitting [type="submit"]::before,form.faro-submitting [type="submit"]::before{animation:none!important}.faro-back-to-top{transition:none}}


/* ===== COMPONENT: static/css/faro-dashboard-today-r9.css | SHA256 ab8fe9172b6b4590792a0f88774e8cfb07fb09ecf8e904ff874bf8b279a2d63c ===== */
/* FARO UI r9 — Dashboard / Today. Visual-only refinement for the CRM home and sales dashboard. */
:root{
  --faro-r9-green:#97ca2d;
  --faro-r9-green-deep:#5f8f18;
  --faro-r9-green-soft:#f1f8e6;
  --faro-r9-ink:#171d29;
  --faro-r9-muted:#6f7a8a;
  --faro-r9-border:#e2e8dc;
  --faro-r9-surface:#fff;
  --faro-r9-page:#f6f8f4;
  --faro-r9-shadow:0 10px 30px rgba(23,29,41,.055);
}

/* Desktop dashboard: calm, dense and action-oriented. */
@media(min-width:821px){
  .sd-page.sd-home{
    max-width:1640px;
    padding:16px 0 44px;
    color:var(--faro-r9-ink);
  }

  .sd-home .sd-head{
    position:relative;
    align-items:center;
    gap:24px;
    margin:2px 0 14px;
    padding:20px 22px;
    border:1px solid var(--faro-r9-border);
    border-radius:22px;
    background:
      radial-gradient(circle at 92% -15%,rgba(151,202,45,.20),transparent 31%),
      linear-gradient(135deg,#fff 0%,#fbfdf8 58%,#f3f9e9 100%);
    box-shadow:var(--faro-r9-shadow);
    overflow:hidden;
  }
  .sd-home .sd-head::after{
    content:"";
    position:absolute;
    right:-55px;
    bottom:-92px;
    width:250px;
    height:190px;
    border:28px solid rgba(151,202,45,.08);
    border-radius:48% 52% 45% 55%;
    transform:rotate(-16deg);
    pointer-events:none;
  }
  .sd-home .sd-head>div:first-child,
  .sd-home .sd-head-actions{position:relative;z-index:1}
  .sd-home .sd-eyebrow{
    display:inline-flex;
    align-items:center;
    min-height:24px;
    padding:0 9px;
    border:1px solid #dcebc3;
    border-radius:999px;
    background:#f3f9e9;
    color:#5c851e;
    font-size:9px;
    font-weight:900;
    letter-spacing:.085em;
  }
  .sd-home .sd-head h1{
    margin:7px 0 5px;
    color:#151b25;
    font-size:31px;
    font-weight:820;
    line-height:1.05;
    letter-spacing:-.035em;
  }
  .sd-home .sd-sub{color:#748070;font-size:13px}
  .sd-home .sd-head-actions{flex-wrap:nowrap;gap:8px}
  .sd-home .sd-periods{
    gap:2px;
    padding:4px;
    border-color:#dde5d6;
    border-radius:13px;
    background:#f5f7f2;
  }
  .sd-home .sd-periods a{
    min-height:34px;
    display:inline-flex;
    align-items:center;
    padding:0 12px;
    border-radius:9px;
    color:#687362;
    font-size:12px;
  }
  .sd-home .sd-periods a:hover{background:#fff;color:#35402f}
  .sd-home .sd-periods a.active{
    background:#fff;
    color:#35520d;
    box-shadow:0 1px 5px rgba(45,65,20,.10),inset 0 0 0 1px #d6e6bd;
  }
  .sd-home .sd-currency select{
    height:42px;
    min-width:78px;
    border-color:#d9e1d2;
    border-radius:11px;
    color:#34402f;
    box-shadow:none;
  }
  .sd-home .sd-head-actions>.btn{
    min-height:42px;
    padding-inline:15px;
    border-radius:11px!important;
    box-shadow:0 7px 18px rgba(111,157,27,.16);
  }

  /* KPI row: one visual system, clear numbers, subtle semantics. */
  .sd-home .sd-kpis{gap:10px;margin-bottom:12px}
  .sd-home .sd-kpi{
    position:relative;
    min-height:112px;
    padding:15px 16px 14px;
    border-color:var(--faro-r9-border);
    border-radius:17px;
    box-shadow:0 5px 18px rgba(23,29,41,.035);
    overflow:hidden;
    transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;
  }
  .sd-home .sd-kpi::before{
    content:"";
    position:absolute;
    left:16px;
    top:0;
    width:42px;
    height:3px;
    border-radius:0 0 999px 999px;
    background:var(--faro-r9-green);
  }
  .sd-home .sd-kpi:hover{
    transform:translateY(-1px);
    border-color:#d2e2bc;
    box-shadow:0 10px 28px rgba(23,29,41,.07);
  }
  .sd-home .sd-kpi>span{color:#7b8578;font-size:10px;letter-spacing:.055em}
  .sd-home .sd-kpi strong{margin-top:8px;font-size:24px;letter-spacing:-.025em;font-variant-numeric:tabular-nums}
  .sd-home .sd-kpi-value{color:#172016;text-decoration:none}
  .sd-home .sd-kpi-value:hover{color:#527f12}
  .sd-home .sd-kpi small{margin-top:7px;color:#7b8577;line-height:1.3}
  .sd-home .sd-kpi small.up{color:#5a8b1a}
  .sd-home .sd-kpi small.down{color:#b54b45}

  /* Main content: larger data canvas, smaller support card. */
  .sd-home .sd-grid-main{grid-template-columns:minmax(0,1.82fr) minmax(320px,.72fr);gap:12px;margin-bottom:12px}
  .sd-home .sd-grid-secondary{grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);gap:12px;margin-bottom:12px}
  .sd-home .sd-card{
    border-color:var(--faro-r9-border);
    border-radius:18px;
    padding:16px;
    box-shadow:0 6px 22px rgba(23,29,41,.04);
  }
  .sd-home .sd-card-head{gap:14px;margin-bottom:12px}
  .sd-home .sd-card-head h2{color:#19211a;font-size:17px;font-weight:820;letter-spacing:-.015em}
  .sd-home .sd-card-head p{max-width:760px;margin-top:4px;color:#7b8577;font-size:11px;line-height:1.42}
  .sd-home .sd-card-head>a{color:#628d22;font-size:12px;font-weight:800;text-decoration:none}
  .sd-home .sd-card-head>a:hover{color:#466d0d}
  .sd-home .sd-card-tools{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px}
  .sd-home .sd-view-toggle{
    display:inline-flex;
    gap:2px;
    padding:3px;
    border:1px solid #e1e7db;
    border-radius:10px;
    background:#f6f8f3;
  }
  .sd-home .sd-view-toggle button{
    min-height:29px;
    padding:0 9px;
    border:0;
    border-radius:7px;
    background:transparent;
    color:#74806e;
    font-size:10px;
    font-weight:800;
  }
  .sd-home .sd-view-toggle button:hover{background:#fff;color:#3f4939}
  .sd-home .sd-view-toggle button.active,
  .sd-home .sd-view-toggle button[aria-pressed="true"]{
    background:#fff;
    color:#4b7411;
    box-shadow:0 1px 4px rgba(30,45,15,.08),inset 0 0 0 1px #dce8ca;
  }
  .sd-home .sd-legend{color:#758071;font-size:10px}
  .sd-home .sd-legend .sale:before{background:#7cab28}
  .sd-home .sd-legend .pay:before{background:#33473a}

  /* Charts: neutral grid, FARO green sales series. */
  .sd-home .sd-chart{
    background:repeating-linear-gradient(to top,#edf1e9 0 1px,transparent 1px calc(25% - 1px),#edf1e9 calc(25% - 1px) 25%);
    border-color:#e1e7dc;
  }
  .sd-home .sd-bar.sale{background:#8fbd31}
  .sd-home .sd-bar.pay{background:#41584a}
  .sd-home .sd-chart-scale{color:#8a9485}
  .sd-home .sd-chart-scale span:last-child{color:#9aa397}
  .sd-home .sd-donut:after{box-shadow:inset 0 0 0 1px #e6eadf}
  .sd-home .sd-category-list{border-color:#edf0e9}
  .sd-home .sd-category-list>div{border-color:#edf0e9}
  .sd-home .sd-category-list i.part,
  .sd-home .sd-category-bar-row i.part,
  .sd-home .sd-category-stack-track i.part{background:#8fbd31}
  .sd-home .sd-category-list i.option,
  .sd-home .sd-category-bar-row i.option,
  .sd-home .sd-category-stack-track i.option{background:#5c7563}
  .sd-home .sd-category-list i.service,
  .sd-home .sd-category-bar-row i.service,
  .sd-home .sd-category-stack-track i.service{background:#d2a342}

  /* Operations/attention: the most actionable blocks read first. */
  .sd-home .sd-ops-card{background:linear-gradient(180deg,#fff,#fdfefc)}
  .sd-home .sd-ops-grid{gap:10px}
  .sd-home .sd-ops-column{
    border-color:#e2e8dd!important;
    border-radius:14px!important;
    background:#fafcf8!important;
    overflow:hidden;
  }
  .sd-home .sd-ops-column-head{padding:11px 12px!important;background:#f4f8ef!important;border-color:#e3eadc!important}
  .sd-home .sd-ops-column-head strong{color:#253021!important;font-size:12px!important}
  .sd-home .sd-ops-column-head small{color:#7d8878!important}
  .sd-home .sd-ops-column-head>span{
    min-width:30px;
    height:30px;
    display:grid;
    place-items:center;
    border-radius:999px;
    background:#fff;
    color:#516942;
    box-shadow:inset 0 0 0 1px #dce7d2;
    font-variant-numeric:tabular-nums;
  }
  .sd-home .sd-ops-row{
    margin:0 7px 7px!important;
    border-color:#e8ece5!important;
    border-radius:11px!important;
    background:#fff!important;
  }
  .sd-home .sd-ops-row:hover{border-color:#d5e3c8!important;background:#fbfdf8!important}
  .sd-home .sd-attention{gap:6px}
  .sd-home .sd-attention-row{
    padding:10px 11px;
    border-color:#e5eae1;
    border-radius:11px;
    background:#fbfcfa;
  }
  .sd-home .sd-attention-row:hover{border-color:#d7e4cb;background:#f7faF3}
  .sd-home .sd-attention-row strong{color:#758071;font-size:10px}
  .sd-home .sd-attention-row b{color:#273124}
  .sd-home .sd-dot{background:#7ba629}
  .sd-home .sd-attention-row.warn .sd-dot{background:#d09a2f}
  .sd-home .sd-attention-row.danger .sd-dot{background:#c95049}

  /* Recent sales: dense list, aligned money, softer status area. */
  .sd-home .sd-recent{margin-bottom:12px}
  .sd-home .sd-recent-grid{gap:7px}
  .sd-home .sd-recent-item{
    min-height:66px;
    padding:10px 12px;
    border-color:#e7ebe4;
    border-radius:12px;
    background:#fff;
    transition:border-color .15s ease,background .15s ease,transform .15s ease;
  }
  .sd-home .sd-recent-item:hover{transform:translateY(-1px);border-color:#d6e4ca;background:#fafcf7}
  .sd-home .sd-recent-org{color:#668c2c;font-size:11px}
  .sd-home .sd-recent-title{margin-top:3px;color:#1e271e;font-size:13px}
  .sd-home .sd-recent-right b{font-size:13px;font-variant-numeric:tabular-nums}

  .sd-home-footer{gap:8px;margin-top:10px}
  .sd-home-footer>a,.sd-home-footer>div{
    min-height:62px;
    padding:11px 13px;
    border-color:#e3e8de;
    border-radius:12px;
    background:#fafbf9;
  }
  .sd-home-footer>a:hover{background:#f3f8ed;border-color:#d6e3c9}
  .sd-home-footer span{color:#7e887a;font-size:9px}
  .sd-home-footer strong{font-size:16px;font-variant-numeric:tabular-nums}
  .sd-home-footer small{color:#8c9589}
}

/* Laptop widths: keep useful density without horizontal collisions. */
@media(min-width:821px) and (max-width:1280px){
  .sd-page.sd-home{padding-inline:2px}
  .sd-home .sd-head{padding:17px 18px}
  .sd-home .sd-head-actions{flex-wrap:wrap}
  .sd-home .sd-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sd-home .sd-grid-main,.sd-home .sd-grid-secondary{grid-template-columns:1fr}
}

/* Mobile Today: small polish on top of r7, preserving scenario-first mobile UX. */
@media(max-width:820px){
  .mobile-today{padding-top:4px}
  .mobile-today-hero h1{letter-spacing:-.035em}
  .mobile-today-hero p{color:#7c8777}
  .mobile-today-avatar{background:#273226!important;color:#fff!important;box-shadow:0 5px 16px rgba(35,50,31,.14)}
  .mobile-today-summary{gap:7px}
  .mobile-today-summary a{
    border-color:#e0e7da!important;
    background:linear-gradient(180deg,#fff,#fbfcfa)!important;
    box-shadow:0 3px 10px rgba(24,34,20,.025);
  }
  .mobile-today-summary a.is-critical{border-color:#ecd6d2!important;background:#fffafa!important}
  .mobile-today-summary a:not(.is-critical) strong{color:#405934!important}
  .mobile-today-card{
    border-color:#e1e7dc!important;
    box-shadow:0 5px 18px rgba(23,29,41,.035)!important;
  }
  .mobile-today-card-head span{color:#829078!important}
  .mobile-today-card-head h2{color:#1d261c!important;letter-spacing:-.02em}
  .mobile-today-card-head>a,.mobile-today-card-head>button{background:#f2f7ec!important;color:#5a811d!important}
  .mobile-action-row,.mobile-task-list>a,.mobile-recent-list>a{border-color:#edf0e9!important}
  .mobile-action-row.tone-info .mobile-action-icon{background:#f0f7e8!important;color:#628d22!important}
  .mobile-money-grid a{background:#f6f9f2!important}
  .mobile-money-grid strong{color:#25331f!important;font-variant-numeric:tabular-nums}
}

@media(prefers-reduced-motion:reduce){
  .sd-home .sd-kpi,.sd-home .sd-recent-item{transition:none!important}
}


/* ===== COMPONENT: static/css/faro-consistency-r10.css | SHA256 bcc213a8d92fa0ccb2563e061f60a91735b3c6738d1ef761ff3c7eb97f1d77fd ===== */
/*
 * FARO UI r10 — Legacy Consistency Pass
 * Late-loaded visual normalization for older CRM workspaces that still carry
 * pre-FARO blue accents, radii, surfaces and control states.
 * No business logic. No data/DOM mutation.
 */

/* Shared legacy-page surface language */
.pw-page,.ce-page,.catalog-item-page,.backup-analysis-head,.intake-head,.snap-head,
.bom-pagehead,.installed-base-pagehead,.fc-page,.comp-head,.dq-page,.attn-page,
.mywork-page,.import-status-page,.opp-page,.rr97-page,.relationship-explorer-v2494{
  --faro-legacy-accent:var(--faro-lime-deep,#69990f);
  --faro-legacy-accent-strong:#507b08;
  --faro-legacy-soft:var(--faro-lime-soft,#f0f8df);
  --faro-legacy-soft-2:#f7faF2;
  --faro-legacy-line:var(--faro-line,#e2e7de);
  --faro-legacy-line-strong:var(--faro-line-strong,#d3dacd);
  --faro-legacy-ink:var(--faro-ink,#13171f);
  --faro-legacy-muted:var(--faro-muted,#6f7888);
}

/* Parameter viewer: retain the CNC-like information density, replace only chrome/accent. */
.pw-page{
  --pw-blue:var(--faro-lime-deep,#69990f);
  --pw-blue-dark:#496f08;
  --pw-blue-soft:#f0f8df;
  --pw-border:var(--faro-line,#e2e7de);
  --pw-soft:#f7f9f5;
}
.pw-head .eyebrow{background:#f0f8df!important;border-color:#d7e8b8!important;color:#50780d!important}
.pw-toolbar,.pw-shell,.pw-nav,.pw-drawer,.pw-coverage,.pw-advanced{border-color:var(--faro-line,#e2e7de)!important}
.pw-filter-form input,.pw-filter-form select{border-color:#d7ded2!important;background:#fbfcfa!important;border-radius:11px!important}
.pw-filter-form input:focus,.pw-filter-form select:focus{border-color:#9fc45e!important;box-shadow:var(--faro-focus,0 0 0 3px rgba(151,202,45,.22))!important}
.pw-modes a,.pw-nav-item{border-radius:10px!important}
.pw-modes a:hover,.pw-nav-item:hover{background:#f4f8ee!important;border-color:#c9d9b6!important;color:#31440f!important}
.pw-modes a.active,.pw-nav-item.active{background:linear-gradient(180deg,#92c92a,#7fb51a)!important;border-color:#78aa18!important;color:#172000!important}
.pw-main-row.is-selected .pw-param-cell{box-shadow:inset 4px 0 0 var(--faro-lime,#97ca2d)!important}
.pw-main-row.is-selected{background:#f7fbeF!important}
.pw-context-note{border-left-color:var(--faro-lime,#97ca2d)!important;background:#f8fbf3!important}
.pw-profile-chip:not(.warn){background:#eef7df!important;color:#50770d!important;border-color:#d5e7b4!important}

/* Catalog editor / item / list */
.ce-topbar,.ce-card,.catalog-item-page .ci-summary,.catalog-item-page .ci-panel,
.catalog-filter-panel,.catalog-action-popover{border-color:var(--faro-line,#e2e7de)!important;box-shadow:var(--faro-shadow-sm)!important}
.ce-card,.catalog-action-popover{border-radius:18px!important;background:#fff!important}
.ce-topbar .eyebrow,.catalog-index-head .eyebrow{color:#648e16!important}
.ce-tabs button{border-radius:10px!important;color:#59616d!important}
.ce-tabs button:hover{background:#f3f7ed!important;color:#33430f!important}
.ce-tabs button.is-active{background:#eef7dd!important;color:#466d09!important;border-color:#cbe0a4!important}
.ce-form input[type=text],.ce-form input[type=number],.ce-form input[type=file],.ce-form input[type=email],.ce-form select,.ce-form textarea,
.catalog-search-box input{border-color:#d7ded2!important;background:#fbfcfa!important;border-radius:11px!important}
.ce-form input:focus,.ce-form select:focus,.ce-form textarea:focus,.catalog-search-box input:focus{border-color:#9fc45e!important;box-shadow:var(--faro-focus)!important}
.catalog-preset.active{background:#eef7dd!important;border-color:#c7dfa0!important;color:#4c730b!important}
.catalog-preset:hover{background:#f5f9ef!important;border-color:#d4e1c5!important}
.catalog-item-page .ci-meta-line a,.catalog-item-page .ci-own-price>a,.catalog-item-page .ci-spares-shortcut a{color:#557d0e!important}
.catalog-item-page .ci-key-params>div,.catalog-item-page .ci-quick-facts>div{background:#f8faf6!important;border-color:#e2e8dc!important}
.catalog-item-page .ci-replacement-alert{border-color:#d9e9bd!important;background:#f3f9e7!important}
.catalog-import-progress .progress-fill{background:linear-gradient(90deg,#9bd331,#77ad15)!important}
.catalog-job-dot{background:var(--faro-lime,#97ca2d)!important}

/* Backup intake, analysis and snapshot */
.analysis-summary-card,.analysis-save-card,.analysis-maint-card,.analysis-data-section,.analysis-source-details,
.intake-summary,.intake-section,.snap-primary-card,.snap-identity-strip,.snap-evidence{
  border-color:var(--faro-line,#e2e7de)!important;background:#fff!important;box-shadow:var(--faro-shadow-sm)!important;
}
.analysis-summary-card,.analysis-save-card,.analysis-maint-card,.analysis-data-section,.analysis-source-details,.intake-section,.snap-primary-card{border-radius:16px!important}
.analysis-ready-badge,.intake-status.ok,.snap-inline-ok{background:#eef7df!important;color:#4c760b!important;border-color:#d2e6ae!important}
.analysis-summary-card.attention{border-color:#efd9a8!important;background:#fffaf0!important}
.analysis-input-action select,.analysis-input-action input{border-color:#d7ded2!important;background:#fbfcfa!important;border-radius:11px!important}
.intake-count-badge,.snap-trust{background:#eef7df!important;color:#527a0e!important;border-color:#d4e7b4!important}
.intake-section-head>a,.snap-subline a,.snap-more-menu a:not(.danger-link){color:#557d0e!important}
.snap-tabs a{border-radius:10px!important;border-color:#dce3d6!important;background:#fff!important;color:#515a66!important}
.snap-tabs a:hover{background:#f4f8ef!important;border-color:#c7d6b6!important;color:#354713!important}
.snap-tabs a.active{background:#eef7dd!important;border-color:#c7dfa0!important;color:#486f09!important}
.snap-option-counts span:not(.is-warn){background:#f1f6e8!important;color:#53790f!important}

/* Machine BOM */
.bom-search input,.bom-toolbar input,.bom-toolbar select{border-color:#d7ded2!important;background:#fbfcfa!important;border-radius:11px!important}
.bom-machine-card,.bom-summary-card,.bom-identity,.bom-tablewrap{border-color:var(--faro-line,#e2e7de)!important;background:#fff!important;box-shadow:var(--faro-shadow-sm)!important}
.bom-machine-card{border-radius:16px!important}
.bom-machine-card:hover{border-color:#c9d9b6!important;box-shadow:var(--faro-shadow)!important}
.bom-machine-card a,.bom-order-spec a,.bom-table a{color:#557d0e!important}
.bom-star{color:#7cab18!important}
.bom-layer-pill.factory_order,.bom-layer-pill.factory_hardware{background:#eef7df!important;color:#4f7410!important;border-color:#d3e5b3!important}
.bom-layer-pill.current_hardware{background:#f1f3f0!important;color:#59616d!important;border-color:#e1e5de!important}

/* FANUC installed base, controller cards and commercial assistant */
.installed-base-tabs a.active,.fanuc-tabs a.active{background:#eef7dd!important;border-color:#c7dfa0!important;color:#486f09!important}
.installed-base-search input,.installed-base-search select,.fc-form input,.fc-form select,.fc-form textarea{border-color:#d7ded2!important;background:#fbfcfa!important;border-radius:11px!important}
.installed-base-search input:focus,.installed-base-search select:focus,.fc-form input:focus,.fc-form select:focus,.fc-form textarea:focus{border-color:#9fc45e!important;box-shadow:var(--faro-focus)!important;outline:none!important}
.installed-base-summary>div,.installed-base-org-group,.fc-context-card,.fc-form-card,.fc-existing,.fc-help{border-color:var(--faro-line,#e2e7de)!important;background:#fff!important;box-shadow:var(--faro-shadow-sm)!important}
.installed-base-org-group,.fc-context-card,.fc-form-card,.fc-existing,.fc-help{border-radius:16px!important}
.installed-base-row:hover{background:#f7faF2!important}
.installed-base-org-head a,.installed-base-primary a,.fc-source a,.fc-deal-list>a{color:#557d0e!important}
.controller-card:hover{border-color:#c7d9b2!important;box-shadow:var(--faro-shadow)!important}
.controller-model,.controller-id a{color:#4e760c!important}
.fc-warning{border-color:#efd9a8!important;background:#fff9ed!important}
.fc-section-head>span{background:#eef7df!important;color:#52790e!important;border-color:#d4e7b4!important}

/* Compensation */
.comp-eyebrow{color:#648e16!important}
.comp-month-picker input{border-color:#d7ded2!important;background:#fbfcfa!important;border-radius:11px!important}
.comp-kpi,.comp-section,.comp-table-wrap{border-color:var(--faro-line,#e2e7de)!important;background:#fff!important;box-shadow:var(--faro-shadow-sm)!important}
.comp-kpi,.comp-section{border-radius:16px!important}
.comp-kpi.primary{background:linear-gradient(135deg,#f4f9e9,#fff)!important;border-color:#d3e5b4!important}
.comp-kpi.primary strong{color:#4d750c!important}
.comp-table tbody tr:hover{background:#f7faF2!important}
.comp-row-actions a{color:#557d0e!important}

/* Attention / My Work / Data Quality: keep danger/warning semantics, normalize info/active states. */
.attn-summary-card,.mywork-summary-card,.dq-summary-card,.attn-group,.mywork-section,.dq-group{
  border-color:var(--faro-line,#e2e7de)!important;background:#fff!important;box-shadow:var(--faro-shadow-sm)!important;
}
.attn-summary-card,.mywork-summary-card,.dq-summary-card{border-radius:15px!important}
.attn-summary-card:hover,.mywork-summary-card:hover,.dq-summary-card:hover{border-color:#cadbb5!important;box-shadow:var(--faro-shadow)!important}
.attn-summary-card.active,.mywork-summary-card.active,.dq-summary-card.active{border-color:#bcd78f!important;background:#f5faeb!important;box-shadow:0 0 0 3px rgba(151,202,45,.10)!important}
.attn-kicker,.mywork-kicker,.dq-kicker,.dq-domain-head span,.attn-domain-head span{color:#648e16!important}
.mywork-scopes a.active,.dq-domain-tabs a.active{background:#eef7dd!important;border-color:#c7dfa0!important;color:#496f0a!important}
.mywork-scopes a:hover,.dq-domain-tabs a:hover{background:#f5f9ef!important;border-color:#d4e1c5!important}
.attn-group.tone-info,.dq-group.tone-info{border-color:#d9e7bf!important}
.attn-group.tone-info .attn-group-head>span,.dq-group.tone-info .dq-group-head>span{background:#eef7df!important;color:#50770d!important}
.mywork-item:hover,.attn-row:hover,.dq-row:hover{background:#f7faF2!important}
.mywork-item:not(.tone-danger):not(.tone-warn):before{background:var(--faro-lime,#97ca2d)!important}

/* Import/job status */
.import-overview-card,.current-stage-card{border-color:var(--faro-line,#e2e7de)!important;background:#fff!important;box-shadow:var(--faro-shadow-sm)!important;border-radius:16px!important}
.import-status-badge.status-running,.import-status-badge.status-queued{background:#eef7df!important;color:#4d750c!important;border-color:#d3e6b1!important}
.worker-heartbeat.live:before{background:#79b51a!important;box-shadow:0 0 0 4px rgba(151,202,45,.16)!important}
.import-progress-fill,.mini-progress-fill{background:linear-gradient(90deg,#9bd331,#78af16)!important}
.import-progress-track,.mini-progress-track{background:#edf1e9!important}
.current-stage-label{color:#638d16!important}

/* Opportunity engine / campaigns */
.opp-hero,.opp-kpis>div,.opp-filters,.opp-card{border-color:var(--faro-line,#e2e7de)!important;background:#fff!important;box-shadow:var(--faro-shadow-sm)!important}
.opp-hero,.opp-filters,.opp-card{border-radius:18px!important}
.opp-eyebrow{color:#648e16!important}
.opp-filters input,.opp-filters select{border-color:#d7ded2!important;background:#fbfcfa!important;border-radius:11px!important}
.opp-filters input:focus,.opp-filters select:focus{border-color:#9fc45e!important;box-shadow:var(--faro-focus)!important;outline:none!important}
.opp-org a,.opp-part a{color:#557d0e!important}
.opp-card.confidence-high{border-left-color:#77ad16!important}
.confidence-high .opp-confidence{background:#eef7df!important;color:#4e760c!important;border-color:#d2e5b0!important}
.opp-score{color:#4f770d!important}
.opp-card:not(.already-active):hover{border-color:#c7d9b2!important;box-shadow:var(--faro-shadow)!important}

/* Reliability Repair — complete removal of old informational blue without touching danger/warn. */
.rr97-head,.rr97-panel,.rr97-stat{border-color:var(--faro-line,#e2e7de)!important;background:#fff!important;box-shadow:var(--faro-shadow-sm)!important}
.rr97-kicker,.rr97-panel header span,.rr97-safe-repair>div>span,.rr97-section-head span{color:#648e16!important}
.rr97-agent.running b,.rr97-stat.ok strong{color:#5b8c13!important}
.rr97-stat.ok,.rr97-badge.ok{background:#eef7df!important;border-color:#d2e6ae!important;color:#4d750c!important}
.rr97-stat.busy{background:#f3f8e9!important;border-color:#d7e6bf!important}
.rr97-shield{background:#eef7df!important;color:#527a0e!important}

/* Relationship explorer */
.relationship-explorer-v2494__search:focus-within{border-color:#9fc45e!important;box-shadow:var(--faro-focus)!important}
.relationship-explorer-v2494__stat,.relationship-explorer-v2494__tree,.relationship-explorer-v2494__inspector{border-color:var(--faro-line,#e2e7de)!important;background:#fff!important;box-shadow:var(--faro-shadow-sm)!important}
.relationship-explorer-v2494__node-row:hover{background:#f7faF2!important}
.relationship-explorer-v2494__node-row.selected{background:#eef7df!important;border-color:#c7dfa0!important;box-shadow:inset 3px 0 0 var(--faro-lime,#97ca2d)!important}
.relationship-explorer-v2494__children:before{background:#dfe7d5!important}
.relationship-explorer-v2494__kicker,.relationship-explorer-v2494__eyebrow{color:#648e16!important}

/* Old sales/detail micro-accents that can still leak through specialized templates. */
.ss-number,.ss-part,.ss-picked strong,.ss-text-link{color:#557d0e!important}
.ss-pill{background:#eef7df!important;color:#4d750c!important}
.ss-status-shipped{background:#eff5e5!important;color:#52780f!important}
.ss-card,.ss-table-wrap,.ss-document,.ss-payment-main>div,.ss-picked-meta span{border-color:var(--faro-line,#e2e7de)!important}
.ss-table tbody tr:hover{background:#f7faF2!important}

/* Keyboard/focus consistency across remaining bespoke controls. */
.ce-tabs button:focus-visible,.catalog-preset:focus-visible,.snap-tabs a:focus-visible,.installed-base-tabs a:focus-visible,
.fanuc-tabs a:focus-visible,.mywork-scopes a:focus-visible,.dq-domain-tabs a:focus-visible,.pw-modes a:focus-visible,
.relationship-explorer-v2494__node-row:focus-visible{
  outline:none!important;box-shadow:var(--faro-focus)!important;
}

/* Dense tables: consistent numeric alignment and headers without reducing data density. */
.pw-page table,.ce-table,.comp-table,.bom-table,.ss-table{font-variant-numeric:tabular-nums}
.ce-table th,.comp-table th,.bom-table th,.ss-table th{background:#f7f9f5!important;color:#737c87!important;border-color:#e5eae1!important}
.ce-table td,.comp-table td,.bom-table td,.ss-table td{border-color:#edf0eb!important}

@media (max-width:800px){
  .ce-card,.analysis-save-card,.analysis-maint-card,.analysis-data-section,.intake-section,.snap-primary-card,
  .bom-machine-card,.installed-base-org-group,.fc-context-card,.fc-form-card,.comp-section,.opp-card,.rr97-panel{
    border-radius:14px!important;
  }
  .pw-toolbar,.pw-shell{border-radius:14px!important}
}

@media (prefers-reduced-motion:reduce){
  .bom-machine-card,.opp-card,.dq-summary-card,.attn-summary-card,.mywork-summary-card{transition:none!important}
}


/* ===== COMPONENT: static/css/faro-pwa-consistency-r11.css | SHA256 25fb9c815fb3552498e60a944c871b64ff33f8d38c6c6a7714a24bddec25ba46 ===== */
/* FARO UI r11.3 — mobile/PWA consistency + corrected iOS viewport pinning. */
@media (max-width: 820px) {
  :root {
    --faro-r11-green: #97ca2d;
    --faro-r11-green-deep: #5f8f18;
    --faro-r11-green-soft: #f1f8e6;
    --faro-r11-green-line: #d7e8bd;
    --faro-r11-ink: #171d29;
    --faro-r11-muted: #758071;
    --faro-r11-line: #e1e7dc;
    --faro-r11-pay: #41584a;
    --faro-mobile-nav-height-r112: 72px;
  }

  .mobile-bottom-nav.mobile-app-nav {
    position: fixed !important;
    inset-inline: 8px !important;
    top: auto !important;
    bottom: max(10px, env(safe-area-inset-bottom, 0px)) !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 5px 7px !important;
    z-index: 2400 !important;
    border: 1px solid rgba(218,224,214,.98) !important;
    border-radius: 22px !important;
    background: #fff !important;
    box-shadow: 0 14px 42px rgba(20,28,38,.16) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    -webkit-transform: none !important;
    transform: none !important;
    will-change: top !important;
    isolation: isolate;
    contain: paint;
  }
  .mobile-bottom-nav.mobile-app-nav.faro-nav-vv-pin-r113 {
    top: var(--faro-mobile-nav-top-r113) !important;
    bottom: auto !important;
  }
  .mobile-app-nav a,
  .mobile-app-nav button { color: #717a86 !important; }
  .mobile-app-nav a.active,
  .mobile-app-nav button.active {
    color: var(--faro-r11-green-deep) !important;
    background: var(--faro-r11-green-soft) !important;
  }
  .mobile-bottom-nav button[data-mobile-menu-toggle].active::before,
  .mobile-bottom-nav a.active::before,
  .mobile-bottom-nav button.active::before { display: none !important; }
  .mobile-nav-plus {
    background: var(--faro-r11-green) !important;
    color: #17200f !important;
    box-shadow: 0 8px 22px rgba(112,157,22,.28) !important;
  }
  body {
    padding-bottom: calc(var(--faro-mobile-nav-height-r112) + 22px + env(safe-area-inset-bottom, 0px)) !important;
  }
  body.has-mobile-context-dock {
    padding-bottom: calc(var(--faro-mobile-nav-height-r112) + 82px + env(safe-area-inset-bottom, 0px)) !important;
  }
  .mobile-context-dock {
    bottom: calc(var(--faro-mobile-nav-height-r112) + 18px + env(safe-area-inset-bottom, 0px)) !important;
    z-index: 2380 !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    background: #fff !important;
  }
  .mobile-context-dock > a.primary {
    background: var(--faro-r11-green-soft) !important;
    color: var(--faro-r11-green-deep) !important;
  }
  .mobile-menu-sheet.mobile-app-more,
  .mobile-create-sheet .mobile-create-panel {
    z-index: 2410 !important;
  }
  .mobile-menu-sheet.mobile-app-more {
    bottom: calc(var(--faro-mobile-nav-height-r112) + 18px + env(safe-area-inset-bottom, 0px)) !important;
  }
  .faro-back-to-top {
    bottom: calc(var(--faro-mobile-nav-height-r112) + 28px + env(safe-area-inset-bottom, 0px)) !important;
    z-index: 2370 !important;
  }

  .sd-page { color: var(--faro-r11-ink) !important; }
  .sd-page .sd-eyebrow { color: var(--faro-r11-green-deep) !important; }
  .sd-page .sd-sub { color: #788274 !important; }
  .sd-page .sd-periods { border-color: var(--faro-r11-line) !important; background: #f5f7f2 !important; }
  .sd-page .sd-periods a { color: #64705f !important; }
  .sd-page .sd-periods a.active {
    background: var(--faro-r11-green) !important;
    color: #17200f !important;
    box-shadow: 0 5px 14px rgba(111,157,27,.20) !important;
  }
  .sd-page .sd-currency select {
    border-color: #d9e1d2 !important;
    color: #34402f !important;
  }
  .sd-page .sd-currency select:focus {
    border-color: var(--faro-r11-green) !important;
    box-shadow: 0 0 0 3px rgba(151,202,45,.16) !important;
    outline: 0 !important;
  }
  .sd-page .sd-kpi,
  .sd-page .sd-card { border-color: var(--faro-r11-line) !important; box-shadow: 0 5px 18px rgba(23,29,41,.04) !important; }
  .sd-page .sd-kpi > span,
  .sd-page .sd-card-head p,
  .sd-page .sd-chart-scale,
  .sd-page .sd-svg-y,
  .sd-page .sd-svg-x { color: #7c8679 !important; fill: #7c8679 !important; }
  .sd-page .sd-kpi-value { color: #172016 !important; }
  .sd-page .sd-kpi-value:hover { color: var(--faro-r11-green-deep) !important; }
  .sd-page .sd-view-toggle { border-color: #e1e7db !important; background: #f5f7f2 !important; }
  .sd-page .sd-view-toggle button { color: #717b6c !important; }
  .sd-page .sd-view-toggle button.active {
    background: #fff !important;
    color: var(--faro-r11-green-deep) !important;
    box-shadow: 0 1px 5px rgba(45,65,20,.10), inset 0 0 0 1px #d6e6bd !important;
  }
  .sd-page .sd-view-toggle button:focus-visible { outline-color: rgba(151,202,45,.45) !important; }
  .sd-page .sd-legend .sale::before,
  .sd-page .sd-bar.sale,
  .sd-page .sd-category-list i.part,
  .sd-page .sd-category-bar-meta i.part,
  .sd-page .sd-category-bar-track i.part,
  .sd-page .sd-category-stack-track i.part { background: var(--faro-r11-green) !important; }
  .sd-page .sd-legend .pay::before,
  .sd-page .sd-bar.pay { background: var(--faro-r11-pay) !important; }
  .sd-page .sd-svg-line.sale { stroke: var(--faro-r11-green) !important; }
  .sd-page .sd-svg-point.sale { fill: var(--faro-r11-green) !important; }
  .sd-page .sd-svg-line.pay { stroke: var(--faro-r11-pay) !important; }
  .sd-page .sd-svg-point.pay { fill: var(--faro-r11-pay) !important; }
  .sd-page .sd-svg-grid { stroke: #edf1e9 !important; }
  .sd-page .sd-svg-axis { stroke: #dfe6d9 !important; }
  .sd-page .sd-category-list i.option,
  .sd-page .sd-category-bar-meta i.option,
  .sd-page .sd-category-bar-track i.option,
  .sd-page .sd-category-stack-track i.option { background: #61785f !important; }
  .sd-page .sd-category-list i.service,
  .sd-page .sd-category-bar-meta i.service,
  .sd-page .sd-category-bar-track i.service,
  .sd-page .sd-category-stack-track i.service { background: #d2a342 !important; }
  .sd-page .sd-attention-row:not(.danger):not(.warn) .sd-dot { background: #7ba629 !important; }
  .sd-page .sd-recent-org,
  .sd-page .sd-ops-main > b,
  .sd-page .sd-card-head > a { color: var(--faro-r11-green-deep) !important; }
  .sd-page .sd-ops-unshipped .sd-ops-column-head > span { background: var(--faro-r11-green-soft) !important; color: var(--faro-r11-green-deep) !important; }
  .sd-page .sd-state-track i.partial { background: #c39b33 !important; }
  .sd-page .sd-state-track i.shipped { background: #61785f !important; }
  .sd-page .sd-state-track i.ready { background: #7ba629 !important; }
  .sd-page .sd-state-track i.paid { background: #5b8b49 !important; }

  .mobile-analytics-close button,
  a.mobile-focus-context,
  .mobile-focus-inline-link a,
  .app-command-palette-all,
  .app-command-palette-status:not(.obsolete) { color: var(--faro-r11-green-deep) !important; }
  .mobile-analytics-close button { border-color: var(--faro-r11-line) !important; background: #fff !important; }
  .mobile-focus-card {
    border-color: var(--faro-r11-line) !important;
    background: linear-gradient(145deg,#fff 0%,#fbfdf8 100%) !important;
    box-shadow: 0 5px 18px rgba(23,29,41,.045) !important;
  }
  .mobile-focus-status-form,
  .mobile-focus-metrics > div { border-color: var(--faro-r11-line) !important; }
  .mobile-focus-note:not(.attention):not(.success) { background: #f4f7f1 !important; color: #5f695b !important; }
  .app-command-palette-status:not(.obsolete) { background: var(--faro-r11-green-soft) !important; }
  .app-command-palette-all { border-color: var(--faro-r11-line) !important; }

  .mobile-bottom-nav.mobile-app-nav,
  .mobile-bottom-nav.mobile-app-nav * { touch-action: manipulation; }
  html.mobile-sheet-open .mobile-bottom-nav.mobile-app-nav { visibility: hidden; }
}



/* v2.5.32 · sale local navigation stays in normal document flow */
body.faro-detail-sale-r5 .faro-detail-local-nav-r5{position:static!important;top:auto!important;z-index:auto!important;backdrop-filter:none!important;box-shadow:none!important}