.sidebar{overflow-y:auto}.sidebar nav{gap:3px}.sidebar nav a{padding-top:9px;padding-bottom:9px}.sidebar-bottom{padding-top:16px}.sidebar-bottom p{margin-top:10px}.kind{display:inline-block;border-radius:4px;padding:3px 7px;font-size:9px;font-weight:750;line-height:1.7;white-space:nowrap}.kind.regular{background:#e4f1ed;color:#176b56}.kind.emergency{background:#fff2c0;color:#765400}.kind.investment{background:#e9eafb;color:#554485}.legend{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:15px 0}.legend .text-button{margin-left:auto}.compact-notice{margin:0 0 20px;font-size:11px}.calendar-controls{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin:22px 0 8px}.calendar-controls .field{flex:1;min-width:125px;font-size:10px}.calendar-controls .inline-actions{padding-bottom:1px}.calendar-controls>.button{margin-bottom:1px}.calendar-controls input,.calendar-controls select{font-size:12px;padding:9px}.calendar-scroll{overflow-x:auto}.week-grid{display:grid;grid-template-columns:140px repeat(7,minmax(108px,1fr));min-width:930px}.cal-corner,.cal-day{background:#edf3f9;border-bottom:1px solid var(--line);padding:14px 11px;font-size:10px;color:var(--muted)}.cal-day strong{display:block;font-size:12px;color:var(--navy)}.cal-person{padding:17px 12px;display:flex;flex-direction:column;gap:7px;border-bottom:1px solid var(--line);font-size:11px;background:#fbfcfd}.cal-person strong{font-size:12px}.cal-person small{font-size:9px;color:var(--muted)}.cal-person svg{width:18px;height:18px;color:var(--navy)}.cal-cell{min-height:132px;border-left:1px solid var(--line);border-bottom:1px solid var(--line);padding:5px;min-width:0}.cal-cell.today,.cal-day.today{background:#fffbee}.calendar-event{display:block;width:100%;text-align:left;border:1px solid #c8ded6;border-left:3px solid #29836a;background:#eff7f3;border-radius:5px;padding:8px 7px;color:#1b5243;margin:0 0 5px;min-height:94px;line-height:1.4;transition:box-shadow .15s}.calendar-event:hover{box-shadow:0 0 0 2px #a7bccc}.calendar-event.emergency{border-color:#ead99a;border-left-color:#d6ac18;background:#fff9e2;color:#655221}.calendar-event.investment{border-color:#d6d2ed;border-left-color:#7560b0;background:#f1eff9;color:#524371}.calendar-event.finished{opacity:.6}.calendar-event strong{display:block;font-size:10px;margin-bottom:6px}.calendar-event span{font-weight:700;display:block;font-size:11px;overflow-wrap:anywhere}.calendar-event small{display:block;font-size:9px;margin-top:6px;color:#566776}.calendar-event em{display:block;font-size:8px;margin-top:6px;font-style:normal;text-transform:uppercase;letter-spacing:.4px}.calendar-agenda{display:none}.month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.month-day{min-height:135px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:8px}.month-day>strong{font-size:10px;display:block;margin-bottom:8px}.month-day.outside{background:#f5f7f9;color:#7c8c9a}.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.team-grid .panel-content{padding:20px}.team-grid .tech-head h3{font-size:20px}.team-grid .tech-head small{font-size:10px}.team-grid .where{min-height:120px}.where{display:flex;flex-direction:column;gap:4px;padding:19px 0 15px}.where>small{font-size:10px;color:var(--muted)}.where>strong{font-size:14px}.where>span{font-size:11px;color:var(--muted)}.duty-badge{margin-left:5px;color:var(--navy);background:#fff5ca}.recurring-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px;border-bottom:1px solid var(--line)}.recurring-row:last-child{border-bottom:0}.recurring-row small{color:var(--muted);font-size:11px}.recurring-row h3{margin-top:7px}.recurring-row .button{flex-shrink:0}.recurring-list .helper{margin-bottom:0}.project-card{border-top:3px solid #7560b0}.project-card h2{font-size:25px}.project-reason{font-size:12px;color:var(--muted);min-height:45px;margin-top:15px}.project-facts{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0}.project-facts>div{display:flex;gap:10px}.project-facts svg{color:var(--navy)}.project-facts span{font-size:10px;color:var(--muted)}.project-facts strong{display:block;font-size:12px;color:var(--ink)}.project-facts small{display:block;font-size:10px;margin-top:3px}.procurement{display:flex;flex-wrap:wrap;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:15px}.procurement>small{font-size:10px;color:var(--muted)}.outage-box{display:flex;gap:12px;background:#fff7db;border-left:3px solid var(--yellow);border-radius:5px;padding:13px 15px;margin-top:18px}.outage-box svg{color:#997000}.outage-box strong{font-size:12px;display:block}.outage-box small{display:block;font-size:10px;margin-top:5px}.integration-banner{display:flex;align-items:center;gap:20px;background:var(--navy);color:white;border-radius:12px;padding:25px}.integration-banner .eyebrow{color:var(--yellow)}.integration-banner h2{font-size:27px;margin:6px 0}.integration-banner p{font-size:12px;color:#d7e4f0;margin-bottom:0;max-width:650px}.integration-banner>.button{margin-left:auto;flex-shrink:0}.integration-symbol{border:1px solid #6587ad;padding:16px;border-radius:10px;display:grid;place-items:center}.integration-symbol svg{width:28px;height:28px;color:var(--yellow)}.flow-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;background:white;border:1px solid var(--line);border-radius:9px;padding:18px 20px;margin:18px 0;font-size:11px;font-weight:700}.flow-strip svg{color:#8295a8;width:16px}.simulation-bar{background:#fff9e4;border:1px solid #e8d9a5;display:flex;gap:20px;padding:20px;border-radius:9px;align-items:center}.simulation-bar>div{flex:1}.simulation-bar strong{font-size:14px;display:block}.simulation-bar small{font-size:10px;display:block;color:var(--muted);margin-top:4px}.simulation-bar .field{font-size:10px}.invoice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.invoice-card{padding:22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0}.invoice-card h3{font-size:20px}.invoice-amount{font:650 29px/1.3 'Source Sans 3','Open Sans',sans-serif;margin:12px 0;color:var(--navy)}.invoice-card .inline-actions{margin-top:18px}.bank-row,.message-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 22px;border-bottom:1px solid var(--line)}.bank-row>div{display:flex;align-items:center;gap:12px;font-size:12px}.bank-row>div>span{font-size:11px;color:var(--muted)}.bank-row svg{color:var(--navy)}.message-row h3{font-size:18px;margin-top:5px}.message-row small{font-size:10px;color:var(--muted)}.message-row .inline-actions{flex-shrink:0}.portal-switch{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:20px 24px;background:var(--navy);border-radius:10px;color:white;margin-bottom:24px}.portal-switch>div{display:flex;gap:15px;align-items:center}.portal-switch svg{color:var(--yellow);height:28px;width:28px}.portal-switch span{font-size:13px;font-weight:700}.portal-switch strong{display:block;font-size:10px;color:#d7e5f0;font-weight:400;margin-top:4px}.portal-switch .field{font-size:10px;min-width:240px}.portal-switch select{font-size:12px}.portal-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px}.portal-layout .aside-stack{display:flex;flex-direction:column}.portal-ticket{padding:22px;border-bottom:1px solid var(--line)}.portal-ticket:last-child{border:0}.portal-ticket .toolbar{margin:12px 0}.portal-ticket small{font-size:10px;color:var(--muted)}.portal-ticket h3{font-size:21px}.portal-outage{background:#fff8df;border:1px solid #eaddac;border-left:4px solid var(--yellow);border-radius:8px;display:flex;justify-content:space-between;align-items:center;padding:20px;gap:20px;margin-bottom:24px}.portal-outage>div{display:flex;gap:13px;align-items:center}.portal-outage strong{font-size:13px;display:block}.portal-outage small{font-size:11px;display:block;color:var(--muted);margin-top:5px}.mobile-showcase{display:grid;grid-template-columns:minmax(0,1fr) 422px;gap:55px;align-items:start;max-width:1060px;margin:32px auto}.mobile-explainer{padding:30px 0}.mobile-explainer h2{font-size:36px;line-height:1.1;margin:15px 0 20px}.mobile-explainer p{font-size:13px;color:var(--muted)}.mobile-explainer .field{max-width:320px;margin-top:25px}.mobile-steps{padding-left:20px;line-height:1.9;font-size:13px;margin:24px 0}.mobile-steps li{padding:5px 0}.phone-frame{background:#123754;border:1px solid #274e6d;border-radius:33px;padding:10px;box-shadow:0 18px 40px #16385620;width:422px;max-width:100%;margin:auto}.phone-top{height:35px;display:flex;align-items:center;justify-content:center;gap:12px;color:#cbdbe8;font-size:9px;letter-spacing:.5px}.phone-top span{width:48px;height:6px;border-radius:5px;background:#07213a}.phone-frame iframe{display:block;width:100%;height:740px;border:0;border-radius:0 0 23px 23px;background:var(--paper)}.is-field .sidebar,.is-field header,.is-field footer{display:none!important}.is-field .main-wrap{margin:0}.is-field main{padding:18px 14px;min-height:100vh}.is-field .shell{display:block}.is-field #app{max-width:520px;margin:0 auto}.field-header{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:18px}.field-header img{width:160px;height:auto}.field-welcome{padding:24px 0 16px}.field-welcome h1{font-size:30px}.field-welcome p{font-size:11px;color:var(--muted)}.field-job{padding:20px;margin:0 0 18px;border-top:3px solid var(--yellow)}.field-job h2{font-size:25px}.field-address{display:flex;align-items:center;gap:10px;font-size:12px;border-top:1px solid var(--line);padding-top:15px;margin-top:18px}.field-address small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.field-address svg{color:var(--navy)}.field-note{white-space:pre-wrap;font-size:12px;padding:14px 0}.field-footnote{padding:8px 4px 20px;font-size:10px}.field-job .inline-actions{justify-content:space-between}.poster-preview{border:1px solid var(--line);border-top:7px solid var(--yellow);padding:25px;color:var(--navy);background:white}.poster-preview h2{font-size:33px;margin:15px 0 20px}.poster-preview p{font-size:13px}.poster-preview small{font-size:10px;color:var(--muted)}.poster-time{padding:18px;background:var(--blue-soft);font-weight:750;font-size:19px;margin:18px 0}.pre-wrap{white-space:pre-wrap}.line-price{display:flex;gap:20px;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line);font-size:12px}.line-price strong{white-space:nowrap}.integration-callout{display:flex;gap:20px;flex-wrap:wrap;align-items:center;justify-content:space-between}.integration-callout>div{max-width:620px}.integration-callout h2{font-size:24px;margin-top:7px}.full{grid-column:1/-1}[hidden]{display:none!important}
@media(max-height:900px) and (min-width:651px){.sidebar-bottom p{display:none}.sidebar{padding-top:18px;padding-bottom:18px}.brand{padding-bottom:15px}.edition{padding-top:13px;padding-bottom:16px}.sidebar-bottom{padding-top:10px}}
@media(max-width:1200px){.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.invoice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-layout{grid-template-columns:1fr 260px;gap:18px}.mobile-showcase{grid-template-columns:1fr 370px;gap:25px}.phone-frame{width:370px}.mobile-explainer h2{font-size:30px}.calendar-controls .field{min-width:140px}.calendar-controls>.button{margin-top:10px}.project-facts{grid-template-columns:1fr;gap:13px}}
@media(max-width:1000px){.portal-layout{grid-template-columns:1fr}.portal-layout .aside-stack{display:grid;grid-template-columns:1fr 1fr}.mobile-showcase{grid-template-columns:1fr 340px;gap:22px}.phone-frame{width:340px}.mobile-explainer h2{font-size:29px}.mobile-steps{font-size:12px}.mobile-explainer{padding-top:10px}.calendar-controls .field{min-width:120px}.flow-strip{flex-wrap:wrap;justify-content:flex-start}.month-day{padding:6px}.month-day .calendar-event{padding:6px 5px}.month-day .calendar-event span{font-size:10px}.simulation-bar{flex-wrap:wrap}.simulation-bar>div{min-width:100%}}
@media(max-width:650px){.sidebar{overflow:visible}.sidebar nav{overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start;padding-bottom:4px;scrollbar-width:thin}.sidebar nav a{min-width:68px;flex:0 0 68px}.sidebar nav a span{font-size:8px;max-width:66px}.sidebar{padding-bottom:3px}.sidebar:after{top:24px}.brand{height:auto}.main-wrap header{height:65px}.calendar-controls{gap:10px;display:grid;grid-template-columns:1fr 1fr}.calendar-controls>.inline-actions{grid-column:1/-1;justify-content:space-between}.calendar-controls .field{min-width:0}.calendar-controls>.button{grid-column:1/-1;margin:0}.calendar-scroll,.month-grid{display:none}.calendar-agenda{display:block}.agenda-day{padding:16px;border-bottom:1px solid var(--line)}.agenda-day h3{font-size:19px;margin:0 0 15px}.calendar-agenda .calendar-event{min-height:0;padding:13px;margin-bottom:10px}.calendar-agenda .calendar-event strong{font-size:11px}.calendar-agenda .calendar-event span{font-size:14px}.calendar-agenda .calendar-event small{font-size:11px}.legend{gap:6px}.legend .text-button{margin-left:0;width:100%;text-align:left}.team-grid{grid-template-columns:1fr;gap:16px}.team-grid .where{min-height:0;padding-bottom:22px}.team-grid .inline-actions{justify-content:flex-start}.team-grid .text-button{width:100%;text-align:left;margin-top:5px}.recurring-row{flex-direction:column;align-items:stretch;padding:19px;gap:12px}.recurring-row h3{font-size:21px}.recurring-row .button{align-self:flex-start}.project-reason{min-height:0}.project-facts{grid-template-columns:1fr}.project-card .panel-content{padding:20px}.project-card h2{font-size:26px}.integration-banner{padding:20px;gap:15px;flex-wrap:wrap}.integration-symbol{display:none}.integration-banner>.button{margin:0}.integration-banner h2{font-size:26px}.integration-banner p{font-size:11px}.flow-strip{display:grid;grid-template-columns:1fr auto 1fr;font-size:10px;gap:12px;padding:17px}.flow-strip>svg:nth-of-type(2){display:none}.flow-strip>span:nth-of-type(3){grid-column:1}.simulation-bar{gap:15px;padding:18px}.simulation-bar>div{min-width:0;flex-basis:100%}.simulation-bar .field{width:100%}.simulation-bar>.button{width:100%}.invoice-grid{grid-template-columns:1fr}.invoice-card{padding:20px;border-right:0}.bank-row,.message-row{align-items:stretch;flex-direction:column;padding:18px;gap:12px}.bank-row>div{flex-wrap:wrap;gap:9px}.bank-row>.badge{align-self:flex-start}.message-row .inline-actions{justify-content:space-between}.message-row h3{font-size:20px}.portal-switch{flex-direction:column;align-items:stretch;padding:20px;gap:20px}.portal-switch .field{min-width:0}.portal-layout .aside-stack{grid-template-columns:1fr}.portal-outage{flex-direction:column;align-items:stretch;padding:18px}.portal-ticket{padding:19px}.portal-ticket .toolbar{align-items:flex-start}.portal-layout .history-item strong{font-size:13px}.portal-layout .history-item small{display:block;font-size:11px;color:var(--muted)}.mobile-showcase{display:flex;flex-direction:column;gap:25px;margin-top:22px}.mobile-explainer{padding:0}.mobile-explainer h2{font-size:32px}.mobile-explainer .field{max-width:none}.mobile-steps{font-size:12px}.phone-frame{width:100%;border-radius:24px;padding:7px}.phone-frame iframe{height:740px;border-radius:0 0 17px 17px}.phone-top{height:30px}.is-field main{padding:16px 12px}.is-field .field-header{padding-bottom:16px}.is-field .field-header img{width:145px}.is-field .field-job{padding:18px}.is-field .field-job .inline-actions{gap:12px}.is-field .field-job .button{flex:1}.poster-preview{padding:18px}.poster-preview h2{font-size:28px}.poster-time{font-size:17px}.compact-notice{font-size:10px}.integration-callout{padding:19px}.invoice-amount{font-size:31px}}

.calendar-controls .field:nth-of-type(2){min-width:190px}
@media(max-width:650px){.calendar-controls .field:nth-of-type(2){min-width:0}.field-job .inline-actions .badge{flex-basis:100%;width:max-content}.field-job .inline-actions .button{flex:1}}
