:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#192d31;background:#f4f7f6;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #dce5e1;background:white;border-radius:8px;padding:10px 14px;color:#253e3b;white-space:nowrap}button:hover{background:#eef5f1}button:disabled{opacity:.4;cursor:default}.primary{background:#176f58;color:white;border-color:#176f58;font-weight:600}.primary:hover{background:#115b47}input,select,textarea{border:1px solid #d8e2de;border-radius:7px;padding:11px;background:white;color:#233c37;min-width:0;width:100%}input:focus,select:focus,textarea:focus{outline:2px solid #68ab91;outline-offset:1px}label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:600;color:#4f655e}h1,h2,p{margin-top:0}h1{font-size:29px;letter-spacing:-1px;line-height:1.2;margin-bottom:12px}h2{font-size:22px}p{line-height:1.6;color:#65756f}aside{width:240px;position:fixed;inset:0 auto 0 0;background:#132f2c;color:white;padding:30px 20px;display:flex;flex-direction:column}.brand{font-size:25px;font-weight:700;letter-spacing:-1px;white-space:nowrap}.brand>span{color:#72c49b}.brand>span:last-child{font-size:16px;font-weight:400;letter-spacing:0}.navlabel{font-size:10px;letter-spacing:1.5px;color:#8fa9a1;margin:54px 8px 16px}nav{display:grid;gap:8px}nav button{border:0;color:#becfc8;background:transparent;text-align:left;font-size:13px;padding:14px 12px}nav button:hover,nav .selected{background:#274a41;color:#c6eccc}.asideBottom{margin-top:auto;font-size:12px;color:#c7d7d1;line-height:2}.asideBottom small{color:#8fa9a1}.asideBottom button{display:block;background:transparent;color:#c7d7d1;border-color:#36564a;margin-top:24px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#8cce93;margin-right:7px}.workspace{margin-left:240px;padding:36px 40px 20px;max-width:1900px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px;gap:20px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:700;color:#53786b;margin-bottom:13px}header p:last-child{font-size:13px;margin-bottom:0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat{background:white;border:1px solid #e0e8e4;border-radius:12px;padding:20px;text-align:left;white-space:normal}.stat small{font-size:11px;color:#6c7e76}.stat strong{font-size:30px;display:block;margin:10px 0 6px;letter-spacing:-1px}.stat .caption{font-size:11px;color:#6c7e76}.stat:first-child{border-top:3px solid #20755a}.notice{display:flex;gap:11px;background:#ebf2ee;border:1px solid #dbe7df;padding:14px 18px;border-radius:9px;font-size:11px;color:#62796b;line-height:1.7;margin-bottom:24px}.notice>span{font-size:20px}.notice strong{font-size:12px;color:#3c604e}.panel{background:white;border:1px solid #dfe7e2;border-radius:12px;overflow:hidden}.toolbar{display:flex;gap:18px;justify-content:space-between;padding:22px 24px}.searchLabel{flex-direction:row;align-items:center;flex:1;max-width:700px;border:1px solid #dce4df;border-radius:8px;padding:0 12px}.searchLabel span{font-size:23px}.searchLabel input{border:0;outline:0;font-weight:400;font-size:12px}.filters{display:flex;align-items:end;gap:14px;padding:0 24px 20px;flex-wrap:wrap}.filters label{min-width:160px;max-width:330px;flex:1}.filters select{font-size:12px}.filters button{font-size:11px;border:0;background:#f3f6f4}.tableWrap{overflow:auto;min-height:240px}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}thead{background:#f5f8f6}th{font-size:10px;text-transform:uppercase;letter-spacing:.7px;font-weight:600;color:#73867b;padding:15px 18px;border-block:1px solid #e3eae5}td{padding:16px 18px;border-bottom:1px solid #edf1ee;vertical-align:middle}td small{display:block;color:#849086;font-size:10px;margin-top:5px}td.mono{font:11px Consolas,monospace}.clientName{max-width:230px;overflow-wrap:anywhere}.badge{font-size:10px;border-radius:5px;padding:5px 8px;background:#e7f4eb;color:#287247;white-space:nowrap}.badge.cancelled{background:#f3eeec;color:#96695e}.supplier{font-weight:650;color:#2a6654;font-size:11px}.edit{padding:6px 10px;font-size:11px;color:#24664d;border-color:#dce8df}.groupLink{border:0;background:transparent;text-align:left;color:#236f54;font-weight:600;white-space:normal;padding:0}footer{display:flex;align-items:center;justify-content:space-between;padding:15px 24px;font-size:11px;color:#78877e}footer>div{display:flex;align-items:center;gap:12px}footer button{padding:5px 10px}.footnote{font-size:10px;margin-top:18px;line-height:1.7;color:#7f8f83}dialog{width:650px;max-width:95vw;border:0;border-radius:16px;padding:28px;box-shadow:0 30px 90px #132f2c40}dialog::backdrop{background:#132f2c80}.dialogTitle{display:flex;justify-content:space-between;align-items:start}.dialogTitle .close{border:0;font-size:24px;padding:0 8px}.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.formGrid label:last-child{grid-column:1/-1}textarea{min-height:80px;resize:vertical}.dialogActions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}[role=alert]{color:#a44334;font-size:12px}#toast{position:fixed;bottom:24px;right:24px;padding:15px 22px;background:#194e39;color:white;border-radius:10px;box-shadow:0 5px 30px #1234}.login{max-width:430px;margin:10vh auto;padding:32px}.login .brand{margin-bottom:40px;color:#1c4c39}.login h1{font-size:38px}.login p{font-size:13px}.login form{display:grid;gap:18px;margin-top:28px}[hidden]{display:none!important}@media(min-width:1550px){td{padding-block:18px}}@media(max-width:1100px){aside{width:195px;padding-inline:12px}.workspace{margin-left:195px;padding:26px 20px}.stats{gap:10px}.stat{padding:15px}.stat strong{font-size:25px}.brand{font-size:21px}}@media(max-width:760px){aside{position:static;width:100%;padding:18px}.navlabel,.asideBottom{display:none}nav{display:flex;overflow:auto;margin-top:18px}nav button{font-size:11px}.workspace{margin-left:0;padding:24px 12px}header{align-items:start}header h1{font-size:23px}header button{font-size:11px}.stats{grid-template-columns:1fr 1fr}.toolbar{padding:16px;flex-wrap:wrap}.searchLabel{min-width:100%}.filters{padding-inline:16px}.filters label{min-width:125px}.formGrid{grid-template-columns:1fr}.notice{font-size:10px}td,th{padding:12px}.login{margin:5vh auto}}

/* Clientes em linhas expansíveis, seguindo a referência MegaJoww. */
.workspace>header{background:linear-gradient(115deg,#114c3d,#087e67);padding:28px 30px;border-radius:22px;color:#fff}.workspace>header h1{color:#fff}.workspace>header .eyebrow{color:#deeca2}.workspace>header p{color:#c8e3d9}nav .selected{background:#dceaa2;color:#193e2e}.panel{border-radius:20px}.accordionCell{padding:0!important;border-bottom:0!important}.customerAccordion{border-bottom:1px solid #dce7e1}.customerAccordion>summary{list-style:none;display:flex;align-items:center;gap:22px;padding:22px 26px;background:#f3f9f6;cursor:pointer}.customerAccordion>summary::-webkit-details-marker{display:none}.customerAccordion>summary:hover{background:#eaf4ee}.customerIdentity{flex:1;display:flex;align-items:center;flex-wrap:wrap;gap:10px;min-width:0}.customerIdentity>strong{font-size:15px;color:#1c463b}.customerIdentity>small{flex-basis:100%;font-size:11px;color:#6a8076}.paymentPill{display:inline-block;border-radius:99px;padding:5px 10px;font-size:11px;font-weight:700;white-space:nowrap}.paymentPill.green{background:#dcefcf;color:#315f26}.paymentPill.amber{background:#fff0c7;color:#886008}.paymentPill.red{background:#fce0db;color:#963d32}.paymentPill.muted{background:#e8edeb;color:#667970}.customerMonthly{text-align:right;min-width:125px}.customerMonthly>small{display:block;color:#6c8075;font-size:11px;margin-bottom:5px}.customerMonthly>strong{font-size:15px;color:#274d40}.foldArrow{color:#577a65;font-size:22px;transition:transform .15s}.customerAccordion[open]>summary .foldArrow{transform:rotate(180deg)}.customerExpanded{padding:24px 28px;background:white}.financeOverview{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.financeOverview>div{padding:16px;background:#f4f7f5;border:1px solid #e1e9e3;border-radius:10px}.financeOverview small,.financeOverview strong{display:block}.financeOverview small{font-size:11px;color:#728478}.financeOverview strong{font-size:15px;margin:7px 0;color:#315541}.paymentExplanation,.reviewNote{font-size:12px;padding:12px 15px;border-radius:8px;background:#f0f5e8}.reviewNote{background:#fff3db}.customerExpanded h3{font-size:14px;margin:20px 0 10px}.customerExpanded>p{font-size:12px}.detailSection{border:1px solid #e0e8e2;border-radius:10px;margin:12px 0;overflow:hidden}.detailSection>summary{padding:14px 16px;font-size:12px;font-weight:600;cursor:pointer;background:#f8faf8}.customerActions{display:flex;align-items:center;gap:18px;margin-top:20px}.customerActions small{color:#748577;font-size:11px}.customerActions .edit{padding:11px 15px;background:#dfeaa9;color:#2b4c30;border:0}summary:focus-visible{outline:3px solid #86bba0;outline-offset:-3px}@media(max-width:850px){.financeOverview{grid-template-columns:1fr 1fr}.customerAccordion>summary{padding:18px 16px;gap:12px}.customerExpanded{padding:18px 16px}.customerIdentity>strong{font-size:13px}.customerMonthly{min-width:90px}.customerMonthly>strong{font-size:12px}.customerActions{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.foldArrow{transition:none}}

.overdueDot{display:inline-block;flex:0 0 11px;width:11px;height:11px;border-radius:50%;background:#18a64a;box-shadow:0 0 0 3px #18a64a20;vertical-align:middle}.overdueLegend{display:flex;align-items:center;gap:10px;font-size:12px;color:#255939;padding:12px;background:#eef8ee;border-radius:8px}