/* SIS chrome stays independent of the client's visual family. */
:where(.draft,.draftdock,dialog,#selection-comment,.sis-marketing-badge,.intake,.local-review-tester){
 --font-body:Jakarta,Arial,sans-serif;--font-display:Jakarta,Arial,sans-serif;
 --sis-surface:#17252e;--sis-accent:#59d8fa;--sis-text:#e8faff;
 --accent:#59d8fa;--accent-deep:#126780;
 --button:var(--dark); /* text on SIS cyan fills stays dark whatever the client palette's --button is */
 font-family:var(--font-body);
}
:where(.draft,.draftdock,dialog,.intake,.local-review-tester) :where(button,input,textarea,select){font-family:var(--font-body)}
body :is(dialog,.intake) :is(h1,h2,h3){text-transform:none;letter-spacing:-.025em;font-family:Jakarta,Arial,sans-serif}
#retry-intake{background:#17252e;color:#e8faff;border:1px solid #59d8fa;border-radius:8px;padding:12px 18px;min-height:44px;cursor:pointer}
#retry-intake[hidden]{display:none}
#intake-photo-list{overflow-wrap:anywhere}
#intake-photo-list a{color:#16536b;text-decoration:underline}
#intake-photo-list button{margin-left:8px;min-height:44px}
#intake-photo-status{white-space:pre-line}
.intake #info-pane[hidden],.intake #photos-pane[hidden]{display:none}
/* Attention belongs to SIS; a client palette must not make placeholders disappear. */
[data-sis-placeholder="image"]::after{
 background:repeating-linear-gradient(135deg,rgba(0,190,239,.07) 0 22px,rgba(0,190,239,.30) 22px 44px);
 box-shadow:inset 0 0 0 2px rgba(0,190,239,.55);
}
.v4photo:not([data-sis-placeholder])::after,.v4hero:not([data-sis-placeholder])::after{content:none}
.v4photo-empty,.pair-empty{
 background:repeating-linear-gradient(135deg,rgba(0,190,239,.09) 0 22px,rgba(0,190,239,.25) 22px 44px);
 border:2px dashed #00a9c1;
}
.sis-proposed-text{
 background:rgba(0,190,239,.19);color:inherit;border-bottom:1px dashed #00a9c1;
 box-decoration-break:clone;-webkit-box-decoration-break:clone;
}
.sample-review{
 background:repeating-linear-gradient(135deg,rgba(0,190,239,.07) 0 22px,rgba(0,190,239,.19) 22px 44px);
 border-color:#00a9c1!important;
}
.price-need{background:rgba(0,190,239,.25);border-bottom-color:#00a9c1;color:inherit}
#intake-lock[hidden],.reviewfields[hidden],.corner-lock[hidden]{display:none}
.sis-walkthrough video{display:block;width:100%;max-height:300px;background:#17252e;border-radius:10px;object-fit:contain}
.sis-walkthrough details{font-size:14px;line-height:1.5;margin:10px 0}
.sis-walkthrough summary{cursor:pointer;min-height:44px;display:flex;align-items:center;text-decoration:underline}
.sis-walkthrough li{margin:8px 0}
#sis-expiry{display:block;font-size:11px;font-weight:500;line-height:1.5;flex-basis:100%;text-transform:none;letter-spacing:0}
#sis-expiry:empty{display:none}
.sis-photo-reveal{position:absolute;bottom:52px;right:12px;z-index:8;border:1px solid #59d8fa;border-radius:8px;padding:8px 12px;min-height:44px;background:#17252e;color:#e8faff;font:600 12px/1.3 Jakarta,Arial,sans-serif;cursor:pointer}
.v4hero>.sis-photo-reveal{bottom:80px}
[data-sis-placeholder="image"].sis-photo-revealed::after{opacity:0!important}
.sis-photo-reveal:focus-visible{outline:3px solid #59d8fa;outline-offset:3px}
@media(hover:none){[data-sis-placeholder="image"]:not(.sis-photo-revealed)::after{opacity:1!important}}
.intake .info-field.answered label::after{content:' ✓ entered'}
.intake .info-field.saved label::after{content:' ✓ saved'}
#comments-browser .comment-anchor-note{font-size:13px;background:#e8faff;padding:10px;color:#17252e}
#access-retry[hidden],#locked-dialog a[hidden],#welcome-comments[hidden]{display:none}
#welcome-comments{margin:10px 8px 0 0}
.sis-control-obscured{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
.sis-upload-retry{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:8px;border:1px solid #59d8fa;margin:8px 0;color:#17252e;overflow-wrap:anywhere}
.sis-upload-retry button{min-height:44px}
@media(max-width:640px){.sis-walkthrough video{max-height:220px}.sis-photo-reveal{right:8px;bottom:50px}.v4hero>.sis-photo-reveal{bottom:65px}#welcome-dialog{max-height:90dvh;overflow:auto}}
/* Info form in "notice" mode (job sis_review.info_form = "notice"): the owner note sits where the
   form/uploads would be; what is still needed stays listed read-only. SIS chrome, not client palette. */
.sis-info-notice{margin:22px 0;padding:18px 20px;background:#17252e;color:#e8faff;border-left:5px solid #59d8fa;border-radius:8px}
.sis-info-notice p{margin:0;color:#e8faff!important;font-size:16px;line-height:1.6}
#review-dialog .sis-info-notice{margin:6px 0 4px}
#review-dialog .sis-info-notice p+p{margin-top:10px}.sis-info-notice a{color:#59d8fa;font-weight:700;text-decoration:underline;text-underline-offset:4px}
.sis-upload-off[hidden]{display:none!important}
.intake .info-readonly .info-q{margin:0 0 8px;font-size:15px;font-weight:600;color:#172229}
.intake .info-readonly h3{margin:0 0 6px}
.intake .info-readonly p{margin:0}