.complete-toolbar { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin:20px 0; }
.main-content,.view-section { min-width:0; }
.complete-toolbar > * { max-width:100%; min-width:0; }
.complete-toolbar h2,.complete-toolbar h3 { margin:0; }
[data-complete-action] .lucide { width:16px; height:16px; flex-shrink:0; vertical-align:middle; margin-right:6px; }
[data-sales-action] .lucide { width:16px; height:16px; vertical-align:middle; margin-right:6px; }
.sales-payment-summary { padding:12px; background:#eef5f0; color:#315942; font-weight:400; }
.sales-line-prices { display:grid; grid-template-columns:repeat(auto-fit,minmax(120px,1fr)); gap:12px; }
.sales-recipient-fields { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:16px; }
.birthday-month-summary { padding:16px 0; border-bottom:1px solid #dfe5e2; }
.birthday-month-summary .complete-toolbar { margin:0 0 12px; }
.birthday-month-summary .lucide { width:20px; height:20px; vertical-align:middle; color:#74596d; }
.birthday-month-list { list-style:none; display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:8px 24px; padding:0; }
.birthday-month-list li { display:flex; flex-direction:column; gap:5px; font-size:14px; }
.birthday-month-list button { background:none; border:0; color:#473742; font:inherit; text-align:left; cursor:pointer; text-decoration:underline; }
.commercial-calendar-event-birthday { background:#f3edf2; border-color:#dfd0dc; color:#614758; }
.complete-form [hidden] { display:none; }
#sales-finance,#sales-community { margin-top:32px; padding-top:20px; border-top:1px solid #dfe5e2; }
#sales-finance h3 { margin:24px 0 12px; }
.complete-tabs { display:flex; flex-wrap:wrap; gap:8px; margin:16px 0; }
.complete-tabs button[aria-pressed="true"] { background:#e8edf0; border-color:#8d9da3; color:#243b42; }
.complete-form { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; padding:20px 0; border-top:1px solid #e0e3e2; }
.complete-form label { display:flex; flex-direction:column; gap:7px; font-size:14px; font-weight:400; min-width:0; }
.complete-form input,.complete-form select,.complete-form textarea,.complete-search { width:100%; min-width:0; padding:10px 12px; border:1px solid #d4dcda; border-radius:6px; background:#fff; color:#222; font:inherit; }
.complete-form .wide { grid-column:1/-1; }
.complete-form fieldset { grid-column:1/-1; border:0; padding:0; margin:0; }
.complete-form legend { font-weight:600; margin-bottom:12px; }
.complete-form .complete-checks { display:flex; flex-wrap:wrap; gap:12px; max-height:240px; overflow:auto; }
.complete-checks label { flex-direction:row; align-items:center; padding:8px; background:#f4f7f5; border-radius:4px; }
.complete-checks input { width:auto; }
.complete-table-wrap { overflow:auto; max-width:100%; min-width:0; border-top:1px solid #dfe5e2; }
.complete-table { width:100%; border-collapse:collapse; font-size:14px; text-align:left; }
.complete-table th { font-weight:500; color:#596963; background:#f1f5f3; }
.complete-table th,.complete-table td { padding:12px 10px; border-bottom:1px solid #e6ebe8; vertical-align:top; }
.complete-table td small { display:block; margin-top:5px; font-weight:400; color:#68756f; }
.complete-table .btn { padding:6px 10px; font-size:13px; margin:2px; white-space:nowrap; }
.complete-table tr.is-late td:first-child { color:#b4473b; background:#fff1ed; }
.complete-empty { padding:25px 0; color:#68756f; }
.complete-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; margin:20px 0; }
.complete-metric { border-bottom:2px solid #c3d6ce; padding:12px 0; }
.complete-metric span { display:block; color:#596963; font-size:14px; }
.complete-metric strong { display:block; font-size:25px; margin:8px 0; }
.complete-notice { margin:12px 0; padding:12px; background:#eef5f0; color:#315942; border-radius:4px; }
.complete-notice.error { background:#fff0ed; color:#9a3a31; }
.complete-search { max-width:320px; }
.complete-profile { padding:18px 0; border-top:1px solid #dfe5e2; }
.complete-profile p { margin:8px 0; }
.complete-prenda-fields { display:grid; gap:14px; grid-template-columns:1fr 1fr; }
.complete-file-input { width:100%; padding:8px; font-size:13px; }
.complete-client-dialog { width:min(900px,calc(100% - 32px)); max-height:90vh; overflow:auto; padding:24px; border:1px solid #d4dcda; border-radius:8px; background:#fff; color:#222; }
.complete-client-dialog::backdrop { background:rgb(0 0 0 / 30%); }
.complete-client-dialog h2 { margin:0 0 16px; }
@media(max-width:800px) { .complete-form { grid-template-columns:repeat(2,minmax(0,1fr)); } .complete-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:500px) { .complete-form,.complete-prenda-fields { grid-template-columns:1fr; } .complete-table { min-width:570px; } .complete-toolbar .btn { padding:9px 12px; } }