/* Fleetmotion Studio v4 — unified workspace */
:root{--fm-navy:#071627;--fm-orange:#ff5a1f;--fm-bg:#f4f6f8;--fm-line:#dce3e9;--fm-text:#102033;--fm-muted:#667788}
.fm-overlay{position:fixed;inset:0;z-index:100000;background:#eef2f5;display:flex;flex-direction:column;color:var(--fm-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
.fm-overlay.windowed{inset:42px;border:1px solid #bcc9d4;border-radius:14px;overflow:hidden;box-shadow:0 24px 80px rgba(7,22,39,.28)}
.fm-titlebar{height:48px;flex:0 0 auto;background:var(--fm-navy);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 10px 0 16px}
.fm-title-left{display:flex;align-items:center;gap:14px;min-width:0}.fm-title-left strong{font-size:15px}.fm-title-left small{color:#b9c8d6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fm-window-actions{display:flex;gap:2px}.fm-window-actions button{width:38px;height:32px;border:0;border-radius:6px;background:transparent;color:#fff;font-size:16px;cursor:pointer}.fm-window-actions button:hover{background:#18334d}.fm-window-actions .close:hover{background:#c42b1c}
.fm-menubar{height:35px;flex:0 0 auto;background:#fff;border-bottom:1px solid var(--fm-line);display:flex;align-items:center;padding:0 8px;gap:2px;position:relative;z-index:80}
.fm-menu-wrap{position:relative}.fm-menu-btn{border:0;background:transparent;border-radius:6px;height:28px;padding:0 9px;cursor:pointer}.fm-menu-btn:hover,.fm-menu-btn.open{background:#edf2f5}.fm-menu-pop{position:absolute;top:30px;left:0;min-width:225px;background:#fff;border:1px solid #ccd6de;border-radius:8px;padding:5px;box-shadow:0 10px 30px rgba(0,0,0,.17);z-index:90}.fm-menu-pop button{width:100%;border:0;background:#fff;border-radius:6px;padding:8px 10px;text-align:left;cursor:pointer;display:flex;justify-content:space-between;gap:12px}.fm-menu-pop button:hover{background:#edf2f5}.fm-menu-pop hr{border:0;border-top:1px solid #e7ebef;margin:4px}
.fm-toolbar{min-height:42px;flex:0 0 auto;background:#f9fafb;border-bottom:1px solid var(--fm-line);display:flex;align-items:center;gap:4px;padding:4px 9px;overflow-x:auto}.fm-tool{height:32px;min-width:32px;border:1px solid transparent;border-radius:7px;background:transparent;padding:0 8px;cursor:pointer;white-space:nowrap}.fm-tool:hover{background:#e9eff4;border-color:#d5dfe7}.fm-tool.active{background:#dce9f7;color:#123b61}.fm-sep{width:1px;height:24px;background:#d8e0e7;margin:0 3px}.fm-toolbar input[type=color]{width:31px;height:31px;border:1px solid #d7dfe6;border-radius:6px;padding:2px;background:#fff}.fm-toolbar select{height:31px;border:1px solid #d4dde5;border-radius:7px;background:#fff;padding:0 7px}
.fm-toast{position:fixed;right:20px;bottom:58px;z-index:100500;background:#071627;color:#fff;border-radius:9px;padding:10px 14px;box-shadow:0 8px 28px rgba(0,0,0,.25)}
/* Data Studio */
.fm-ds-formula{height:34px;flex:0 0 auto;display:grid;grid-template-columns:70px 40px 1fr;background:#fff;border-bottom:1px solid var(--fm-line)}.fm-ds-formula>div{display:flex;align-items:center;padding:0 8px;font-size:12px}.fm-ds-formula .name,.fm-ds-formula .fx{border-right:1px solid var(--fm-line)}.fm-ds-formula .fx{justify-content:center;font-style:italic;font-weight:700;color:#607284}.fm-ds-main{flex:1;min-height:0;position:relative;background:#fff}.fm-ds-scroll{position:absolute;inset:0;overflow:auto}.fm-sheet{border-collapse:separate;border-spacing:0;width:max-content;min-width:100%;table-layout:fixed}.fm-sheet th,.fm-sheet td{height:32px;border-right:1px solid #e1e6eb;border-bottom:1px solid #e1e6eb;padding:0 6px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#fff;box-sizing:border-box}.fm-sheet thead th{position:sticky;top:0;z-index:10;background:#f5f7f9;color:#4f6171;user-select:none}.fm-sheet .rowhead{position:sticky;left:0;z-index:11;width:44px;min-width:44px;max-width:44px;text-align:center;background:#f5f7f9;padding:0}.fm-sheet thead .rowhead{z-index:13}.fm-sheet td:focus{outline:2px solid #1a73e8;outline-offset:-2px}.fm-sheet td.selected{outline:2px solid #1a73e8;outline-offset:-2px}.fm-sheet th.selected-col{background:#dbe8f6}.fm-colhead{height:100%;display:flex;align-items:center;gap:5px;position:relative}.fm-col-letter{font-size:10px;color:#7c8c9b;min-width:17px}.fm-col-label{overflow:hidden;text-overflow:ellipsis}.fm-col-more{margin-left:auto;border:0;background:transparent;border-radius:4px;cursor:pointer;color:#657687}.fm-col-more:hover{background:#e3e9ee}.fm-col-resize{position:absolute;right:-4px;top:0;width:8px;height:100%;cursor:col-resize;z-index:15}.fm-col-resize:hover{background:#1a73e8}.fm-sheet th.dragging{opacity:.45}.fm-sheet th.drag-over{box-shadow:inset 3px 0 0 var(--fm-orange)}.fm-blank-col{color:#92a0ad!important}.fm-blank-col:hover{background:#eaf2fb!important;color:#174ea6!important}.fm-ds-tabs{height:43px;flex:0 0 auto;background:#fff;border-top:1px solid var(--fm-line);display:flex;align-items:center;gap:3px;padding:4px 8px;overflow-x:auto}.fm-ds-tab{border:0;background:transparent;border-radius:7px;padding:8px 13px;cursor:pointer;white-space:nowrap}.fm-ds-tab:hover{background:#edf2f5}.fm-ds-tab.active{background:#dfeaf7;color:#123b61;font-weight:800}.fm-ds-tab.plus{font-size:18px;width:34px;padding:5px}.fm-statusbar{height:23px;flex:0 0 auto;background:#f8fafb;border-top:1px solid var(--fm-line);display:flex;align-items:center;justify-content:space-between;padding:0 9px;font-size:10px;color:#687989}.fm-workbook-select{height:30px;border:1px solid #4b6072;background:#10283d;color:#fff;border-radius:7px;padding:0 7px}.fm-context{position:fixed;z-index:100300;min-width:200px;background:#fff;border:1px solid #ccd6df;border-radius:8px;box-shadow:0 10px 28px rgba(0,0,0,.18);padding:5px}.fm-context button{width:100%;border:0;background:#fff;border-radius:6px;padding:8px 10px;text-align:left;cursor:pointer}.fm-context button:hover{background:#edf2f5}.fm-cell-format{display:flex;gap:4px}.fm-cell-format button{font-weight:600}
.fm-chart-panel{position:absolute;right:14px;top:14px;width:360px;background:#fff;border:1px solid #cfd8e0;border-radius:12px;box-shadow:0 10px 35px rgba(0,0,0,.16);z-index:30;padding:14px}.fm-chart-bars{height:180px;display:flex;align-items:flex-end;gap:10px;padding:15px;border-left:1px solid #cbd5df;border-bottom:1px solid #cbd5df}.fm-chart-bars span{flex:1;background:#607d95;border-radius:4px 4px 0 0;min-height:4px;position:relative}.fm-chart-bars span small{position:absolute;bottom:-22px;left:50%;transform:translateX(-50%);font-size:9px;white-space:nowrap}
/* Unified Designer */
.fm-designer-body{flex:1;min-height:0;display:grid;grid-template-columns:260px minmax(380px,1fr) 330px;background:#e8edf2}.fm-design-left,.fm-design-right{background:#fff;overflow:auto;min-height:0}.fm-design-left{border-right:1px solid var(--fm-line)}.fm-design-right{border-left:1px solid var(--fm-line)}.fm-panel-title{position:sticky;top:0;z-index:20;background:#fff;padding:12px;border-bottom:1px solid var(--fm-line);font-weight:800}.fm-tool-search{width:calc(100% - 20px);margin:10px;height:36px;border:1px solid #d2dce4;border-radius:8px;padding:0 9px}.fm-tool-section{padding:0 10px 12px}.fm-tool-section h4{font-size:11px;text-transform:uppercase;color:#778898;margin:10px 0 5px}.fm-palette-item,.fm-dataset{border:1px solid #dbe2e8;background:#fff;border-radius:8px;padding:8px 9px;margin:5px 0;cursor:grab;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px}.fm-palette-item:hover,.fm-dataset:hover{border-color:#9eb2c3;background:#fafcfd}.fm-dataset details{width:100%}.fm-dataset summary{cursor:pointer;font-weight:700}.fm-dataset-field{padding:5px 7px;margin-top:3px;border-radius:6px;background:#f7f9fa;cursor:grab;display:flex;justify-content:space-between}.fm-design-stage{min-width:0;overflow:auto;padding:24px;display:flex;justify-content:center;align-items:flex-start;position:relative}.fm-device{position:relative;background:#fff;border:8px solid #182330;box-shadow:0 18px 45px rgba(7,22,39,.2);overflow:hidden;flex:0 0 auto}.fm-device.mobile{width:390px;height:760px;border-radius:36px}.fm-device.android{width:412px;height:760px;border-radius:28px}.fm-device.tablet{width:768px;height:760px;border-radius:22px}.fm-device.desktop{width:1180px;height:720px;border-width:5px;border-radius:10px}.fm-device.responsive{width:min(100%,1000px);height:720px;border-width:5px;border-radius:10px}.fm-screen{position:absolute;inset:0;overflow:auto;background:var(--screen-bg,#f4f6f8)}.fm-safe-top,.fm-safe-bottom,.fm-safe-left,.fm-safe-right{position:absolute;z-index:8;pointer-events:none;background:rgba(255,90,31,.07);border-color:rgba(255,90,31,.4);border-style:dashed}.fm-safe-top{top:0;left:0;right:0;height:28px;border-bottom-width:1px}.fm-safe-bottom{bottom:0;left:0;right:0;height:26px;border-top-width:1px}.fm-safe-left{top:0;bottom:0;left:0;width:12px;border-right-width:1px}.fm-safe-right{top:0;bottom:0;right:0;width:12px;border-left-width:1px}.fm-canvas{position:relative;min-height:100%;min-width:100%;background-image:linear-gradient(rgba(170,182,194,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(170,182,194,.3) 1px,transparent 1px);background-size:10px 10px}.fm-canvas.grid-off{background-image:none}.fm-node{position:absolute;box-sizing:border-box;background:#fff;border:1px solid #cfd8e0;border-radius:8px;min-width:30px;min-height:20px;cursor:move;overflow:visible}.fm-node.selected{outline:2px solid var(--fm-orange);outline-offset:1px}.fm-node.container{background:rgba(255,255,255,.72);border:1px dashed #7b94a9}.fm-node.container:before{content:attr(data-label);position:absolute;top:-17px;left:0;font-size:9px;color:#557084;background:#e8edf2;padding:1px 4px;border-radius:3px}.fm-node-inner{width:100%;height:100%;box-sizing:border-box;overflow:hidden}.fm-node .resize{position:absolute;width:11px;height:11px;right:-6px;bottom:-6px;border-radius:2px;background:var(--fm-orange);cursor:nwse-resize;z-index:4}.fm-node .field-demo{height:100%;display:flex;align-items:center;padding:0 9px;border:1px solid #d8e0e7;border-radius:inherit;background:inherit;font-size:12px}.fm-node .btn-demo{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--fm-orange);color:#fff;border-radius:inherit;font-weight:700}.fm-node .toggle-demo{display:flex;align-items:center;gap:8px;padding:7px}.fm-switch{width:42px;height:22px;border-radius:999px;background:#c8d2da;position:relative}.fm-switch:after{content:"";position:absolute;width:18px;height:18px;top:2px;left:2px;background:#fff;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.3)}.fm-preview-dark .fm-switch{background:#ff5a1f}.fm-preview-dark .fm-switch:after{left:22px}.fm-preview-dark{--screen-bg:#0d1825;color:#f7fafc}.fm-preview-dark .fm-node:not(.container){background:#17283b;color:#f7fafc;border-color:#34506a}.fm-guide{position:absolute;z-index:60;pointer-events:none;background:#e83e8c}.fm-guide.v{width:1px;top:0;bottom:0}.fm-guide.h{height:1px;left:0;right:0}.fm-measure{position:absolute;z-index:61;pointer-events:none;background:#071627;color:#fff;border-radius:4px;font-size:9px;padding:3px 5px;white-space:nowrap}.fm-gap-badge{position:absolute;z-index:61;background:#e83e8c;color:#fff;border-radius:4px;font-size:9px;padding:2px 4px;pointer-events:none}.fm-prop-tabs{display:grid;grid-template-columns:repeat(4,1fr);position:sticky;top:0;background:#fff;z-index:30;border-bottom:1px solid var(--fm-line)}.fm-prop-tabs button{border:0;background:#fff;padding:10px 4px;font-size:11px;cursor:pointer}.fm-prop-tabs button.active{color:#b93d0c;border-bottom:2px solid var(--fm-orange);font-weight:800}.fm-props{padding:10px}.fm-prop-group{border-bottom:1px solid #e7ebef;padding:8px 0 12px}.fm-prop-group h4{font-size:11px;margin:4px 0 8px;color:#627587;text-transform:uppercase}.fm-pair{display:grid;grid-template-columns:1fr 1fr;gap:6px}.fm-props label{font-size:10px;color:#66798a;display:block;margin-bottom:3px}.fm-props input,.fm-props select{width:100%;height:33px;border:1px solid #d3dce4;border-radius:7px;padding:0 7px;box-sizing:border-box;background:#fff}.fm-props input[type=color]{padding:2px}.fm-prop-btns{display:flex;gap:4px;flex-wrap:wrap}.fm-prop-btns button{height:32px;min-width:34px;border:1px solid #d3dce4;border-radius:7px;background:#fff;cursor:pointer}.fm-prop-btns button.active{background:#dfeaf7}.fm-tree-item{font-size:11px;border:1px solid #e0e6eb;border-radius:6px;padding:5px 7px;margin:3px 0;cursor:pointer}.fm-tree-item.active{border-color:#ff5a1f;background:#fff8f4}.fm-preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.fm-preset{border:1px solid #d8e1e8;border-radius:8px;padding:6px;cursor:pointer;background:#fff}.fm-preset:hover{border-color:#ff5a1f}.fm-preset-preview{height:48px;border-radius:5px;margin-bottom:4px;border:1px solid rgba(0,0,0,.08)}.fm-icon-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.fm-icon-card{border:1px solid #d9e1e8;border-radius:7px;padding:7px;text-align:center;cursor:pointer}.fm-icon-card:hover{border-color:#ff5a1f;background:#fff8f4}.fm-icon-card img{width:22px;height:22px}.fm-icon-card small{display:block;font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fm-modal-backdrop{position:fixed;inset:0;z-index:100400;background:rgba(7,22,39,.45);display:flex;align-items:center;justify-content:center;padding:20px}.fm-modal{width:min(620px,100%);max-height:80vh;overflow:auto;background:#fff;border-radius:12px;padding:16px;box-shadow:0 20px 60px rgba(0,0,0,.25)}.fm-modal h3{margin-top:0}.fm-checklist{display:grid;grid-template-columns:1fr 1fr;gap:6px}.fm-checkline{display:flex;align-items:center;gap:7px;padding:7px;border:1px solid #e0e6eb;border-radius:7px}.fm-preview-banner{position:absolute;top:8px;left:50%;transform:translateX(-50%);z-index:70;background:#071627;color:#fff;border-radius:999px;padding:5px 10px;font-size:10px;pointer-events:none}.fm-preview-mode .fm-node{cursor:default}.fm-preview-mode .resize,.fm-preview-mode .fm-guide,.fm-preview-mode .fm-measure{display:none!important}
/* Documents */
.fm-doc-body{flex:1;min-height:0;display:grid;grid-template-columns:240px 1fr;background:#fff}.fm-folder-tree{border-right:1px solid var(--fm-line);padding:10px;overflow:auto;background:#fafbfc}.fm-folder{padding:8px;border-radius:7px;cursor:pointer;margin:3px 0}.fm-folder:hover{background:#edf2f5}.fm-folder.active{background:#dfeaf7;font-weight:800}.fm-asset-area{padding:14px;overflow:auto}.fm-assets{display:grid;grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:10px}.fm-asset{border:1px solid #dce3e9;border-radius:9px;padding:10px;text-align:center;background:#fff;cursor:pointer}.fm-asset:hover{border-color:#ff5a1f}.fm-asset img{width:34px;height:34px}.fm-asset small{display:block;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Settings Studio landing */
.fm-settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.fm-settings-card{border:1px solid #dce3e9;border-radius:14px;background:#fff;padding:16px}.fm-settings-card h3{margin:0 0 6px}.fm-settings-card p{color:#687989;font-size:13px;min-height:38px}.fm-settings-card button{border:0;border-radius:8px;background:#071627;color:#fff;padding:9px 12px;cursor:pointer}
/* hide legacy builder sections in operational nav */
.sidebar button[data-page="builder"],.sidebar button[data-page="dream"],.sidebar button[data-page="dispatcher"],.sidebar button[data-page="designer"],.sidebar button[data-page="workflow"],.sidebar button[data-page="automation"],.sidebar button[data-page="templates"]{display:none!important}
@media(max-width:1000px){.fm-designer-body{grid-template-columns:220px 1fr}.fm-design-right{display:none}.fm-settings-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.fm-overlay.windowed{inset:8px}.fm-designer-body{grid-template-columns:1fr}.fm-design-left{display:none}.fm-settings-grid{grid-template-columns:1fr}.fm-doc-body{grid-template-columns:1fr}.fm-folder-tree{display:none}}