/* shared-chrome-v7.css */ :is(#repair-site-header,#repair-site-footer){all:revert;--clay:#bc7854;--paper:#faf8f2;--sage:#eaf0e5;--muted:#606c63;--green:#214c3d;--olive:#68765b;--white:#fffefa;--fl-sage:#eef3e8;--line:#dce1d5;--fl-muted:#637166;--fl-ink:#234b3c;--ink:#203c32;--fl-paper:#fffefa;--fl-line:#dfe6d8;--radius:16px;font:16px / 26.4px Arial, Helvetica, sans-serif;line-height:1.65;color:rgb(32, 60, 50);letter-spacing:normal;text-align:start;} :is(#repair-site-header,#repair-site-footer) *,:is(#repair-site-header,#repair-site-footer) *::before,:is(#repair-site-header,#repair-site-footer) *::after{all:revert;} @media (max-width: 760px) { } @media (max-width: 760px) { } :is(#repair-site-header,#repair-site-footer):is(*),:is(#repair-site-header,#repair-site-footer) :is(*){box-sizing: border-box;} :is(#repair-site-header,#repair-site-footer):is(a),:is(#repair-site-header,#repair-site-footer) :is(a){color: inherit; text-underline-offset: 4px;} :is(#repair-site-header,#repair-site-footer):is(a),:is(#repair-site-header,#repair-site-footer) :is(a){touch-action: manipulation;} :is(#repair-site-header,#repair-site-footer):is(a),:is(#repair-site-header,#repair-site-footer) :is(a){-webkit-tap-highlight-color: transparent;} :is(#repair-site-header,#repair-site-footer):is(img),:is(#repair-site-header,#repair-site-footer) :is(img){max-width: 100%;} :is(#repair-site-header,#repair-site-footer):is(:focus-visible),:is(#repair-site-header,#repair-site-footer) :is(:focus-visible){outline: rgb(180, 112, 57) solid 3px; outline-offset: 4px;} :is(#repair-site-header,#repair-site-footer):is(.container),:is(#repair-site-header,#repair-site-footer) :is(.container){width: min(1180px, 100% - 64px); margin: 0px auto;} :is(#repair-site-header,#repair-site-footer):is(.site-header),:is(#repair-site-header,#repair-site-footer) :is(.site-header){position: sticky; top: 0px; z-index: 20; background: rgba(250, 248, 242, 0.97); border-bottom: 1px solid var(--line);} :is(#repair-site-header,#repair-site-footer):is(.header-inner),:is(#repair-site-header,#repair-site-footer) :is(.header-inner){min-height: 92px; display: flex; justify-content: space-between; align-items: center; gap: 25px;} :is(#repair-site-header,#repair-site-footer):is(.brand),:is(#repair-site-header,#repair-site-footer) :is(.brand){display: inline-flex; align-items: center; gap: 10px; text-decoration: none; font-weight: 700; letter-spacing: -0.9px; font-size: 24px; white-space: nowrap;} :is(#repair-site-header,#repair-site-footer):is(.main-nav),:is(#repair-site-header,#repair-site-footer) :is(.main-nav){display: flex; align-items: center; gap: 27px; font-size: 14px;} :is(#repair-site-header,#repair-site-footer):is(.main-nav > a),:is(#repair-site-header,#repair-site-footer) :is(.main-nav > a){text-decoration: none;} :is(#repair-site-header,#repair-site-footer):is(.main-nav > a:hover),:is(#repair-site-header,#repair-site-footer) :is(.main-nav > a:hover){text-decoration: underline;} :is(#repair-site-header,#repair-site-footer):is(p),:is(#repair-site-header,#repair-site-footer) :is(p){margin-top: 0px;} :is(#repair-site-header,#repair-site-footer):is(p),:is(#repair-site-header,#repair-site-footer) :is(p){margin-bottom: 20px;} :is(#repair-site-header,#repair-site-footer):is(.site-footer),:is(#repair-site-header,#repair-site-footer) :is(.site-footer){margin-top: 55px; background: rgb(233, 237, 225); border-top: 1px solid rgb(212, 220, 204);} :is(#repair-site-header,#repair-site-footer):is(.footer-grid),:is(#repair-site-header,#repair-site-footer) :is(.footer-grid){display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 50px; padding-top: 45px; padding-bottom: 35px;} :is(#repair-site-header,#repair-site-footer):is(.footer-grid p),:is(#repair-site-header,#repair-site-footer) :is(.footer-grid p){font-size: 13px; color: var(--muted); margin-top: 16px;} :is(#repair-site-header,#repair-site-footer):is(.footer-grid > div > strong),:is(#repair-site-header,#repair-site-footer) :is(.footer-grid > div > strong){display: block; font-size: 12px; margin-bottom: 14px;} :is(#repair-site-header,#repair-site-footer):is(.footer-grid > div > a:not(.brand)),:is(#repair-site-header,#repair-site-footer) :is(.footer-grid > div > a:not(.brand)){display: block; font-size: 12px; text-decoration: none; margin-bottom: 9px;} :is(#repair-site-header,#repair-site-footer):is(.footer-grid > div > a:hover),:is(#repair-site-header,#repair-site-footer) :is(.footer-grid > div > a:hover){text-decoration: underline;} :is(#repair-site-header,#repair-site-footer):is(.footer-bottom),:is(#repair-site-header,#repair-site-footer) :is(.footer-bottom){display: flex; justify-content: space-between; gap: 20px; font-size: 10px; color: var(--muted); border-top: 1px solid rgb(208, 216, 199); padding-top: 17px; padding-bottom: 20px;} @media (max-width: 1050px) {:is(#repair-site-header,#repair-site-footer):is(.main-nav),:is(#repair-site-header,#repair-site-footer) :is(.main-nav){gap: 17px; font-size: 12px;} :is(#repair-site-header,#repair-site-footer):is(.brand),:is(#repair-site-header,#repair-site-footer) :is(.brand){font-size: 21px;} } @media (max-width: 760px) {:is(#repair-site-header,#repair-site-footer):is(.container),:is(#repair-site-header,#repair-site-footer) :is(.container){width: calc(100% - 36px);} :is(#repair-site-header,#repair-site-footer):is(.header-inner),:is(#repair-site-header,#repair-site-footer) :is(.header-inner){min-height: 75px; flex-wrap: wrap; padding: 17px 0px 13px; gap: 14px;} :is(#repair-site-header,#repair-site-footer):is(.brand),:is(#repair-site-header,#repair-site-footer) :is(.brand){font-size: 23px;} :is(#repair-site-header,#repair-site-footer):is(.main-nav),:is(#repair-site-header,#repair-site-footer) :is(.main-nav){width: 100%; justify-content: space-between; gap: 10px; font-size: 11px;} :is(#repair-site-header,#repair-site-footer):is(.footer-grid),:is(#repair-site-header,#repair-site-footer) :is(.footer-grid){grid-template-columns: 1fr 1fr; gap: 25px;} :is(#repair-site-header,#repair-site-footer):is(.footer-grid > div:first-child),:is(#repair-site-header,#repair-site-footer) :is(.footer-grid > div:first-child){grid-column: 1 / -1;} :is(#repair-site-header,#repair-site-footer):is(.footer-bottom),:is(#repair-site-header,#repair-site-footer) :is(.footer-bottom){flex-direction: column; gap: 6px;} } @media (max-width: 470px) { } @media (prefers-reduced-motion: reduce) { :is(#repair-site-header,#repair-site-footer):is(*),:is(#repair-site-header,#repair-site-footer) :is(*){transition: none !important;}} @media (max-width: 760px) { } @media (max-width: 470px) { } :is(#repair-site-header,#repair-site-footer):is(.brand img),:is(#repair-site-header,#repair-site-footer) :is(.brand img){display: block; flex: 0 0 auto; width: 40px; height: 40px; max-width: none;} @media (max-width: 850px) { } @media (max-width: 600px) { } :is(#repair-site-header,#repair-site-footer):is(.brand img.brand-lockup),:is(#repair-site-header,#repair-site-footer) :is(.brand img.brand-lockup){display: block; width: 240px; height: auto; max-width: 240px; flex: 0 1 auto;} @media (max-width: 1050px) {:is(#repair-site-header,#repair-site-footer):is(.brand img.brand-lockup),:is(#repair-site-header,#repair-site-footer) :is(.brand img.brand-lockup){width: 215px; max-width: 34vw;}} @media (max-width: 760px) {:is(#repair-site-header,#repair-site-footer):is(.brand img.brand-lockup),:is(#repair-site-header,#repair-site-footer) :is(.brand img.brand-lockup){width: min(240px, 52vw); max-width: none;}} @media (max-width: 470px) {:is(#repair-site-header,#repair-site-footer):is(.brand img.brand-lockup),:is(#repair-site-header,#repair-site-footer) :is(.brand img.brand-lockup){width: min(205px, 54vw);}} @media (max-width: 1000px) { } @media (max-width: 720px) { } @media (max-width: 520px) { } @media (max-width: 560px) { } @media (max-width: 900px) { } @media (max-width: 760px) { } @media (max-width: 760px) { } @media (min-width: 761px) { } @media (max-width: 760px) { } @media (max-width: 540px) { } @media (max-width: 600px) { } @media (max-width: 760px) { } @media (max-width: 800px) { } @media (max-width: 500px) { } @media (max-width: 600px) { } :is(#repair-site-header,#repair-site-footer):is(.site-footer .footer-grid),:is(#repair-site-header,#repair-site-footer) :is(.site-footer .footer-grid){display: grid; grid-template-columns: minmax(240px, 1.5fr) repeat(3, minmax(0px, 1fr)); gap: 48px; padding-top: 48px; padding-bottom: 40px; align-items: start;} :is(#repair-site-header,#repair-site-footer):is(.site-footer .footer-grid > div),:is(#repair-site-header,#repair-site-footer) :is(.site-footer .footer-grid > div){min-width: 0px;} :is(#repair-site-header,#repair-site-footer):is(.site-footer .footer-grid strong),:is(#repair-site-header,#repair-site-footer) :is(.site-footer .footer-grid strong){display: block; margin: 0px 0px 18px; font-size: 0.95rem;} :is(#repair-site-header,#repair-site-footer):is(.site-footer .footer-grid a:not(.brand)),:is(#repair-site-header,#repair-site-footer) :is(.site-footer .footer-grid a:not(.brand)){display: block; margin: 0px 0px 12px; line-height: 1.5; font-size: 0.95rem; overflow-wrap: anywhere;} :is(#repair-site-header,#repair-site-footer):is(.site-footer .footer-grid .brand),:is(#repair-site-header,#repair-site-footer) :is(.site-footer .footer-grid .brand){display: inline-flex; margin: 0px; max-width: 100%;} :is(#repair-site-header,#repair-site-footer):is(.site-footer .footer-grid .brand-lockup),:is(#repair-site-header,#repair-site-footer) :is(.site-footer .footer-grid .brand-lockup){max-width: 100%; height: auto;} :is(#repair-site-header,#repair-site-footer):is(.site-footer .footer-grid p),:is(#repair-site-header,#repair-site-footer) :is(.site-footer .footer-grid p){margin: 20px 0px 0px; line-height: 1.65; max-width: 280px;} :is(#repair-site-header,#repair-site-footer):is(.site-footer .footer-bottom),:is(#repair-site-header,#repair-site-footer) :is(.site-footer .footer-bottom){padding-top: 22px; padding-bottom: 22px; gap: 16px; flex-wrap: wrap;} @media (max-width: 1000px) {:is(#repair-site-header,#repair-site-footer):is(.site-footer .footer-grid),:is(#repair-site-header,#repair-site-footer) :is(.site-footer .footer-grid){grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 32px;} :is(#repair-site-header,#repair-site-footer):is(.site-footer .footer-grid > div:first-child),:is(#repair-site-header,#repair-site-footer) :is(.site-footer .footer-grid > div:first-child){grid-column: 1 / -1;} :is(#repair-site-header,#repair-site-footer):is(.site-footer .footer-grid p),:is(#repair-site-header,#repair-site-footer) :is(.site-footer .footer-grid p){max-width: none; margin-top: 12px;}} @media (max-width: 560px) {:is(#repair-site-header,#repair-site-footer):is(.site-footer .footer-grid),:is(#repair-site-header,#repair-site-footer) :is(.site-footer .footer-grid){grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 28px 20px; padding-top: 32px; padding-bottom: 28px;} :is(#repair-site-header,#repair-site-footer):is(.site-footer .footer-grid > div:last-child),:is(#repair-site-header,#repair-site-footer) :is(.site-footer .footer-grid > div:last-child){grid-column: 1 / -1; display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); column-gap: 20px;} :is(#repair-site-header,#repair-site-footer):is(.site-footer .footer-grid > div:last-child strong),:is(#repair-site-header,#repair-site-footer) :is(.site-footer .footer-grid > div:last-child strong){grid-column: 1 / -1;} :is(#repair-site-header,#repair-site-footer):is(.site-footer .footer-bottom),:is(#repair-site-header,#repair-site-footer) :is(.site-footer .footer-bottom){display: flex; flex-direction: column; align-items: flex-start; gap: 6px;}} @media (max-width: 720px) { } @media (max-width: 520px) { } @media (max-width: 1100px) { } @media (max-width: 900px) { } @media (max-width: 480px) { } @media (max-width: 760px) {:is(#repair-site-header,#repair-site-footer):is(.site-header),:is(#repair-site-header,#repair-site-footer) :is(.site-header){position: relative; top: auto;} :is(#repair-site-header,#repair-site-footer):is(.header-inner),:is(#repair-site-header,#repair-site-footer) :is(.header-inner){min-height: 0px; flex-direction: column; align-items: flex-start; gap: 12px; padding-top: 16px; padding-bottom: 12px;} :is(#repair-site-header,#repair-site-footer):is(.main-nav),:is(#repair-site-header,#repair-site-footer) :is(.main-nav){display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); width: 100%; gap: 8px; font-size: 12px;} :is(#repair-site-header,#repair-site-footer):is(.main-nav a),:is(#repair-site-header,#repair-site-footer) :is(.main-nav a){display: flex; align-items: center; justify-content: center; min-height: 40px; text-align: center; line-height: 1.35; white-space: normal;} :is(#repair-site-header,#repair-site-footer):is(.main-nav a:first-child),:is(#repair-site-header,#repair-site-footer) :is(.main-nav a:first-child){justify-content: flex-start;} :is(#repair-site-header,#repair-site-footer):is(.main-nav a:last-child),:is(#repair-site-header,#repair-site-footer) :is(.main-nav a:last-child){justify-content: flex-end;} :is(#repair-site-header,#repair-site-footer):is(.brand img.brand-lockup),:is(#repair-site-header,#repair-site-footer) :is(.brand img.brand-lockup){width: 215px; max-width: 100%; height: auto;} :is(#repair-site-header,#repair-site-footer):is(.container),:is(#repair-site-header,#repair-site-footer) :is(.container){max-width: 100%; box-sizing: border-box;} :is(#repair-site-header,#repair-site-footer):is(.footer-grid),:is(#repair-site-header,#repair-site-footer) :is(.footer-grid){min-width: 0px;} :is(#repair-site-header,#repair-site-footer):is(.footer-grid a),:is(#repair-site-header,#repair-site-footer) :is(.footer-grid a){overflow-wrap: anywhere;} } @media (max-width: 420px) { :is(#repair-site-header,#repair-site-footer):is(.site-footer .footer-grid),:is(#repair-site-header,#repair-site-footer) :is(.site-footer .footer-grid){grid-template-columns: minmax(0px, 1fr); gap: 24px;} :is(#repair-site-header,#repair-site-footer):is(.site-footer .footer-grid > div:last-child),:is(#repair-site-header,#repair-site-footer) :is(.site-footer .footer-grid > div:last-child){grid-column: auto; display: block;} :is(#repair-site-header,#repair-site-footer):is(.site-footer .footer-grid > div:first-child),:is(#repair-site-header,#repair-site-footer) :is(.site-footer .footer-grid > div:first-child){grid-column: auto;} :is(#repair-site-header,#repair-site-footer):is(.site-footer .footer-grid a:not(.brand)),:is(#repair-site-header,#repair-site-footer) :is(.site-footer .footer-grid a:not(.brand)){margin-bottom: 10px;} :is(#repair-site-header,#repair-site-footer):is(.footer-bottom),:is(#repair-site-header,#repair-site-footer) :is(.footer-bottom){font-size: 12px;} } @media (max-width: 760px) { } @media (max-width: 480px) { } @media (max-width: 420px) { } :is(#repair-site-header,#repair-site-footer):is(.header-saved),:is(#repair-site-header,#repair-site-footer) :is(.header-saved){display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 42px; padding: 8px 12px; border: 1px solid rgb(214, 177, 186); border-radius: 9px; background: rgb(255, 248, 250); color: rgb(167, 36, 69); text-decoration: none; font-size: 13px; font-weight: 700; line-height: 1.3; white-space: nowrap;} :is(#repair-site-header,#repair-site-footer):is(.header-saved:hover),:is(#repair-site-header,#repair-site-footer) :is(.header-saved:hover){background: rgb(255, 229, 236); border-color: rgb(184, 44, 80); color: rgb(148, 27, 60);} :is(#repair-site-header,#repair-site-footer):is(.header-saved.has-saved [data-saved-icon]),:is(#repair-site-header,#repair-site-footer) :is(.header-saved.has-saved [data-saved-icon]){color: rgb(180, 35, 71);} :is(#repair-site-header,#repair-site-footer):is(.header-saved [data-saved-icon]),:is(#repair-site-header,#repair-site-footer) :is(.header-saved [data-saved-icon]){font-size: 21px; line-height: 1;} :is(#repair-site-header,#repair-site-footer):is(.header-saved [data-saved-count]),:is(#repair-site-header,#repair-site-footer) :is(.header-saved [data-saved-count]){display: inline-block; min-width: 0.65em; font-variant-numeric: tabular-nums;} @media (min-width: 761px) and (max-width: 900px) {:is(#repair-site-header,#repair-site-footer):is(.site-header.has-saved-controls .header-inner),:is(#repair-site-header,#repair-site-footer) :is(.site-header.has-saved-controls .header-inner){flex-wrap: wrap; gap: 12px; padding-top: 14px; padding-bottom: 14px;} :is(#repair-site-header,#repair-site-footer):is(.main-nav.has-saved-entry),:is(#repair-site-header,#repair-site-footer) :is(.main-nav.has-saved-entry){width: 100%; justify-content: space-between;}} @media (max-width: 760px) {:is(#repair-site-header,#repair-site-footer):is(.main-nav.has-saved-entry),:is(#repair-site-header,#repair-site-footer) :is(.main-nav.has-saved-entry){grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 6px; align-items: center;} :is(#repair-site-header,#repair-site-footer):is(.main-nav.has-saved-entry > a),:is(#repair-site-header,#repair-site-footer) :is(.main-nav.has-saved-entry > a){justify-content: center; min-width: 0px; min-height: 44px; font-size: 11px; text-align: center;} :is(#repair-site-header,#repair-site-footer):is(.main-nav.has-saved-entry .header-saved),:is(#repair-site-header,#repair-site-footer) :is(.main-nav.has-saved-entry .header-saved){padding: 8px 5px; gap: 4px; white-space: nowrap;}} @media (max-width: 480px) {:is(#repair-site-header,#repair-site-footer):is(.header-saved .saved-word),:is(#repair-site-header,#repair-site-footer) :is(.header-saved .saved-word){display: none;} :is(#repair-site-header,#repair-site-footer):is(.header-saved [data-saved-icon]),:is(#repair-site-header,#repair-site-footer) :is(.header-saved [data-saved-icon]){font-size: 22px;}} @media (max-width: 600px) { } @media (max-width: 700px) { } :is(#repair-site-header,#repair-site-footer):is(.site-header),:is(#repair-site-header,#repair-site-footer) :is(.site-header){border-bottom-color: var(--fl-line);} :is(#repair-site-header,#repair-site-footer):is(.main-nav > a:not(.fl-saved-header)),:is(#repair-site-header,#repair-site-footer) :is(.main-nav > a:not(.fl-saved-header)){text-underline-offset: 6px;} :is(#repair-site-header,#repair-site-footer):is(.site-footer),:is(#repair-site-header,#repair-site-footer) :is(.site-footer){border-top-color: var(--fl-line);} :is(#repair-site-header,#repair-site-footer):is(:is(a, button, input, select, textarea):focus-visible),:is(#repair-site-header,#repair-site-footer) :is(:is(a, button, input, select, textarea):focus-visible){outline: rgb(113, 142, 85) solid 3px; outline-offset: 3px;} @media (max-width: 700px) { } @media (prefers-reduced-motion: reduce) { } @media (max-width: 1050px) { } @media (max-width: 700px) { } @media (max-width: 480px) { } @media (max-width: 480px) { } @media (max-width: 600px) { } @media (max-width: 600px) { } @media (max-width: 600px) { } @media (prefers-reduced-motion: reduce) { } @media (max-width: 600px) { } @container (min-width: 520px) { } @media (max-width: 600px) { } @media (max-width: 760px) { } @media (max-width: 420px) { } @media (max-width: 700px) { } :is(#repair-site-header,#repair-site-footer):is(.fl-refined .main-nav > a),:is(#repair-site-header,#repair-site-footer) :is(.fl-refined .main-nav > a){color: rgb(33, 76, 61); letter-spacing: 0.01em; text-underline-offset: 5px; font-weight: 600; background: rgb(237, 243, 231); border-radius: 8px; padding: 10px 14px; box-shadow: rgb(199, 213, 187) 0px 0px 0px 1px inset; transition: background-color 0.16s, color 0.16s;} :is(#repair-site-header,#repair-site-footer):is(.fl-refined .main-nav > a:first-child),:is(#repair-site-header,#repair-site-footer) :is(.fl-refined .main-nav > a:first-child){background: rgb(33, 76, 61); color: rgb(255, 255, 255); box-shadow: rgb(33, 76, 61) 0px 0px 0px 1px inset;} :is(#repair-site-header,#repair-site-footer):is(.fl-refined .main-nav > a:hover),:is(#repair-site-header,#repair-site-footer) :is(.fl-refined .main-nav > a:hover){background: rgb(223, 234, 213); color: rgb(23, 60, 43); text-decoration: none;} :is(#repair-site-header,#repair-site-footer):is(.fl-refined .main-nav > a:first-child:hover),:is(#repair-site-header,#repair-site-footer) :is(.fl-refined .main-nav > a:first-child:hover){background: rgb(23, 60, 43); color: rgb(255, 255, 255);} :is(#repair-site-header,#repair-site-footer):is(.fl-refined .main-nav .header-saved),:is(#repair-site-header,#repair-site-footer) :is(.fl-refined .main-nav .header-saved){border-color: rgb(199, 213, 187); border-radius: 8px; background: rgb(255, 254, 250); box-shadow: none;} :is(#repair-site-header,#repair-site-footer):is(.fl-refined .main-nav > a:focus-visible),:is(#repair-site-header,#repair-site-footer) :is(.fl-refined .main-nav > a:focus-visible){outline: rgb(155, 120, 64) solid 3px; outline-offset: 4px;} @media (max-width: 700px) {:is(#repair-site-header,#repair-site-footer):is(.fl-refined .main-nav > a),:is(#repair-site-header,#repair-site-footer) :is(.fl-refined .main-nav > a){padding: 9px 8px; min-height: 48px;} } @media (prefers-reduced-motion: reduce) {:is(#repair-site-header,#repair-site-footer):is(.fl-refined .main-nav > a),:is(#repair-site-header,#repair-site-footer) :is(.fl-refined .main-nav > a){transition: none;}} @media (hover: hover) and (pointer: fine) { } @media (prefers-reduced-motion: reduce) { } @media (hover: hover) and (pointer: fine) { } @media (prefers-reduced-motion: reduce) { } @media (hover: hover) and (pointer: fine) { } @media (prefers-reduced-motion: reduce) { } @media (min-width: 761px) and (max-width: 1100px) { } @media (max-width: 760px) { :is(#repair-site-header,#repair-site-footer):is(.site-footer .footer-landlord-tools),:is(#repair-site-header,#repair-site-footer) :is(.site-footer .footer-landlord-tools){display: flex; align-items: center; min-height: 44px;}} @media (max-width: 600px) { } @media (max-width: 900px) { } @media (max-width: 600px) { } @media (max-width: 540px) { } @media (max-width: 600px) { } @media (max-width: 760px) { } #repair-site-footer{padding-top:0!important;padding-bottom:0!important} :is(#repair-site-header,#repair-site-footer) [hidden]{display:none!important} @media print{#repair-site-header,#repair-site-footer{display:none!important}} /* photos-v11.css */ #photos-dialog{width:min(680px,calc(100% - 24px))} #photos-dialog #photos-panel{margin-top:18px} .simple-photo-picker{display:flex;align-items:center;justify-content:space-between;gap:16px} .simple-photo-picker p{margin:0;font-size:16px;color:#536856} #choose-photo-button{min-height:48px;font-size:16px;padding:12px 22px} #photos-dialog #photo-status{font-size:15px;line-height:1.5;min-height:1.5em;margin:14px 0} #photos-dialog #photo-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} #photos-dialog .photo-card{padding:10px;margin:0;background:#fff;border:1px solid #dce4d7;border-radius:12px;overflow:hidden} #photos-dialog .photo-card img{width:100%;height:176px;object-fit:contain;background:#f3f5f0;margin:0;border-radius:7px;cursor:default} .photo-card-footer{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:8px 0 0;color:#37513e;font-size:15px} #photos-dialog .photo-delete{margin:0;min-height:44px;padding:8px 12px;color:#994137;font-size:15px;background:#fff7f4;border:1px solid #ead2cb} .existing-photo-caption{font-size:15px;line-height:1.5;margin:4px 0 0;overflow-wrap:anywhere} .photo-dialog-bottom{display:flex;justify-content:flex-end;margin-top:20px;padding-top:16px;border-top:1px solid #e1e7dd} .photo-dialog-bottom button{min-width:100px;min-height:48px;font-size:16px} @media(max-width:500px){#photos-dialog #photo-list{grid-template-columns:1fr}#photos-dialog .photo-card img{height:210px}.simple-photo-picker{flex-direction:column;align-items:stretch;gap:10px}.simple-photo-picker p{text-align:center}#photos-dialog .photo-delete{min-height:48px}.photo-dialog-bottom button{width:100%}} .photo-source-actions{display:flex;gap:10px;flex-wrap:wrap}.photo-source-actions button{min-height:48px;font-size:16px;padding:12px 18px}#photos-dialog .simple-photo-picker{flex-wrap:wrap}#take-photo-button{border:1px solid #55715e;background:#fff;color:#254c3d} @media(max-width:500px){.photo-source-actions{display:grid;grid-template-columns:1fr 1fr}.photo-source-actions button{width:100%;padding:10px 8px}}@media(max-width:350px){.photo-source-actions{grid-template-columns:1fr}} /* signature-v12.css */ #signature-dialog{width:min(660px,calc(100% - 24px))} #signature-dialog #signature-panel{margin-top:18px} #signature-dialog .signature-mode{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:5px;background:#eef3eb;border-radius:12px;margin:0 0 18px} #signature-dialog .signature-mode label{position:relative;display:flex;align-items:center;justify-content:center;margin:0;min-height:48px;padding:8px 12px;border:1px solid transparent;border-radius:9px;font-size:16px;line-height:1.35;cursor:pointer} #signature-dialog .signature-mode label:has(input:checked){background:#fff;border-color:#bbceba;box-shadow:0 2px 5px #203d2512;color:#214b3c} #signature-dialog .signature-mode label:has(input:focus-visible){outline:3px solid #b8813d;outline-offset:2px} #signature-dialog .signature-mode input{position:absolute;opacity:0;width:1px;height:1px;min-height:0;padding:0;pointer-events:none} .signature-hint{margin:0 0 8px;font-size:16px;color:#526957} #signature-dialog #signature-canvas{display:block;width:100%;height:auto;aspect-ratio:3/1;border:2px dashed #a6bba5;border-radius:12px;background:#fbfdf8;touch-action:none} .signature-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:10px}.signature-drawing-actions{display:flex;gap:8px}.signature-drawing-actions button{min-height:44px;padding:8px 14px;font-size:15px}.pen-control{width:210px;margin-left:auto}.pen-control label{display:block;margin:0;font-size:14px;font-weight:600;color:#365443}.pen-slider{display:flex;gap:10px;align-items:center;color:#123b56}.pen-slider svg{flex:none}#signature-dialog #pen-width{display:block;width:100%;min-width:0;height:44px;min-height:44px;margin:0;padding:0;border:0;background:transparent;box-shadow:none;accent-color:#24523f;cursor:ew-resize} .signature-styles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0 0}.signature-styles button{min-width:0;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;min-height:100px;padding:12px 8px;background:#fbfcf8;border:1px solid #cfdac8;border-radius:10px;color:#38503d;font-size:14px}.signature-styles button[aria-pressed="true"]{background:#edf4e7;border:2px solid #315a40;padding:11px 7px}.signature-styles .style-sample{font-weight:400;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;width:100%;font-size:24px;line-height:1.3;color:#123b56}.signature-styles [data-signature-style="classic"] .style-sample{font-family:Georgia,serif;font-style:italic}.signature-styles [data-signature-style="script"] .style-sample{font-family:"Segoe Script","Brush Script MT",cursive}.signature-styles [data-signature-style="simple"] .style-sample{font-family:Arial,sans-serif} .signature-details{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:16px;padding-top:12px;border-top:1px solid #dde6d8} #signature-identity{margin:0;font-size:16px;line-height:1.45;overflow-wrap:anywhere;flex:1}.signature-date-field{flex:0 0 172px}.signature-date-field label{font-size:14px;margin:0 0 4px}.signature-date-field input{min-height:44px;font-size:16px;padding:8px} #signature-dialog #signature-status{font-size:14px;line-height:1.5;margin:12px 0;color:#596d5a} .signature-finish{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.signature-finish #confirm-signature{flex:1;min-height:48px;font-size:16px}.signature-finish #remove-signature{min-height:44px;font-size:14px} #field-controls .priority-choice{display:flex;align-items:center;gap:12px;min-height:48px;padding:12px;background:#f5f7ef;border:1px solid #d9e2d0;border-radius:10px} #field-controls .priority-choice input{width:22px;height:22px;min-height:22px;flex:0 0 22px;margin:0;padding:0;accent-color:#28523e}#field-controls .priority-choice label{font-size:16px;margin:0;cursor:pointer} .request-priority{font-weight:700;color:#814912;border:1px solid #d6bc91;background:#fff9ee;border-radius:5px;padding:7px 10px;margin:8px 0 12px;font-size:13px;line-height:1.4} #reading-copy .request-priority{font-size:16px;padding:12px;margin:12px 0} @media(max-width:500px){#signature-dialog .signature-mode label{padding:8px 6px;font-size:16px}.signature-details{align-items:stretch;flex-direction:column;gap:10px}.signature-date-field{flex:auto}.signature-date-field input{width:100%}.signature-finish{flex-direction:column;align-items:stretch}.signature-finish #remove-signature{width:100%}.pen-heading label{font-size:16px}#signature-dialog #signature-status{font-size:15px}} @media(max-width:500px){.signature-toolbar{gap:10px}.pen-control{width:150px}.signature-drawing-actions{gap:4px}.signature-drawing-actions button{padding:8px 10px;font-size:14px}.pen-control label{font-size:14px}.signature-styles{gap:6px}.signature-styles button{padding:10px 4px;font-size:13px}.signature-styles button[aria-pressed="true"]{padding:9px 3px}.signature-styles .style-sample{font-size:20px}.signature-details{flex-direction:row;align-items:center}.signature-date-field{flex:0 0 150px}.signature-finish{flex-direction:row}.signature-finish #remove-signature{width:auto}} @media(max-width:350px){.signature-toolbar{flex-wrap:wrap;gap:0}.pen-control{width:155px}.signature-drawing-actions button{padding:8px}.signature-details{gap:8px}.signature-date-field{flex-basis:142px}.signature-finish #remove-signature{width:100%}.signature-styles button{font-size:12px}.signature-styles .style-sample{font-size:18px}} /* signature-close-v21.css */ /* Close leaves the signature draft intact; Done remains the confirmation action. */ #signature-dialog>.dialog-top{display:flex;flex-direction:row;align-items:center;gap:12px} #signature-dialog>.dialog-top h2{flex:1;min-width:0;margin:0;line-height:1.25} #signature-dialog .signature-top-actions{display:flex;flex:none;align-items:center;gap:8px} #signature-dialog #close-signature{display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;min-width:44px;max-width:44px;height:44px;min-height:44px;padding:10px;border:1px solid #c5d3c0;border-radius:50%;background:#fff;color:#365443} #signature-dialog #close-signature:hover{background:#eef3eb;border-color:#789474} #signature-dialog #close-signature svg{width:20px;height:20px;pointer-events:none} @media(max-width:400px){#signature-dialog>.dialog-top{gap:8px}#signature-dialog>.dialog-top h2{font-size:23px}#signature-dialog #confirm-signature-top{min-height:44px;padding:11px 14px}.signature-top-actions{gap:6px}} /* export-v8.css */ .export-actions{display:flex;align-items:center;justify-content:space-between;gap:16px 24px;flex-wrap:wrap;padding:24px;margin:20px 0 28px;border:1px solid #c9d8c3;border-radius:16px;background:#edf3e8} .export-actions h2{font:500 26px/1.2 Georgia,serif;margin:0 0 7px;color:#203c32} .export-actions p{margin:0;font-size:15px;line-height:1.55} .export-buttons{display:flex;gap:10px;flex-wrap:wrap} .export-buttons button{font-size:16px;min-height:50px;padding:13px 24px;border-radius:10px} #export-status,#pdf-again{flex-basis:100%;font-size:14px} #export-status:empty{display:none} #pdf-again{width:fit-content} #export-dialog{width:min(440px,calc(100% - 28px));text-align:center} #export-dialog h2{font:500 27px/1.2 Georgia,serif} #export-dialog button{margin-top:12px;min-width:120px} .no-js .export-actions{display:none} @media(max-width:650px){.export-actions{padding:20px 16px;gap:18px}.export-actions>div,.export-buttons{width:100%}.export-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.export-buttons button{width:100%;padding:13px 10px}.export-actions h2{font-size:25px}} @media(max-width:350px){.export-buttons{grid-template-columns:1fr}} @media print{.export-actions,#export-dialog{display:none!important}} /* inspection-v12.css */ /* The shared site chrome and proven photo/signature panels retain their own styles. */ .inspection{margin:0;background:#f5f6f0;color:#263b30;font:16px/1.55 Arial,Helvetica,sans-serif}.inspection *{box-sizing:border-box}.inspection [hidden]{display:none!important}.inspection main.shell{width:min(1180px,calc(100% - 64px));max-width:none;margin:0 auto;padding:0 0 48px}.inspection .crumb{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin:22px 0;font-size:14px}.inspection .hero{padding:12px 0 20px;background:none;border:0;box-shadow:none}.inspection .hero h1{font-size:clamp(30px,4vw,44px);line-height:1.15;margin:8px 0 14px}.inspection .eyebrow{font-size:12px;letter-spacing:.12em;color:#60755d;font-weight:700}.inspection .intro{max-width:700px;margin:0;font-size:18px}.inspection button,.inspection summary{cursor:pointer}.inspection button{width:auto;min-height:44px;border-radius:9px;padding:10px 17px;background:#28543f;border:1px solid #28543f;color:#fff;font:600 16px/1.3 Arial}.inspection button.secondary,.inspection button.quiet{background:#fff;color:#28543f;border:1px solid #c5d3c0}.inspection button.quiet{border-color:transparent}.inspection button:disabled{cursor:default;opacity:.45}.inspection button:focus-visible,.inspection summary:focus-visible,.inspection [data-edit]:focus-visible{outline:3px solid #a76c24;outline-offset:3px}.inspection input,.inspection textarea,.inspection select{font:16px/1.4 Arial;width:100%;min-height:46px;border:1px solid #b7c6b3;border-radius:8px;padding:10px;background:#fff;color:#233e2c}.inspection textarea{resize:vertical}.inspection label{font-size:16px;display:block;margin-bottom:5px}.inspection .small{font-size:14px;color:#657263}.inspection-controls,.inspection-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.inspection-controls{justify-content:space-between;margin:0 0 12px}.phase-switch{display:flex;gap:4px;background:#e9eee4;border-radius:12px;padding:4px}.phase-switch button{background:transparent;color:#31513a;border-color:transparent}.phase-switch button[aria-pressed=true]{background:#fff;box-shadow:0 2px 8px #243d2418;border-color:#b5c5ae}.inspection-toolbar{position:relative;padding:12px;background:#e9eee4;border-radius:12px}.inspection-toolbar details{margin:0;border:0;background:transparent;position:relative}.inspection-toolbar summary{padding:10px 14px;min-height:44px;background:#fff;border:1px solid #c5d3c0;border-radius:9px;font-weight:600}.options-body{position:absolute;z-index:5;top:54px;left:0;width:360px;max-width:calc(100vw - 44px);padding:18px;border:1px solid #bfcdb8;background:#fff;border-radius:12px;box-shadow:0 10px 30px #223e2430}.option-buttons{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.option-buttons button{font-size:14px;background:#f4f6ef;color:#28543f;border:1px solid #d5dfcf}.option-buttons button.danger{color:#92382c}.options-body select{max-width:180px}.inspection #save-status{font-size:13px;color:#647760;margin-left:auto}.inspection #feedback:empty,.inspection #phase-help:empty{display:none}.inspection #feedback{color:#365b3e}.inspection #restore-banner{padding:14px;background:#fff6df;border-radius:10px;margin:12px 0} .inspection #document-workspace{padding:0;border:0;background:transparent;box-shadow:none;margin:18px 0 0}.inspection #document-viewport{padding:0;border:0;background:transparent;overflow:hidden;position:relative}.inspection #reading-copy{width:100%;max-width:none;margin:0;padding:32px 40px;border:1px solid #d8dfd2;background:#fff;border-radius:12px;color:#22372c;font-size:17px;line-height:1.55}.inspection #paper-space{margin:0 auto;position:relative}.inspection #print-copy{display:block;width:816px;position:relative;transform-origin:top left;margin:0;padding:0;font:16px/1.45 Arial;color:#20352a;box-shadow:none}.inspection #print-copy[data-paper=a4]{width:794px}.inspection .document-page{position:relative;display:block;width:816px;height:1056px;padding:42px 44px;background:#fff;overflow:hidden;box-shadow:0 2px 10px #253f2018;margin:0 0 18px;break-after:page}.inspection #print-copy[data-paper=a4] .document-page{width:794px;height:1123px}.inspection .paper-content{height:928px;overflow:hidden}.inspection #print-copy[data-paper=a4] .paper-content{height:995px}.inspection .page-footer{position:absolute;left:44px;right:44px;bottom:28px;border-top:1px solid #d8dfd2;padding-top:8px;font-size:11px;color:#687565}.inspection [data-edit]{cursor:pointer;border-radius:4px;transition:background .15s}.inspection [data-edit]:hover{background:#f4f8f0;outline:1px dashed #77926a}.inspection .report-heading{margin-bottom:16px;border-bottom:2px solid #2f5840;padding-bottom:15px}.inspection .report-heading h2{font-size:27px;line-height:1.2;margin:3px 0 12px}.inspection .report-heading p{margin:3px 0;overflow-wrap:anywhere}.inspection .report-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:#60755d}.inspection .report-people{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:0 0 18px}.inspection .report-field strong{display:block;color:#62705f;font-size:13px}.inspection .report-field div{overflow-wrap:anywhere}.inspection .areas-line{display:flex;gap:15px;justify-content:space-between;padding:10px 0;border-bottom:1px solid #d4dfce;margin:0 0 10px}.inspection .areas-line span{font-size:13px;color:#647760}.inspection .room-title{margin:18px 0 0;padding:8px 10px;background:#edf2e8;font-size:18px;line-height:1.3}.inspection .condition-row{display:flex;align-items:flex-start;gap:16px;padding:9px 10px;border-bottom:1px solid #e4eadf;break-inside:avoid;overflow-wrap:anywhere}.inspection .item-label{flex:0 0 27%;font-size:14px;line-height:1.5}.inspection .condition-cell{flex:1;min-width:0;font-size:14px;line-height:1.5}.inspection .condition-cell p{margin:4px 0 0;white-space:pre-wrap}.inspection .cell-label{display:block;font-size:11px;color:#65745f}.inspection .state-unchecked,.inspection .state-na{color:#717b6b;font-weight:400}.inspection .state-issue{color:#91452c}.inspection .state-good{color:#31543c}.inspection .baseline-note{font-size:13px;margin:0 0 14px}.inspection .photo-prompt{padding:10px;margin:8px 0 14px;border:1px dashed #b9cbb1;color:#4f6c45;text-align:center;font-size:14px}.inspection .print-photo{position:relative;width:100%;margin:16px 0;padding:0;break-inside:avoid}.inspection .print-photo img{width:100%;height:300px;object-fit:contain;object-position:left center;display:block}.inspection .print-photo figcaption{font-size:13px;font-weight:600;padding:0 0 8px}.inspection .signature-record{margin:20px 0 0;border-top:1px solid #ccd6c6;padding:12px 0 0;break-inside:avoid}.inspection .signature-record h3{font-size:16px;margin:0 0 8px}.inspection .print-signature{height:94px;min-height:94px;display:flex;align-items:center;max-width:none;position:relative;margin:0;padding:0}.inspection .print-signature img{width:360px;max-width:100%;height:94px;object-fit:contain;object-position:left center}.inspection .print-signature .typed-print{font:italic 36px Georgia,serif;overflow-wrap:anywhere;line-height:1.15;max-width:100%}.inspection .typed-print[data-style=script]{font-family:'Segoe Script','Brush Script MT',cursive}.inspection .typed-print[data-style=simple]{font-family:Arial;font-style:normal}.inspection .signer-line{font-size:13px;margin:5px 0}.inspection .remarks{margin:14px 0;white-space:pre-wrap;overflow-wrap:anywhere}.inspection .remarks h3{font-size:16px;margin:0 0 5px}.inspection .remarks p{margin:0;font-size:14px}.inspection .inspection-export{padding:18px 20px;background:#e8eee1;border:1px solid #cfdbc7;border-radius:12px;margin-top:12px}.inspection .inspection-export p{margin:0 0 10px}.inspection .export-buttons{display:flex;gap:10px;margin:10px 0}.inspection #page-count{font-size:13px;color:#617358} .inspection dialog{position:fixed;margin:auto;inset:0;transform:none;max-height:calc(100dvh - 28px);overflow-y:auto;border:1px solid #b8c8b0;border-radius:16px;padding:22px;width:min(660px,calc(100% - 24px));box-shadow:0 20px 70px #192b2850;background:#fff;color:#253d2c}.inspection dialog::backdrop{background:#172a255e}.inspection dialog .dialog-top{display:flex;align-items:center;gap:12px;justify-content:space-between;margin:0 0 18px}.inspection .dialog-top h2{font-size:25px;line-height:1.2;margin:0;min-width:0;overflow-wrap:anywhere}.inspection .dialog-actions{display:flex;gap:8px;flex-shrink:0}.inspection .close-button{width:44px;height:44px;min-width:44px;padding:0;border:1px solid #c5d3c0;border-radius:50%;font-size:26px;background:#fff;color:#31543b}.inspection .editor-input{margin:0 0 16px}.inspection .editor-end{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:24px;padding-top:16px;border-top:1px solid #dae3d2}.inspection .editor-end #previous{margin-right:auto}.inspection .area-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:end;padding:10px 0;border-bottom:1px solid #dfe5da}.inspection .area-row .editor-input{margin:0}.inspection .area-row label{font-size:12px}.inspection .area-add{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.inspection .area-add select{flex-basis:100%}.inspection .custom-area button,.inspection .custom-item button{margin:8px 0 0}.inspection .item-editor{padding:16px 0;border-bottom:1px solid #dce4d5}.inspection .item-editor h3{font-size:18px;margin:0 0 12px}.inspection .condition-choices{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:10px}.inspection .condition-choices button{padding:9px 5px;font-size:14px;font-weight:400}.inspection .condition-choices button[aria-pressed=true]{background:#28543f;color:#fff;border-color:#28543f}.inspection .custom-item{margin-top:22px}.inspection .room-photo-button{margin-top:22px;width:100%}.inspection #signature-dialog .signature-mode input{min-height:0}.inspection #signature-dialog .signature-styles button{padding:10px 6px}.inspection #signature-dialog .signature-top-actions{gap:8px}.inspection #signature-dialog #close-signature{width:44px;min-width:44px;padding:10px}.inspection #signature-dialog .signature-details{gap:15px}.inspection #signature-dialog .signature-finish{display:flex;gap:10px;justify-content:space-between}.inspection #signature-dialog #pen-width{width:100%;min-width:0}.inspection #signature-dialog #signature-canvas{width:100%}.inspection #photos-dialog .photo-source-actions{gap:8px}.inspection #photos-dialog .simple-photo-picker p{font-size:14px}.inspection #photos-dialog #photo-list img{object-fit:contain}.inspection #photos-dialog #photo-list{margin:0}.inspection #signature-dialog #typed-signature{font-size:20px} .inspection-guide{margin:48px auto 0;max-width:1000px;padding-top:25px;border-top:1px solid #d0daca}.inspection-guide h2{font-size:28px;line-height:1.25}.inspection-guide h3{font-size:21px}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0}.guide-grid article{padding:22px;border:1px solid #dbe3d4;border-radius:12px;background:#fff}.guide-grid h3{margin-top:0}.inspection-guide details{background:#fff;padding:15px 18px;margin:10px 0;border:1px solid #d5dfcf;border-radius:10px}.inspection-guide summary{font-weight:600}.inspection-guide p{line-height:1.65}.inspection .related{padding:18px;background:#e9eee4;border-radius:12px} @media(max-width:760px){.inspection main.shell{width:calc(100% - 36px)}.inspection .crumb{font-size:12px;gap:5px;margin:16px 0}.inspection .hero{padding:4px 0 20px}.inspection .intro{font-size:16px}.inspection #reading-copy{padding:22px 18px;font-size:16px}.inspection .guide-grid{grid-template-columns:1fr}.inspection .report-people{gap:14px}.inspection .report-heading h2{font-size:24px}.inspection #reading-copy .condition-row{display:block;padding:12px 0}.inspection #reading-copy .item-label{display:block;font-size:16px;margin-bottom:6px}.inspection #reading-copy .condition-cell{font-size:16px;padding:4px 0}.inspection #reading-copy .cell-label{font-size:12px}.inspection #reading-copy .print-photo img{height:auto;max-height:360px}.inspection #reading-copy .remarks p{font-size:16px}.inspection .inspection-export{padding:16px}.inspection .export-buttons button{flex:1;padding:12px 8px}.inspection #save-status{width:100%;margin:0}.inspection #save-status:empty{display:none}.inspection .options-body{left:auto;right:0}.inspection .inspection-guide{margin-top:36px}.inspection dialog{padding:18px}.inspection .condition-choices{grid-template-columns:repeat(2,1fr)}.inspection .condition-choices button{font-size:16px}.inspection .area-row{grid-template-columns:minmax(0,1fr) auto}.inspection .area-row .editor-input{grid-column:1/-1}.inspection .area-row button{font-size:14px}.inspection .signature-toolbar{flex-wrap:wrap;gap:12px}.inspection .pen-control{width:180px}.inspection #signature-dialog .signature-styles{gap:5px}.inspection #signature-dialog .signature-styles button{font-size:13px}.inspection #signature-dialog .style-sample{font-size:17px}.inspection .dialog-top h2{font-size:23px}.inspection .editor-end button{font-size:14px;padding:10px}.inspection .inspection-controls #areas-button{font-size:14px;padding:10px}.inspection .phase-switch button{font-size:14px;padding:10px}} @media(max-width:360px){.inspection main.shell{width:calc(100% - 24px)}.inspection #reading-copy{padding:18px 13px}.inspection .signature-toolbar .pen-control{width:100%}.inspection .inspection-toolbar{padding:8px;gap:6px}.inspection .inspection-toolbar>button,.inspection .inspection-toolbar summary{font-size:14px;padding:10px}.inspection .dialog-top{flex-wrap:wrap}.inspection #signature-dialog>.dialog-top{flex-wrap:nowrap}.inspection #signature-dialog>.dialog-top h2{font-size:18px}} @media print{.inspection{background:#fff}.inspection body{margin:0}.inspection main.shell,.inspection #document-workspace,.inspection #document-viewport,.inspection #paper-space,.inspection #print-copy{width:auto!important;margin:0!important;padding:0!important;overflow:visible!important;display:block!important;transform:none!important;height:auto!important}.inspection main>*:not(#document-workspace),.inspection #repair-site-header,.inspection #repair-site-footer,.inspection .skip,.inspection dialog,.inspection #reading-copy{display:none!important}.inspection .document-page{box-shadow:none;margin:0;break-after:page}.inspection .document-page:last-child{break-after:auto}.inspection [data-edit]{background:initial;outline:0!important}.inspection .ui-only{visibility:hidden!important}.inspection .room-title{background:#edf2e8!important;print-color-adjust:exact}} .inspection #document-workspace[data-view=reading] #paper-space{position:absolute;left:0;top:0;visibility:hidden;pointer-events:none}.inspection #document-workspace[data-view=pdf] #paper-space{position:relative;visibility:visible}@media print{.inspection #document-workspace[data-view=reading] #paper-space{position:relative!important;visibility:visible!important;pointer-events:auto!important}} .inspection .skip{position:absolute;left:12px;top:-80px;padding:12px;background:white;z-index:30}.inspection .skip:focus{top:12px}.inspection a{color:#28543f;text-underline-offset:3px}.inspection .hero h1{font-family:Georgia,serif;font-weight:500}.inspection .panel-dialog>.media-panel{border:0;padding:0}.inspection #signature-status,.inspection #photo-status{font-size:14px;color:#536b4d}.inspection .media-panel input[type=file][hidden]{display:none!important}@media(max-width:360px){.inspection .inspection-controls #areas-button{font-size:13px;padding:10px 8px}.inspection .phase-switch button{padding:10px 8px}.inspection .hero h1{font-size:28px}} .inspection #print-copy .ui-only{height:0;min-height:0;padding:0;border:0;margin:0;overflow:hidden;visibility:hidden}.inspection .print-signature.unsigned{height:28px;min-height:28px}.inspection .print-signature.unsigned p{margin:0}.inspection #print-copy .report-heading h2{font-size:27px}.inspection #print-copy .signature-record h3{margin:0 0 8px} .inspection #reading-copy .print-signature:has(.typed-print){height:auto;min-height:94px} /* Screen-only guidance leaves the recorded content and PDF layout unchanged. */ .inspection .room-tools{position:sticky;top:calc(var(--inspection-header-height,84px) + 8px);z-index:4;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;margin-bottom:10px;border:1px solid #c5d3c0;border-radius:12px;background:#fff;box-shadow:0 3px 12px #253f2012}.inspection .room-tools #room-count{color:#556b4e;font-size:14px;white-space:nowrap}.inspection .room-tools button{padding:10px 14px;font-size:15px}.inspection .room-picker{display:grid;grid-template-columns:1fr 1fr;gap:10px}.inspection .room-picker button{min-height:52px;padding:12px 8px;font-size:16px}.inspection .room-picker button:first-child,.inspection .room-picker button:nth-child(2){background:#edf2e8;border-color:#9bb38e} @media(max-width:360px){.inspection .room-tools{padding:8px;gap:8px}.inspection .room-tools button{font-size:14px;padding:10px}.inspection .room-picker{gap:8px}.inspection .room-picker button{font-size:15px}} @media(max-height:480px){.inspection .room-tools{position:static}} @media print{.inspection .room-tools{display:none!important}} .inspection #reading-copy .empty-field{color:#526d50;display:inline-block;border-bottom:1px dashed #9aae91;padding:3px 0;min-height:32px} .inspection #reading-copy .areas-line{align-items:center;flex-wrap:wrap;gap:4px 14px}.inspection #reading-copy .area-invitation{margin-left:auto;color:#315b40} .inspection #reading-copy .room-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:8px 8px 0 0;margin-top:26px;font-size:19px} .inspection .room-progress{font:400 13px/1.4 Arial;white-space:nowrap;color:#5b7054} .inspection .room-guidance{background:#f5f7f1;border:1px solid #e4eadc;border-top:0;padding:10px 14px;margin:0 0 4px;color:#556b4e} .inspection .room-guidance p{font-size:14px;line-height:1.5;margin:0}.inspection .room-guidance p+p{margin-top:7px}.inspection .example-note strong{font-weight:600}.inspection .example-note{color:#6d725e} .inspection .photo-placeholders{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0 24px} .inspection .photo-slot{border:1px dashed #9cad91;background:#f7f8f2;border-radius:9px;min-height:130px;padding:15px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-align:center;color:#44613c} .inspection .photo-slot strong{font-size:15px}.inspection .photo-hint{font-size:12px;line-height:1.4;color:#69765e}.inspection .photo-slot:focus-visible{outline:3px solid #28543f;outline-offset:3px} .inspection .camera-outline{position:relative;display:block;width:30px;height:22px;border:1.7px solid #6c8761;border-radius:4px;margin:3px 0}.inspection .camera-outline:before{content:'';position:absolute;top:-6px;left:7px;width:12px;height:5px;border:1.7px solid #6c8761;border-bottom:0;border-radius:3px 3px 0 0;background:#f7f8f2}.inspection .camera-outline:after{content:'';position:absolute;left:9px;top:5px;width:8px;height:8px;border:1.7px solid #6c8761;border-radius:50%} .inspection .signature-invitation{display:inline-block;padding:5px 0;color:#42673b;font-size:14px}.inspection .editor-guidance{padding:12px 14px;margin:0 0 12px;border-radius:8px;background:#f0f4eb;color:#4b6543;font-size:15px}.inspection .note-example{font-size:13px;color:#69765e;margin:-7px 0 12px} @media(max-width:760px){.inspection #reading-copy .condition-row{display:flex;gap:12px;padding:11px 4px}.inspection #reading-copy .item-label{flex:0 0 45%;font-size:15px;margin:0;overflow-wrap:anywhere}.inspection #reading-copy .condition-cell{font-size:15px;padding:0}.inspection #reading-copy .condition-row:has(.cell-label){display:grid;grid-template-columns:1fr 1fr;gap:5px 12px}.inspection #reading-copy .condition-row:has(.cell-label) .item-label{grid-column:1/-1}.inspection #reading-copy .room-title{font-size:18px;padding:11px 10px;gap:8px}.inspection .room-progress{font-size:12px}.inspection .room-guidance{padding:10px}.inspection .room-guidance p{font-size:14px}.inspection .photo-placeholders{gap:7px;margin:12px 0 22px}.inspection .photo-slot{min-height:112px;padding:12px 5px;gap:8px}.inspection .photo-slot strong{font-size:13px}.inspection .photo-hint{display:none}.inspection #reading-copy .area-invitation{margin-left:0;width:100%;font-size:13px}.inspection #reading-copy .report-people{grid-template-columns:1fr;gap:12px}} @media(max-width:360px){.inspection .photo-slot strong{font-size:12px}.inspection .photo-slot{min-height:102px}.inspection .room-progress{font-size:11px}} .inspection .room-name{flex:1;min-width:0;overflow-wrap:anywhere}.inspection .room-action{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex-shrink:0}.inspection .room-action-label{font:600 13px/1.35 Arial;color:#315b40;text-decoration:underline;text-underline-offset:3px}.inspection .room-action .room-progress{font-size:12px} .inspection .room-heading{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:5px;align-items:center;margin-top:26px}.inspection #reading-copy .room-heading .room-title{margin:0}.inspection .room-heading .remove-area{width:44px;padding:0;font-size:24px;color:#6d7768;background:transparent;border-color:transparent}.inspection .room-heading .remove-area:hover{background:#f4e9e5;color:#8b422f}.inspection #reading-copy .room-title{scroll-margin-top:110px}.inspection .add-room-row{display:flex;justify-content:flex-end;margin:2px 0 20px}.inspection .add-room-row button{background:#fff;color:#28543f;border:1px dashed #a7b79e}.inspection .add-more-areas{border:1px dashed #a7b79e;background:#f5f7f0;border-radius:10px;margin:24px 0;padding:18px}.inspection .add-more-areas h3{font-size:18px;margin:0}.inspection .add-more-areas p{font-size:14px;color:#61765a;margin:5px 0 14px}.inspection .area-quick-add{display:flex;flex-wrap:wrap;gap:8px}.inspection .area-quick-add button{font-size:14px}.inspection #area-limit-note:empty{display:none}@media(max-width:760px){.inspection .room-heading{grid-template-columns:minmax(0,1fr) 44px;gap:2px}.inspection .room-heading .remove-area{width:44px}.inspection .room-action-label{font-size:12px}.inspection .room-action .room-progress{font-size:11px}.inspection .add-room-row button{width:100%;font-size:15px}.inspection .add-more-areas{padding:14px}.inspection .area-quick-add button{flex:1 1 45%;padding:10px 8px}} .inspection #reading-copy [data-edit]{scroll-margin-top:calc(var(--inspection-header-height,0px) + var(--inspection-room-tools-height,62px) + 24px)} /* Distinct section frames and repeated labels remain useful without color. */ .inspection [data-tone=slate]{--area-accent:#596979;--area-tint:#f1f4f7;--area-line:#cbd4dc} .inspection [data-tone=blue]{--area-accent:#38678f;--area-tint:#eef5fc;--area-line:#bfd2e4} .inspection [data-tone=violet]{--area-accent:#67538f;--area-tint:#f3effa;--area-line:#d0c5e3} .inspection [data-tone=rose]{--area-accent:#8a536a;--area-tint:#fcf0f5;--area-line:#e1c4d1} .inspection [data-tone=amber]{--area-accent:#856222;--area-tint:#fcf5e7;--area-line:#e1cea7} .inspection [data-tone=teal]{--area-accent:#2e746e;--area-tint:#edf8f6;--area-line:#b8d9d4} .inspection [data-tone=green]{--area-accent:#557440;--area-tint:#f2f7eb;--area-line:#cbd9b9} .inspection [data-party=tenant]{--party-accent:#38678f;--party-tint:#eef5fc;--party-line:#bfd2e4} .inspection [data-party=landlord]{--party-accent:#356c4b;--party-tint:#f0f7ed;--party-line:#bed4b6} .inspection .report-field[data-party],.inspection .signature-record[data-party],.inspection .remarks[data-party]{border:1px solid var(--party-line);border-left:4px solid var(--party-accent);border-radius:8px;background:var(--party-tint);padding:12px 14px;print-color-adjust:exact} .inspection .report-field[data-party] strong{color:var(--party-accent);font-size:14px;margin-bottom:4px}.inspection .signature-record[data-party] h3,.inspection .remarks[data-party] h3{color:var(--party-accent)} .inspection .room-title[data-tone]{display:flex;align-items:center;gap:10px;border:1px solid var(--area-line);border-left:4px solid var(--area-accent);background:var(--area-tint)!important;color:#243b36;print-color-adjust:exact} .inspection .room-number{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:28px;height:28px;padding:0 5px;background:#fff;border:1px solid var(--area-line);border-radius:7px;color:var(--area-accent);font:700 17px/1 Arial} .inspection #print-copy .condition-row[data-tone]{border-left:4px solid var(--area-line)}.inspection .print-photo[data-tone] figcaption{border-left:4px solid var(--area-accent);background:var(--area-tint);padding:7px 10px;margin-bottom:8px;color:#263b30;print-color-adjust:exact} .inspection #reading-copy .room-section{margin:24px 0;border:1px solid var(--area-line);border-left:4px solid var(--area-accent);border-radius:12px;background:#fff;overflow:clip} .inspection #reading-copy .room-section .room-heading{margin:0;gap:0;background:var(--area-tint)}.inspection #reading-copy .room-section .room-title{border:0;border-radius:0;font-weight:700;margin:0}.inspection #reading-copy .room-section>.room-title{padding:12px 14px} .inspection #reading-copy .room-section .room-action-label,.inspection #reading-copy .room-section .room-number{color:var(--area-accent)} .inspection #reading-copy .room-section .room-guidance{border:0;border-top:1px solid var(--area-line);background:var(--area-tint);padding:10px 14px;margin:0 0 4px} .inspection #reading-copy .room-section .condition-row{margin:0 10px;border-bottom:1px solid #e0e6df;padding:10px 4px} .inspection #reading-copy .room-section .photo-placeholders{margin:16px 12px}.inspection #reading-copy .room-section .photo-slot{background:var(--area-tint);border-color:var(--area-line);color:var(--area-accent)} .inspection #reading-copy .room-section .camera-outline,.inspection #reading-copy .room-section .camera-outline:before,.inspection #reading-copy .room-section .camera-outline:after{border-color:var(--area-accent)}.inspection #reading-copy .room-section .camera-outline:before{background:var(--area-tint)} .inspection #reading-copy .room-section .print-photo{width:calc(100% - 24px);margin:16px 12px} .inspection dialog[data-tone]>.dialog-top{border-left:4px solid var(--area-accent);background:var(--area-tint);padding:12px;border-radius:8px}.inspection dialog[data-party]>.dialog-top{border-left:4px solid var(--party-accent);background:var(--party-tint);padding:12px;border-radius:8px} .inspection #signature-dialog #pen-value{font-size:13px;font-weight:400;margin-left:6px;color:#586958}.inspection .pen-ends{display:flex;justify-content:space-between;padding-right:42px;color:#627060;font-size:12px;margin-top:-5px} @media(max-width:760px){.inspection #reading-copy .room-section{margin:20px 0}.inspection #reading-copy .room-section .room-title{padding:12px 8px;gap:7px}.inspection .room-number{min-width:25px;height:28px;font-size:16px}.inspection #reading-copy .room-section .room-guidance{padding:10px}.inspection #reading-copy .room-section .photo-placeholders{margin:14px 8px;gap:6px}.inspection .report-field[data-party],.inspection .signature-record[data-party],.inspection .remarks[data-party]{padding:12px}.inspection dialog[data-tone]>.dialog-top,.inspection dialog[data-party]>.dialog-top{padding:10px}} @media(max-width:360px){.inspection #reading-copy .room-section .room-title{flex-wrap:wrap}.inspection #reading-copy .room-section .room-title .room-action{flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding-left:32px}.inspection #reading-copy .room-section .photo-slot strong{font-size:11px}} /* Keep report headings compact so the signer blocks retain usable page space. */ .inspection #print-copy .room-title[data-tone]{padding:6px 10px}.inspection #print-copy .room-number{min-width:22px;height:22px;border-radius:5px;font-size:14px}.inspection #print-copy .report-field[data-party]{padding:10px 12px} .inspection .report-field[data-party]>strong,.inspection .signature-record[data-party]>h3,.inspection .remarks[data-party]>h3{display:table;max-width:100%;padding:0 8px;border-radius:4px;background:var(--party-accent);color:#fff;font-weight:700;print-color-adjust:exact} /* Visible property and signer details, shared with the printable report. */ .inspection .report-heading{margin-bottom:12px;padding-bottom:10px}.inspection .report-heading h2{margin-bottom:0} .inspection .report-details{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 18px;margin:0 0 14px} .inspection .report-details [data-basic-field=address]{grid-column:1/-1} .inspection .report-details .report-field{padding:5px 0;min-width:0} .inspection .report-details .report-field strong{font-size:13px;color:#425747} .inspection .report-details .report-field div{min-height:26px;border-bottom:1px solid #cbd6c5;padding:3px 0 5px;line-height:1.4} .inspection #reading-copy .report-details .report-field{padding:6px 8px;min-height:66px} .inspection #reading-copy .report-details .report-field strong{font-size:14px} .inspection #reading-copy [data-basic-field] .empty-field{color:#52694f} .inspection #reading-copy .report-people .report-field div{border-bottom:1px solid var(--party-line);padding:8px 0 5px;min-height:35px} @media(max-width:480px){.inspection #reading-copy .report-details{gap:8px 12px}.inspection #reading-copy .report-details .report-field{padding:5px 0}.inspection #reading-copy .report-details [data-basic-field=unit] strong{font-size:13px}} .inspection #print-copy .report-details{grid-template-columns:minmax(0,2.2fr) minmax(0,1fr) minmax(0,1.2fr);gap:16px;margin-bottom:12px}.inspection #print-copy .report-details [data-basic-field=address]{grid-column:auto} /* Keep the reset action visible without expanding the options menu. */ .inspection .inspection-toolbar #clear-all{order:2;margin-left:auto;min-height:44px;padding:10px 8px;background:#fff;color:#874633;border:1px solid #cfb7ad;font-size:14px;white-space:nowrap} .inspection #save-status:empty{display:none}.inspection .inspection-toolbar #save-status{order:1} @media(max-width:760px){.inspection .inspection-toolbar{gap:8px;padding:10px}.inspection .inspection-toolbar #save-status,.inspection .inspection-toolbar #undo-clear{order:3}.inspection .inspection-toolbar #save-draft,.inspection .inspection-toolbar summary{padding:10px;font-size:14px}} @media(max-width:360px){.inspection .inspection-toolbar{gap:6px;padding:8px}.inspection .options-prefix{display:none}.inspection .options-label{text-transform:capitalize}} /* Decorative line icons retain full text labels and room numbers. */ .inspection .report-icon{display:inline-block;vertical-align:middle;flex:0 0 auto;width:20px;height:20px;color:var(--area-accent,#53695b)} .inspection .item-label>.report-icon{width:16px;height:16px;margin-right:7px;vertical-align:-3px}.inspection #print-copy .item-label>.report-icon{width:14px;height:14px;margin-right:5px;vertical-align:-2px} .inspection #print-copy .room-title>.report-icon{width:18px;height:18px} @media(max-width:360px){.inspection #reading-copy .room-section .room-title{gap:6px}.inspection #reading-copy .room-section .room-title .room-action{padding-left:0}} /* Screen layout refinements leave the printable document unchanged. */ @media screen{ .inspection #reading-copy .start-label{display:table;font-size:13px;font-weight:700;color:#31543b;background:#e9f0e2;border-radius:6px;padding:4px 9px;margin:0 0 10px} .inspection #reading-copy .start-hint{font-size:14px;color:#52694f;line-height:1.45;margin:8px 0 0} .inspection dialog{max-width:calc(100vw - 24px)} .inspection #confirm-dialog{width:min(440px,calc(100% - 24px))} .inspection #confirm-dialog h2{font-size:23px;line-height:1.3;margin:0 0 14px;overflow-wrap:anywhere} .inspection #confirm-dialog .buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px} .inspection #confirm-dialog .buttons button{min-width:0;width:100%;min-height:48px;padding:12px 8px;overflow-wrap:anywhere} .inspection #reading-copy .report-details [data-basic-field=address]{padding:12px 14px;border:1px solid #a9bda0;border-left:4px solid #557440;border-radius:8px;background:#f2f7eb} .inspection #reading-copy .report-details [data-basic-field=address] strong{font-size:16px;color:#365332} .inspection #reading-copy .report-details [data-basic-field=address]>div{display:block;font-size:18px;font-weight:600;color:#314f30;border-color:#a9bda0} } @media screen and (max-width:760px){ .inspection .crumb{justify-content:flex-start;text-align:left} .inspection #reading-copy .room-section .condition-row{gap:5px 8px} .inspection #reading-copy .condition-row:not(:has(.cell-label)){display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start} .inspection #reading-copy .condition-row .item-label{display:flex;align-items:flex-start;gap:6px;min-width:0;line-height:1.5} .inspection #reading-copy .item-label>.report-icon{width:15px;height:15px;margin:4px 0 0} .inspection #reading-copy .item-label>span{min-width:0;overflow-wrap:anywhere} .inspection #reading-copy .condition-row:not(:has(.cell-label)) .condition-cell{display:contents} .inspection #reading-copy .condition-row:not(:has(.cell-label)) .condition-cell>b{grid-column:2;justify-self:end;max-width:88px;padding-top:2px;font-size:13px;line-height:1.5;text-align:right} .inspection #reading-copy .condition-row:not(:has(.cell-label)) .condition-cell>p{grid-column:1/-1;margin:0 0 3px 21px;font-size:14px;line-height:1.5} .inspection #reading-copy .condition-row:has(.cell-label) .condition-cell{padding:6px 8px;border-radius:6px;background:#f4f6f2;font-size:14px} .inspection .dialog-top{flex-wrap:wrap;row-gap:10px} .inspection .dialog-top h2{flex:1 1 100px} .inspection .dialog-actions{margin-left:auto} .inspection .editor-end{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))} .inspection .editor-end #previous{margin:0} .inspection .editor-end #next{grid-column:1/-1} .inspection .editor-end button{min-width:0;width:100%;overflow-wrap:anywhere} } @media screen and (max-width:360px){ .inspection #signature-dialog .signature-details{flex-direction:column;align-items:stretch;gap:6px} .inspection #signature-dialog #signature-identity{margin:0} .inspection #signature-dialog .signature-date-field{flex:none} .inspection #reading-copy .room-section .condition-row{margin-left:8px;margin-right:8px;column-gap:6px} .inspection #reading-copy .condition-row .item-label{font-size:14px} .inspection #reading-copy .condition-row:not(:has(.cell-label)) .condition-cell>b{max-width:72px;font-size:12px} } /* Give signing the main space; supporting actions remain compact and reachable. */ @media screen{ .inspection #reading-copy .start-label{display:block;width:100%;font-size:22px;line-height:1.3;padding:10px;text-align:center;margin:0 0 14px} .inspection #reading-copy .start-label span{display:inline-block;font-size:24px;margin-left:4px} .inspection #signature-dialog{padding:16px} .inspection #signature-dialog>.dialog-top{padding:8px 10px;margin-bottom:12px;gap:8px} .inspection #signature-dialog>.dialog-top h2{font-size:20px;line-height:1.25} .inspection #signature-dialog #confirm-signature-top{font-size:14px;padding:10px 12px} .inspection #signature-dialog #signature-panel{margin-top:0} .inspection #signature-dialog .signature-mode{margin-bottom:12px;padding:3px;gap:4px} .inspection #signature-dialog .signature-mode label{min-height:44px;font-size:14px;padding:8px 6px} .inspection #signature-dialog #signature-canvas{aspect-ratio:9/5;border-radius:10px} .inspection #signature-dialog .signature-toolbar{display:grid;grid-template-columns:auto minmax(0,210px);gap:12px;align-items:center;margin-top:8px} .inspection #signature-dialog .signature-drawing-actions{gap:4px} .inspection #signature-dialog .signature-drawing-actions button{padding:8px;font-size:14px} .inspection #signature-dialog .pen-control{width:auto;min-width:0;margin:0} .inspection #signature-dialog .pen-control label{font-size:12px} .inspection #signature-dialog #pen-value{font-size:11px;margin-left:3px} .inspection #signature-dialog .pen-slider{gap:6px} .inspection #signature-dialog .pen-slider svg{width:24px} .inspection #signature-dialog .pen-ends{display:none} .inspection #signature-dialog .signature-details{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:10px;align-items:center;margin-top:8px;padding-top:8px} .inspection #signature-dialog #signature-identity{font-size:14px;line-height:1.4;margin:0} .inspection #signature-dialog .signature-date-field{min-width:0} .inspection #signature-dialog .signature-date-field label{font-size:12px;margin-bottom:2px} .inspection #signature-dialog .signature-date-field input{font-size:16px;padding:8px;min-height:44px} .inspection #signature-dialog #signature-status{font-size:13px;line-height:1.4;margin:8px 0} .inspection #signature-dialog .signature-finish{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center} .inspection #signature-dialog #confirm-signature{min-height:44px;font-size:15px;padding:10px} .inspection #signature-dialog #remove-signature{width:auto;min-height:44px;font-size:13px;padding:8px;white-space:normal} .inspection #signature-dialog .signature-styles{gap:6px;margin:8px 0 0} .inspection #signature-dialog .signature-styles button{min-height:44px;padding:8px 4px;font-size:15px;font-weight:400;gap:0;background:#fff;color:#28543f;border:1px solid #c5d3c0;white-space:nowrap} .inspection #signature-dialog .signature-styles button[aria-pressed=true]{padding:7px 3px;border:2px solid #28543f;background:#edf4e7;color:#203e2d} .inspection #signature-dialog [data-signature-style=classic]{font-family:Georgia,serif;font-style:italic} .inspection #signature-dialog .signature-styles button[data-signature-style=script]{font-family:'Segoe Script','Brush Script MT',cursive;font-size:13px} .inspection #signature-dialog [data-signature-style=simple]{font-family:Arial,sans-serif} .inspection #signature-dialog #typed-signature{min-height:64px;line-height:1.4;padding:12px;color:#123b56} .inspection #signature-dialog #typed-area>label{font-size:14px} } @media screen and (max-width:360px){ .inspection #signature-dialog{padding:12px} .inspection #signature-dialog>.dialog-top{padding:8px;gap:6px} .inspection #signature-dialog>.dialog-top h2{font-size:18px} .inspection #signature-dialog .signature-top-actions{gap:6px} .inspection #signature-dialog .signature-toolbar{gap:8px;grid-template-columns:auto minmax(0,1fr)} .inspection #signature-dialog .signature-drawing-actions button{font-size:13px;padding:8px 6px} .inspection #signature-dialog .signature-details{grid-template-columns:minmax(0,1fr) 138px;gap:8px} .inspection #signature-dialog .signature-styles button[data-signature-style=script]{font-size:12px} } /* Keep the initial stage choice next to the instruction in both reading views. */ @media screen{ .inspection .inspection-start{margin:20px 0 8px;padding:16px;border:1px solid #cddbc5;border-radius:14px;background:#edf3e7;text-align:center} .inspection .inspection-start .start-label{margin:0 0 12px;font:700 24px/1.3 Arial,Helvetica,sans-serif;color:#234b3c} .inspection .inspection-start .start-label span{display:inline-block;font-size:28px;vertical-align:middle;margin-left:4px} .inspection .inspection-start .inspection-controls{justify-content:center;margin:0;gap:12px} .inspection .inspection-start .phase-switch{width:min(100%,360px);padding:4px;gap:6px;background:#dde8d6} .inspection .inspection-start .phase-switch button{flex:1;min-width:0;min-height:48px;font-size:16px;padding:10px 16px} .inspection .inspection-start .phase-switch button[aria-pressed=true]{color:#fff;background:#28543f;border-color:#28543f;box-shadow:none} } @media print{.inspection-start{display:none!important}} /* Room checklist cards: visible notes and distinct, roomy condition choices. */ @media screen{ .inspection #edit-body .item-editor{--item-bg:#f3f5f7;--item-line:#8092a0;background:var(--item-bg);border:1px solid #d9e0e2;border-left:4px solid var(--item-line);border-radius:12px;padding:16px;margin:14px 0;min-width:0} .inspection #edit-body .item-editor[data-surface=floor]{--item-bg:#fff7e9;--item-line:#b2833e} .inspection #edit-body .item-editor[data-surface=wall]{--item-bg:#edf5fc;--item-line:#658fb1} .inspection #edit-body .item-editor[data-surface=door]{--item-bg:#f4effa;--item-line:#9475ad} .inspection #edit-body .item-editor[data-surface=light]{--item-bg:#fffbe7;--item-line:#a58e32} .inspection #edit-body .item-editor[data-surface=cabinet]{--item-bg:#edf5e9;--item-line:#7d9869} .inspection #edit-body .item-editor[data-surface=water]{--item-bg:#eaf7f4;--item-line:#5d9b8e} .inspection #edit-body .item-editor[data-surface=laundry]{--item-bg:#fcf0f2;--item-line:#b57e8b} .inspection #edit-body .item-editor h3{display:flex;align-items:center;gap:8px;margin:0 0 12px;line-height:1.4;font-size:18px;color:#253e32;overflow-wrap:anywhere} .inspection #edit-body .item-editor h3 .report-icon{width:22px;height:22px;flex:0 0 22px;color:var(--item-line)} .inspection #edit-body .condition-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 12px;min-width:0} .inspection #edit-body .condition-choices button{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;width:100%;min-height:48px;white-space:normal;overflow-wrap:anywhere;padding:9px 7px;font:600 14px/1.35 Arial,Helvetica,sans-serif;color:#36513f;background:#fff;border:1px solid #b9c9b2;box-shadow:none} .inspection #edit-body .condition-choices button::before{content:'';display:block;width:14px;flex:0 0 14px;line-height:1} .inspection #edit-body .condition-choices button[aria-pressed=true]{background:#28543f;color:#fff;border-color:#28543f} .inspection #edit-body .condition-choices button[aria-pressed=true]::before{content:'\2713'} .inspection #edit-body .condition-choices button[data-condition=issue][aria-pressed=true]{background:#8b4b21;border-color:#8b4b21;color:#fff} .inspection #edit-body .item-note .editor-input{margin:0} .inspection #edit-body .item-note label{font-size:14px;font-weight:600;margin:0 0 6px} .inspection #edit-body .item-note textarea{min-height:76px;line-height:1.5;padding:10px;font-size:16px;background:#fff} .inspection #edit-body .item-note .note-example{font-size:13px;line-height:1.4;color:#52664f;margin:7px 0 0} } @media screen and (max-width:760px){ .inspection #edit-body .item-editor{padding:12px;margin:12px 0} .inspection #edit-body .condition-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} .inspection #edit-body .condition-choices button{min-height:48px;font-size:14px;padding:9px 6px} } @media screen{ .inspection #edit-body .item-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin:0 0 10px} .inspection #edit-body .item-heading h3{flex:1;min-width:0;margin:6px 0 0} .inspection #edit-body .item-remove{flex:0 0 auto;width:auto;min-height:44px;font-size:13px;padding:8px;color:#874633;background:#fff;border:1px solid #d9c4b8;border-radius:8px} .inspection #edit-body .item-recovery{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0;padding:10px 12px;background:#edf5e8;border:1px solid #bfd1b3;border-radius:9px;font-size:14px;line-height:1.4} .inspection #edit-body .undo-item{min-height:44px;font-size:14px;padding:8px 12px} .inspection #edit-body .empty-checklist{padding:16px;background:#f3f6ef;border-radius:10px;line-height:1.5} } /* tool-header-v1.css */ #repair-site-header#repair-site-header{all:revert;font:16px Inter, "Segoe UI", sans-serif;line-height:normal;color:rgb(24, 62, 53);letter-spacing:normal;text-align:start;} #repair-site-header#repair-site-header *,#repair-site-header#repair-site-header *::before,#repair-site-header#repair-site-header *::after{all:revert;} #repair-site-header#repair-site-header:is(*),#repair-site-header#repair-site-header :is(*){box-sizing: border-box;} #repair-site-header#repair-site-header:is(a),#repair-site-header#repair-site-header :is(a){color: rgb(49, 82, 47);} #repair-site-header#repair-site-header:is(img),#repair-site-header#repair-site-header :is(img){max-width: 100%;} #repair-site-header#repair-site-header:is(summary),#repair-site-header#repair-site-header :is(summary){cursor: pointer;} #repair-site-header#repair-site-header:is(:focus-visible),#repair-site-header#repair-site-header :is(:focus-visible){outline: rgb(155, 120, 64) solid 3px; outline-offset: 4px;} #repair-site-header#repair-site-header:is(a),#repair-site-header#repair-site-header :is(a){text-underline-offset: 3px;} #repair-site-header#repair-site-header:is(.site-header),#repair-site-header#repair-site-header :is(.site-header){padding: 0px 28px; min-height: 76px; gap: 22px;} #repair-site-header#repair-site-header:is(.brand),#repair-site-header#repair-site-header :is(.brand){color: white; text-decoration: none; font-weight: 750; font-size: 22px; letter-spacing: -0.6px;} #repair-site-header#repair-site-header:is(.header-links),#repair-site-header#repair-site-header :is(.header-links){display: flex; gap: 8px; align-items: center;} #repair-site-header#repair-site-header:is(.header-links a),#repair-site-header#repair-site-header :is(.header-links a),#repair-site-header#repair-site-header:is(.mobile-menu a),#repair-site-header#repair-site-header :is(.mobile-menu a){color: rgb(255, 255, 255); text-decoration: none; padding: 12px 14px; border-radius: 7px; font-size: 14px;} #repair-site-header#repair-site-header:is(.header-links a:hover),#repair-site-header#repair-site-header :is(.header-links a:hover),#repair-site-header#repair-site-header:is(.header-links a[aria-current]),#repair-site-header#repair-site-header :is(.header-links a[aria-current]),#repair-site-header#repair-site-header:is(.mobile-menu a:hover),#repair-site-header#repair-site-header :is(.mobile-menu a:hover){background: rgba(255, 255, 255, 0.094);} #repair-site-header#repair-site-header:is(.mobile-menu),#repair-site-header#repair-site-header :is(.mobile-menu){display: none; position: relative;} #repair-site-header#repair-site-header:is(.mobile-menu summary),#repair-site-header#repair-site-header :is(.mobile-menu summary){list-style: none; padding: 12px 16px; border: 1px solid rgba(255, 255, 255, 0.333); border-radius: 8px; color: white; font-size: 14px;} #repair-site-header#repair-site-header:is(.mobile-menu summary)::-webkit-details-marker,#repair-site-header#repair-site-header :is(.mobile-menu summary)::-webkit-details-marker{display: none;} #repair-site-header#repair-site-header:is(.mobile-menu summary)::after,#repair-site-header#repair-site-header :is(.mobile-menu summary)::after{content: " ☰"; margin-left: 8px;} #repair-site-header#repair-site-header:is(.mobile-menu[open] summary)::after,#repair-site-header#repair-site-header :is(.mobile-menu[open] summary)::after{content: " ×";} #repair-site-header#repair-site-header:is(.mobile-menu nav),#repair-site-header#repair-site-header :is(.mobile-menu nav){position: absolute; right: 0px; top: 52px; min-width: 230px; max-width: calc(-24px + 100vw); padding: 8px; background: rgb(23, 63, 53); border: 1px solid rgb(82, 120, 107); border-radius: 10px; box-shadow: rgba(24, 62, 53, 0.2) 0px 12px 30px; z-index: 20;} #repair-site-header#repair-site-header:is(.mobile-menu a),#repair-site-header#repair-site-header :is(.mobile-menu a){display: block; line-height: 1.5;} @media (max-width: 1150px) { } @media (max-width: 1000px) { #repair-site-header#repair-site-header:is(.header-links),#repair-site-header#repair-site-header :is(.header-links){display: none;} #repair-site-header#repair-site-header:is(.mobile-menu),#repair-site-header#repair-site-header :is(.mobile-menu){display: block;} #repair-site-header#repair-site-header:is(.site-header),#repair-site-header#repair-site-header :is(.site-header){min-height: 68px; padding: 12px 20px;} } @media (max-width: 600px) {#repair-site-header#repair-site-header:is(.site-header),#repair-site-header#repair-site-header :is(.site-header){padding: 10px 14px; min-height: 64px; gap: 10px;} #repair-site-header#repair-site-header:is(.brand),#repair-site-header#repair-site-header :is(.brand){font-size: 20px;} #repair-site-header#repair-site-header:is(.mobile-menu summary),#repair-site-header#repair-site-header :is(.mobile-menu summary){padding: 10px 12px;} } #repair-site-header#repair-site-header:is(.site-header),#repair-site-header#repair-site-header :is(.site-header){display: block; background: rgb(250, 248, 242); color: rgb(32, 60, 50); border-bottom: 1px solid rgb(225, 229, 219); padding: 12px 28px; min-height: 90px;} #repair-site-header#repair-site-header:is(.header-inner),#repair-site-header#repair-site-header :is(.header-inner){max-width: 1544px; margin: auto; display: flex; align-items: center; justify-content: space-between; gap: 24px;} #repair-site-header#repair-site-header:is(.site-header .brand),#repair-site-header#repair-site-header :is(.site-header .brand){display: inline-flex; align-items: center; padding: 0px; min-height: 0px; max-width: 100%; text-decoration: none; flex-shrink: 0;} #repair-site-header#repair-site-header:is(.brand img.brand-lockup),#repair-site-header#repair-site-header :is(.brand img.brand-lockup){display: block; width: 240px; height: auto; max-width: 100%;} #repair-site-header#repair-site-header:is(.header-links),#repair-site-header#repair-site-header :is(.header-links){gap: 10px; flex-wrap: wrap; justify-content: flex-end;} #repair-site-header#repair-site-header:is(.header-links a),#repair-site-header#repair-site-header :is(.header-links a),#repair-site-header#repair-site-header:is(.mobile-actions > a),#repair-site-header#repair-site-header :is(.mobile-actions > a),#repair-site-header#repair-site-header:is(.mobile-menu summary),#repair-site-header#repair-site-header :is(.mobile-menu summary),#repair-site-header#repair-site-header:is(.mobile-menu nav a),#repair-site-header#repair-site-header :is(.mobile-menu nav a){color: rgb(33, 76, 61); background: rgb(237, 243, 231); border: 1px solid rgb(199, 213, 187); border-radius: 8px; font-weight: 600; letter-spacing: 0.01em; text-decoration: none; transition: background-color 0.16s, color 0.16s;} #repair-site-header#repair-site-header:is(.header-links a),#repair-site-header#repair-site-header :is(.header-links a){padding: 11px 14px; min-height: 44px; display: inline-flex; align-items: center; font-size: 13px;} #repair-site-header#repair-site-header:is(.header-links a[aria-current]),#repair-site-header#repair-site-header :is(.header-links a[aria-current]),#repair-site-header#repair-site-header:is(.mobile-actions > a[aria-current]),#repair-site-header#repair-site-header :is(.mobile-actions > a[aria-current]){background: rgb(33, 76, 61); color: rgb(255, 255, 255); border-color: rgb(33, 76, 61);} #repair-site-header#repair-site-header:is(.header-links a:hover),#repair-site-header#repair-site-header :is(.header-links a:hover),#repair-site-header#repair-site-header:is(.mobile-actions > a:hover),#repair-site-header#repair-site-header :is(.mobile-actions > a:hover),#repair-site-header#repair-site-header:is(.mobile-menu summary:hover),#repair-site-header#repair-site-header :is(.mobile-menu summary:hover),#repair-site-header#repair-site-header:is(.mobile-menu nav a:hover),#repair-site-header#repair-site-header :is(.mobile-menu nav a:hover){background: rgb(223, 234, 213); color: rgb(23, 60, 43); text-decoration: none;} #repair-site-header#repair-site-header:is(.header-links a[aria-current]:hover),#repair-site-header#repair-site-header :is(.header-links a[aria-current]:hover),#repair-site-header#repair-site-header:is(.mobile-actions > a[aria-current]:hover),#repair-site-header#repair-site-header :is(.mobile-actions > a[aria-current]:hover){background: rgb(23, 60, 43); color: rgb(255, 255, 255);} #repair-site-header#repair-site-header:is(.mobile-actions),#repair-site-header#repair-site-header :is(.mobile-actions){display: none;} #repair-site-header#repair-site-header:is(.mobile-menu summary),#repair-site-header#repair-site-header :is(.mobile-menu summary){font-size: 13px; line-height: 20px; padding: 11px 14px; min-height: 44px; white-space: nowrap;} #repair-site-header#repair-site-header:is(.mobile-menu summary)::after,#repair-site-header#repair-site-header :is(.mobile-menu summary)::after{margin-left: 5px;} #repair-site-header#repair-site-header:is(.mobile-menu nav),#repair-site-header#repair-site-header :is(.mobile-menu nav){background: rgb(250, 248, 242); border-color: rgb(199, 213, 187); box-shadow: rgba(33, 76, 61, 0.133) 0px 12px 30px; padding: 8px; top: 52px; min-width: 240px; max-width: calc(-36px + 100vw);} #repair-site-header#repair-site-header:is(.mobile-menu nav a),#repair-site-header#repair-site-header :is(.mobile-menu nav a){padding: 11px 12px; min-height: 44px; font-size: 14px; margin: 4px 0px;} #repair-site-header#repair-site-header:is(.site-header a:focus-visible),#repair-site-header#repair-site-header :is(.site-header a:focus-visible),#repair-site-header#repair-site-header:is(.mobile-menu summary:focus-visible),#repair-site-header#repair-site-header :is(.mobile-menu summary:focus-visible){outline: rgb(155, 120, 64) solid 3px; outline-offset: 4px;} @media (max-width: 1150px) {#repair-site-header#repair-site-header:is(.header-links),#repair-site-header#repair-site-header :is(.header-links){gap: 8px;} #repair-site-header#repair-site-header:is(.header-links a),#repair-site-header#repair-site-header :is(.header-links a){padding: 10px 11px;} #repair-site-header#repair-site-header:is(.brand img.brand-lockup),#repair-site-header#repair-site-header :is(.brand img.brand-lockup){width: 225px;}} @media (max-width: 1000px) {#repair-site-header#repair-site-header:is(.site-header),#repair-site-header#repair-site-header :is(.site-header){padding: 12px 20px;} #repair-site-header#repair-site-header:is(.header-links),#repair-site-header#repair-site-header :is(.header-links){display: none;} #repair-site-header#repair-site-header:is(.mobile-actions),#repair-site-header#repair-site-header :is(.mobile-actions){display: flex; align-items: center; gap: 8px;} #repair-site-header#repair-site-header:is(.mobile-actions > a),#repair-site-header#repair-site-header :is(.mobile-actions > a){display: flex; align-items: center; justify-content: center; min-height: 44px; padding: 11px 14px; font-size: 13px;} #repair-site-header#repair-site-header:is(.mobile-menu),#repair-site-header#repair-site-header :is(.mobile-menu){display: block;}} @media (max-width: 600px) {#repair-site-header#repair-site-header:is(.site-header),#repair-site-header#repair-site-header :is(.site-header){padding: 12px 18px;} #repair-site-header#repair-site-header:is(.header-inner),#repair-site-header#repair-site-header :is(.header-inner){flex-wrap: wrap; gap: 10px;} #repair-site-header#repair-site-header:is(.brand img.brand-lockup),#repair-site-header#repair-site-header :is(.brand img.brand-lockup){width: 215px;} #repair-site-header#repair-site-header:is(.mobile-actions),#repair-site-header#repair-site-header :is(.mobile-actions){width: 100%; gap: 7px;} #repair-site-header#repair-site-header:is(.mobile-actions > a),#repair-site-header#repair-site-header :is(.mobile-actions > a){padding: 10px 8px; flex: 1 1 0%; font-size: 12px; min-height: 46px;} #repair-site-header#repair-site-header:is(.mobile-menu),#repair-site-header#repair-site-header :is(.mobile-menu){flex: 1 1 0%;} #repair-site-header#repair-site-header:is(.mobile-menu summary),#repair-site-header#repair-site-header :is(.mobile-menu summary){text-align: center; padding: 12px 8px; font-size: 12px; min-height: 46px;} #repair-site-header#repair-site-header:is(.mobile-menu nav),#repair-site-header#repair-site-header :is(.mobile-menu nav){top: 54px;} } @media (prefers-reduced-motion: reduce) {#repair-site-header#repair-site-header:is(.header-links a),#repair-site-header#repair-site-header :is(.header-links a),#repair-site-header#repair-site-header:is(.mobile-actions > a),#repair-site-header#repair-site-header :is(.mobile-actions > a),#repair-site-header#repair-site-header:is(.mobile-menu summary),#repair-site-header#repair-site-header :is(.mobile-menu summary),#repair-site-header#repair-site-header:is(.mobile-menu nav a),#repair-site-header#repair-site-header :is(.mobile-menu nav a){transition: none;}} #repair-site-header#repair-site-header:is(.mobile-actions > a),#repair-site-header#repair-site-header :is(.mobile-actions > a){text-align: center;} @media (max-width: 600px) { } #repair-site-header#repair-site-header [hidden]{display:none!important} @media print{#repair-site-header#repair-site-header{display:none!important}} /* export-align-v1.css */ #inspection-export-panel#inspection-export-panel{all:revert;font:16px / 25.6px system-ui, -apple-system, "Segoe UI", sans-serif;line-height:25.6px;color:rgb(32, 60, 50);letter-spacing:normal;text-align:start;} #inspection-export-panel#inspection-export-panel *,#inspection-export-panel#inspection-export-panel *::before,#inspection-export-panel#inspection-export-panel *::after{all:revert;} #inspection-export-panel#inspection-export-panel:is(*),#inspection-export-panel#inspection-export-panel :is(*){box-sizing: border-box;} #inspection-export-panel#inspection-export-panel:is(a),#inspection-export-panel#inspection-export-panel :is(a){color: rgb(36, 92, 72); text-underline-offset: 3px;} #inspection-export-panel#inspection-export-panel:is(h2),#inspection-export-panel#inspection-export-panel :is(h2){font-size: 21px; margin: 0px 0px 10px;} #inspection-export-panel#inspection-export-panel:is(button:focus-visible),#inspection-export-panel#inspection-export-panel :is(button:focus-visible),#inspection-export-panel#inspection-export-panel:is(a:focus-visible),#inspection-export-panel#inspection-export-panel :is(a:focus-visible){outline: rgb(194, 139, 83) solid 3px; outline-offset: 3px;} #inspection-export-panel#inspection-export-panel:is(button),#inspection-export-panel#inspection-export-panel :is(button){font: 600 14px system-ui; cursor: pointer; background: rgb(33, 76, 61); color: white; padding: 13px 18px; min-height: 46px; border-radius: 7px; border: 1px solid rgb(33, 76, 61);} #inspection-export-panel#inspection-export-panel:is(.secondary),#inspection-export-panel#inspection-export-panel :is(.secondary){background: white; color: rgb(33, 76, 61);} @media (max-width: 650px) { } @media print { #inspection-export-panel#inspection-export-panel:is(main > *),#inspection-export-panel#inspection-export-panel :is(main > *){display: none !important;} } @media print { } #inspection-export-panel#inspection-export-panel:is([hidden]),#inspection-export-panel#inspection-export-panel :is([hidden]){display: none !important;} @media (max-width: 650px) { } @media print { } #inspection-export-panel#inspection-export-panel:is(button:disabled),#inspection-export-panel#inspection-export-panel :is(button:disabled){opacity: 0.55; cursor: default;} #inspection-export-panel#inspection-export-panel:is(button),#inspection-export-panel#inspection-export-panel :is(button),#inspection-export-panel#inspection-export-panel:is(a),#inspection-export-panel#inspection-export-panel :is(a){-webkit-tap-highlight-color: rgb(206, 224, 198);} #inspection-export-panel#inspection-export-panel:is(:focus-visible),#inspection-export-panel#inspection-export-panel :is(:focus-visible){outline: rgb(175, 120, 42) solid 3px; outline-offset: 3px;} @media (max-width: 650px) { } @media (prefers-reduced-motion: reduce) {#inspection-export-panel#inspection-export-panel:is(*),#inspection-export-panel#inspection-export-panel :is(*){scroll-behavior: auto !important;}} @media print { } @media (max-width: 650px) { } @media print { #inspection-export-panel#inspection-export-panel:is(main > *),#inspection-export-panel#inspection-export-panel :is(main > *){display: none !important;} } @media screen { } @media screen and (max-width: 650px) { } @media screen and (max-height: 500px) { } @media screen { } @media screen and (max-width: 700px), screen and (hover: none) and (pointer: coarse) { } @media screen { } @media print { } @media (max-width: 850px) { } @media (max-width: 600px) { } @media (max-width: 1000px) { } @media (max-width: 560px) { } @media (max-width: 1050px) { } @media (max-width: 760px) { } @media (max-width: 1000px) { } @media (max-width: 560px) { } @media (max-width: 760px) { } @media (max-width: 420px) { } @media (min-width: 761px) and (max-width: 900px) { } @media (max-width: 760px) { } @media (max-width: 480px) { } #inspection-export-panel#inspection-export-panel:is(.export-actions),#inspection-export-panel#inspection-export-panel :is(.export-actions){display: flex; align-items: center; justify-content: space-between; gap: 16px 24px; flex-wrap: wrap; padding: 24px; margin: 20px 0px 28px; border: 1px solid rgb(201, 216, 195); border-radius: 16px; background: rgb(237, 243, 232);} #inspection-export-panel#inspection-export-panel:is(.export-actions h2),#inspection-export-panel#inspection-export-panel :is(.export-actions h2){font: 500 26px / 1.2 Georgia, serif; margin: 0px 0px 7px; color: rgb(32, 60, 50);} #inspection-export-panel#inspection-export-panel:is(.export-actions p),#inspection-export-panel#inspection-export-panel :is(.export-actions p){margin: 0px; font-size: 15px; line-height: 1.55;} #inspection-export-panel#inspection-export-panel:is(.export-buttons),#inspection-export-panel#inspection-export-panel :is(.export-buttons){display: flex; gap: 10px; flex-wrap: wrap;} #inspection-export-panel#inspection-export-panel:is(.export-buttons button),#inspection-export-panel#inspection-export-panel :is(.export-buttons button){font-size: 16px; min-height: 50px; padding: 13px 24px; border-radius: 10px;} #inspection-export-panel#inspection-export-panel:is(#export-status),#inspection-export-panel#inspection-export-panel :is(#export-status),#inspection-export-panel#inspection-export-panel:is(#pdf-again),#inspection-export-panel#inspection-export-panel :is(#pdf-again){flex-basis: 100%; font-size: 14px;} #inspection-export-panel#inspection-export-panel:is(#export-status:empty),#inspection-export-panel#inspection-export-panel :is(#export-status:empty){display: none;} #inspection-export-panel#inspection-export-panel:is(#pdf-again),#inspection-export-panel#inspection-export-panel :is(#pdf-again){width: fit-content;} @media (max-width: 650px) {#inspection-export-panel#inspection-export-panel:is(.export-actions),#inspection-export-panel#inspection-export-panel :is(.export-actions){padding: 20px 16px; gap: 18px;} #inspection-export-panel#inspection-export-panel:is(.export-actions > div),#inspection-export-panel#inspection-export-panel :is(.export-actions > div),#inspection-export-panel#inspection-export-panel:is(.export-buttons),#inspection-export-panel#inspection-export-panel :is(.export-buttons){width: 100%;} #inspection-export-panel#inspection-export-panel:is(.export-buttons),#inspection-export-panel#inspection-export-panel :is(.export-buttons){display: grid; grid-template-columns: 1fr 1fr; gap: 10px;} #inspection-export-panel#inspection-export-panel:is(.export-buttons button),#inspection-export-panel#inspection-export-panel :is(.export-buttons button){width: 100%; padding: 13px 10px;} #inspection-export-panel#inspection-export-panel:is(.export-actions h2),#inspection-export-panel#inspection-export-panel :is(.export-actions h2){font-size: 25px;}} @media (max-width: 350px) {#inspection-export-panel#inspection-export-panel:is(.export-buttons),#inspection-export-panel#inspection-export-panel :is(.export-buttons){grid-template-columns: 1fr;}} @media print {#inspection-export-panel#inspection-export-panel:is(.export-actions),#inspection-export-panel#inspection-export-panel :is(.export-actions){display: none !important;}} #inspection-export-panel#inspection-export-panel:is(#inspection-completion-guide),#inspection-export-panel#inspection-export-panel :is(#inspection-completion-guide){flex-basis: 100%; border-top: 1px solid rgb(201, 216, 195); padding-top: 16px; display: flex; gap: 12px 18px; align-items: center; justify-content: space-between;} #inspection-export-panel#inspection-export-panel:is(#completion-status),#inspection-export-panel#inspection-export-panel :is(#completion-status){font-size: 15px; line-height: 1.55; margin: 0px; max-width: 640px;} #inspection-export-panel#inspection-export-panel:is(#continue-editing),#inspection-export-panel#inspection-export-panel :is(#continue-editing){flex: 0 0 auto; font-size: 15px; min-height: 48px; border-radius: 10px;} @media (max-width: 650px) {#inspection-export-panel#inspection-export-panel:is(#inspection-completion-guide),#inspection-export-panel#inspection-export-panel :is(#inspection-completion-guide){align-items: stretch; flex-direction: column;} #inspection-export-panel#inspection-export-panel:is(#continue-editing),#inspection-export-panel#inspection-export-panel :is(#continue-editing){width: 100%;} } @media (max-width: 500px) { } @media (max-width: 500px) { } @media (max-width: 500px) { } @media (max-width: 500px) { } @media (max-width: 350px) { } @media screen { #inspection-export-panel#inspection-export-panel:is(.export-actions),#inspection-export-panel#inspection-export-panel :is(.export-actions){margin-top: 28px; padding: 28px; gap: 20px 24px;} } @media screen and (max-width: 700px) { #inspection-export-panel#inspection-export-panel:is(.export-actions),#inspection-export-panel#inspection-export-panel :is(.export-actions){padding: 24px 20px; border-radius: 18px; gap: 22px; margin: 28px 0px 32px;} #inspection-export-panel#inspection-export-panel:is(.export-actions h2),#inspection-export-panel#inspection-export-panel :is(.export-actions h2){font-size: 27px;} #inspection-export-panel#inspection-export-panel:is(.export-actions p),#inspection-export-panel#inspection-export-panel :is(.export-actions p),#inspection-export-panel#inspection-export-panel:is(#completion-status),#inspection-export-panel#inspection-export-panel :is(#completion-status){font-size: 16px; line-height: 1.65;} #inspection-export-panel#inspection-export-panel:is(#inspection-completion-guide),#inspection-export-panel#inspection-export-panel :is(#inspection-completion-guide){gap: 16px; padding-top: 20px;} #inspection-export-panel#inspection-export-panel:is(.export-buttons),#inspection-export-panel#inspection-export-panel :is(.export-buttons){gap: 12px;} #inspection-export-panel#inspection-export-panel:is(.export-buttons button),#inspection-export-panel#inspection-export-panel :is(.export-buttons button),#inspection-export-panel#inspection-export-panel:is(#continue-editing),#inspection-export-panel#inspection-export-panel :is(#continue-editing){min-height: 54px; font-size: 16px;} } @media screen and (max-width: 350px) { #inspection-export-panel#inspection-export-panel:is(.export-buttons),#inspection-export-panel#inspection-export-panel :is(.export-buttons){grid-template-columns: 1fr;} } @media screen { #inspection-export-panel#inspection-export-panel:is(main.shell .export-actions),#inspection-export-panel#inspection-export-panel :is(main.shell .export-actions){display: grid; grid-template-columns: 1fr; padding: 30px; gap: 22px; border-radius: 18px; background: rgb(237, 243, 231);} #inspection-export-panel#inspection-export-panel:is(.export-actions h2),#inspection-export-panel#inspection-export-panel :is(.export-actions h2){font-size: 30px; line-height: 1.3;} #inspection-export-panel#inspection-export-panel:is(.export-actions > div > p),#inspection-export-panel#inspection-export-panel :is(.export-actions > div > p){font-size: 16px; line-height: 1.7;} #inspection-export-panel#inspection-export-panel:is(.export-actions .export-buttons),#inspection-export-panel#inspection-export-panel :is(.export-actions .export-buttons){display: grid; grid-template-columns: 1fr 1fr; gap: 18px; width: 100%;} #inspection-export-panel#inspection-export-panel:is(.export-choice),#inspection-export-panel#inspection-export-panel :is(.export-choice){min-width: 0px;} #inspection-export-panel#inspection-export-panel:is(.export-choice button),#inspection-export-panel#inspection-export-panel :is(.export-choice button){width: 100%; min-height: 54px; font-size: 17px;} #inspection-export-panel#inspection-export-panel:is(.export-actions .export-choice p),#inspection-export-panel#inspection-export-panel :is(.export-actions .export-choice p){margin: 10px 0px 0px; font-size: 14px; line-height: 1.6; text-align: center; color: rgb(80, 105, 79);} } @media screen and (max-width: 700px) { #inspection-export-panel#inspection-export-panel:is(main.shell .export-actions),#inspection-export-panel#inspection-export-panel :is(main.shell .export-actions){padding: 24px 20px; gap: 22px;} #inspection-export-panel#inspection-export-panel:is(.export-actions h2),#inspection-export-panel#inspection-export-panel :is(.export-actions h2){font-size: 27px;} #inspection-export-panel#inspection-export-panel:is(.export-actions .export-buttons),#inspection-export-panel#inspection-export-panel :is(.export-actions .export-buttons){grid-template-columns: 1fr; gap: 22px;}} @media screen { } @media screen and (max-width: 760px) { } @media (max-width: 400px) { } @media (max-width: 1000px) { } @media (max-width: 600px) { } @media (max-width: 1150px) { } @media (max-width: 1000px) { } @media (max-width: 600px) { } #inspection-export-panel#inspection-export-panel [hidden]{display:none!important} @media print{#inspection-export-panel{display:none!important}} /* breadcrumb-left-v1.css */ /* Shared form convention: breadcrumbs align left on every viewport. */ @media screen{.crumb.crumb{justify-content:flex-start;text-align:left;flex-wrap:wrap}} /* acknowledgment-v1.css */ #inspection-export-panel#inspection-export-panel .inspection-use-notice{display:block;margin:18px 0;padding:18px;border:1px solid #aebfa7;border-radius:10px;background:#fff;color:#22372c;text-align:left;font:16px/1.55 Arial,sans-serif} #inspection-export-panel#inspection-export-panel .inspection-use-notice h3{display:block;font-size:18px;font-weight:700;line-height:1.35;margin:0 0 12px} #inspection-export-panel#inspection-export-panel .inspection-use-notice label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;font-size:16px;line-height:1.55} #inspection-export-panel#inspection-export-panel .inspection-use-notice input{appearance:auto;display:block;flex:0 0 22px;width:22px;height:22px;margin:3px 0 0;accent-color:#214c3d;cursor:pointer} #inspection-export-panel#inspection-export-panel .inspection-use-notice span{display:block;min-width:0} #inspection-export-panel#inspection-export-panel .inspection-use-notice strong{font-weight:700} #inspection-export-panel#inspection-export-panel .inspection-use-notice a{color:#214c3d;text-decoration:underline;font-weight:600} #inspection-export-panel#inspection-export-panel .inspection-use-notice p{display:block;font-size:14px;line-height:1.5;margin:12px 0 0} #inspection-export-panel#inspection-export-panel #inspection-use-status{font-weight:600} #inspection-export-panel#inspection-export-panel .inspection-use-notice :focus-visible{outline:3px solid #a35b27;outline-offset:4px} .inspection .page-footer{bottom:14px} .inspection .page-footer .inspection-document-disclaimer{display:block;font:10.5px/1.3 Arial,sans-serif;color:#465444;padding:0;margin:4px 0 0;break-inside:avoid} #inspection-print-blocked{display:none} @media(max-width:480px){#inspection-export-panel#inspection-export-panel .inspection-use-notice{padding:14px}#inspection-export-panel#inspection-export-panel .inspection-use-notice label{gap:10px}} @media print{body.inspection:not(.inspection-use-accepted) #print-copy{display:none!important}body.inspection:not(.inspection-use-accepted) #inspection-print-blocked{display:block!important;margin:36px;font:16px/1.5 Arial,sans-serif;color:#000}body.inspection.inspection-use-accepted #inspection-print-blocked{display:none!important}} /* compact-report-v1.css */ /* Compact report signatures and one discreet disclaimer on the final page. */ .inspection .page-footer{bottom:24px} .inspection .page-footer .inspection-document-disclaimer{font:8px/1.25 Arial,sans-serif;margin:3px 0 0;padding:0;color:#465444} .inspection #reading-copy .signature-record[data-party],.inspection #print-copy .signature-record[data-party]{margin-top:12px;padding:8px 10px} .inspection #reading-copy .signature-record h3,.inspection #print-copy .signature-record h3{margin:0 0 6px} .inspection #reading-copy .print-signature,.inspection #print-copy .print-signature{height:52px;min-height:52px} .inspection #reading-copy .print-signature img,.inspection #print-copy .print-signature img{height:52px;object-fit:contain;object-position:left center} .inspection #reading-copy .print-signature:has(.typed-print),.inspection #print-copy .print-signature:has(.typed-print){height:auto;min-height:52px} .inspection #reading-copy .print-signature .typed-print,.inspection #print-copy .print-signature .typed-print{font-size:30px} .inspection #reading-copy .print-signature.unsigned,.inspection #print-copy .print-signature.unsigned{height:22px;min-height:22px} .inspection #reading-copy .signature-record .signer-line,.inspection #print-copy .signature-record .signer-line{margin:4px 0 0} /* short-signatures-v1.css */ /* Make the complete signature record a short horizontal row. */ .inspection #reading-copy .signature-record[data-party],.inspection #print-copy .signature-record[data-party]{display:grid;grid-template-columns:180px minmax(0,1fr);column-gap:12px;row-gap:0;align-items:center;padding:6px 10px;margin-top:8px} .inspection #reading-copy .signature-record[data-party]>h3,.inspection #print-copy .signature-record[data-party]>h3{grid-column:1;grid-row:1 / 3;align-self:center;justify-self:start;margin:0;padding:2px 6px;font-size:13px;line-height:1.25} .inspection #reading-copy .signature-record .print-signature,.inspection #print-copy .signature-record .print-signature{grid-column:2;grid-row:1;height:32px;min-height:32px;min-width:0} .inspection #reading-copy .signature-record .print-signature img,.inspection #print-copy .signature-record .print-signature img{height:32px;max-width:100%;object-fit:contain;object-position:left center} .inspection #reading-copy .signature-record .print-signature:has(.typed-print),.inspection #print-copy .signature-record .print-signature:has(.typed-print){height:auto;min-height:32px} .inspection #reading-copy .signature-record .print-signature .typed-print,.inspection #print-copy .signature-record .print-signature .typed-print{font-size:26px;line-height:1.15} .inspection #reading-copy .signature-record .print-signature.unsigned,.inspection #print-copy .signature-record .print-signature.unsigned{height:16px;min-height:16px;font-size:12px;line-height:16px} .inspection #reading-copy .signature-record .signer-line,.inspection #print-copy .signature-record .signer-line{grid-column:2;grid-row:2;margin:0;font-size:11px;line-height:1.3;overflow-wrap:anywhere} .inspection #reading-copy .signature-record .signature-invitation{display:none} @media screen and (max-width:600px){.inspection #reading-copy .signature-record[data-party]{grid-template-columns:112px minmax(0,1fr);column-gap:8px;padding:6px 8px}.inspection #reading-copy .signature-record[data-party]>h3{font-size:12px}} /* short-drawing-v1.css */ /* Shorter signing pad; displayed and stored pixels share the same ratio. */ @media screen{.inspection #signature-dialog #signature-canvas{width:100%;height:auto;aspect-ratio:4 / 1}} .inspection-shortcuts{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 24px;align-items:center} .inspection-shortcuts a,.inspection-shortcuts button{font:inherit;font-size:14px;line-height:1.4;padding:10px 14px;border:1px solid #b7c8bf;border-radius:8px;background:#fff;color:#214c3d;text-decoration:none;min-height:44px;cursor:pointer} .inspection-shortcuts a:hover,.inspection-shortcuts button:hover{background:#edf3e9} .inspection-shortcuts :focus-visible,.inspection-example a:focus-visible{outline:3px solid #214c3d;outline-offset:3px} .inspection-example,.blank-checklist{border:1px solid #c9d5ce;border-radius:12px;background:#f5f7f2;padding:20px;margin:22px 0} .inspection-example h3,.blank-checklist h3{margin-top:0}.example-label{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#385a4b} .example-observation{background:#fff;border-left:4px solid #bc7854;padding:14px 16px;margin:14px 0}.example-observation p{margin:6px 0} .inspection-review{font-size:14px;line-height:1.6;border-top:1px solid #c9d5ce;padding-top:16px;margin-top:24px} .blank-checklist select{min-height:44px;margin:8px 8px 12px 0;max-width:100%}.blank-checklist button{min-height:44px}.blank-checklist p{max-width:65ch} #inspection-export-panel,#guide-heading,#inspection-example{scroll-margin-top:24px} @media(max-width:480px){.inspection-shortcuts{gap:6px}.inspection-shortcuts a,.inspection-shortcuts button{flex:1 1 44%;text-align:center;padding:10px}.inspection-example,.blank-checklist{padding:16px}} @media print{.inspection-shortcuts,.inspection-example,.blank-checklist,.inspection-review{display:none!important}} /* PageSpeed accessibility corrections: preserve all existing layout rules. */ .inspection .state-unchecked,.inspection .state-na{color:#4b5947} .inspection #reading-copy .room-guidance .example-note{color:#445340} .inspection #reading-copy .photo-slot .photo-hint{color:#445340} .inspection #reading-copy h3.room-heading{font-size:inherit;font-weight:inherit;line-height:inherit} .inspection #print-copy .paper-heading-trigger{display:flex;align-items:center;gap:inherit;min-width:0;width:100%} .inspection #print-copy .paper-heading-trigger>.report-icon{width:18px;height:18px} .inspection #print-copy .room-title:has(.paper-heading-trigger:focus-visible){outline:2px solid #214c3d;outline-offset:2px}