/* InspectionPress public software demos: v12 agent/contractor mobile fidelity. */
/* Scoped to two audience landing pages so authentic inspector/client pages remain unchanged. */
.ip-demo-audience-v12{--audience-line:#d5dfeb;--audience-text:#14243b;}
.ip-demo-audience-v12 .ip-audience-demo-container{width:100%;max-width:1500px;margin-inline:auto;padding-inline:clamp(12px,2vw,28px);box-sizing:border-box}
.ip-demo-audience-v12 .ip-audience-intro{display:grid;grid-template-columns:minmax(0,1fr);gap:7px;padding:0;margin:0 0 18px;min-width:0}
.ip-demo-audience-v12 .ip-audience-intro .ip-real-kicker{display:block;margin:0;color:#166534;font-size:13px;font-weight:900;letter-spacing:.075em;line-height:1.4;text-transform:uppercase}
.ip-demo-audience-v12 .ip-audience-intro h2{font-size:clamp(23px,2.8vw,34px);line-height:1.2;margin:0;color:#14243b;font-weight:900}
.ip-demo-audience-v12 .ip-audience-intro>p:last-child{font-size:clamp(15px,1.15vw,17px);line-height:1.55;color:#475569;margin:0;max-width:75ch}
.ip-demo-audience-v12 .ip-audience-demo{width:100%;max-width:none;min-width:0;padding:clamp(10px,1.6vw,20px);box-sizing:border-box}
.ip-demo-audience-v12 .ip-audience-demo .ip-real-banner{margin-bottom:14px;gap:9px;align-items:center}
.ip-demo-audience-v12 .ip-audience-demo .ip-real-banner>span{flex:1 1 190px;min-width:0}
.ip-demo-audience-v12 .ip-audience-demo .ip-real-banner small{line-height:1.4}
.ip-demo-audience-v12 .ip-audience-demo .ip-real-reset{min-height:40px}
.ip-demo-audience-v12 .ip-audience-demo .ip-real-demo,.ip-demo-audience-v12 .ip-audience-demo .contractor-workspace{min-width:0;max-width:none}
.ip-demo-audience-v12 :where(.agent-live-report,.agent-live-section,.agent-live-report-body,.agent-live-component-findings,.contractor-workspace-shell){min-width:0}
/* Agent: severity pills must be meaningful, contained and colored. */
.ip-demo-audience-agent .agent-live-finding-title-row{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:8px;min-width:0}
.ip-demo-audience-agent .agent-live-finding-title{flex:1 1 210px;min-width:0;overflow-wrap:anywhere;line-height:1.3}
.ip-demo-audience-agent .agent-live-finding-title-row .ip-pill{display:inline-flex;align-items:center;max-width:100%;width:max-content;flex:0 0 auto;white-space:nowrap;line-height:1.2;font-size:12px;font-weight:850;padding:5px 10px;border:1px solid #fdba74!important;color:#9a3412!important;background:#fff7ed!important;border-radius:9999px!important}
.ip-demo-audience-agent .agent-live-finding-title-row:has(.agent-live-finding-icon.material) .ip-pill{color:#b91c1c!important;background:#fef2f2!important;border-color:#fca5a5!important}
.ip-demo-audience-agent .agent-live-finding-title-row:has(.agent-live-finding-icon.minor) .ip-pill{color:#1d4ed8!important;background:#eff6ff!important;border-color:#93c5fd!important}
.ip-demo-audience-agent .agent-live-finding-title-row:has(.agent-live-finding-icon.limitation) .ip-pill{color:#475569!important;background:#f1f5f9!important;border-color:#cbd5e1!important}
.ip-demo-audience-agent .agent-live-finding-actions{min-width:0}
.ip-demo-audience-agent .agent-contractor-select{max-width:100%;min-width:0}
/* Agent conversation area resembles production finding thread rather than raw HTML. */
.ip-demo-audience-agent .ip-real-actions button[data-demo-thread]{display:inline-flex;align-items:center;gap:8px;background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe;padding:9px 12px;font-weight:800;min-height:42px}
.ip-demo-audience-agent .ip-real-actions button[data-demo-thread]>strong{display:inline-flex;min-width:23px;height:23px;padding:0 6px;align-items:center;justify-content:center;border-radius:999px!important;background:#dbeafe;color:#1d4ed8;font-size:12px}
.ip-demo-audience-v12 .ip-real-thread{background:#f8fafc;border:1px solid #d7e3f2;border-left:4px solid #2563eb;margin-top:12px;padding:14px;min-width:0;color:#17243b}
.ip-demo-audience-v12 .ip-real-thread>strong{display:flex;align-items:center;gap:7px;font-size:15px;font-weight:900}
.ip-demo-audience-v12 .ip-real-thread p{font-size:14px;line-height:1.55;margin:10px 0;padding:8px 10px;background:#fff;border:1px solid #e2e8f0;overflow-wrap:anywhere}
.ip-demo-audience-v12 .ip-real-thread label{display:block;font-size:13px;font-weight:800;color:#334155;margin:12px 0 8px}
.ip-demo-audience-v12 .ip-real-thread textarea{display:block;width:100%;max-width:100%;min-width:0;min-height:90px;margin-top:5px;padding:10px 12px;border:1px solid #cbd5e1;background:#fff;color:#111827;resize:vertical}
.ip-demo-audience-v12 .ip-real-thread button:is([data-thread-send],[data-ip-demo-contractor-send]){min-height:40px;padding:8px 14px;background:#2563eb!important;border:1px solid #1d4ed8!important;color:white!important;font-weight:850;cursor:pointer}
/* Contractor attachments: restored original file hub visual rhythm, with browser-only media shelf. */
.ip-demo-audience-contractor .ip-cw-open-files{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #1d4ed8;background:#2563eb!important;color:#fff!important;padding:10px 14px;font-size:14px;font-weight:850;min-height:42px;cursor:pointer}
.ip-demo-audience-contractor .contractor-property-image{display:block;width:100%;height:100%;object-fit:cover;min-height:170px}
.ip-demo-audience-contractor .contractor-property-image-wrap{overflow:hidden;min-width:0}
.ip-demo-audience-contractor .ip-cw-file-modal[hidden]{display:none!important}
.ip-demo-file-native-modal{box-sizing:border-box;max-width:min(820px,calc(100vw - 16px));width:100%;max-height:94dvh;padding:0;border:0;background:transparent;overflow:hidden}
.ip-demo-file-native-modal::backdrop{background:rgba(15,23,42,.78)}
.ip-demo-audience-contractor .ip-cw-file-modal{position:relative!important;inset:auto!important;z-index:auto;display:block;width:100%;padding:0;overflow:hidden;background:transparent}
.ip-demo-audience-contractor .ip-cw-file-modal .ip-cw-file-modal-backdrop{display:none}
.ip-demo-audience-contractor .ip-cw-file-dialog{position:relative;width:min(780px,100%);max-width:100%;max-height:min(90dvh,850px);overflow:hidden;display:flex;flex-direction:column;background:var(--ip-card,#fff);color:var(--ip-text,#0f172a);border:1px solid #cbd5e1;box-shadow:0 24px 80px rgba(0,0,0,.4)}
.ip-demo-audience-contractor .ip-cw-file-dialog-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px;border-bottom:1px solid #cbd5e1;background:var(--ip-card-soft,#f8fafc)}
.ip-demo-audience-contractor .ip-cw-file-dialog-header h2{font-size:22px;margin:3px 0}
.ip-demo-audience-contractor .ip-cw-file-dialog-header p{font-size:14px;line-height:1.5;margin:5px 0}
.ip-demo-audience-contractor .ip-cw-close-files{padding:9px 12px;background:#fff;border:1px solid #cbd5e1;color:#0f172a;font-weight:800;white-space:nowrap}
.ip-demo-audience-contractor .ip-cw-file-dialog-scroll{padding:16px;overflow:auto;min-height:0}
.ip-demo-audience-contractor .ip-cw-hub-heading{display:flex;gap:10px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;margin-bottom:12px}
.ip-demo-audience-contractor .ip-cw-hub-heading h2{font-size:20px;margin:0}
.ip-demo-audience-contractor .ip-cw-hub-heading p{font-size:14px;margin:4px 0}
.ip-demo-file-upload{border:1px solid #cbd5e1;background:#f8fafc;padding:16px;display:grid;gap:14px;color:#0f172a}
.ip-demo-file-upload-top{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.ip-demo-file-upload-top strong{font-size:17px;display:flex;align-items:center;gap:7px}
.ip-demo-file-upload-top p{margin:5px 0 0;font-size:14px;line-height:1.45;color:#475569}
.ip-demo-upload-trigger{display:inline-flex;gap:8px;align-items:center;justify-content:center;background:#2563eb;color:#fff;padding:10px 14px;border:1px solid #1d4ed8;font-weight:800;cursor:pointer}
.ip-demo-file-input{display:block;width:100%;max-width:100%;font-size:14px;border:1px dashed #94a3b8;padding:12px;background:#fff;color:#0f172a}
.ip-demo-file-association{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-weight:850;font-size:14px}
.ip-demo-file-association select{flex:1 1 190px;min-width:0;max-width:100%;background:#fff;color:#0f172a;border:1px solid #cbd5e1;padding:10px}
.ip-demo-upload-shelf{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(135px,100%),1fr));gap:10px}
.ip-demo-upload-item{border:1px solid #cbd5e1;background:#fff;min-width:0;padding:8px;display:flex;flex-direction:column;gap:5px;position:relative}
.ip-demo-upload-item img,.ip-demo-upload-item video{width:100%;height:90px;object-fit:cover;background:#e2e8f0}
.ip-demo-upload-item strong{font-size:12px;overflow-wrap:anywhere;line-height:1.3}
.ip-demo-upload-item small{font-size:11px;color:#64748b}
.ip-demo-upload-item button{padding:5px 7px;align-self:flex-start;border:1px solid #fca5a5;background:#fef2f2;color:#b91c1c;font-size:12px;font-weight:800}
.ip-demo-file-empty{grid-column:1/-1;font-size:14px;color:#64748b}
.ip-demo-audience-contractor .contractor-page-notice{line-height:1.55}
/* Hub links retain role-card visual design after embedded demos are temporarily disabled. */
.ipsh3 .ipsh3-role-card .ipsh3-role-open{display:inline-flex;gap:8px;align-items:center;justify-content:center;text-decoration:none;border:1px solid currentColor;padding:10px 13px;font-size:14px;font-weight:900;margin-top:auto;width:max-content;max-width:100%;min-height:42px}
@media(max-width:720px){
 .ip-demo-audience-v12 .ip-audience-demo-container{padding:0 8px;width:100%;max-width:none}
 .ip-demo-audience-v12 .ip-audience-intro{padding:0 4px;margin-bottom:12px;gap:4px}
 .ip-demo-audience-v12 .ip-audience-demo{padding:8px;border:0;background:transparent}
 .ip-demo-audience-v12 .ip-audience-demo .ip-real-banner{padding:10px 11px;gap:7px;margin-bottom:12px}
 .ip-demo-audience-v12 .ip-audience-demo .ip-real-banner strong{font-size:14px}
 .ip-demo-audience-v12 .ip-audience-demo .ip-real-banner small{font-size:12px}
 .ip-demo-audience-v12 .ip-audience-demo .ip-real-reset{margin-left:0}
 .ip-demo-audience-agent .agent-live-head{gap:8px;flex-wrap:wrap}
 .ip-demo-audience-agent .agent-workspace-body,.ip-demo-audience-agent .agent-live-report-body,.ip-demo-audience-agent .agent-live-component-findings{padding:0;background:transparent}
 .ip-demo-audience-agent .agent-live-report,.ip-demo-audience-agent .agent-live-section{border:0}
 .ip-demo-audience-agent .agent-live-report-head{padding:10px 4px;border-bottom:1px solid #cbd5e1}
 .ip-demo-audience-agent .agent-live-section-head{padding:10px 6px}
 .ip-demo-audience-agent .agent-live-finding-main{padding:12px}
 .ip-demo-audience-agent .agent-live-finding{margin:10px 0;border:1px solid #d1dceb;border-left:4px solid #f97316}
 .ip-demo-audience-agent .agent-live-finding-title{flex:1 1 165px;font-size:16px}
 .ip-demo-audience-agent .agent-live-finding-title-row .ip-pill{margin-left:0;flex-basis:auto}
 .ip-demo-audience-agent .agent-live-finding-actions{display:flex;flex-wrap:wrap;gap:9px;min-width:0}
 .ip-demo-audience-agent .agent-finding-control{flex:1 1 155px;min-width:0}
 .ip-demo-audience-agent .agent-ignore-finding-btn{height:44px;min-width:0}
 .ip-demo-audience-agent .ip-demo-gallery .ip-demo-photo{width:calc((100% - 14px)/3);height:90px;min-width:0}
 .ip-demo-audience-contractor .contractor-workspace-shell{border:0;box-shadow:none;padding:0;max-width:none}
 .ip-demo-audience-contractor .contractor-finding-content{padding:12px}
 .ip-demo-audience-contractor .contractor-property-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ip-demo-audience-contractor .ip-cw-file-dialog-header{padding:11px}
 .ip-demo-audience-contractor .ip-cw-file-dialog-scroll{padding:10px}
 .ip-demo-audience-contractor .ip-cw-file-modal{padding:0}
 .ip-demo-audience-contractor .ipcx-quicklinks{gap:5px 14px;justify-content:flex-start;align-items:center}
 .ip-demo-audience-contractor .ipcx-quickbar .ipcx-container{padding:7px 12px}
 .ip-demo-audience-contractor .ipcx-quickbar span{display:none}
}
html[data-theme="dark"] .ip-demo-audience-v12 .ip-real-thread,body.dark .ip-demo-audience-v12 .ip-real-thread{background:#172033;color:#f8fafc;border-color:#475569}
html[data-theme="dark"] .ip-demo-audience-v12 .ip-real-thread p,body.dark .ip-demo-audience-v12 .ip-real-thread p{background:#0f172a;color:#f8fafc;border-color:#475569}
html[data-theme="dark"] .ip-demo-audience-contractor .ip-demo-file-upload,body.dark .ip-demo-audience-contractor .ip-demo-file-upload{background:#172033;color:#f8fafc;border-color:#475569}
html[data-theme="dark"] .ip-demo-audience-contractor .ip-demo-file-upload-top p,body.dark .ip-demo-audience-contractor .ip-demo-file-upload-top p{color:#cbd5e1}
html[data-theme="dark"] .ip-demo-audience-contractor .ip-demo-upload-item,body.dark .ip-demo-audience-contractor .ip-demo-upload-item{background:#0f172a;color:#f8fafc;border-color:#475569}