/* One maintenance operations canvas: requests, work orders, inspections and completion. */
.mo-page{font-family:'Pulse Sans','Segoe UI',sans-serif;font-size:12px;color:#e9f4ff;min-width:0;font-variant-numeric:tabular-nums}
.mo-page *{box-sizing:border-box}
.mo-page button,.mo-page input,.mo-page select{font:inherit;color:inherit;min-width:0}
.mo-page button{cursor:pointer;border:1px solid #155575;border-radius:6px;background:linear-gradient(135deg,#082d45,#001a2b);display:inline-flex;align-items:center;justify-content:center;gap:7px}
.mo-page button:hover{border-color:#00c9ff;background-color:#003b55}
.mo-page button:focus-visible,.mo-page summary:focus-visible{outline:2px solid #00dcff;outline-offset:3px}
.mo-page button:disabled{opacity:.5;cursor:default}
.mo-page .app-icon{width:18px;height:18px;flex:none}
.mo-page .primary{background:linear-gradient(125deg,#009cff,#0078ff);border-color:#009fff;color:#f6fbff}
.mo-page .success{background:linear-gradient(125deg,#00b586,#008960);border-color:#00cb91}
.mo-heading{height:72px;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:12px;padding:0 13px}
.mo-heading h1{font-size:36px;line-height:44px;font-weight:750;margin:0 0 3px;letter-spacing:-.7px}
.mo-heading p{font-size:14px;line-height:20px;margin:0;color:#bfd8ec;white-space:nowrap}
.mo-heading-user{display:flex;align-items:center;gap:9px;min-width:155px;padding:4px 0}
.mo-heading-user>span{display:grid;place-items:center;flex:none;width:38px;height:38px;border:1px solid #17617e;border-radius:50%;color:#00caff;background:linear-gradient(135deg,#006386,#002638)}
.mo-heading-user .app-icon{width:24px;height:24px}
.mo-heading-user b,.mo-heading-user small{display:block}
.mo-heading-user b{font-size:12px;line-height:18px}
.mo-heading-user small{font-size:10px;line-height:16px;color:#98b9d1}
.mo-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px;margin-bottom:12px}
.mo-page .mo-stat{min-height:92px;height:92px;align-items:center;justify-content:flex-start;text-align:left;gap:14px;padding:12px 16px;border-color:color-mix(in srgb,var(--mo-tone) 27%,#092b40);border-radius:10px;background:radial-gradient(ellipse at 20% 10%,color-mix(in srgb,var(--mo-tone) 13%,transparent),transparent 80%),linear-gradient(125deg,#002337ef,#00172af5)}
.mo-stat>span{display:grid;place-items:center;width:56px;height:56px;flex:none;border-radius:11px;background:linear-gradient(135deg,color-mix(in srgb,var(--mo-tone) 35%,#001b32),color-mix(in srgb,var(--mo-tone) 18%,#002238));color:var(--mo-tone);box-shadow:inset 0 1px #e9faff10}
.mo-stat>span .app-icon{width:30px;height:30px;stroke-width:1.8}
.mo-stat>div{min-width:0}
.mo-stat small,.mo-stat strong,.mo-stat em{display:block;white-space:nowrap}
.mo-stat small{font-size:11px;line-height:17px;color:#b5d1e5;font-weight:400}
.mo-stat strong{font-size:29px;line-height:32px;font-weight:750}
.mo-stat em{font-size:11px;line-height:17px;color:#9fc0d7;font-style:normal;margin-top:1px}
.mo-stat.red em{color:#f77f8a}
.mo-page .cyan{--mo-tone:#00caff}
.mo-page .blue{--mo-tone:#008fff}
.mo-page .green{--mo-tone:#00e4ab}
.mo-page .red{--mo-tone:#ff4e68}
.mo-page .purple{--mo-tone:#b354ff}
.mo-page .amber{--mo-tone:#ffd34c}
.mo-page .muted{--mo-tone:#6f9ab7}
.mo-filters{display:grid;grid-template-columns:1.65fr .95fr .7fr .7fr auto;grid-template-rows:44px 44px;gap:7px 13px;align-items:end;padding:11px 10px 8px;margin-bottom:12px;min-height:116px;border:1px solid #0b4f6e;border-radius:9px;background:linear-gradient(130deg,#002439dd,#001a2de9);position:relative}
.mo-filters label{display:flex;flex-direction:column;gap:3px;min-width:0;margin:0;color:#a8c8df;font-size:10px}
.mo-filters input,.mo-filters select{height:32px;width:100%;background:linear-gradient(#00243c,#001728);border:1px solid #195674;border-radius:5px;padding:4px 10px;color:#e2effb;color-scheme:dark;font-size:12px}
.mo-filters select option{background:#05293e}
.mo-filters .mo-search{height:41px;position:relative;display:block;align-self:end}
.mo-search>.app-icon,.mo-search>[data-app-icon]{position:absolute;left:12px;top:10px;color:#9bc6e2}
.mo-search input{height:41px;padding-left:43px;font-size:12px}
.mo-period>span:last-child{display:flex;align-items:center;border:1px solid #195674;border-radius:5px;height:32px;background:#001c2e;gap:0;padding:0 4px}
.mo-period input{padding:3px 2px;width:48%;height:29px;font-size:10px;border:0;background:none}
.mo-create-actions{display:flex;align-items:end;gap:7px;grid-column:5;grid-row:1}
.mo-create-actions button{height:44px;padding:5px 15px;white-space:nowrap;background:linear-gradient(120deg,#008bff,#0066f2);border-color:#008cff;font-size:12px;font-weight:550}
.mo-create-actions .app-icon{width:19px;height:19px}
.mo-technician{grid-row:2;grid-column:1}
.mo-status{grid-row:2;grid-column:2}
.mo-priority{grid-row:2;grid-column:3/5}
.mo-filters #moClear{grid-column:5;grid-row:2;justify-self:end;height:38px;font-size:11px;padding:5px 14px;color:#b5d3e8}
.mo-period-note{position:absolute;bottom:0;right:160px;font-size:8px;color:#91b3ca;line-height:9px;pointer-events:none}
.mo-layout{display:grid;grid-template-columns:1fr;gap:11px;align-items:start}
.mo-layout.has-detail{grid-template-columns:minmax(0,3fr) minmax(295px,1fr)}
.mo-board-area{min-width:0}
.mo-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;min-width:0}
.mo-column{min-width:0;border:1px solid color-mix(in srgb,var(--mo-tone) 60%,#002036);border-top:2px solid var(--mo-tone);border-radius:10px;background:radial-gradient(ellipse at top,color-mix(in srgb,var(--mo-tone) 14%,transparent),transparent 65%),linear-gradient(#00243ae8,#001827f5);position:relative}
.mo-column>header{display:flex;align-items:flex-start;gap:10px;padding:10px 12px 8px;height:65px;position:relative}
.mo-column:not(:last-child)>header:after{content:'→';position:absolute;right:-19px;top:14px;color:#00bcff;font-size:30px;line-height:30px;z-index:2;pointer-events:none;text-shadow:0 0 4px #00273b}
.mo-column>header>span{color:var(--mo-tone)}
.mo-column>header .app-icon{width:26px;height:29px}
.mo-column h2{font-size:14px;line-height:21px;font-weight:650;display:flex;align-items:center;gap:10px;margin:0;white-space:nowrap}
.mo-column h2 b{display:inline-flex;align-items:center;justify-content:center;font-size:11px;min-width:30px;height:23px;border-radius:20px;background:#12557a80;color:#c0eaff}
.mo-column header p{font-size:10px;line-height:17px;margin:4px 0 0;color:#89b3cf;white-space:nowrap}
.mo-cards{display:flex;flex-direction:column;gap:8px;padding:0 7px 7px;height:458px;overflow:auto;scrollbar-width:thin;scrollbar-color:#12617c #001d2c}
.mo-page .mo-card{position:relative;display:flex;flex-direction:column;flex:none;gap:0;width:100%;min-height:143px;text-align:left;padding:7px;border-color:color-mix(in srgb,var(--mo-tone) 38%,#0c3d55);border-radius:8px;background:radial-gradient(ellipse at top left,color-mix(in srgb,var(--mo-tone) 10%,transparent),transparent 80%),linear-gradient(120deg,#00233bf2,#001828fa);box-shadow:inset 0 1px #b6e9ff09;color:#d5eaf9;overflow:hidden}
.mo-card:before{content:'';position:absolute;left:0;top:8px;width:3px;height:19px;border-radius:3px;background:var(--mo-priority)}
.mo-page .mo-card.selected{border-color:#00c9ff;box-shadow:0 0 7px #00bfff35,inset 0 0 10px #00baff1c}
.mo-card-top{display:flex;align-items:center;gap:4px;width:100%;min-height:18px;white-space:nowrap}
.mo-card-top>b{font-size:11px;line-height:18px;color:#e4f3ff;font-weight:700;margin-right:auto;overflow:hidden;text-overflow:ellipsis}
.mo-pill{display:inline-flex;align-items:center;gap:5px;justify-content:center;border-radius:20px;padding:3px 8px;font-size:9px;line-height:13px;white-space:nowrap;min-width:0;color:color-mix(in srgb,var(--mo-tone) 40%,#fff);background:color-mix(in srgb,var(--mo-tone) 30%,#001627);font-weight:550;border:1px solid color-mix(in srgb,var(--mo-tone) 10%,transparent)}
.mo-pill i{width:7px;height:7px;border-radius:50%;background:var(--mo-tone);flex:none;box-shadow:0 0 3px color-mix(in srgb,var(--mo-tone) 35%,transparent)}
.mo-card-body{display:flex;align-items:center;gap:8px;width:100%;padding:7px 0 4px;min-width:0}
.mo-thumb{display:grid;place-items:center;flex:none;width:46px;height:43px;border-radius:6px;border:1px solid #245f7a;color:#7ec9e5;background:radial-gradient(ellipse at top,#1f6587,#03253c 80%);overflow:hidden}
.mo-thumb>.app-icon,.mo-thumb>[data-app-icon]{width:32px;height:29px;opacity:.95}
.mo-thumb img{width:100%;height:100%;object-fit:cover}
.mo-card-body>span:last-child{min-width:0;flex:1}
.mo-card-body strong{display:block;font-size:10px;line-height:15px;font-weight:700;color:#f0f7ff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mo-card-body small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:10px;line-height:14px;color:#9cbfd8;margin-top:2px;font-weight:400;max-height:28px}
.mo-card-asset{display:flex;align-items:center;gap:7px;width:100%;font-size:9px;line-height:18px;color:#9ac2de;min-width:0}
.mo-card-asset .app-icon{width:14px;height:14px}
.mo-card-asset b{font-size:9px;font-weight:500;white-space:nowrap}
.mo-card-asset>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mo-card-meta{display:flex;gap:7px;align-items:center;width:100%;margin-top:2px;line-height:17px;font-size:9px;color:#a8c8df}
.mo-card-meta em{display:inline-flex;align-items:center;gap:4px;line-height:15px;border-radius:9px;padding:1px 7px;font-size:8px;font-style:normal;color:color-mix(in srgb,var(--mo-tone) 45%,#fff);background:color-mix(in srgb,var(--mo-tone) 23%,#001b30);white-space:nowrap}
.mo-card-meta em .app-icon{width:10px;height:10px}
.mo-card-meta>span{display:inline-flex;align-items:center;gap:5px;font-size:9px;white-space:nowrap}
.mo-card-meta>span .app-icon{width:12px;height:12px}
.mo-card-bottom{display:flex;align-items:center;gap:6px;min-height:26px;width:100%;margin-top:3px}
.mo-person{display:flex;align-items:center;gap:5px;min-width:0;flex:1}
.mo-person i{display:grid;place-items:center;width:23px;height:23px;flex:none;font-style:normal;font-size:9px;color:#deefff;border-radius:50%;background:linear-gradient(130deg,#2479b5,#1b4c86);box-shadow:inset 0 1px #cce8ff33}
.mo-person>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px;color:#a9cbe5}
.mo-progress{display:flex;align-items:center;gap:6px;width:110px;max-width:44%;flex:none}
.mo-progress>span{height:8px;border-radius:5px;background:#103d57;overflow:hidden;flex:1;box-shadow:inset 0 1px #e3faff09}
.mo-progress i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#00c79e,#00e9bc);box-shadow:0 0 4px #00e3aa33}
.mo-progress b{font-size:8px;line-height:13px;font-weight:450;color:#c9e2f6}
.mo-open{display:grid;place-items:center;width:26px;height:26px;flex:none;margin-left:auto;background:linear-gradient(135deg,#145d88,#0b304d);border:1px solid #1b638a;border-radius:50%;color:#e1f4ff}
.mo-open .app-icon{width:16px;height:16px}
.mo-page .late{color:#ff6277!important}
.mo-empty{font-size:11px;line-height:19px;color:#80abc6;text-align:center;margin:25px 9px}
.mo-detail{min-width:0;min-height:584px;border:1px solid #0a526d;border-radius:9px;padding:0 10px 10px;background:linear-gradient(135deg,#002135f2,#001929fa)}
.mo-detail>header{display:flex;align-items:center;gap:8px;border-bottom:1px solid #103e58;padding:8px 0;min-height:41px}
.mo-detail h2{display:flex;align-items:center;gap:9px;margin:0;font-size:18px;line-height:25px;flex:1}
.mo-detail h2>.app-icon,.mo-detail h2>[data-app-icon]{color:#00baff}
.mo-detail>header>button{border:0;background:none;box-shadow:none;color:#82b5d7;width:25px;height:25px;padding:0}
.mo-detail-asset{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid #103e58}
.mo-thumb.large{width:76px;height:57px;border-radius:7px}
.mo-thumb.large>.app-icon,.mo-thumb.large>[data-app-icon]{width:49px;height:39px}
.mo-detail-asset>span:last-child{min-width:0}
.mo-detail-asset b{font-size:13px;line-height:19px;display:block}
.mo-detail-asset small{font-size:11px;line-height:17px;color:#9cc0da;display:block}
.mo-detail-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 15px;margin:10px 0}
.mo-detail-fields div{min-width:0}
.mo-detail-fields dt{font-size:10px;line-height:15px;color:#80accd}
.mo-detail-fields dd{display:flex;align-items:center;gap:5px;font-size:12px;line-height:18px;margin:2px 0 0;color:#d2e7f8;overflow-wrap:anywhere}
.mo-detail-fields dd .app-icon{width:14px;height:14px;color:#96c2df}
.mo-detail-fields>div:last-child{grid-column:1/-1}
.mo-detail-progress{margin:9px 0}
.mo-detail-progress>span{font-size:10px;line-height:17px;color:#8fb6d1}
.mo-detail-progress .mo-progress{width:100%;max-width:none;margin-top:3px}
.mo-detail-progress .mo-progress>span{height:10px}
.mo-detail-progress .mo-progress b{font-size:11px;width:48px;text-align:center}
.mo-detail-owner{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 3px;border:1px solid #0c3d58;border-radius:7px}
.mo-detail-owner small{display:block;font-size:9px;line-height:16px;color:#8ab6d5}
.mo-detail-owner b{display:block;font-size:11px;line-height:18px;color:#c6e1f5}
.mo-flow{padding:9px 0 0}
.mo-flow h3{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:12px;font-weight:550;color:#accce4}
.mo-flow h3 .app-icon{color:#97c7e5}
.mo-flow>button{display:flex;position:relative;width:calc(100% - 32px);margin:0 0 5px 30px;text-align:left;justify-content:flex-start;gap:7px;border-color:#113e58;min-height:40px;padding:3px 7px;background:#001e31}
.mo-flow>button:before{content:'';position:absolute;left:-18px;top:-6px;bottom:-8px;width:2px;background:#00b98b}
.mo-flow>button:last-of-type:before{bottom:50%}
.mo-flow>button:after{content:'';position:absolute;left:-22px;top:15px;width:9px;height:9px;border:2px solid #00e3a7;border-radius:50%;background:#00392f}
.mo-flow>button>i{display:grid;place-items:center;width:30px;height:30px;flex:none;border:1px solid color-mix(in srgb,var(--mo-tone) 38%,transparent);border-radius:6px;background:color-mix(in srgb,var(--mo-tone) 17%,#002339);color:var(--mo-tone)}
.mo-flow>button>span{min-width:0;flex:1}
.mo-flow b{display:block;font-size:11px;line-height:15px}
.mo-flow small{display:block;font-size:9px;color:#9bbcd5;line-height:14px}
.mo-flow em{font-size:8px;font-style:normal;color:#80b6d8;max-width:74px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mo-flow>p{font-size:10px;color:#80a9c4;margin:7px 0 10px 31px}
.mo-detail-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding-top:8px;border-top:1px solid #0e3a53;margin-top:10px}
.mo-detail-actions>button{min-height:36px;padding:5px 8px;font-size:11px;white-space:nowrap}
.mo-more{position:relative}
.mo-more summary{cursor:pointer;font-size:20px;line-height:33px;width:37px;text-align:center;list-style:none;border:1px solid #185579;border-radius:6px;background:#09324d}
.mo-more summary::-webkit-details-marker{display:none}
.mo-more button{position:absolute;bottom:38px;left:0;padding:8px 12px;white-space:nowrap;z-index:4;background:#062c44;color:#ff8895}
.mo-activity{display:flex;gap:10px;align-items:center;margin-top:10px;min-height:69px;padding:9px 11px;border:1px solid #073e59;border-radius:8px;background:#001d30dc;min-width:0;overflow:auto}
.mo-activity>div{display:flex;align-items:center;gap:12px;flex:none;max-width:185px}
.mo-activity>div>.app-icon,.mo-activity>div>[data-app-icon]{width:27px;height:27px;color:#b0d9f2}
.mo-activity>div b{display:block;font-size:11px;line-height:18px}
.mo-activity>div small{font-size:9px;line-height:13px;display:block;color:#94bdd8}
.mo-activity>button{display:flex;gap:8px;flex:1 0 140px;align-items:center;padding:0 8px;border:0;border-left:1px solid #0d334e;border-radius:0;background:none;min-width:0;text-align:left}
.mo-activity>button>i{display:grid;place-items:center;width:32px;height:36px;flex:none;border-radius:50%;color:var(--mo-tone);background:color-mix(in srgb,var(--mo-tone) 22%,#00233b)}
.mo-activity button>span{min-width:0}
.mo-activity time{display:block;font-size:8px;color:#649abf;line-height:13px}
.mo-activity button b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:9px;line-height:15px;font-weight:550;max-width:150px}
.mo-activity button small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:8px;color:#94b8d2;line-height:13px;max-width:150px}
.mo-activity>p{color:#86afcb;font-size:11px}
.mo-warning{padding:8px 12px;border:1px solid #79562c;background:#432d1a66;color:#efca8c;border-radius:7px;font-size:12px}
.mo-warning button{padding:4px 10px;margin-left:10px}
.mo-form-error{padding:9px;border:1px solid #b74657;border-radius:6px;background:#6e223133;color:#ffadb5;font-size:13px}
.mo-modal{max-width:650px}
.mo-modal .form-grid>.help{grid-column:1/-1}
.mo-record-summary{display:flex;gap:14px;align-items:center;padding-bottom:12px;border-bottom:1px solid #1c4860}
.mo-record-summary b,.mo-record-summary small{display:block;margin-bottom:6px}
.mo-record-summary small{color:#93b4cc}
.mo-denied{padding:40px 20px;color:#a6c9e2}
body:has(.mo-page)>#app:focus{outline:none}
html body.app-ready:has(.mo-page){--industrial-photo:linear-gradient(90deg,#00131fd9,#00131f91 40%,#00131fb8),url('/assets/realtime-header-reference-v2.png');--industrial-mask:linear-gradient(180deg,#000 0,#000 65px,transparent 205px)}
html body.app-ready:has(.mo-page)::before{height:220px}
.mo-page .mo-card-body{padding-top:5px;padding-bottom:3px}
.mo-page .mo-card-body .mo-thumb{height:37px}
.mo-page .mo-card-body strong{font-size:11px}
.mo-page .mo-card-bottom{min-height:24px;margin-top:2px}
.mo-page .mo-card-meta{line-height:15px}
.mo-page .mo-card-bottom .mo-person>span{font-size:9px}
.mo-page .mo-card-bottom .mo-progress b{font-size:9px}
@media(min-width:901px){
 html body:has(.mo-page)>#app{padding:14px 13px 13px}
 html body:has(.mo-page)>.topbar{display:none}
}
@media(max-width:1650px) and (min-width:1301px){
 .mo-page .mo-stat{padding:10px;gap:10px}
 .mo-stat>span{width:47px;height:53px}
 .mo-stat small{font-size:10px}
 .mo-stat em{font-size:10px}
 .mo-stat strong{font-size:28px}
 .mo-filters{grid-template-columns:1.5fr .95fr .7fr .7fr auto;column-gap:9px}
 .mo-create-actions button{padding:5px 10px;font-size:11px}
 .mo-card-top{flex-wrap:wrap;gap:3px}
 .mo-card-top>.mo-pill:last-child:nth-child(3){font-size:8px}
 .mo-card-top>b{font-size:10px}
 .mo-pill{padding:2px 6px;font-size:8px}
 .mo-column>header{padding-left:9px;gap:7px}
 .mo-column h2{font-size:12px;gap:6px}
 .mo-column h2 b{min-width:25px}
 .mo-column>header .app-icon{width:22px}
 .mo-column header p{font-size:9px}
 .mo-card-meta{gap:5px}
 .mo-card-asset{gap:5px}
 .mo-card-bottom .mo-progress{max-width:38%}
 .mo-card-bottom .mo-person>span{font-size:7px}
 .mo-layout.has-detail{grid-template-columns:minmax(0,3fr) minmax(280px,1fr)}
}
@media(max-width:1300px){
 .mo-heading{height:auto;min-height:76px;padding-left:4px}
 .mo-heading h1{font-size:31px;line-height:39px}
 .mo-heading p{font-size:12px;white-space:normal;max-width:650px}
 .mo-heading-user{display:none}
 .mo-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
 .mo-page .mo-stat{height:85px;min-height:85px}
 .mo-filters{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:auto;min-height:0;padding:11px;gap:9px 10px}
 .mo-search{grid-column:1/3;grid-row:1}
 .mo-period{grid-column:3/5;grid-row:1}
 .mo-line{grid-column:1/3;grid-row:2}
 .mo-equipment{grid-column:3/5;grid-row:2}
 .mo-technician{grid-column:1/3;grid-row:3}
 .mo-status{grid-column:3;grid-row:3}
 .mo-priority{grid-column:4;grid-row:3}
 .mo-create-actions{grid-column:1/4;grid-row:4;flex-wrap:wrap}
 .mo-create-actions button{height:36px;font-size:11px;padding:5px 11px}
 .mo-filters #moClear{grid-column:4;grid-row:4;height:36px}
 .mo-period-note{display:none}
 .mo-layout.has-detail{grid-template-columns:minmax(0,1fr) 295px}
 .mo-board{grid-template-columns:repeat(2,minmax(0,1fr))}
 .mo-column:nth-child(2)>header:after{display:none}
 .mo-cards{height:365px}
 .mo-column h2{font-size:13px}
 .mo-card-top{flex-wrap:wrap}
 .mo-detail{position:sticky;top:12px}
}
@media(max-width:900px){
 html body:has(.mo-page)>#app{padding:76px 12px 18px}
 .mo-layout.has-detail{grid-template-columns:1fr}
 .mo-detail{position:static;min-height:0}
 .mo-detail-fields{grid-template-columns:repeat(3,minmax(0,1fr))}
 .mo-detail-fields>div:last-child{grid-column:auto}
 .mo-detail-actions{grid-template-columns:repeat(3,minmax(0,1fr))}
 .mo-stats{gap:8px}
 .mo-page .mo-stat{padding:10px;gap:9px}
 .mo-stat>span{width:40px;height:44px}
 .mo-stat small{font-size:10px}
 .mo-stat em{font-size:9px}
 .mo-stat strong{font-size:27px}
 .mo-card{min-height:150px}
 .mo-card-body strong{font-size:12px}
 .mo-card-body small{font-size:11px}
 .mo-person>span{font-size:10px}
 .mo-card-top>b{font-size:12px}
 .mo-pill{font-size:10px}
 .mo-card-meta em,.mo-card-meta>span{font-size:10px}
 .mo-card-asset,.mo-card-asset b{font-size:10px}
 .mo-detail-asset b{font-size:15px}
 .mo-detail-fields dd{font-size:13px}
}
@media(max-width:600px){
 html body:has(.mo-page)>#app{padding:70px 9px 16px}
 .mo-heading{min-height:0;margin-bottom:12px}
 .mo-heading h1{font-size:28px;line-height:33px;letter-spacing:-.5px}
 .mo-heading p{font-size:11px;line-height:17px;margin-top:5px}
 .mo-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 .mo-page .mo-stat{height:82px;min-height:82px;padding:8px;gap:7px}
 .mo-stat>span{width:34px;height:39px;border-radius:8px}
 .mo-stat>span .app-icon{width:25px;height:25px}
 .mo-stat small{font-size:9px;line-height:14px}
 .mo-stat strong{font-size:26px;line-height:28px}
 .mo-stat em{font-size:8px;line-height:13px}
 .mo-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 8px;padding:9px}
 .mo-search{grid-column:1/3;grid-row:1}
 .mo-period{grid-column:1/3;grid-row:2}
 .mo-line{grid-column:1;grid-row:3}
 .mo-equipment{grid-column:2;grid-row:3}
 .mo-technician{grid-column:1/3;grid-row:4}
 .mo-status{grid-column:1;grid-row:5}
 .mo-priority{grid-column:2;grid-row:5}
 .mo-create-actions{grid-column:1/3;grid-row:6;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
 .mo-create-actions button{height:36px;padding:5px;font-size:10px;gap:5px}
 .mo-create-actions button:last-child:nth-child(3){grid-column:1/3}
 .mo-filters #moClear{grid-column:1/3;grid-row:7;justify-self:end;height:33px;font-size:10px}
 .mo-filters input,.mo-filters select{height:36px;font-size:12px}
 .mo-filters .mo-search input{height:41px;font-size:10px;padding-left:35px}
 .mo-period>span:last-child{height:36px}
 .mo-period input{height:32px;font-size:12px}
 .mo-board{grid-template-columns:1fr;gap:11px}
 .mo-column>header{height:59px}
 .mo-column:not(:last-child)>header:after{display:none}
 .mo-column h2{font-size:15px}
 .mo-column header p{font-size:11px}
 .mo-cards{height:auto;max-height:520px;min-height:100px;padding:0 8px 8px}
 .mo-card-top{flex-wrap:nowrap;gap:6px}
 .mo-page .mo-card{min-height:155px;padding:9px}
 .mo-card-body strong{font-size:12px;line-height:17px}
 .mo-card-body small{font-size:11px;line-height:15px;max-height:30px}
 .mo-thumb{width:49px;height:44px}
 .mo-card-asset{line-height:21px}
 .mo-card-meta{margin-top:4px}
 .mo-card-bottom{margin-top:5px}
 .mo-person i{width:26px;height:26px;font-size:10px}
 .mo-person>span{font-size:10px}
 .mo-progress b{font-size:10px}
 .mo-detail-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
 .mo-detail-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
 .mo-detail-actions>button{min-height:38px;font-size:11px}
 .mo-detail-fields>div:last-child{grid-column:1/-1}
 .mo-activity{gap:8px;min-height:77px}
 .mo-activity>div{max-width:130px;gap:8px}
 .mo-activity>div b{font-size:10px}
 .mo-activity>div small{font-size:8px}
 .mo-modal .modal-body{max-height:calc(100dvh - 160px);overflow:auto}
}

/* Reference proportions: readable cards, three complete rows and a quieter detail pane. */
.mo-page{font-weight:400;--mo-soft:#a6c8e0;--mo-edge:#145571}
.mo-page button{font-weight:400;transition:border-color .16s,box-shadow .16s,background-color .16s}
.mo-heading h1{font-size:38px;line-height:45px;font-weight:730;letter-spacing:-.65px;text-shadow:0 2px 12px #00121d60}
.mo-heading p{font-size:15px;line-height:22px;color:#b9d4e9}
.mo-heading-user{padding-top:3px;gap:10px}
.mo-heading-user>span{width:37px;height:37px;font-size:12px;font-weight:650;border:0;background:linear-gradient(135deg,#0879ac,#114773);box-shadow:inset 0 1px #9edfff30}
.mo-heading-user b{font-size:12px;font-weight:600}
.mo-heading-user small{font-size:11px;color:#97bcd4}
.mo-page .mo-stat{gap:15px;padding:11px 16px;border-color:color-mix(in srgb,var(--mo-tone) 32%,#06263b);background:radial-gradient(ellipse at 80% 0,color-mix(in srgb,var(--mo-tone) 11%,transparent),transparent 80%),linear-gradient(120deg,#002b43ed,#001b2ff5);box-shadow:inset 0 1px #aee8ff0c,0 4px 18px #000d170f}
.mo-stat>span{width:57px;height:57px;border-radius:11px;background:linear-gradient(140deg,color-mix(in srgb,var(--mo-tone) 32%,#002a40),color-mix(in srgb,var(--mo-tone) 13%,#002038));box-shadow:inset 0 1px #c3efff20,0 0 22px color-mix(in srgb,var(--mo-tone) 7%,transparent)}
.mo-stat>span .app-icon{width:31px;height:31px;filter:drop-shadow(0 0 4px color-mix(in srgb,var(--mo-tone) 30%,transparent))}
.mo-stat small{font-size:12px;line-height:18px;color:#b3cfe3;letter-spacing:.05px}
.mo-stat strong{font-size:30px;line-height:32px;font-weight:700}
.mo-stat em{font-size:11px;line-height:17px;font-weight:400;color:#a8c6dd}
.mo-page .mo-stat:hover{border-color:var(--mo-tone);box-shadow:inset 0 0 20px color-mix(in srgb,var(--mo-tone) 7%,transparent)}
.mo-filters{border-color:#0c4c6a;background:linear-gradient(110deg,#002439ee,#001a2bea);box-shadow:inset 0 1px #8cdbff08}
.mo-filters label{font-size:11px;line-height:14px;font-weight:400;color:#9fc2dd}
.mo-filters input,.mo-filters select{border-color:#195573;font-weight:400;box-shadow:inset 0 1px 4px #000c181f}
.mo-filters input:focus,.mo-filters select:focus{outline:0;border-color:#00bfff;box-shadow:0 0 0 2px #00bfff20}
.mo-create-actions button{font-weight:550;background:linear-gradient(125deg,#008dff,#0068f8);box-shadow:inset 0 1px #d4efff21,0 3px 10px #00132225}
.mo-create-actions button:hover{background:linear-gradient(125deg,#00a2ff,#0077ff)}
.mo-page .mo-filter-toggle{display:none}
.mo-column{background:radial-gradient(ellipse at 40% 0,color-mix(in srgb,var(--mo-tone) 13%,transparent),transparent 70%),linear-gradient(150deg,#00253cf2,#001b2cf5);border-color:color-mix(in srgb,var(--mo-tone) 46%,#0a344d);box-shadow:inset 0 1px #a2e1ff0c}
.mo-column>header{height:65px;padding:10px 11px 8px;gap:10px}
.mo-column>header>span{filter:drop-shadow(0 0 6px color-mix(in srgb,var(--mo-tone) 17%,transparent))}
.mo-column>header .app-icon{width:27px;height:30px;stroke-width:1.8}
.mo-column h2{font-size:14px;line-height:23px;font-weight:650;gap:8px;letter-spacing:0}
.mo-column h2 b{min-width:29px;height:24px;font-size:12px;font-weight:600;background:color-mix(in srgb,var(--mo-tone) 18%,#07334b);color:#cbeeff}
.mo-column header p{font-size:10.5px;line-height:17px;margin-top:3px;color:#94b9d3}
.mo-column:not(:last-child)>header:after{content:'\2192';top:15px;right:-20px;font-size:30px}
.mo-cards{height:474px;gap:8px;padding:0 7px 8px;scrollbar-width:none;scroll-padding:8px}
.mo-cards::-webkit-scrollbar{width:0;height:0}
.mo-page .mo-card{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:20px 48px 17px 17px 26px;justify-content:stretch;align-items:stretch;align-content:center;height:150px;min-height:150px;padding:7px 8px;gap:0;border-color:color-mix(in srgb,var(--mo-tone) 36%,#11455f);background:radial-gradient(ellipse at 0 0,color-mix(in srgb,var(--mo-tone) 9%,transparent),transparent 72%),linear-gradient(115deg,#05314bf5,#001e33f5);box-shadow:inset 0 1px #c9f1ff0f,0 3px 9px #000d1820;border-radius:8px}
.mo-page .mo-card:hover{border-color:color-mix(in srgb,var(--mo-tone) 80%,#7bdfff);box-shadow:inset 0 0 16px #00cfff0c,0 0 9px #00cfff16}
.mo-page .mo-card.selected{border-color:#00c9ff;background:radial-gradient(ellipse at 5% 0,#00aaff1c,transparent 80%),linear-gradient(115deg,#063651,#00283e);box-shadow:inset 0 1px #71dfff35,inset 0 0 18px #00bfff10,0 0 8px #00bfff24}
.mo-card:before{top:9px;width:3px;height:19px;box-shadow:0 0 6px color-mix(in srgb,var(--mo-priority) 30%,transparent)}
.mo-card-top{flex-wrap:nowrap;gap:4px;min-height:20px}
.mo-card-top>b{font-size:12px;line-height:20px;font-weight:650;letter-spacing:.1px}
.mo-pill{padding:2px 8px;font-size:10px;line-height:15px;font-weight:500;gap:5px;max-width:100%;border-color:color-mix(in srgb,var(--mo-tone) 13%,transparent);background:linear-gradient(120deg,color-mix(in srgb,var(--mo-tone) 30%,#082334),color-mix(in srgb,var(--mo-tone) 19%,#001b2f))}
.mo-card-top .mo-pill{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.mo-pill i{width:7px;height:7px}
.mo-page .mo-card-body{padding:3px 0 2px;gap:8px;align-self:stretch}
.mo-thumb,.mo-page .mo-card-body .mo-thumb{width:49px;height:41px;border-radius:6px;border-color:#35637a;background:radial-gradient(ellipse at 25% 5%,#47758b66,transparent 70%),linear-gradient(145deg,#16475e,#072a40 70%);box-shadow:inset 0 1px #bdd8e921,0 1px 4px #000c1830}
.mo-page .mo-thumb .mo-equipment-drawing{display:block;width:45px;height:37px;max-width:none;flex:none;filter:drop-shadow(0 2px 2px #000d1b70)}
.mo-page .mo-thumb.large .mo-equipment-drawing{width:70px;height:53px}
.mo-thumb.mo-no-photo{position:relative}
.mo-thumb.mo-no-photo:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(140deg,#b9e9ff0c,transparent 45%,#000d171c)}
.mo-page .mo-card-body strong{font-size:12.5px;line-height:17px;font-weight:600;letter-spacing:.05px}
.mo-page .mo-card-body small{font-size:11.5px;line-height:15px;margin-top:2px;max-height:30px;color:#aacbe2}
.mo-card-asset,.mo-card-asset b{font-size:10px;line-height:17px;font-weight:400;color:#9dc1db}
.mo-card-asset{gap:6px}
.mo-card-asset .app-icon{width:14px;height:14px;color:#89b9d6}
.mo-page .mo-card-meta{line-height:17px;margin:0;gap:7px;font-size:10px}
.mo-card-meta em{font-size:9.5px;line-height:15px;padding:0 7px;font-weight:400;gap:4px}
.mo-card-meta>span{font-size:10px;gap:4px;color:#b5cee2}
.mo-card-meta>span .app-icon{width:12px;height:12px}
.mo-page .mo-card-bottom{min-height:26px;margin:0;gap:6px}
.mo-person{gap:6px}
.mo-person i{width:25px;height:25px;font-size:10px;font-weight:500;background:linear-gradient(135deg,#2f7fb4,#20518b);box-shadow:inset 0 1px #d0edff40}
.mo-page .mo-card-bottom .mo-person>span{font-size:9.5px;line-height:14px;font-weight:400;color:#b0cfe5}
.mo-card-bottom .mo-progress{width:91px;max-width:40%;gap:5px}
.mo-progress>span{height:7px;background:#17445c}
.mo-progress i{background:linear-gradient(90deg,#00cba2,#00edbf)}
.mo-page .mo-card-bottom .mo-progress b{font-size:9.5px;line-height:14px;font-weight:400}
.mo-open{width:26px;height:26px;background:linear-gradient(135deg,#22638b,#0f3958);border-color:#357093;box-shadow:inset 0 1px #c1e6ff16}
.mo-detail{min-height:0;padding:0 11px 11px;background:radial-gradient(ellipse at 35% 0,#00425d36,transparent 60%),linear-gradient(130deg,#002439f5,#001a2bf5);border-color:#0d4d67;box-shadow:inset 0 1px #8adaff0c}
.mo-detail>header{min-height:42px;padding:7px 0;border-color:#16445e}
.mo-detail h2{font-size:20px;line-height:27px;font-weight:700;gap:9px}
.mo-detail h2>.app-icon{width:22px;height:22px}
.mo-detail-asset{padding:10px 0;gap:12px;min-height:78px;border-color:#123e57}
.mo-thumb.large{width:76px;height:57px;border-radius:7px}
.mo-detail-asset b{font-size:14px;line-height:20px;font-weight:650}
.mo-detail-asset small{font-size:12px;line-height:17px;margin-top:2px;color:#a4c5df}
.mo-detail-fields{grid-template-columns:repeat(6,minmax(0,1fr));gap:9px 9px;margin:10px 0 8px}
.mo-detail-fields>div{grid-column:span 2}
.mo-detail-fields>div:nth-child(-n+2){grid-column:span 3}
.mo-detail-fields>div:last-child{grid-column:span 2}
.mo-detail-fields dt{font-size:10.5px;line-height:16px;font-weight:400;color:#92b9d4}
.mo-detail-fields dd{font-size:12.5px;line-height:20px;margin-top:2px;font-weight:450;color:#deecf8;overflow-wrap:normal}
.mo-detail-fields .mo-pill{font-size:10px;padding:1px 7px}
.mo-detail-fields>div:last-child dd{font-size:11px;white-space:nowrap;gap:4px}
.mo-detail-fields dd .app-icon{width:13px;height:13px}
.mo-detail-progress{margin:10px 0 12px}
.mo-detail-progress>span{font-size:11px;line-height:17px;color:#9dc2dc}
.mo-detail-progress .mo-progress{margin-top:5px;gap:8px}
.mo-detail-progress .mo-progress>span{height:9px}
.mo-detail-progress .mo-progress b{font-size:12px;width:38px;font-weight:500}
.mo-detail-owner{padding:8px 9px;gap:8px;background:#00203560;border-color:#113f57;border-radius:7px}
.mo-owner-person{display:flex;align-items:center;gap:9px;min-width:0}
.mo-owner-person>i{display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:50%;font-size:11px;font-weight:550;font-style:normal;background:linear-gradient(140deg,#2f80b4,#1e4f84);color:#e2f4ff;box-shadow:inset 0 1px #b9e4ff35}
.mo-owner-person>span{min-width:0}
.mo-detail-owner small{font-size:10px;line-height:15px;font-weight:400;color:#94bad6}
.mo-detail-owner b{font-size:11.5px;line-height:18px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mo-flow{padding-top:11px}
.mo-flow h3{font-size:13px;line-height:20px;font-weight:550;gap:8px;margin:0 0 8px;color:#c1d7e8}
.mo-flow>button{min-height:47px;margin-bottom:6px;padding:5px 7px;gap:8px;border-color:#14445f;background:linear-gradient(115deg,#002a41b3,#001e31c9)}
.mo-flow>button>i{width:31px;height:32px;border-radius:7px}
.mo-flow b{font-size:12px;line-height:17px;font-weight:600}
.mo-flow small{font-size:10px;line-height:15px;font-weight:400;color:#a0c2dc}
.mo-flow em{font-size:10px;line-height:15px;font-weight:400;color:#9bc9e7;max-width:78px;display:flex;align-items:center;gap:4px}
.mo-flow em i{width:5px;height:5px;flex:none;border-radius:50%;background:#00beff;box-shadow:0 0 5px #00cfff3b}
.mo-flow>button:before{left:-18px;background:#00c99c}
.mo-flow>button:after{top:18px;left:-22px;box-shadow:0 0 5px #00e6b025}
.mo-flow>p{font-size:11px;line-height:17px;color:#9fbfd5}
.mo-detail-actions{gap:7px;padding-top:9px;margin-top:9px;border-color:#174158}
.mo-detail-actions>button{min-height:38px;font-size:12px;font-weight:500;padding:5px 7px;gap:7px;border-radius:6px}
.mo-detail-actions .primary{box-shadow:inset 0 1px #caf3ff36,0 2px 8px #008dff16}
.mo-detail-actions .success{box-shadow:inset 0 1px #b1ffe329}
.mo-more summary{height:34px;font-size:20px}
.mo-activity{gap:9px;min-height:69px;padding:9px 11px;background:linear-gradient(110deg,#002239ed,#001c2eec);border-color:#0b405b}
.mo-activity>div{gap:11px;max-width:180px}
.mo-activity>div b{font-size:12px;line-height:18px;font-weight:550}
.mo-activity>div small{font-size:10px;line-height:14px;font-weight:400;color:#93b6d1}
.mo-activity>button{flex-basis:147px;gap:8px;padding:0 9px;border-color:#16445e}
.mo-activity>button>i{width:32px;height:33px;box-shadow:inset 0 1px #a0dfff13}
.mo-activity time{font-size:9px;line-height:13px;color:#83b2d2}
.mo-activity button b{font-size:10px;line-height:15px;font-weight:500;max-width:150px}
.mo-activity button small{font-size:9px;line-height:13px;font-weight:400;color:#a1c3dc;max-width:150px}
@media(min-width:1301px){.mo-layout.has-detail{grid-template-columns:minmax(0,3fr) minmax(322px,1fr)}}
@media(min-width:1301px) and (max-width:1650px){
 .mo-page .mo-stat{gap:10px;padding:10px}
 .mo-stat>span{width:47px;height:53px}
 .mo-stat small,.mo-stat em{font-size:11px}
 .mo-column>header{padding-left:9px;padding-right:9px;gap:7px}
 .mo-column>header .app-icon{width:23px;height:28px}
 .mo-column h2{font-size:12px;gap:6px}
 .mo-column h2 b{min-width:24px;height:22px;font-size:11px}
 .mo-column header p{font-size:9.5px}
 .mo-card-top>b{font-size:11px}
 .mo-card-top .mo-pill{font-size:9px;line-height:15px;padding:1px 6px;gap:4px}
 .mo-page .mo-card-body strong{font-size:11px}
 .mo-page .mo-card-body small{font-size:10.5px}
 .mo-card-meta{gap:4px}
 .mo-card-meta>span{font-size:9px}
 .mo-card-meta em{font-size:9px;padding:0 5px}
 .mo-page .mo-card-bottom .mo-person>span{font-size:9px}
 .mo-card-bottom .mo-progress{max-width:36%;gap:4px}
 .mo-card-asset,.mo-card-asset b{font-size:9.5px}
 .mo-create-actions button{font-size:11px;padding:5px 10px}
}
@media(max-width:1300px){
 .mo-heading h1{font-size:32px;line-height:40px}
 .mo-heading p{font-size:13px;line-height:20px;white-space:normal}
 .mo-page .mo-stat{height:86px;min-height:86px;padding:11px 14px;gap:13px}
 .mo-stat>span{width:49px;height:52px}
 .mo-stat small{font-size:12px}
 .mo-stat em{font-size:11px}
 .mo-column h2{font-size:14px}
 .mo-column header p{font-size:10px}
 .mo-cards{height:474px}
 .mo-layout.has-detail{grid-template-columns:minmax(0,1fr) 310px}
 .mo-detail-fields{column-gap:7px}
 .mo-detail-fields dt{font-size:10px}
 .mo-detail-fields dd{font-size:11px}
 .mo-detail-fields>div:last-child dd{font-size:10px}
 .mo-flow>button{gap:6px;padding-left:5px;padding-right:5px}
 .mo-flow em{font-size:9px;max-width:67px}
 .mo-detail-actions>button{font-size:11px}
 .mo-activity>div{max-width:148px}
}
@media(max-width:1100px) and (min-width:901px){
 .mo-column>header{padding-left:8px;padding-right:8px;gap:6px}
 .mo-column>header .app-icon{width:22px}
 .mo-column h2{font-size:12px;gap:5px}
 .mo-column header p{font-size:9px}
 .mo-column h2 b{min-width:22px}
 .mo-card-top .mo-pill{font-size:9px;padding:1px 6px;gap:3px}
 .mo-card-top>b{font-size:11px}
 .mo-card-meta>span{font-size:9px}
 .mo-card-meta em{font-size:9px;padding:0 5px}
 .mo-page .mo-card-bottom .mo-person>span{font-size:9px}
}
@media(max-width:900px){
 .mo-layout.has-detail{grid-template-columns:1fr}
 .mo-page .mo-stat{padding:10px;gap:9px}
 .mo-stat>span{width:40px;height:45px}
 .mo-stat small{font-size:11px}
 .mo-stat em{font-size:10px}
 .mo-detail-fields{gap:12px 18px}
 .mo-detail-fields dd{font-size:13px}
 .mo-detail-fields dt{font-size:11px}
 .mo-detail-fields>div:last-child dd{font-size:12px}
 .mo-detail-fields>div{grid-column:span 2}
 .mo-detail-fields>div:nth-child(-n+2){grid-column:span 3}
 .mo-detail-fields>div:last-child{grid-column:span 2}
 .mo-flow>button{min-height:49px}
 .mo-flow b{font-size:13px}
 .mo-flow small,.mo-flow em{font-size:11px}
 .mo-flow em{max-width:100px}
 .mo-detail-owner b{font-size:12px}
 .mo-detail-actions>button{font-size:12px}
}
@media(max-width:600px){
 .mo-heading h1{font-size:28px;line-height:33px;letter-spacing:-.5px}
 .mo-heading p{font-size:12px;line-height:18px}
 .mo-page .mo-stat{height:84px;min-height:84px;padding:8px;gap:7px;border-radius:9px}
 .mo-stat>span{width:33px;height:40px;border-radius:8px}
 .mo-stat>span .app-icon{width:25px;height:25px}
 .mo-stat small{font-size:10px;line-height:14px;white-space:normal}
 .mo-stat strong{font-size:27px;line-height:29px}
 .mo-stat em{font-size:9px;line-height:13px;white-space:normal}
 .mo-filters{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto;gap:8px;padding:9px}
 .mo-filters .mo-search{grid-column:1;grid-row:1;height:38px}
 .mo-filters .mo-search input{height:38px;font-size:12px;padding-left:33px}
 .mo-search>.app-icon,.mo-search>[data-app-icon]{left:9px;top:10px;width:17px;height:17px}
 .mo-page .mo-filter-toggle{display:inline-flex;grid-column:2;grid-row:1;height:38px;gap:5px;padding:5px 9px;font-size:11px;white-space:nowrap;color:#c3dff1}
 .mo-filter-toggle>.app-icon{width:15px;height:15px}
 .mo-filter-toggle>.app-icon:last-child{width:12px;height:12px;transition:transform .16s}
 .mo-filter-toggle b{display:grid;place-items:center;min-width:17px;height:17px;border-radius:50%;background:#087fa7;font-size:10px;font-weight:500}
 .mo-filters.is-open .mo-filter-toggle>.app-icon:last-child{transform:rotate(180deg)}
 .mo-filters.has-active .mo-filter-toggle{border-color:#00bfff;color:#e9faff}
 .mo-filters:not(.is-open)>label:not(.mo-search),.mo-filters:not(.is-open)>#moClear{display:none}
 .mo-filters .mo-create-actions{grid-column:1/-1;grid-row:2;display:flex;flex-wrap:wrap;gap:6px}
 .mo-create-actions button{flex:1 1 100px;min-height:36px;padding:5px 7px;font-size:11px;gap:5px}
 .mo-create-actions .app-icon{width:16px;height:16px}
 .mo-filters.is-open .mo-period{grid-column:1/-1;grid-row:3}
 .mo-filters.is-open .mo-line{grid-column:1;grid-row:4}
 .mo-filters.is-open .mo-equipment{grid-column:2;grid-row:4}
 .mo-filters.is-open .mo-technician{grid-column:1/-1;grid-row:5}
 .mo-filters.is-open .mo-status{grid-column:1;grid-row:6}
 .mo-filters.is-open .mo-priority{grid-column:2;grid-row:6}
 .mo-filters.is-open #moClear{grid-column:1/-1;grid-row:7;height:34px;font-size:11px}
 .mo-filters.is-open{grid-template-columns:repeat(2,minmax(0,1fr))}
 .mo-filters.is-open .mo-filter-toggle{justify-self:end}
 .mo-filters.is-open .mo-search{min-width:0}
 .mo-filters input,.mo-filters select{font-size:12px;min-height:36px}
 .mo-period input{font-size:12px;min-height:32px}
 .mo-column>header{height:63px;padding:10px 12px 8px;gap:10px}
 .mo-column h2{font-size:15px;gap:9px}
 .mo-column header p{font-size:11px;line-height:17px}
 .mo-cards{height:auto;max-height:490px;padding:0 8px 8px;gap:8px}
 .mo-page .mo-card{height:152px;min-height:152px;padding:8px 9px}
 .mo-card-top>b{font-size:12px}
 .mo-card-top .mo-pill{font-size:10px;padding:2px 7px}
 .mo-page .mo-card-body strong{font-size:12px;line-height:17px}
 .mo-page .mo-card-body small{font-size:11px;line-height:15px;max-height:30px}
 .mo-card-asset,.mo-card-asset b{font-size:10px}
 .mo-card-meta em{font-size:10px}
 .mo-card-meta>span{font-size:10px}
 .mo-page .mo-card-bottom .mo-person>span,.mo-page .mo-card-bottom .mo-progress b{font-size:10px}
 .mo-person i{width:26px;height:26px}
 .mo-card-bottom .mo-progress{width:102px;max-width:39%}
 .mo-detail-fields{gap:10px}
 .mo-detail-fields dd{font-size:12px}
 .mo-detail-fields>div:last-child dd{font-size:10px}
 .mo-detail-fields dt{font-size:10px}
 .mo-detail-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
 .mo-flow small,.mo-flow em{font-size:10px}
 .mo-flow em{max-width:73px}
 .mo-detail-owner{padding:8px}
 .mo-detail-owner b{font-size:11px}
 .mo-detail-owner .mo-pill{font-size:9px}
 .mo-activity>div{max-width:141px}
 .mo-activity>div small{font-size:9px}
}
@media(prefers-reduced-motion:reduce){.mo-page button,.mo-filter-toggle>.app-icon:last-child{transition:none}}