.connection{border:1px solid #eed5a7;background:#fff8e9;color:#8a6015;border-radius:18px;padding:6px 10px;font-size:9px;font-weight:900;display:flex;gap:5px;align-items:center}.connection i{width:7px;height:7px;border-radius:50%;background:#d29329}.connection small{font-weight:500;color:#7c8798}.connection.connected{border-color:#bcded0;background:#eef9f4;color:#147456}.connection.connected i{background:#1e9a6d}.connection.connected small{color:#427463}.notice.connected{background:#eef9f4;border-color:#bcded0}.notice.connected strong,.notice.connected span{color:#246b55}.api-record{outline:2px solid rgba(30,154,109,.15)}
@media(max-width:720px){.connection small{display:none}.connection{padding:6px 8px}.topbar{gap:7px}#createProjectApi{width:100%}}
.private-file-placeholder{display:grid;place-items:center;text-align:center;background:#e9eef4!important;color:#526174;font-size:12px;font-weight:800}.private-file-placeholder small{font-size:9px;font-weight:500}.evidence-card .image img,.evidence-card .image iframe{width:100%;height:100%;object-fit:cover;border:0}.file-actions{display:flex;gap:7px;margin-top:10px}.file-actions button,.report-record button,.report-record a{border:1px solid #cbd4df;background:#fff;color:#155fa8;border-radius:5px;padding:6px 9px;font-size:9px;font-weight:700;text-decoration:none}.server-reports{display:grid;gap:8px;margin-bottom:12px}.report-record{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #dfe4ea;border-radius:8px;padding:11px 13px}.report-record div{flex:1}.report-record strong,.report-record small{display:block;font-size:11px}.report-record small{color:#6a7485;font-size:8px;margin-top:4px;overflow-wrap:anywhere}.empty-api{background:#fff8e9;border:1px solid #eed5a7;padding:11px;border-radius:7px;font-size:10px;color:#7b5b24}
@media(max-width:720px){.report-record{align-items:stretch;flex-direction:column}.report-record button,.report-record a{text-align:center}.pending-card .actions{flex-wrap:wrap}}
.quotation-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.quote-step{position:relative;padding:16px}.quote-step>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#0a1628;color:#fff;font-weight:800;margin-bottom:10px}.quote-step h2{font-size:13px;margin-bottom:6px}.quote-step p{font-size:10px;color:#657185;line-height:1.5}.quotation-layout{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(340px,1.1fr);gap:14px}.quotation-form .primary{margin-top:14px}.directory-list article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px;border-bottom:1px solid #e0e6ed}.directory-list article div,.directory-list article strong,.directory-list article small{display:block}.directory-list article small{font-size:9px;color:#6a7485;margin-top:4px}.directory-list article button{border:1px solid #cbd4df;background:#fff;color:#155fa8;border-radius:5px;padding:7px 10px;font-size:9px;font-weight:700}
@media(max-width:900px){.quotation-flow{grid-template-columns:repeat(2,1fr)}.quotation-layout{grid-template-columns:1fr}}@media(max-width:560px){.quotation-flow{grid-template-columns:1fr}}
.report-preview{min-height:560px;background:#737981;border:1px solid #dfe4ea;border-radius:8px;display:grid;place-items:center;color:#fff;padding:14px}.report-preview iframe{width:100%;height:calc(100vh - 300px);min-height:540px;border:0;background:#fff}.report-preview>p{max-width:440px;text-align:center;font-size:12px;line-height:1.6}