#montagePlannerTest{--mp-green:#224d40;--mp-line:#dce5df;--mp-muted:#64766e;color:#243b32}
#montagePlannerTest .mp-shell{max-width:1380px;margin:auto;padding:8px 0 40px}
#montagePlannerTest .mp-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}
#montagePlannerTest h2{font-size:clamp(24px,3vw,36px);letter-spacing:-.8px;margin:8px 0}
#montagePlannerTest h3{font-size:19px;margin:8px 0 14px}
#montagePlannerTest p{line-height:1.6}
#montagePlannerTest .mp-eyebrow{font-size:12px;font-weight:800;letter-spacing:1.8px;color:var(--mp-green)}
#montagePlannerTest .mp-banner{display:flex;gap:16px;padding:16px 20px;border:1px solid #e6d7a3;background:#fff9e8;border-radius:12px;line-height:1.5}
#montagePlannerTest .mp-banner b{white-space:nowrap}
#montagePlannerTest .mp-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:24px 0 8px;border-bottom:1px solid var(--mp-line);padding-bottom:10px}
#montagePlannerTest .mp-tabs button{border:0;border-radius:8px;background:transparent;padding:12px 16px;color:var(--mp-muted);font-weight:700;cursor:pointer}
#montagePlannerTest .mp-tabs button.active{background:var(--mp-green);color:white}
#montagePlannerTest .mp-status{color:#8b4c10;min-height:22px;margin:8px 0}
#montagePlannerTest .mp-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}
#montagePlannerTest .mp-kpis article,#montagePlannerTest .mp-panel,#montagePlannerTest .mp-element{background:white;border:1px solid var(--mp-line);border-radius:14px;padding:22px;min-width:0}
#montagePlannerTest .mp-kpis strong{display:block;font-size:26px;letter-spacing:-.6px;margin:12px 0}
#montagePlannerTest small{display:block;color:var(--mp-muted);line-height:1.5}
#montagePlannerTest .mp-kpis span{color:var(--mp-muted);font-size:13px}
#montagePlannerTest .mp-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}
#montagePlannerTest .mp-panel{margin-bottom:18px}
#montagePlannerTest .mp-columns .mp-panel{margin-bottom:0}
#montagePlannerTest .mp-flow{padding-left:24px}
#montagePlannerTest .mp-flow li{padding:0 0 20px 8px}
#montagePlannerTest .mp-flow span{display:block;color:var(--mp-muted);margin-top:5px}
#montagePlannerTest .mp-phase{display:flex;align-items:center;gap:18px;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--mp-line)}
#montagePlannerTest progress{width:100%;height:14px;accent-color:#38755a;flex:1}
#montagePlannerTest .mp-muted{color:var(--mp-muted);font-size:13px}
#montagePlannerTest .mp-row,#montagePlannerTest .mp-actions{display:flex;gap:12px;flex-wrap:wrap;margin:10px 0}
#montagePlannerTest label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:600;min-width:0;margin:8px 0}
#montagePlannerTest input:not([type=checkbox]),#montagePlannerTest select,#montagePlannerTest textarea{box-sizing:border-box;width:100%;min-width:0;padding:11px 12px;border:1px solid #c8d5ce;border-radius:8px;background:white;color:#243b32;font:inherit}
#montagePlannerTest input[type=checkbox]{width:20px;height:20px;accent-color:var(--mp-green);flex-shrink:0}
#montagePlannerTest .mp-elements,#montagePlannerTest .mp-teams{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:20px}
#montagePlannerTest .mp-element-top{display:flex;gap:16px;align-items:center;min-height:160px}
#montagePlannerTest svg{width:100px;flex-shrink:0}
#montagePlannerTest .mp-tag{display:inline-block;padding:5px 9px;border-radius:6px;background:#edf4ee;font-size:11px;font-weight:700;color:var(--mp-green)}
#montagePlannerTest .mp-checks{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;border-top:1px solid var(--mp-line);padding-top:10px;margin-top:12px}
#montagePlannerTest .mp-checks label{align-items:center;gap:10px;font-size:12px;cursor:pointer;padding:8px 0}
#montagePlannerTest .mp-include,#montagePlannerTest .mp-check{flex-direction:row;align-items:center}
#montagePlannerTest .mp-excluded{background:#f4f4f1;border-style:dashed}
#montagePlannerTest .mp-delete{border:0;background:none;color:#8b5550;padding:12px 0 0;cursor:pointer;font-size:12px}
#montagePlannerTest .mp-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:end}
#montagePlannerTest summary{cursor:pointer;font-weight:700;padding:6px 0}
#montagePlannerTest .mp-note{padding:18px;background:#edf4ee;border-left:4px solid #3e725a;border-radius:8px;margin:18px 0}
#montagePlannerTest .mp-warning{background:#fff3df;color:#83470c;padding:14px;border-radius:8px}
#montagePlannerTest .mp-selected{border:2px solid #38755a}
#montagePlannerTest .mp-big{font-size:28px}
#montagePlannerTest .mp-teams button{margin-top:20px;width:100%}
#montagePlannerTest .mp-table{overflow:auto;margin-bottom:16px}
#montagePlannerTest table{width:100%;border-collapse:collapse}
#montagePlannerTest th,#montagePlannerTest td{padding:8px 5px;text-align:left;font-size:12px}
#montagePlannerTest td input{min-width:70px!important}
#montagePlannerTest .mp-record{border-top:1px solid var(--mp-line);padding:20px 0;display:grid;grid-template-columns:1fr 1fr;gap:25px}
#montagePlannerTest .btn{margin-right:5px;margin-top:5px}
#montagePlannerTest .mp-crm-hub{position:relative;max-width:700px;margin:28px auto 40px;text-align:center;background:#224d40;color:white;padding:24px;border-radius:14px}
#montagePlannerTest .mp-crm-hub .mp-eyebrow{color:#bed8c8}
#montagePlannerTest .mp-crm-hub:after{content:'';position:absolute;width:2px;height:40px;bottom:-40px;left:50%;background:#98b6a6}
#montagePlannerTest .mp-branches{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;border-top:2px solid #98b6a6;padding-top:24px}
#montagePlannerTest .mp-branch{position:relative;border:1px solid var(--mp-line);border-radius:12px;padding:20px;background:#f6f9f6}
#montagePlannerTest .mp-branch:before{content:'';position:absolute;width:2px;height:24px;top:-25px;left:50%;background:#98b6a6}
#montagePlannerTest .mp-branch p{font-size:14px}
@media(max-width:900px){#montagePlannerTest .mp-branches{grid-template-columns:1fr}#montagePlannerTest .mp-crm-hub{padding:18px}}
@media(max-width:1100px){#montagePlannerTest .mp-elements{grid-template-columns:repeat(2,minmax(0,1fr))}#montagePlannerTest .mp-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){#montagePlannerTest .mp-columns,#montagePlannerTest .mp-elements,#montagePlannerTest .mp-teams,#montagePlannerTest .mp-record,#montagePlannerTest .mp-form{grid-template-columns:1fr}#montagePlannerTest .mp-banner{flex-direction:column;gap:6px}#montagePlannerTest .mp-kpis strong{font-size:20px}#montagePlannerTest .mp-panel,#montagePlannerTest .mp-element,#montagePlannerTest .mp-kpis article{padding:16px}#montagePlannerTest .mp-header{align-items:flex-start}#montagePlannerTest .mp-tabs button{padding:10px;font-size:12px}}

#montagePlannerTest .mp-casebar{display:flex;align-items:center;gap:20px;background:#fff;padding:14px 20px;border:1px solid #dce5df;border-radius:12px;margin-top:18px}#montagePlannerTest .mp-casebar label{flex:1;max-width:600px}#montagePlannerTest .mp-steps{display:flex;gap:30px;color:#64766e;padding:12px 0 24px}#montagePlannerTest .mp-steps b{color:#1765a2}#montagePlannerTest .mp-table td{border-top:1px solid #e8ecef;padding:15px 8px;font-size:14px}#montagePlannerTest .mp-table input[type=number]{max-width:85px}#montagePlannerTest .mp-outlook{font-family:'Segoe UI',system-ui,sans-serif;background:white;border:1px solid #d6dce2;border-radius:10px;overflow:hidden;color:#242424}#montagePlannerTest .mp-outlook-head{display:flex;align-items:center;gap:18px;background:#0f6cbd;color:white;padding:16px 22px}#montagePlannerTest .mp-outlook-head span:last-child{margin-left:auto;font-size:12px;color:#e1effb}#montagePlannerTest .mp-outlook-icon{font-size:28px}#montagePlannerTest .mp-cal-toolbar{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid #ddd;flex-wrap:wrap}#montagePlannerTest .mp-cal-toolbar h3{margin:0 auto 0 12px}#montagePlannerTest .mp-cal-layout{display:grid;grid-template-columns:195px minmax(0,1fr)}#montagePlannerTest .mp-cal-layout aside{background:#fafafa;padding:18px;border-right:1px solid #e0e0e0}#montagePlannerTest .mp-cal-layout aside h3{font-size:14px}#montagePlannerTest .mp-cal-layout aside p{font-size:13px;margin:20px 0}#montagePlannerTest .mp-dot{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:8px;background:#0f6cbd}#montagePlannerTest .mp-dot.team-2{background:#16846c}#montagePlannerTest .mp-dot.team-3{background:#8862b7}#montagePlannerTest .mp-dot.delivery{background:#c58c18}#montagePlannerTest .mp-cal-scroll{overflow:auto}#montagePlannerTest .mp-week-grid{display:grid;grid-template-columns:repeat(7,minmax(130px,1fr));min-width:940px;min-height:540px}#montagePlannerTest .mp-day{border-right:1px solid #e4e7eb}#montagePlannerTest .mp-day>header{text-align:center;padding:14px;border-bottom:1px solid #e4e7eb}#montagePlannerTest .mp-day>header strong{font-size:26px;font-weight:400}#montagePlannerTest .mp-day>header small{font-size:10px}#montagePlannerTest .mp-day-off{background:#f7f8fa}#montagePlannerTest .mp-deliveries{min-height:105px;border-bottom:1px solid #e4e7eb;padding:4px}#montagePlannerTest .mp-day-work{padding:4px;min-height:335px;background:repeating-linear-gradient(0deg,transparent,transparent 47px,#f0f2f5 48px)}#montagePlannerTest .mp-event{display:block;width:100%;text-align:left;border:1px solid #adcef0;border-left:4px solid #0f6cbd;background:#e4f0fc;color:#164570;border-radius:5px;padding:9px 7px;margin:5px 0 10px;cursor:pointer;min-height:100px;font:12px/1.5 'Segoe UI',system-ui}#montagePlannerTest .mp-event b,#montagePlannerTest .mp-event span{display:block;margin:6px 0}#montagePlannerTest .mp-event small{color:inherit;font-size:11px}#montagePlannerTest .mp-event.team-2{background:#e0f3ed;color:#135e4d;border-color:#9acdbb;border-left-color:#16846c}#montagePlannerTest .mp-event.team-3{background:#efe6fa;color:#614082;border-color:#cdb8e4;border-left-color:#8862b7}#montagePlannerTest .mp-event.delivery{min-height:60px;background:#fff6dc;color:#825d12;border-color:#eddaa5;border-left-color:#c58c18}#montagePlannerTest .mp-free{padding:18px 6px}#montagePlannerTest button:focus-visible,#montagePlannerTest input:focus-visible{outline:3px solid #55a7ed;outline-offset:3px}@media(max-width:800px){#montagePlannerTest .mp-cal-layout{grid-template-columns:1fr}#montagePlannerTest .mp-cal-layout aside{display:none}#montagePlannerTest .mp-casebar,#montagePlannerTest .mp-steps{flex-wrap:wrap;gap:12px}#montagePlannerTest .mp-outlook-head span:last-child{display:none}}

@media(max-width:700px){#montagePlannerTest .mp-casebar label{flex-basis:100%;max-width:none}#montagePlannerTest .mp-casebar .mp-tag{margin-left:auto}}


#montagePlannerTest .mp-source{display:grid;grid-template-columns:1fr 1fr;gap:24px;overflow-wrap:anywhere}#montagePlannerTest .mp-edit{display:block;background:none;border:0;color:#1765a2;text-decoration:underline;padding:7px 0;cursor:pointer}#montagePlannerTest .mp-month-chart{display:flex;gap:18px;overflow:auto;padding:22px 0}#montagePlannerTest .mp-month{min-width:85px;text-align:center;flex:1}#montagePlannerTest .mp-bars{display:flex;align-items:flex-end;justify-content:center;gap:4px;height:185px;border-bottom:1px solid #b5c6be}#montagePlannerTest .mp-bar-slot{width:25px;font-size:10px}#montagePlannerTest .mp-bar{background:#0f6cbd;border-radius:3px 3px 0 0;margin-top:4px}#montagePlannerTest .mp-bar.team-2{background:#16846c}#montagePlannerTest .mp-bar.team-3{background:#8862b7}@media(max-width:700px){#montagePlannerTest .mp-source{grid-template-columns:1fr}}

#montagePlannerTest .mp-pdf-view{grid-column:1/-1;min-width:0;width:100%}#montagePlannerTest .mp-pdf-view iframe{display:block;width:100%;height:600px;border:1px solid #dce4e1;margin-top:12px}#montagePlannerTest .mp-source h3{overflow-wrap:anywhere}

#montagePlannerTest .mp-pdf-view canvas{display:block;max-width:100%;height:auto;border:1px solid #ddd;margin-top:12px;background:white}#montagePlannerTest .mp-pdf-view label{display:flex;gap:12px;align-items:center;margin-top:16px}#montagePlannerTest .mp-pdf-view select{width:auto}

#montagePlannerTest .mp-staff-checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:20px 0}#montagePlannerTest .mp-staff-checks label{display:flex;align-items:center;gap:8px}#montagePlannerTest .mp-staff-checks input{width:auto}#montagePlannerTest .mp-event small{overflow-wrap:anywhere}

#montagePlannerTest .mp-element-top{flex-direction:column;align-items:stretch}#montagePlannerTest .mp-element-top svg{width:200px;max-width:100%;height:160px;align-self:center}#montagePlannerTest .mp-frame{fill:#e7eff2;stroke:#476052;stroke-width:3}#montagePlannerTest .mp-glass{fill:#e8f4fa;stroke:#77958b;stroke-width:1}#montagePlannerTest .mp-opening{fill:none;stroke:#294f40;stroke-width:1.5;stroke-linejoin:round}#montagePlannerTest .mp-mullion{stroke:#476052;stroke-width:2}#montagePlannerTest .mp-diagram-label{font:12px Arial;fill:#294f40;stroke:none}#montagePlannerTest .mp-type-hours{grid-column:1/-1;border:1px solid #dce5df;border-radius:8px;padding:16px}#montagePlannerTest .mp-type-hours label{margin-top:12px}
