/* ClaimsJunction design system — phase one. Scope avoids public signing pages. */
:root{--cj-navy:#11243a;--cj-slate:#536579;--cj-text:#1b2d43;--cj-blue:#2563eb;--cj-blue-soft:#edf3ff;--cj-bg:#f5f7fa;--cj-line:#e2e8f0;--cj-radius:12px;--cj-space:8px;--cj-sidebar:230px}
body:has(#workspace){background:var(--cj-bg);color:var(--cj-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;line-height:1.5}
body:has(#workspace)>header{background:white;border-bottom:1px solid var(--cj-line);box-shadow:none;color:var(--cj-text);height:76px;min-height:76px;padding:12px 28px;position:relative;z-index:30}
body:has(#workspace)>header .brand-logo{width:170px;height:auto;max-height:48px;object-fit:contain}body:has(#workspace)>header #who{color:var(--cj-slate)}
body:has(#workspace) main{max-width:1600px;margin:24px auto;padding:0 28px 70px}.cj-signed-in main{max-width:none!important;margin-left:var(--cj-sidebar)!important}.cj-sidebar-collapsed{--cj-sidebar:78px}
#workspace [hidden]{display:none!important}#workspace .panel{border:1px solid var(--cj-line);border-radius:var(--cj-radius);box-shadow:0 2px 4px #172b4203;background:white;padding:24px;margin-bottom:20px}
#workspace h2{font-size:26px;line-height:1.2;letter-spacing:-.65px;font-weight:650}#workspace h3{font-size:17px;font-weight:650;letter-spacing:-.2px}#workspace h4{font-size:14px}#workspace .muted{color:var(--cj-slate);line-height:1.6}
#workspace input,#workspace select,#workspace textarea{background:white;border:1px solid #cbd5e1;border-radius:8px;color:var(--cj-text);padding:10px 12px;box-shadow:none;min-width:0;max-width:100%}#workspace label{color:#475569;font-size:13px;font-weight:550}#workspace textarea{font:inherit}
#workspace button{background:var(--cj-blue);color:white;border:1px solid transparent;border-radius:8px;box-shadow:none;font-weight:600;transition:background .15s,border-color .15s,box-shadow .15s}#workspace button:hover{filter:none;background:#1d4ed8;transform:none}#workspace button.secondary{background:white;color:#34465c;border-color:var(--cj-line)}#workspace button.secondary:hover{background:#f1f5f9;border-color:#bac8d8}
#workspace button:disabled{opacity:.55;cursor:not-allowed}#workspace :focus-visible,.cj-chat :focus-visible{outline:3px solid #93b4ff;outline-offset:3px}#workspace .pill{background:var(--cj-blue-soft);color:#2352a3;border:0;font-weight:600;padding:5px 12px;text-transform:capitalize}
.cj-signed-in .cj-main-nav{position:fixed;left:0;top:76px;bottom:0;width:var(--cj-sidebar);display:flex;flex-direction:column;align-items:stretch;gap:7px;background:var(--cj-navy);border:0;border-radius:0;padding:22px 14px;margin:0;z-index:40;overflow-y:auto}
#workspace .cj-main-nav>button{display:flex;align-items:center;gap:13px;flex:none;min-height:45px;width:100%;text-align:left;margin:0;padding:12px;background:transparent;color:#b9c9dd;border:0;white-space:nowrap}#workspace .cj-main-nav>button:hover{background:#203952;color:white}#workspace .cj-main-nav>button[aria-current=page]{background:#28435f;color:white}.cj-main-nav svg{width:21px;height:21px;flex-shrink:0}.cj-sidebar-brand{display:flex;gap:10px;align-items:center;color:white;font-size:16px;font-weight:650;padding:0 7px 28px;white-space:nowrap}.cj-sidebar-brand small{display:block;font-size:8px;letter-spacing:1.5px;color:#91a5bd}.cj-brand-mark{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;background:#416a95;border-radius:9px;font-size:12px}
#workspace .cj-main-nav #logout{margin-top:auto}#workspace .cj-main-nav #cjSidebarToggle{border-top:1px solid #ffffff1a;border-radius:0;font-size:12px}.cj-sidebar-collapsed .cj-main-nav>button>span,.cj-sidebar-collapsed .cj-sidebar-brand>span:last-child{display:none}.cj-sidebar-collapsed .cj-sidebar-brand{padding-left:8px}.cj-sidebar-collapsed .cj-main-nav{padding-left:10px;padding-right:10px}
#workspace .cj-dashboard-heading{display:flex;gap:18px;align-items:center;margin:10px 0 24px;flex-wrap:wrap}#workspace .cj-dashboard-heading>div{flex:1;min-width:240px}#workspace .cj-dashboard-heading h2{margin:4px 0 8px}.cj-dashboard-subtitle{color:var(--cj-slate);margin:0;font-size:14px}.cj-dashboard-heading label{width:185px}#cjDashboardDate{font-size:12px;margin:10px 0 0}#workspace .cj-dashboard-heading button{width:auto;white-space:nowrap;margin:0}#cjDashboardStatus:empty{display:none}#cjDashboardStatus{font-size:12px;color:var(--cj-slate);margin:8px 0 16px}
#workspace .cj-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}#workspace .cj-metric{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;min-height:132px;padding:22px;background:white;color:var(--cj-text);border:1px solid var(--cj-line);border-radius:12px;margin:0;text-align:left}#workspace button.cj-metric:hover{border-color:#93b4ff;background:#fafdff}.cj-metric strong{font-size:30px!important;font-weight:650;line-height:1.1;letter-spacing:-1px}.cj-metric span{font-size:12px;color:var(--cj-slate)}#workspace .cj-metric:after{content:'↗';position:absolute;right:16px;top:16px;color:#8ca4bf}
.cj-dashboard-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}#workspace .cj-record{background:white;color:var(--cj-text);border:0;border-bottom:1px solid var(--cj-line);border-radius:0;margin:0;padding:16px 5px;text-align:left;display:flex;flex-direction:column;gap:5px}#workspace .cj-record:hover{background:var(--cj-blue-soft)}.cj-record strong{font-weight:600;font-size:14px}.cj-record span{font-size:12px}#workspace .cj-stage{display:flex;justify-content:space-between;text-align:left;padding:12px 14px;margin:5px 0;background:#f8fafc;border-color:#edf1f6;text-transform:capitalize}#cjRecent{display:grid;grid-template-columns:1fr 1fr;gap:10px}#workspace #cjRecent .cj-record{border:1px solid var(--cj-line);border-radius:10px;padding:18px;min-height:102px}
#workspace .cj-project-layout{display:block}.cj-project-layout>aside{width:100%;margin-bottom:14px}#workspace .cj-project-picker{padding:13px 18px;background:white}.cj-project-picker>summary{font-size:13px;color:var(--cj-slate)}.cj-project-picker[open]{max-height:440px;overflow:auto}#projects{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px}#workspace .project-link{background:white;color:var(--cj-text);border:1px solid var(--cj-line);text-align:left}#workspace .project-link:hover,#workspace .project-link.active{background:var(--cj-blue-soft);border-color:#93b4ff}
#detail .cf-shell{display:block}.cf-content{min-width:0}#workspace .claim-identity{position:relative;border:1px solid var(--cj-line);border-left:0;padding:24px 28px;margin-bottom:0;border-radius:12px 12px 0 0}.claim-identity p{margin:5px 0}.claim-identity>p:last-child{font-size:11px}#projectName{font-size:28px!important;margin:0}#projectAddress{font-size:15px!important}#projectClaim{font-size:12px!important}.cj-next-task{width:auto!important;font-size:12px;padding:8px 12px!important;margin:14px 0 0!important}
#workspace .cf-nav{position:sticky;top:0;z-index:20;display:flex;overflow-x:auto;gap:3px;white-space:nowrap;padding:8px 12px;background:white;border:1px solid var(--cj-line);border-top:0;border-radius:0 0 10px 10px;box-shadow:none}.cf-nav-caption{display:none}#workspace .cf-nav-link{width:auto;flex-shrink:0;padding:10px 12px;margin:0;background:transparent;color:var(--cj-slate);font-size:12px;border-radius:7px}#workspace .cf-nav-link:hover,#workspace .cf-nav-link.active{background:var(--cj-blue-soft);color:#2459ad}.cf-section-title{margin:24px 0 16px}.cf-section-title h2{font-size:20px!important}.cf-section-title p{max-width:none;font-size:12px}.cf-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.cf-summary>div{border:1px solid var(--cj-line);background:white;padding:16px;border-radius:10px}.cf-summary strong{font-size:23px;color:var(--cj-text)}.cf-summary span{font-size:12px}.cf-action-strip{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}#workspace .cf-action{display:flex;align-items:center;gap:8px;width:auto;min-height:0;padding:10px 14px;background:white;color:var(--cj-text);border:1px solid var(--cj-line);margin:0;font-size:12px}.cf-action-glyph{font-size:16px;color:#2563eb}
.cj-property-hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:20px;margin:18px 0}.cj-property-image{background:#eaf0f6;border:1px solid var(--cj-line);border-radius:12px;overflow:hidden;min-height:330px;display:flex;flex-direction:column;justify-content:center}.cj-property-image img{width:100%;height:auto;object-fit:contain}.cj-property-image>p{padding:8px 16px;margin:0;background:white;color:var(--cj-slate);font-size:10px}#cjPropertyImageEmpty{text-align:center;padding:35px;max-width:500px;margin:auto}#cjPropertyImageEmpty p{color:var(--cj-slate);font-size:13px}.cj-property-symbol{font-size:52px;color:#6388ad}#workspace #cjPropertyMeasure{width:auto;background:white;color:#2459ad;border:1px solid #bfd0e5;font-size:12px}.cj-property-actions{background:white;border:1px solid var(--cj-line);border-radius:12px;padding:25px}.cj-property-actions>p{font-size:13px}#workspace .cj-property-actions button{display:flex;justify-content:space-between;text-align:left;background:white;color:var(--cj-text);border-bottom:1px solid var(--cj-line);border-radius:0;padding:16px 0;margin:0;font-size:13px}#workspace .cj-property-actions button:hover{color:#2563eb;background:white}
#workspace .cj-advanced{background:white;border:1px solid var(--cj-line);border-radius:10px;padding:14px 18px;margin-bottom:18px}#workspace .cj-advanced>summary{font-weight:600;color:var(--cj-slate);cursor:pointer}#workspace .cj-advanced>.panel{border:0;margin:16px 0 0;padding:0}#workspace .photos{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}#workspace .photo{border-color:var(--cj-line);border-radius:12px;box-shadow:none}#workspace .photo img{height:180px}.cj-photo-report,.cj-photo-ai-controls{border-color:var(--cj-line)!important;background:#f8fafc!important}
#notice:not(:empty){position:sticky;top:8px;z-index:80;background:#eff5ff;border:1px solid #c4d6f5;color:#244e84;border-radius:9px;padding:12px 16px;box-shadow:0 4px 16px #172b420a}.cj-loading{opacity:.55;pointer-events:none}#workspace [aria-busy=true]{cursor:progress}#cjChatBubble{background:var(--cj-blue);box-shadow:0 6px 20px #17324d22}.cf-quick-grid[hidden],.cf-intro[hidden]{display:none!important}
@media(max-width:1150px){#workspace .cj-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.cj-property-hero{grid-template-columns:1fr}.cj-dashboard-columns{grid-template-columns:1fr}#workspace .cj-dashboard-heading>div{flex-basis:100%}}
@media(max-width:760px){body:has(#workspace){--cj-sidebar:64px}body:has(#workspace)>header{padding:12px 16px}body:has(#workspace)>header #who{font-size:11px}.cj-signed-in main{padding:0 14px 80px;margin-top:16px}.cj-main-nav>button>span,.cj-sidebar-brand>span:last-child{display:none}.cj-signed-in .cj-main-nav{padding:16px 8px}.cj-sidebar-brand{padding:0 7px 20px}.cj-brand-mark{width:30px;height:30px}#workspace .cj-main-nav>button{padding:12px}.cj-sidebar-brand{font-size:12px}#workspace .panel{padding:18px}#workspace .cj-dashboard-heading h2{font-size:23px}#workspace .cj-metric{min-height:110px;padding:16px}.cj-metric strong{font-size:25px!important}#workspace .cj-metrics{gap:10px}#cjRecent{grid-template-columns:1fr}.cf-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.cf-section-title{display:block}.cf-section-title p{text-align:left}#projectName{font-size:23px!important}.claim-identity .row{align-items:flex-start}.cj-property-image{min-height:260px}#workspace .cf-action{flex:1 1 45%}.cf-nav::-webkit-scrollbar{height:4px}.cf-nav::-webkit-scrollbar-thumb{background:#c5d2e0;border-radius:4px}.cj-property-actions{padding:20px}.cj-project-layout>article{min-width:0}}
@media(prefers-reduced-motion:reduce){#workspace *{scroll-behavior:auto!important;transition:none!important}}
#workspace .cf-nav-link.active{box-shadow:inset 0 -2px var(--cj-blue)}#workspace .cj-main-nav #logout{margin-left:0}#workspace .cj-metric{box-shadow:none}#workspace .cf-action:hover{background:var(--cj-blue-soft);border-color:#bfd0e5}.cj-record:focus-visible{outline-offset:-3px}
@media(max-width:760px){.cj-signed-in:not(.cj-sidebar-collapsed) .cj-main-nav{width:230px;box-shadow:12px 0 30px #11243a33}.cj-signed-in:not(.cj-sidebar-collapsed) .cj-main-nav>button>span,.cj-signed-in:not(.cj-sidebar-collapsed) .cj-sidebar-brand>span:last-child{display:block}.cj-signed-in:not(.cj-sidebar-collapsed) .cj-sidebar-brand{padding-left:7px}}

#workspace .cf-eyebrow{color:var(--cj-slate)}#workspace .cf-action-glyph{background:var(--cj-blue-soft);color:var(--cj-blue)}
#workspace .claim-identity .cj-advanced{margin:12px 0 0;padding:8px 12px;font-size:11px}
@media(max-width:480px){#workspace .cj-metric:last-child{grid-column:1/-1}#workspace .cj-metric:last-child strong{white-space:nowrap}}

#workspace .cj-section-picker{display:none}
@media(min-width:761px){#workspace .cf-nav{flex-wrap:wrap}}
@media(max-width:760px){#workspace .cf-nav{display:none}#workspace .cj-section-picker{display:block;width:100%;margin:0 0 18px;border-radius:0 0 8px 8px;padding:14px;background:var(--cj-blue-soft);color:#2459ad;font-weight:600}}
@media(max-width:480px){#workspace .cj-metric:nth-child(3){grid-column:1/-1}}

/* Property-first workflow board. */
.cj-pipeline{min-width:0;margin-top:24px}.cj-pipeline-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.cj-pipeline-heading button{width:auto;flex-shrink:0}.cj-pipeline-heading h2{margin:4px 0}.cj-pipeline-columns{display:flex;align-items:flex-start;gap:16px;overflow-x:auto;padding:10px 2px 20px;scroll-snap-type:x proximity}.cj-pipeline-column{flex:1 0 180px;min-width:180px;min-height:220px;max-width:340px;background:#f0f3f8;border:1px solid #e2e8f0;border-radius:14px;padding:14px;scroll-snap-align:start;border-top:3px solid var(--stage-color)}.cj-pipeline-column h3{font-size:14px;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:2px 0 18px}.cj-pipeline-count{background:#e2e8f0;border-radius:20px;padding:3px 8px;font-size:12px}.cj-pipeline-card{background:white;border:1px solid #dde5ef;border-radius:10px;padding:15px;margin-bottom:12px;box-shadow:0 2px 4px #12233a08}.cj-pipeline-card[draggable=true]{cursor:grab}.cj-pipeline-reference{font-size:10px;font-weight:700;letter-spacing:.07em;color:#64748b}.cj-pipeline-open{display:block;background:transparent!important;color:#172b49!important;border:0!important;text-align:left;padding:9px 0!important;font-size:15px;font-weight:700;width:100%}.cj-pipeline-card p{font-size:12px;line-height:1.5;overflow-wrap:anywhere}.cj-pipeline-card label{font-size:11px;color:#64748b}.cj-pipeline-card select{font-size:12px;min-height:40px;width:100%;margin:5px 0 0}.cj-pipeline-empty{font-size:12px;text-align:center;color:#8291a5;border:1px dashed #cbd5e1;padding:28px 10px;border-radius:10px}.cj-pipeline-column.is-drop-target{outline:2px solid #3983cf;background:#e8f1fc}.cj-pipeline-card.is-dragging{opacity:.45}.cj-stage-editor{padding:20px;border:1px solid #cbd5e1;border-radius:12px;background:#f8fafc;margin-bottom:20px}.cj-stage-editor-row{display:flex;gap:8px;align-items:center;margin:10px 0}.cj-stage-editor-row input{min-width:0;flex:1;margin:0}.cj-stage-editor button{width:auto;margin:4px}.cj-stage-editor-row button{margin:0;flex-shrink:0}.cj-stage-editor-row button:disabled{opacity:.4}@media(max-width:650px){.cj-pipeline-heading{align-items:flex-start;flex-direction:column}.cj-pipeline-column{flex:0 0 calc(100% - 16px);min-width:0;max-width:none}.cj-stage-editor{padding:12px}.cj-stage-editor-row{flex-wrap:wrap}.cj-stage-editor-row input{flex-basis:100%}}

.cj-pipeline-contacts{border-top:1px solid #e8edf4;padding:10px 0;margin:8px 0;display:grid;gap:5px;font-size:12px;overflow-wrap:anywhere}.cj-card-contact-name{color:#263c58}.cj-card-phone{color:#2563a8;text-decoration:none;padding:5px 0;display:block}.cj-card-phone:hover{text-decoration:underline}

.cj-project-overview{margin-top:22px}.cj-overview-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.cj-overview-heading button{width:auto}.cj-overview-actions{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 22px}.cj-overview-actions button,.cj-overview-link{width:auto;padding:10px 16px;font-size:13px}.cj-overview-link{background:#fff;border:1px solid #d9e3f0;border-radius:9px;text-decoration:none;color:#245986;font-weight:600}.cj-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.cj-overview-grid>.panel{margin:0 0 18px}.cj-detail-row{display:grid;grid-template-columns:145px minmax(0,1fr);gap:12px;padding:9px 0;border-bottom:1px solid #eef2f6;font-size:13px}.cj-detail-row strong{overflow-wrap:anywhere;font-weight:550;color:#223851}.cj-overview-task,.cj-overview-activity{padding:12px 0;border-bottom:1px solid #e8edf4;font-size:13px}.cj-overview-activity small{display:block;margin-top:5px}.cj-overview-activity p{white-space:pre-wrap;overflow-wrap:anywhere}.cj-overview-editor{border:2px solid #a9c8e6!important}.cj-overview-editor label{display:block;font-size:13px}.cj-overview-editor button{width:auto;margin:8px 8px 0 0}.cj-overview-editor input,.cj-overview-editor select{width:100%;min-width:0}.cj-project-overview textarea{width:100%;min-height:100px}@media(max-width:760px){.cj-overview-grid{grid-template-columns:1fr}.cj-overview-heading{align-items:flex-start;flex-direction:column}.cj-detail-row{grid-template-columns:1fr;gap:4px}.cj-overview-grid>.panel{padding:18px}}

body.cj-signed-in #passwordRecovery{display:none}.cj-property-hero{margin-bottom:24px}.cj-property-hero .cj-property-actions{padding:22px}.cj-property-hero .cj-property-image{min-height:220px}.cj-property-hero .cj-property-image img{max-height:320px;object-fit:cover}#cjOverviewDetails{margin-top:20px}

.cj-property-hero .cj-property-actions{display:none}.cj-property-hero{grid-template-columns:1fr}.cj-property-hero .cj-property-symbol{font-size:28px}.cj-property-hero .cj-property-image{min-height:180px}#cjPropertyImageEmpty{padding:22px}#cjPropertyImageEmpty h3{margin:8px 0}

/* Shared photo selection and report tools. */
.cj-photo-selected{outline:3px solid #2563eb;outline-offset:1px}.cj-photo-select{margin:8px!important;width:calc(100% - 16px)!important}.cj-photo-report>details{padding:14px;border:1px solid #dce5ef;border-radius:10px;margin:14px 0}.cj-photo-report summary{cursor:pointer;font-weight:650}.cj-photo-report #photos{margin-top:14px}.cj-photo-report #photoReportOrder{margin-top:24px}.cj-photo-ai-controls .trace-check{display:flex;align-items:center;gap:10px}.cj-photo-ai-controls input[type=checkbox]{width:auto;flex-shrink:0}

.cj-project-layout.cj-project-index{display:block}.cj-project-index>article{display:none!important}.cj-project-index>aside{width:100%;max-width:none}.cj-projects-home{min-width:0}

.cj-company-sidebar-logo{width:54px;max-height:54px;object-fit:contain;background:white;border-radius:8px;padding:4px;flex-shrink:0}.cj-company-logo-preview{max-width:240px;max-height:120px;object-fit:contain}.cj-team-table{width:100%;border-collapse:collapse;margin:16px 0}.cj-team-table th,.cj-team-table td{text-align:left;padding:10px;border-bottom:1px solid #dce5ef}.cj-team-member{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid #dce5ef}.cj-team-member select,.cj-team-member button{width:auto;margin:0}.cj-sidebar-collapsed .cj-company-sidebar-logo{width:34px;max-height:34px}.cj-sidebar-brand>span{min-width:0;overflow-wrap:anywhere}

.cj-mail-body{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;max-height:60vh;overflow:auto}#mailList small{display:block}#mailWorkspace section{min-width:0}

#cjCompanySettings .trace-check{display:flex;gap:10px;align-items:center}#cjCompanySettings input[type=checkbox]{width:auto;flex-shrink:0}

.cj-sidebar-brand{white-space:normal}.cj-sidebar-brand:has(.cj-company-sidebar-logo){flex-direction:column;align-items:flex-start}.cj-sidebar-brand small{letter-spacing:.7px}.cj-company-sidebar-logo{width:160px;max-width:100%;max-height:65px}.cj-company-logo-preview{display:block;margin:12px 0}.cj-company-logo-preview[hidden]{display:none}

/* Roof measurement studio */
.cj-roof-studio{border:0;margin:10px 0;padding:0}.cj-roof-heading{padding:20px;background:#142b44;color:white;border-radius:12px}.cj-roof-heading h3,.cj-roof-heading p{color:inherit!important}.cj-roof-details{border:1px solid #dce5ef;background:white;border-radius:10px;padding:15px;margin:14px 0}.cj-roof-details>summary{font-weight:650;cursor:pointer;padding:4px 0}.cj-roof-toolbar,.cj-roof-view-tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:14px 0}.cj-roof-toolbar button,.cj-roof-view-tools button{width:auto!important;margin:0;font-size:12px}.cj-roof-view-tools label{display:flex;gap:7px;align-items:center;margin:0}.cj-roof-view-tools input{width:auto!important}.cj-roof-work{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:16px;align-items:start}.cj-roof-drawing{min-width:0;position:sticky;top:140px}.cj-roof-viewport{max-height:640px;overflow:auto;border:1px solid #bccbdb;border-radius:10px;background:#edf2f7;min-height:220px}.cj-roof-viewport canvas{max-width:none!important;min-width:100%;border:0}.cj-roof-inspector{min-width:0;background:#f4f7fb;padding:12px;border-radius:10px;max-height:900px;overflow:auto}.cj-roof-inspector input,.cj-roof-inspector select{font-size:12px!important}.cj-edge-palette{display:grid;grid-template-columns:1fr 1fr;gap:5px}.cj-edge-palette button{font-size:11px!important;padding:8px!important;margin:0!important;text-transform:capitalize}.cj-roof-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0}.cj-roof-metrics>div{background:#f0f5fa;padding:16px;border:1px solid #dce5ef;border-radius:10px;display:flex;flex-direction:column;gap:6px}.cj-roof-metrics strong{font-size:22px;color:#17324d}.cj-roof-metrics span{font-size:12px;color:#52647a}.cj-roof-inspector p{font-size:12px}.cj-roof-item-editor{padding:10px;border:1px solid #c4d4e6;border-radius:8px}.cj-roof-studio table{width:100%;border-collapse:collapse}.cj-roof-studio td,.cj-roof-studio th{padding:9px;text-align:left;border-bottom:1px solid #e2e8f0;font-size:13px}.cj-saved-roof-plan{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.cj-saved-roof-plan button{width:auto!important}#traceTotals{font-size:12px;line-height:1.7;color:#52647a}#traceMode{font-weight:600}#traceCanvas{cursor:crosshair}.cj-roof-inspector .cj-roof-details{padding:9px}
@media(max-width:1100px){.cj-roof-work{grid-template-columns:1fr}.cj-roof-drawing{position:static}.cj-roof-inspector{max-height:none}.cj-edge-palette{grid-template-columns:repeat(5,1fr)}}
@media(max-width:600px){.cj-roof-metrics{grid-template-columns:1fr 1fr}.cj-edge-palette{grid-template-columns:repeat(2,1fr)}.cj-roof-viewport{max-height:450px}.cj-roof-metrics strong{font-size:18px}.cj-roof-toolbar button{flex:1 0 30%}}

/* Company settings navigation and disclosure cards */
.cj-settings-shortcuts{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0 1.25rem}
.cj-settings-shortcuts>button{width:auto;margin:0}
.cj-settings-disclosure{margin:.65rem 0;border:1px solid #d8e1ec;border-radius:.75rem;padding:0 .9rem;scroll-margin-top:1rem}
.cj-settings-disclosure>summary{cursor:pointer;font-weight:700;padding:.85rem 0}
.cj-settings-disclosure[open]>summary{border-bottom:1px solid #d8e1ec;margin-bottom:.8rem}
.cj-settings-disclosure>form,.cj-settings-disclosure>section{margin-bottom:.85rem}