.commercial {padding-bottom:2rem}.commercial-kicker{color:#1978a8;font-size:.7rem;font-weight:700;letter-spacing:.13em}
.commercial-card{background:#fff;border:1px solid #e8edf3;border-radius:14px;padding:1.4rem;margin-bottom:1.1rem}.commercial-card h2{font-size:1.05rem;font-weight:650;margin:0 0 1rem}.commercial-card h3{font-size:1rem}
.commercial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem}.commercial-field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.8rem;min-width:0}.commercial-field>span{font-size:.82rem;font-weight:600;color:#485469}.commercial-field textarea{min-height:88px}.commercial-field .form-control{height:auto;min-height:40px;border-radius:8px;border-color:#dde5ed}.commercial-field .form-control:focus{border-color:#31a3dd;box-shadow:0 0 0 3px #31a3dd20}.commercial-field small,.commercial-muted{color:#6b788c;font-size:.82rem}
.commercial-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin:.5rem 0}.commercial-actions .commercial-field{margin:0;flex:1}.commercial-check{display:flex;gap:.6rem;align-items:center;font-weight:400;cursor:pointer;margin:.5rem 0}.commercial-check input{accent-color:#31a3dd;width:18px;height:18px}.commercial-table-wrap{overflow:auto}.commercial-table{width:100%;border-collapse:collapse;font-size:.87rem}.commercial-table th{text-align:left;color:#6b788c;font-size:.75rem;font-weight:600;white-space:nowrap;background:#f8fafc}.commercial-table td,.commercial-table th{padding:.85rem .65rem;border-bottom:1px solid #edf1f5;vertical-align:middle}.commercial-table tbody tr:hover{background:#f8fcff}.commercial-table .commercial-field{margin:0;min-width:90px}.commercial-table .commercial-field:has(textarea){min-width:220px}.commercial-table .btn{white-space:nowrap}.commercial-table textarea{min-height:45px;max-height:160px}.commercial-table input{min-width:80px}.commercial-table td:first-child input[type=checkbox]{min-width:18px}
.commercial-message{padding:.9rem 1.1rem;border-radius:10px;border:1px solid #bce0f3;background:#ecf8ff;color:#155c81;margin-bottom:1rem;white-space:pre-line}.commercial-message.is-error{background:#fff0f2;border-color:#f5c3cc;color:#992841}.commercial-empty{padding:2rem;text-align:center;color:#6b788c;background:#fafbfd;border:1px dashed #dce4ed;border-radius:10px}.commercial-pill{display:inline-flex;padding:.25rem .6rem;border-radius:20px;font-size:.75rem;font-weight:600;background:#eef1f6;color:#576377}.commercial-pill.sent{background:#e3f4ff;color:#176491}.commercial-pill.accepted{background:#e5f8f0;color:#166b51}.commercial-pill.rejected{background:#ffe9ef;color:#a3244b}.commercial-pill.converted{background:#eee8ff;color:#6f3fb0}.commercial-total{background:#edf8ff;border:1px solid #b8dff2;padding:1.2rem;border-radius:12px;text-align:right;color:#125b80}.commercial-total strong{font-size:1.6rem;margin-left:1rem}.commercial-result{display:block;padding:.9rem 0;border-bottom:1px solid #edf1f5}.commercial-result strong{display:block;color:#273449}.commercial-result span{color:#65748a;font-size:.85rem}.commercial-result:hover strong{color:#1588bd}.commercial-dialog{border:1px solid #e0e7ef;border-radius:16px;padding:1.5rem;max-width:min(850px,95vw);width:100%;max-height:88vh;box-shadow:0 24px 100px #1c3b5526}.commercial-dialog::backdrop{background:#192d4655;backdrop-filter:blur(2px)}.commercial-dialog h2{font-size:1.2rem}.commercial-dialog .commercial-message{margin-top:1rem}.commercial-logo-preview{max-width:180px;max-height:90px;object-fit:contain;margin:.5rem 0}.commercial-brand-logo{width:38px;height:38px;object-fit:contain;margin-right:10px;flex-shrink:0}.commercial-files{list-style:none;padding:0}.commercial-files li{padding:.7rem 0;display:flex;align-items:center;gap:.7rem;border-bottom:1px solid #edf1f5}.commercial-files li a{overflow-wrap:anywhere;flex:1}.commercial-history{max-height:290px;overflow:auto}.commercial-history p{border-left:2px solid #bce0f3;padding-left:.8rem;font-size:.83rem}.commercial-sticky{position:sticky;bottom:12px;background:#ffffffee;backdrop-filter:blur(6px);border:1px solid #e5ebf2;border-radius:12px;padding:.8rem 1rem;box-shadow:0 6px 20px #2838510c;z-index:10}.commercial small{line-height:1.5}.commercial [hidden],.commercial-dialog [hidden]{display:none!important}
@media(prefers-reduced-motion:no-preference){.commercial-card,.commercial-result{animation:commercial-in .18s ease-out}.commercial .btn{transition:background-color .15s,box-shadow .15s}.commercial .btn:active{transform:translateY(1px)}@keyframes commercial-in{from{opacity:.5;transform:translateY(3px)}to{opacity:1;transform:none}}}
@media(max-width:600px){.commercial-card{padding:1rem}.commercial-grid{grid-template-columns:1fr}.commercial-dialog{padding:1rem}.commercial .app-page-header{display:block}}