/* Shared spacing, clear controls and device-size layout. */
button,.primary,.secondary,.danger{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:10px 15px;line-height:1.25;text-align:center;border-radius:8px}
input,textarea,select{box-sizing:border-box;max-width:100%;min-height:42px;padding:11px 13px;line-height:1.35;border-radius:8px}
select{appearance:none;-webkit-appearance:none;padding-right:42px;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235d7183' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:16px}
.formgrid{gap:18px 20px}.formgrid label{min-width:0}.buttons{gap:10px}dialog{width:min(1100px,94vw);max-width:94vw}.modalbody{padding:24px}.formfoot{gap:12px;padding-top:22px;margin-top:22px}.pagehead{gap:18px}.pagehead .buttons{flex-wrap:wrap}
.brandlogo{width:54px;height:54px;object-fit:contain;background:#fff;border-radius:9px;padding:3px;flex-shrink:0}.brand>div{overflow:hidden;max-width:165px;overflow-wrap:anywhere}.brandpanel{display:flex;align-items:center;gap:28px}.companylogo{width:140px;height:140px;object-fit:contain;flex-shrink:0}.brandpanel form{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap}.brandpanel label{flex:1;min-width:220px}
.searchhero{background:white;padding:24px;border:1px solid #dce5ed;border-radius:12px;margin-bottom:24px}.searchhero>input{font-size:17px;width:100%;margin:10px 0 18px;padding:15px}.filters{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.searchresult{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #e4eaf0;padding:15px 0}.searchresult>div{min-width:0;overflow-wrap:anywhere}.searchresult p{margin:5px 0;color:#5d7183;font-size:14px}.searchresult button{flex-shrink:0}
.picker{position:relative;display:block}.picker>input[type=search]{width:100%}.suggestions{position:absolute;z-index:20;top:100%;left:0;right:0;background:#fff;border:1px solid #c5d3df;box-shadow:0 8px 22px #18354b20;border-radius:8px;max-height:260px;overflow:auto;margin-top:4px}.suggestions button{display:block;text-align:left;width:100%;border:0;border-radius:0;background:white;color:#243b50;padding:12px 14px;font-weight:500}.suggestions button:hover,.suggestions button:focus{background:#eef4f9}.suggestions small{display:block;color:#5d7183;font-size:12px;margin-top:4px}.suggestions p{padding:12px}.picker input[aria-expanded=true]{border-color:#5382a8}
.builderline{padding:20px;border:1px solid #dce5ed;border-radius:11px;background:#f8fafc;margin-bottom:18px}.linefoot{display:flex;justify-content:space-between;align-items:center;margin-top:18px;gap:16px}.linevalue{font-weight:600}.buildertotals{display:grid;grid-template-columns:repeat(5,1fr);background:#eef3f7;border-radius:10px;padding:20px;gap:18px;margin:20px 0}.buildertotals span{font-size:12px;color:#5d7183}.buildertotals b{display:block;color:#18354b;font-size:15px;margin-top:6px}.taxdetails{margin-top:18px}details summary{cursor:pointer;padding:13px 0;font-weight:600}details .formgrid{margin-top:14px}
.recipientlist{max-height:340px;overflow:auto;border:1px solid #dce5ed;border-radius:9px;margin:14px 0}.recipient{display:flex;align-items:center;gap:13px;padding:13px 16px;border-bottom:1px solid #e4eaf0;font-size:14px;cursor:pointer}.recipient input{width:18px;min-height:18px;margin:0;flex-shrink:0}.recipient span{flex:1;min-width:0}.recipient small{display:block;color:#5d7183;margin-top:4px}.recipient .chip{flex:0;white-space:nowrap}.recipient[hidden]{display:none}input[type=checkbox]{min-height:18px;width:18px;padding:0}table input[type=checkbox]{width:18px}table select{min-width:130px}table td{padding:14px 12px}table th{padding:14px 12px;vertical-align:middle}
.workspace header .topcontrols{gap:14px}.topcontrols select{min-width:180px}.toolbar{gap:14px;flex-wrap:wrap}.toolbar>input[type=search]{flex:1;min-width:220px}.toolbar input[type=date]{width:160px}.toolbar select{min-width:140px}.wide{grid-column:1/-1}
@media(max-width:900px){.buildertotals{grid-template-columns:repeat(3,1fr)}.filters{grid-template-columns:1fr 1fr}.brandpanel{gap:20px}.workspace header{padding:14px 18px;gap:12px}.topcontrols select{min-width:150px}}
@media(max-width:600px){.modalbody{padding:18px}.formgrid,.filters{grid-template-columns:1fr}.builderline{padding:16px}.buildertotals{grid-template-columns:1fr 1fr;padding:17px;gap:16px}.brandpanel{align-items:flex-start;flex-direction:column}.companylogo{width:115px;height:115px}.recipient{padding:12px;gap:10px;flex-wrap:wrap}.recipient .chip{margin-left:28px}.searchhero{padding:18px}.searchresult{gap:12px}.pagehead{align-items:flex-start}.pagehead .buttons{width:100%}.workspace header .datechip{display:none}.workspace header .crumb{font-size:12px;max-width:43%}.topcontrols select{max-width:160px;min-width:140px}.toolbar>input[type=search]{min-width:100%;width:100%}.toolbar input[type=date],.toolbar select{flex:1;min-width:125px}.formfoot{flex-wrap:wrap}.formfoot button{flex:1;min-width:130px}.brandpanel label{min-width:0;width:100%}}

.dropzone{padding:20px;border:1px dashed #93a7ba;border-radius:12px;background:#f7f9fc}.dropzone.dragover{border-color:#c67a00;background:#fff4df}.dropzone input{width:100%}.dropzone .buttons{margin:12px 0}.suggestions button:focus{outline:2px solid #d58900;outline-offset:-3px}

aside .brand{font-size:17px;letter-spacing:1px;gap:10px;margin-left:6px;margin-right:0}aside .brandlogo{width:50px;height:50px}aside .brand>div{min-width:0;overflow-wrap:anywhere}aside .brand small{font-size:9px;letter-spacing:1px}
@media(max-width:600px){.tablewrap{overflow:visible}.tablewrap table,.tablewrap tbody,.tablewrap tr{display:block;min-width:0;width:100%}.tablewrap thead{display:none}.tablewrap tr{padding:12px 14px;border-bottom:1px solid var(--line)}.tablewrap td{display:grid;grid-template-columns:108px minmax(0,1fr);gap:4px 12px;width:auto!important;border:0;padding:8px 0!important;text-align:left!important;overflow-wrap:anywhere}.tablewrap td:before{content:attr(data-label);font-size:11px;font-weight:700;letter-spacing:.4px;color:var(--muted);text-transform:uppercase}.tablewrap td[data-label=""]{display:block}.tablewrap td:empty{display:none}.tablewrap td>div,.tablewrap td>br{grid-column:2}.tablewrap td .buttons{grid-column:1/-1}.tablewrap tr:last-child{border-bottom:0}}

@media(min-width:601px) and (max-width:1000px){.toolbar input[type=date]{width:160px;min-width:140px;flex:0 1 160px}.toolbar select{flex:0 1 150px}.toolbar input[type=search]{min-width:250px;flex:1 1 250px}}

@media(max-width:600px){.topcontrols select{width:200px;max-width:200px;min-width:195px}.toolbar #doctype{flex:1 1 100%;width:100%}}