/* The same quiet blue attachment surface on field, office and client screens. */
.attachment-center.attachment-card83{border:1px solid #dce2e9!important;border-radius:22px!important;background:var(--panel,#fff)!important;box-shadow:none!important;padding:0!important;margin:22px 0!important;overflow:hidden}
.attachment-center.attachment-card83>header{display:flex!important;flex-direction:column;align-items:center!important;justify-content:center!important;gap:20px;padding:24px!important;border-bottom:1px solid #dce2e9!important;background:transparent!important}
.attachment-card83>header h3{display:flex!important;align-items:center;justify-content:center;gap:12px;font-size:23px!important;line-height:1.3;margin:0!important;color:var(--ink,#203449)!important}
.attachment-card83>header h3>svg{width:26px;height:26px;flex:none}.attachment-card83 .attachment-actions{justify-content:center!important;margin:0!important}
.attachment-card83 .attachment-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;border:1px solid #bdcce0!important;border-radius:12px!important;background:linear-gradient(135deg,#fff,#f2f5fb)!important;color:#243a52!important;padding:11px 17px!important;font-size:16px!important;box-shadow:0 2px 4px #22334b08!important}
.attachment-card83 .attachment-actions svg{height:23px;width:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.attachment-center.attachment-card83>.attachment-drop{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:14px;width:calc(100% - 40px)!important;min-height:215px;margin:20px!important;padding:26px 18px!important;border:2px dashed #acc0de!important;border-radius:20px!important;background:#eaf0ff!important;color:#2860bf!important;box-shadow:none!important;cursor:pointer;font:inherit;text-align:center;transition:background .18s,border-color .18s}
.attachment-card83 .attachment-drop .attachment-spark83{display:block;width:58px!important;height:58px!important;margin:0 0 6px!important;fill:none;stroke:currentColor;stroke-width:3;stroke-linejoin:round;stroke-linecap:round}.attachment-spark83 .spark-small83{stroke-width:5;stroke-linecap:square}
.attachment-card83 .attachment-drop b{font-size:19px!important;line-height:1.4;font-weight:650;max-width:100%}.attachment-card83 .attachment-drop small{font-size:14px!important;line-height:1.5;color:#65758d!important}.attachment-desktop83{font-size:14px;line-height:1.5;color:#466caa}
.attachment-card83>.attachment-drop:hover,.attachment-card83.attachment-drag83>.attachment-drop{background:#dfe9ff!important;border-color:#3977db!important}.attachment-card83.attachment-drag83>.attachment-drop{outline:3px solid #b8d0fc;outline-offset:3px}.attachment-card83 button:focus-visible{outline:3px solid #3977db;outline-offset:3px}
.attachment-card83 .attachment-sources83{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:0 20px 20px}.attachment-card83 .attachment-sources83[hidden]{display:none!important}.attachment-card83 .attachment-source83{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;border:0!important;border-radius:13px!important;background:#eff4fc!important;color:#26599c!important;font-size:16px;padding:12px 18px}.attachment-source83 svg{width:23px;height:23px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.attachment-card83 .attachment-message{font-size:14px;line-height:1.5}.attachment-card83 .attachment-message:empty{display:none}.attachment-card83>.attachment-grid:empty{padding:6px}.attachment-card83>.walkthrough-records81{margin:0 20px 20px}.work-capture-actions81:empty{display:none}
.capture-modes81{overflow-x:auto;scrollbar-width:none;justify-content:center!important;flex-wrap:nowrap!important}.capture-modes81 button{flex:none;white-space:nowrap}.capture-modes81::-webkit-scrollbar{display:none}
@media(max-width:600px),(pointer:coarse){.attachment-desktop83{display:none!important}.attachment-center.attachment-card83>.attachment-drop{min-height:200px;padding:24px 14px!important}.attachment-card83 .attachment-drop b{font-size:18px!important}}
@media(max-width:370px){.attachment-center.attachment-card83>.attachment-drop{width:calc(100% - 28px)!important;margin:14px!important}.capture-modes81{justify-content:flex-start!important}.capture-modes81 button{font-size:13px!important;padding:10px 8px!important}}
html[data-display=dark] .attachment-center.attachment-card83,html[data-display=dark] .attachment-card83>header{border-color:#3b4b65!important}html[data-display=dark] .attachment-center.attachment-card83>.attachment-drop{background:#1e3459!important;border-color:#5779ab!important;color:#a4c6ff!important}html[data-display=dark] .attachment-card83 .attachment-drop small{color:#bbcae0!important}html[data-display=dark] .attachment-desktop83{color:#a3c3f7}html[data-display=dark] .attachment-card83 .attachment-source83,html[data-display=dark] .attachment-card83 .attachment-actions .btn{background:#273c5b!important;color:#deebff!important;border-color:#506b91!important}
@media(prefers-reduced-motion:reduce){.attachment-card83>.attachment-drop{transition:none}}
.attachment-card83>.attachment-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;padding:0 20px 20px}.attachment-card83 .media-thumb69 svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

.attachment-card83>header h3>svg,.attachment-shell83>summary>svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/* Preserve work-order section visibility, ordering and collapse settings while
   presenting the attachment section as one card. */
.servicepanel.attachment-shell83{padding:0!important;border:1px solid #dce2e9!important;border-radius:22px!important;background:var(--panel,#fff)!important;overflow:hidden}
.servicepanel.attachment-shell83>summary{display:flex!important;justify-content:center!important;align-items:center;gap:12px;padding:24px 20px!important;border:0!important;background:transparent!important;font-size:23px!important;line-height:1.3;color:var(--ink,#203449)!important}
.servicepanel.attachment-shell83[open]>summary{padding-bottom:0!important}
.attachment-shell83>summary>svg{width:26px;height:26px;flex:none}
.attachment-shell83>.attachment-center.attachment-card83{border:0!important;margin:0!important;border-radius:0!important}
.attachment-shell83>.attachment-card83>header:empty{padding:12px!important}
html[data-display=dark] .servicepanel.attachment-shell83{border-color:#3b4b65!important}