:root{--ls-navy:#18324c;--ls-navy2:#203e5b;--ls-teal:#087e79;--ls-bg:#f2f5f9;--ls-edge:#dde5ec;--ls-text:#20364d;--ls-muted:#647b8f;--ls-head:#f6f8fb;--ls-radius:11px;--ofi-primary:#087e79;--ofi-primary-hover:#066b67;--ofi-primary-active:#055b58;--ofi-primary-soft:#e1f4f1;--ofi-primary-border:#b6ded8;--ofi-on-primary:#fff;--ofi-focus:#0e8580;--ofi-focus-ring:0 0 0 3px rgba(8,126,121,.15);--ofi-bg:#f2f5f9;--ofi-text:#26384a;--ofi-text-muted:#667a8c;--ofi-control-height:36px;--ofi-grid-row-height:36px;--ofi-toolbar-height:46px;font-family:'Source Sans 3','Segoe UI',Arial,sans-serif}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--ls-bg);color:var(--ls-text);font-size:14px}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #4bada4;outline-offset:2px}.boot{margin:18vh auto;padding:24px;max-width:410px;text-align:center;background:white;border:1px solid var(--ls-edge);border-radius:12px} .top{height:47px;background:var(--ls-navy);color:white;display:flex;align-items:center;gap:10px;padding:0 20px;white-space:nowrap}.brandmark{width:30px;height:30px;border-radius:8px;background:#15938d;display:grid;place-items:center;font-size:20px;color:white}.brand{font-weight:700;font-size:17px;line-height:1.05}.brand small{font-size:10px;display:block;color:#b8cbda;line-height:1.5;font-weight:400}.top .grow{flex:1}.top-tag{font-size:11px;border:1px solid #41677e;border-radius:5px;padding:4px 8px;font-weight:700;background:#294b63}.top .workspace-select{border-color:#3d6178;background:var(--ls-navy2);color:white;max-width:230px}.top .circle{border-radius:50%;background:#e4eef4;color:#24475a;font-weight:700;width:29px;height:29px;display:grid;place-items:center}.tabs{display:flex;align-items:center;background:white;border-bottom:1px solid var(--ls-edge);padding:0 18px;gap:0;overflow:auto}.tabs button{border:0;border-bottom:2px solid transparent;background:white;padding:13px 14px;color:#5a7187;white-space:nowrap;min-height:43px}.tabs button.active{border-bottom-color:var(--ls-teal);color:var(--ls-teal);font-weight:700}.layout{padding:20px 26px 40px;max-width:1650px;margin:auto}.crumb{font-size:11px;color:#7990a2;margin-bottom:8px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.page-heading h1{font-size:23px;margin:0 0 3px;line-height:1.2;color:#1c3550}.page-heading p{margin:0;color:var(--ls-muted);font-size:13px}.shell-card{border:1px solid var(--ls-edge);background:#fff;border-radius:12px;box-shadow:0 3px 15px rgba(25,45,63,.035);overflow:hidden}.shell-card .card-head{padding:13px 17px;border-bottom:1px solid var(--ls-edge);display:flex;gap:10px;align-items:center;justify-content:space-between}.shell-card .card-head b{font-size:15px}.card-body{padding:15px 17px}.cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.kpi{padding:15px 16px}.kpi b{display:block;font-size:25px;line-height:1.15;color:#18334d}.kpi span{font-size:12px;color:var(--ls-muted)}.row-gap{margin-top:14px}.note{background:#fff8ec;color:#805a22;border:1px solid #eddfc5;border-radius:8px;padding:11px 13px;font-size:12px}.note.info{background:#eaf6f5;color:#176a65;border-color:#bfdfd9}.toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:13px 16px}.search{max-width:410px;width:100%;border:1px solid #ccd8e3;padding:8px 11px;border-radius:6px;min-height:36px}.ls-button{border:1px solid #c9d7e1;border-radius:7px;background:white;color:#264b63;padding:8px 12px;min-height:36px;font-weight:600}.ls-button.primary{background:var(--ls-teal);color:#fff;border-color:var(--ls-teal)}.ls-button:disabled{opacity:.46;cursor:not-allowed}.tab-buttons{display:flex;gap:6px;flex-wrap:wrap}.tab-buttons button{border:1px solid var(--ls-edge);padding:8px 12px;border-radius:7px;background:white;color:#60778a;min-height:35px}.tab-buttons button.active{background:#e3f4f1;border-color:#b8dbd6;color:#087c77;font-weight:700}.ls-table{border-collapse:collapse;width:100%;font-size:12.5px}.ls-table th{background:var(--ls-head);color:#607991;font-weight:600;text-align:left;padding:9px 13px;border-block:1px solid #e9edf2}.ls-table td{border-bottom:1px solid #eef1f5;padding:8px 13px;height:36px}.ls-table tr:last-child td{border-bottom:0}.ls-table .num{text-align:right;font-variant-numeric:tabular-nums}.ls-table-wrapper{overflow:auto}.empty{padding:26px;color:var(--ls-muted);text-align:center}.control-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.form-label{font-weight:600;display:block;margin-bottom:6px}.ls-select{border:1px solid #cbd9e3;background:white;border-radius:6px;padding:7px 10px;min-height:36px;min-width:130px;max-width:100%}.meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.meta>div{background:#f5f8fa;padding:12px;border:1px solid #e5edf2;border-radius:7px}.meta small{display:block;color:var(--ls-muted);font-size:11px}.meta strong{font-weight:600}.error{border:1px solid #efc6c6;background:#fff0f0;border-radius:8px;padding:13px;color:#8d2929}.footer{font-size:11px;color:#8ba0b0;margin-top:18px}.pending-card{padding:20px;min-height:130px}.sr-only{position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;overflow:hidden}.disabled-explain{color:#6b8294;font-size:12px}.ls-button-icon{display:inline-grid;place-items:center;width:36px;padding:0}@media(max-width:760px){.top{padding:0 10px}.top-tag{display:none}.top .workspace-select{max-width:128px;font-size:11px}.brand{font-size:14px}.layout{padding:14px 12px}.tabs{padding:0 7px}.tabs button{padding:11px}.cols{grid-template-columns:1fr}.page-heading h1{font-size:21px}.meta{grid-template-columns:1fr}.toolbar{align-items:stretch}.search{max-width:100%}.ls-table{min-width:640px}}
/* F5 catalog & transactional quick-create, preserving approved F2 RC2 compact theme. */
.f5-catalog-head{padding:11px 16px 8px;border-bottom:0}
.f5-searchbar{display:flex;align-items:center;gap:14px;padding:6px 16px 12px;flex-wrap:wrap}
.f5-searchbar .search{width:min(100%,400px)}
.f5-result-count{font-size:12px;color:var(--ls-muted)}
.f5-list-region{min-height:46px}
.f5-page{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;gap:12px;border-top:1px solid var(--ls-edge);font-size:12px;color:var(--ls-muted)}
.f5-page .ls-button{min-height:30px;padding:4px 11px}
.f5-modal-backdrop{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:rgba(15,32,49,.54);padding:18px;overflow:auto}
.f5-modal{background:white;border-radius:12px;box-shadow:0 18px 65px #101e3155;border:1px solid #cdd9e2;width:min(540px,100%);max-height:calc(100vh - 36px);overflow:auto}
.f5-modal[aria-hidden='true']{visibility:hidden}
.f5-modal-head{padding:14px 18px;border-bottom:1px solid var(--ls-edge);display:flex;justify-content:space-between;align-items:center;gap:8px}
.f5-modal-head strong{font-size:16px}
.f5-x{border:0;background:#edf3f6;border-radius:6px;font-size:23px;line-height:30px;width:32px;height:32px;color:var(--ls-text)}
.f5-form{padding:16px 18px}
.f5-field{margin-bottom:12px;min-width:0}
.f5-field>label,.f5-field .ofi-label{font-size:12px;font-weight:600;color:#40586e;display:block;margin-bottom:5px}
.f5-input{border:1px solid #cbd8e2;border-radius:6px;background:white;color:var(--ls-text);height:36px;width:100%;padding:7px 10px}
.f5-modal-actions{border-top:1px solid var(--ls-edge);padding-top:14px;display:flex;justify-content:flex-end;gap:8px;margin-top:10px}
.f5-combo-row{display:flex;gap:7px;align-items:flex-end;width:100%}
.f5-combo-row .ofi-async-smart-select{flex:1;min-width:0}
.f5-combo-row .ofi-smart-select__row{width:100%}
.f5-combo-row .ofi-smart-select__control{width:100%;min-width:0}
.f5-combo-row .ofi-smart-select__input{min-height:36px}
.f5-combo-row .ls-button-icon{flex:0 0 36px;font-size:20px;font-weight:600}
.f5-feedback{font-size:12px;min-height:18px;display:block}
.f5-feedback.is-error{color:#a13232}
.f5-feedback.is-success{color:#09796f}
.f5-transaction .card-body{padding:13px 16px}
.f5-demo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:13px 0}
.f5-selection{min-height:15px;font-size:11px;color:#087e79;margin-top:2px}
.f5-transaction .f5-input{max-width:680px}
@media(max-width:760px){.f5-demo-grid{grid-template-columns:1fr}.f5-catalog-head{align-items:center}.f5-catalog-head .ls-button{white-space:nowrap}.f5-modal{max-height:calc(100dvh - 28px)}.f5-modal-backdrop{padding:14px}.f5-page{flex-wrap:wrap}}

/* F5 RC2 compact catalog maintenance */
.f5-inactive-filter{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--ls-muted);white-space:nowrap;cursor:pointer}
.f5-inactive-filter input{accent-color:var(--ls-teal);width:15px;height:15px}
.f5-row-actions{white-space:nowrap;min-width:145px}
.f5-mini-action{min-height:27px;padding:3px 8px;font-size:11px;margin-right:5px}
.f5-status-chip{display:inline-block;border-radius:5px;font-size:11px;padding:3px 7px;background:#e7f4ef;color:#156b56}
.f5-status-chip.is-inactive{background:#f1f2f4;color:#737f8c}
.f5-inactive-row{background:#fafbfc;color:#7b8b99}
.f5-inactive-row td{opacity:.86}
@media(max-width:760px){.f5-row-actions{min-width:128px}.f5-searchbar{gap:9px}.f5-inactive-filter{font-size:11px}}

.f5-maintenance-note{margin:4px 0 12px;color:#7e6129;background:#fff9eb;border:1px solid #f0e2c7;border-radius:6px;padding:8px 10px;font-size:11px}
.f5-form .f5-input:disabled{background:#f2f5f7;color:#667d8f;cursor:not-allowed}
/* LogicStock F6 compact purchase / goods receiving */
.f6-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}.f6-editor{margin-bottom:12px}.f6-form-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px;border-bottom:1px solid var(--ls-edge)}
.f6-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:12px}.f6-line-grid{display:grid;grid-template-columns:minmax(160px,2fr) minmax(125px,1fr) 110px repeat(3,minmax(110px,1fr));gap:10px;align-items:end}.f6-field{display:flex;flex-direction:column;gap:5px;min-width:0}.f6-field .f5-combo-row{width:100%}.f6-field .f5-combo-row> :first-child{min-width:0;flex:1}.f6-label{color:var(--ls-muted);font-weight:600;font-size:12px}.f6-divider{font-weight:600;font-size:12px;color:var(--ls-muted);margin:12px 0 9px;padding:6px 0;border-top:1px solid var(--ls-edge)}
.f6-editor .card-body{padding:12px}.f6-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:10px}.f6-bottom{border-top:1px solid var(--ls-edge);margin-top:12px}.f6-notice{min-height:20px;margin-top:6px;font-size:12px;color:#126f59}.f6-error{color:#a33d3d!important}.f6-success{color:#167b65}.f6-lines{margin:9px 0}.f6-table-head{display:flex;align-items:center;justify-content:space-between;padding:10px 0 6px}.f6-doc-list{padding:3px 10px 9px}.f6-row-actions{white-space:nowrap}.f6-row-actions .ls-button{padding:4px 8px;font-size:12px;margin-right:5px;min-height:27px}.f6-pill{font-size:11px;padding:3px 7px;border-radius:5px;background:#e9edf3;color:#506a7f}.f6-pill.confirmed{background:#e3f4ee;color:#126850}.f6-pill.reversed{background:#fff0e0;color:#956020}.f6-pagination{display:flex;justify-content:flex-end;gap:10px;align-items:center;padding:9px 0}.f6-footnote{color:var(--ls-muted);font-size:11px;margin:12px 0}.f6-modal-backdrop .f5-modal{max-width:770px}.f6-modal-backdrop .ls-table-wrapper{padding:9px}
@media(max-width:1080px){.f6-line-grid{grid-template-columns:repeat(3,minmax(0,1fr));}.f6-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.f6-line-grid,.f6-grid{grid-template-columns:1fr}.f6-toolbar{flex-wrap:wrap}.f6-editor .card-body{padding:10px}.f6-field .f5-combo-row{width:100%}}
/* F7: compact inventory, alerts, and traceability, F2-RC2 palette unchanged */
.f7-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-bottom:12px}.f7-metric{background:white;border:1px solid var(--ls-edge);border-radius:8px;min-height:63px;padding:10px 12px;display:flex;flex-direction:column;gap:5px}.f7-metric strong{font-size:22px;color:var(--ls-text);line-height:1}.f7-metric span{font-size:11px;color:var(--ls-muted)}.f7-tools{padding:12px 14px 4px;border-bottom:1px solid var(--ls-edge)}.f7-tabs{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap}.f7-tabs button{border:1px solid #cedbe3;border-radius:6px;background:#f6f9fb;color:#456176;font-weight:600;padding:7px 12px;cursor:pointer;font-size:12px}.f7-tabs button.active{background:#087e79;color:white;border-color:#087e79}.f7-filters{display:grid;grid-template-columns:minmax(125px,1fr) minmax(110px,.7fr) minmax(120px,.8fr) minmax(180px,1.5fr) auto;align-items:end;gap:10px}.f7-field{min-width:0;display:flex;flex-direction:column;gap:5px}.f7-field .f5-input,.f7-field .ls-select{height:36px;width:100%}.f7-extra{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:9px 0}.f7-confirm{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ls-muted);cursor:pointer}.f7-confirm input{accent-color:#087e79}.f7-list{padding:8px 12px 3px}.f7-result-head{display:flex;justify-content:space-between;padding:4px 0 9px}.f7-content{min-height:76px}.f7-loading{padding:20px;color:var(--ls-muted);font-size:12px}.f7-status{min-height:16px;font-size:12px;padding:5px 0}.f7-chip{border-radius:5px;padding:3px 7px;font-size:11px;white-space:nowrap}.f7-chip.ok{background:#e1f4ed;color:#156e56}.f7-chip.danger{background:#fff0e9;color:#a04e34}.f7-note{font-size:12px;color:#5f7584;line-height:1.5}.f7-fefo{padding:14px}.f7-fefo-controls{display:grid;grid-template-columns:minmax(240px,2fr) minmax(160px,1fr) 140px;gap:12px;align-items:end}.f7-fefo-action{display:flex;justify-content:flex-end;margin:10px 0}.f7-fefo-summary{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#ecf7f4;padding:9px 12px;border-radius:6px;margin-bottom:10px;font-size:13px}.f7-fefo-summary strong{color:#087e79}.f7-fefo-results .ls-table-wrapper{margin-bottom:9px}
@media(max-width:1100px){.f7-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.f7-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.f7-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.f7-filters,.f7-fefo-controls{grid-template-columns:1fr}.f7-tools{padding:10px}.f7-fefo{padding:10px}.f7-list{padding:8px 4px}.f7-metric{min-height:54px}.f7-metric strong{font-size:20px}}

/* F8 compact orders, delivery and browser-print QA preview */
.f8-editor{margin-bottom:12px}.f8-editor .card-body{padding:12px}.f8-line-grid{display:grid;grid-template-columns:minmax(210px,2fr) minmax(125px,1fr) 110px minmax(140px,1fr) 135px auto;gap:9px;align-items:end}.f8-line-grid>.ls-button{white-space:nowrap}.f8-picks{display:flex;gap:10px;align-items:center;font-size:12px;padding:8px 0}.f8-allocations{color:#167b65}.f8-load-grid{display:grid;grid-template-columns:120px 1fr 165px;gap:12px}.f8-preview-overlay{z-index:99999}.f8-preview-window{width:min(960px,100%);max-height:95vh;overflow:auto;background:white;border-radius:12px;padding:14px 20px}.f8-preview-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #d9e2e9}.f8-preview-actions strong{margin-right:auto}.f8-print-document{background:white;color:#1c3245;padding:30px 26px;font-size:12px;min-height:480px}.f8-print-header{display:flex;justify-content:space-between;align-items:start;border-bottom:3px solid #172d46;padding-bottom:12px}.f8-print-header h2{margin:0;font-size:21px}.f8-print-header div{display:flex;flex-direction:column;align-items:end;gap:6px}.f8-print-meta{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:20px 0}.f8-print-meta p{margin:4px 0}.f8-print-table{width:100%;border-collapse:collapse}.f8-print-table th{background:#e8f0f4;text-align:left;font-size:10px}.f8-print-table th,.f8-print-table td{border:1px solid #d3dfe7;padding:8px 6px}.f8-print-totals{display:flex;flex-direction:column;align-items:flex-end;gap:6px;padding:15px 0}.f8-signature{margin-top:50px;text-align:right;border-top:1px solid #d5dee6;padding-top:13px}.f8-preview-overlay .f8-print-document{margin:0 auto;max-width:850px}@media(max-width:1100px){.f8-line-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.f8-line-grid,.f8-load-grid{grid-template-columns:1fr}.f8-preview-window{padding:7px}.f8-print-document{padding:10px}.f8-print-meta{grid-template-columns:1fr}}
@media print{body *{visibility:hidden!important} .f8-preview-overlay,.f8-preview-overlay .f8-print-document,.f8-preview-overlay .f8-print-document *{visibility:visible!important}.f8-preview-overlay{position:absolute!important;inset:0!important;background:white!important;padding:0!important;overflow:visible!important}.f8-preview-window{max-height:none!important;overflow:visible!important;box-shadow:none!important;border:0!important;width:100%!important;padding:0!important}.f8-preview-actions,.f8-preview-window>.f6-footnote{display:none!important}.f8-print-document{position:absolute!important;top:0;left:0;width:100%!important;max-width:none!important;padding:0!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}@page{size:A4;margin:13mm}}

/* F9 compact invoicing UX (F2 RC2 palette unchanged) */
.f9-editor{margin-bottom:12px}.f9-editor .card-body{padding:12px}.f9-line-grid{display:grid;grid-template-columns:minmax(140px,1.3fr) minmax(230px,2fr) repeat(4,minmax(105px,1fr));gap:9px;align-items:end}.f9-line-grid .f5-input,.f9-line-grid .ls-select{width:100%;height:36px}.f9-actions{display:flex;flex-wrap:wrap;gap:5px}.f9-actions .ls-button{font-size:11px;min-height:27px;padding:4px 7px}.f9-details{margin-bottom:12px}.f9-details .card-body{padding:12px}.f9-editor .f5-combo-row{min-width:0}.f9-editor .f5-combo-row .ofi-async-smart-select{min-width:0;flex:1}.f9-editor .f6-footnote{font-size:11px;color:var(--ls-muted)}@media(max-width:1220px){.f9-line-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:740px){.f9-line-grid{grid-template-columns:1fr}.f9-editor .f6-grid{grid-template-columns:1fr}.f9-editor .card-body{padding:10px}}
/* F9 QA browser-print invoice (NOT certified fiscal PDF). */
.f9-print-overlay{z-index:99990}.f9-print-window{width:min(850px,100%);max-height:95vh;overflow:auto;background:#fff;border-radius:10px;padding:15px}.f9-print-actions{display:flex;align-items:center;gap:10px;padding-bottom:11px;border-bottom:1px solid #dae4ec}.f9-print-actions b{margin-right:auto}.f9-print-document{padding:27px 21px;background:#fff;color:#243648}.f9-print-header{display:flex;align-items:start;justify-content:space-between;border-bottom:3px solid #172d46;padding-bottom:12px}.f9-print-header h2{font-size:23px;margin:0}.f9-print-header div{display:flex;flex-direction:column;align-items:end;gap:7px}.f9-print-meta{padding:15px 0}.f9-print-meta p{margin:6px 0}.f9-print-table{width:100%;border-collapse:collapse}.f9-print-table th{background:#e6eff3;text-align:left}.f9-print-table th,.f9-print-table td{border:1px solid #dae3ea;padding:7px;font-size:11px}.f9-print-totals{display:flex;flex-direction:column;align-items:end;gap:6px;margin-top:18px}
@media print{body *{visibility:hidden!important}.f9-print-overlay,.f9-print-overlay .f9-print-document,.f9-print-overlay .f9-print-document *{visibility:visible!important}.f9-print-overlay{position:absolute!important;inset:0!important;background:#fff!important;overflow:visible!important;padding:0!important}.f9-print-window{width:100%!important;max-height:none!important;padding:0!important;overflow:visible!important}.f9-print-actions{display:none!important}.f9-print-document{padding:0!important;width:100%!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}@page{size:A4;margin:13mm}}

/* F10 compact report center — F2 palette retained */
.f10-dashboard{margin:10px 0 12px}.f10-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.f10-metric{border:1px solid var(--ls-edge);border-radius:8px;background:#fff;padding:11px 13px;min-height:67px;display:flex;flex-direction:column;gap:7px}.f10-metric span{font-size:11px;color:var(--ls-muted)}.f10-metric strong{font-size:20px;font-weight:700;color:var(--ls-text);font-variant-numeric:tabular-nums}.f10-controls{display:grid;grid-template-columns:minmax(160px,1.3fr) minmax(155px,1.4fr) 130px 130px auto auto auto;align-items:end;gap:8px}.f10-controls .f5-input,.f10-controls .ls-select{height:36px;width:100%}.f10-controls>.ls-button{white-space:nowrap}.f10-number{text-align:right;font-variant-numeric:tabular-nums}.f10-status{padding:7px 2px;font-size:12px;color:var(--ls-muted)}.f10-controls+.f6-footnote{margin:8px 0}.f10-controls~.ls-table-wrapper{max-height:65vh;overflow:auto}.f10-controls~.ls-table-wrapper thead{position:sticky;top:0;background:white;z-index:1}@media(max-width:1170px){.f10-controls{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:720px){.f10-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.f10-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.f10-controls .ls-button{width:100%}.f10-metric{min-height:58px}}