/* Shared desktop fields and compact checkboxes. Mobile tap areas stay unchanged. */
@media screen and (min-width:761px){
 body.design3 :is(#app,#modal) input[type=checkbox]{width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;min-height:18px!important;max-height:18px!important;flex:0 0 18px!important;margin:0!important;padding:0!important;vertical-align:middle;accent-color:#285d70}
 body.design3 :is(#app,#modal) label:has(>input[type=checkbox]){display:flex!important;flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;gap:8px!important;width:fit-content;max-width:100%;min-width:0;min-height:36px;white-space:normal}
 body.design3 :is(.content,dialog) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]):not([type=range]):not([type=color]),select){box-sizing:border-box;min-width:0;max-width:100%;min-height:40px;height:40px;font-size:14px;line-height:1.3}
 body.design3 :is(.content,dialog) textarea{box-sizing:border-box;min-width:0;max-width:100%;min-height:88px;font-size:14px}
 body.design3 .deposit-filters{display:grid!important;grid-template-columns:minmax(220px,1.4fr) minmax(180px,1fr) auto!important;gap:14px!important;align-items:end!important}
 body.design3 .deposit-filters label{margin:0!important;min-width:0}
 body.design3 .deposit-filters .inline-check{align-self:end;min-height:40px!important;white-space:nowrap!important}
 body.design3 .deposit-table table{table-layout:fixed;width:100%}
 body.design3 .deposit-table th:nth-child(1){width:18%}body.design3 .deposit-table th:nth-child(2){width:15%}body.design3 .deposit-table th:nth-child(3){width:19%}body.design3 .deposit-table th:nth-child(4){width:13%}body.design3 .deposit-table th:nth-child(5){width:17%}body.design3 .deposit-table th:nth-child(6){width:18%}
 body.design3 .deposit-table :is(td,th){min-width:0;overflow-wrap:anywhere;white-space:normal;vertical-align:top}
 body.design3 .deposit-state{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0}
 body.design3 .depositactions{display:flex;flex-direction:column;align-items:stretch!important;gap:6px;width:100%;min-width:0}
 body.design3 .depositactions button{white-space:normal!important;width:100%;margin:0!important}
 body.design3 .deposit-secondary{display:flex;gap:6px;flex-wrap:wrap;min-width:0}
 body.design3 .deposit-secondary>button{flex:1 1 85px;min-width:0}
 body.design3 .badge.cancelled{background:#f1f1f1;color:#737373;border:1px solid #ddd}
 body.design3 .badge.completed{background:#e3f2e7;color:#21613a}
 body.design3 #customer-ranking th:nth-child(7){width:21%}body.design3 #customer-ranking th:nth-child(8){width:11%}
 body.design3 .rating-inline{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}
 body.design3 .rating-stars{display:flex;gap:2px;flex-wrap:nowrap}
 body.design3[data-role] .rating-stars button{background:transparent!important;border:0!important;padding:0!important;min-width:26px!important;width:26px!important;height:30px!important;min-height:30px!important;color:#c6c7c7;font-size:27px!important;line-height:1;box-shadow:none!important}
 body.design3[data-role] .rating-stars button.filled{color:#e5a015!important}
 body.design3 .rating-stars button:focus-visible{outline:2px solid #285d70;outline-offset:2px;border-radius:4px}
 body.design3 .rating-inline :is(.rating-reset,.rating-note-button){font-size:11px!important;white-space:normal!important;text-align:left!important;color:#285d70!important;min-height:24px!important;padding:0!important}
 body.design3 #stockDefects{min-width:0;max-width:100%;margin-top:16px}
 body.design3 #stockDefects[hidden]{display:none!important}
 body.design3 #stockDefects .defect-case-row{gap:16px;padding:14px;margin:10px 0}
 body.design3 #stockDefects .defect-case-row>div{min-width:0;overflow-wrap:anywhere}
 body.design3 #stockDefects .defect-counters{grid-template-columns:repeat(3,minmax(0,1fr))}
}
/* The buyer card must follow the login form even in older Android flex engines. */
@media screen and (max-width:760px){
 body.design3 .login{width:100%!important;min-width:0!important;max-width:100%!important;overflow-x:clip}
 body.design3 .loginform{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:0!important;width:100%!important;max-width:100%!important;min-width:0!important;padding:24px 20px!important;box-sizing:border-box}
 body.design3 .loginform>form{flex:none!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box}
 body.design3 .loginform>.buyer-login-card{flex:none!important;align-self:stretch!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box;grid-template-columns:88px minmax(0,1fr)!important;margin:20px 0 0!important}
 body.design3 .buyer-login-card>div{min-width:0;overflow-wrap:anywhere}
 body.design3 .buyer-login-card a{white-space:normal;overflow-wrap:anywhere}
 body.design3 .loginform .pwa-install-card{width:100%;max-width:400px;min-width:0;flex:none}
 body.design3 .loginform :is(input,select,textarea){max-width:100%!important;min-width:0!important;font-size:16px!important}
 body.design3 .loginform>form :is(button,a){max-width:100%;white-space:normal}
}
@media screen and (min-width:761px) and (max-width:1100px){body.design3 .deposit-filters{grid-template-columns:repeat(2,minmax(0,1fr))!important}.deposit-filters .inline-check{grid-column:1/-1}}