/* Compact workspace only: login, landing pages and printed documents keep their sizes. */
/* Contact names are buttons too: table action nowrap must never escape into them. */
@media screen{
 body.app-signed-in :is(.orders-table,.record-table,.finance-table) .record-contact-link{display:block;max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:normal}
 body.app-signed-in .company-content,body.app-signed-in .company-content>section,body.app-signed-in .heading>div{min-width:0}
 body.app-signed-in :is(.form-grid,.quote-line,.quote-selector)>*{min-width:0}
 /* Finance uses the same scrollable table as the other lists, including narrow panels. */
 body.app-signed-in #finance-list{overflow-x:auto;max-width:100%}
 body.app-signed-in #finance-list .finance-table{display:table;min-width:980px;width:100%}
 body.app-signed-in #finance-list .finance-table thead{display:table-header-group}
 body.app-signed-in #finance-list .finance-table tbody{display:table-row-group}
 body.app-signed-in #finance-list .finance-table tr{display:table-row;padding:0;border-bottom:0}
 body.app-signed-in #finance-list .finance-table td{display:table-cell;padding:10px;border-top:1px solid var(--border);text-align:left;font-size:inherit}
 body.app-signed-in #finance-list .finance-table td::before{display:none}
 body.app-signed-in #finance-list .finance-table td.finance-description{min-width:190px;max-width:330px;font-size:inherit}
 body.app-signed-in #finance-list .finance-table td.finance-amount{text-align:right;font-size:inherit}
}
@media screen and (max-width:1150px){body.app-signed-in #finance-list:has(table)::before{content:'Deslize a lista para consultar todas as colunas.';display:block;padding:10px 12px;font-size:12px;color:var(--muted);border-bottom:1px solid var(--border)}}
@media screen and (min-width:901px){
 body.app-signed-in:not(.mobile-preview){font-size:13px}
 body.app-signed-in:not(.mobile-preview) main{padding:20px 22px}
 body.app-signed-in:not(.mobile-preview) header{padding:11px 22px}
 body.app-signed-in:not(.mobile-preview) #company-panel{grid-template-columns:208px minmax(0,1fr);gap:18px}
 body.app-signed-in.navigation-collapsed:not(.mobile-preview) #company-panel{grid-template-columns:70px minmax(0,1fr)}
 body.app-signed-in:not(.mobile-preview) .card{padding:18px;border-radius:10px;box-shadow:none}
 body.app-signed-in:not(.mobile-preview) .heading{gap:12px;margin-bottom:16px}
 body.app-signed-in:not(.mobile-preview) h2,body.app-signed-in:not(.mobile-preview) #finance-panel>.heading h2{font-size:18px;margin-bottom:12px}
 body.app-signed-in:not(.mobile-preview) h3{font-size:15px;margin:18px 0 10px}
 body.app-signed-in:not(.mobile-preview) #dashboard-title{font-size:22px}
 body.app-signed-in:not(.mobile-preview) p{line-height:1.5;margin:8px 0}
 body.app-signed-in:not(.mobile-preview) label{font-size:12px;font-weight:500;gap:5px;margin:9px 0}
 body.app-signed-in:not(.mobile-preview) input:not([type=checkbox]):not([type=radio]),body.app-signed-in:not(.mobile-preview) select,body.app-signed-in:not(.mobile-preview) textarea{font-size:13px;min-height:36px;padding:7px 10px;border-radius:6px}
 body.app-signed-in:not(.mobile-preview) textarea{min-height:78px}
 body.app-signed-in:not(.mobile-preview) input[type=checkbox],body.app-signed-in:not(.mobile-preview) input[type=radio]{width:16px;height:16px;min-height:0;flex-shrink:0}
 body.app-signed-in:not(.mobile-preview) button,body.app-signed-in:not(.mobile-preview) a.button{font-size:12px;min-height:36px;padding:7px 11px;border-radius:6px}
 body.app-signed-in:not(.mobile-preview) .record-table,body.app-signed-in:not(.mobile-preview) .finance-table,body.app-signed-in:not(.mobile-preview) .report-table table{font-size:12px;line-height:1.4}
 body.app-signed-in:not(.mobile-preview) .record-table :is(td,th),body.app-signed-in:not(.mobile-preview) .finance-table :is(td,th),body.app-signed-in:not(.mobile-preview) .commercial-table.record-table-wrap .record-table :is(td,th){padding:9px 10px}
 body.app-signed-in:not(.mobile-preview) .record-table button,body.app-signed-in:not(.mobile-preview) .finance-row-actions button{min-height:30px;padding:5px 8px;font-size:11px}
 body.app-signed-in:not(.mobile-preview) .record-photo{width:34px;height:34px}
 body.app-signed-in:not(.mobile-preview) .record-table small,body.app-signed-in:not(.mobile-preview) .finance-description small{font-size:11px;margin-top:3px}
 body.app-signed-in:not(.mobile-preview) .sector-reports{gap:9px;padding:8px 0;margin-top:6px}
 body.app-signed-in:not(.mobile-preview) .sector-reports>span{font-size:11px;padding:8px 0}
 body.app-signed-in:not(.mobile-preview) .sector-report-actions summary{padding:8px 11px;font-size:12px;border-radius:6px}
 body.app-signed-in:not(.mobile-preview) .finance-tabs{padding:4px;margin-bottom:14px}
 body.app-signed-in:not(.mobile-preview) #finance-panel .finance-summary{gap:10px;margin-bottom:16px}
 body.app-signed-in:not(.mobile-preview) #finance-panel .finance-summary .stat{padding:12px}
 body.app-signed-in:not(.mobile-preview) #finance-panel .finance-summary .stat span{font-size:11px;min-height:2.5em}
 body.app-signed-in:not(.mobile-preview) #finance-panel .finance-summary .stat strong{font-size:21px;margin-top:6px}
 body.app-signed-in:not(.mobile-preview) .stat{padding:14px;border-radius:9px}
 body.app-signed-in:not(.mobile-preview) #company-nav button{font-size:12px;min-height:36px;padding:8px 10px}
 body.app-signed-in:not(.mobile-preview) #company-nav .nav-children button{font-size:11.5px;min-height:32px;padding:7px 8px}
 /* Keep filter controls on the same baseline; labels already include their captions. */
 body.app-signed-in:not(.mobile-preview) :is(.sector-reports,.catalog-filters) label{margin:0;min-width:0}
 body.app-signed-in:not(.mobile-preview) .catalog-filters{gap:10px;margin-bottom:16px}
 body.app-signed-in:not(.mobile-preview) :is(#orders-panel,#quotes-panel,#sales-panel,#catalog-panel,#purchases-panel,#stock-panel,#rma-panel)>.heading{padding-bottom:12px;margin-bottom:12px}
 body.app-signed-in:not(.mobile-preview) :is(#orders-panel,#quotes-panel,#sales-panel,#catalog-panel,#purchases-panel,#stock-panel,#rma-panel)>.heading h2{margin:0 0 6px}
 body.app-signed-in:not(.mobile-preview) .pagination{margin-top:14px;gap:10px;font-size:12px}
 body.app-signed-in:not(.mobile-preview) .commercial-table.record-table-wrap{margin:10px 0}
 body.app-signed-in:not(.mobile-preview) .commercial-table.record-table-wrap .record-table :is(td,th):has(>input.sector-record-select){min-width:0;width:34px;padding-left:10px;padding-right:10px}
 body.app-signed-in:not(.mobile-preview) :is(.quote-line,.quote-selector) label{margin:0;min-width:0}
 body.app-signed-in:not(.mobile-preview) :is(.quote-line,.quote-selector) button{margin:0}
 body.app-signed-in:not(.mobile-preview) .quote-line{gap:10px}
 body.app-signed-in:not(.mobile-preview) #catalog-editor .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px}
 body.app-signed-in:not(.mobile-preview) .sector-reports>button{width:auto;margin:0}
 body.app-signed-in:not(.mobile-preview) :is(#purchases-panel,#rma-panel)>.sector-reports{border-top:0;margin-top:0;padding-top:0}
 body.app-signed-in:not(.mobile-preview) #stock-list .record-table :is(td,th):first-child{min-width:180px;max-width:260px;overflow-wrap:anywhere}
 body.app-signed-in:not(.mobile-preview) #stock-list .record-table :is(td,th):nth-child(2){white-space:nowrap}
 body.app-signed-in:not(.mobile-preview) .orders-table{font-size:12px;line-height:1.4}
 body.app-signed-in:not(.mobile-preview) .orders-table :is(td,th){padding:9px 10px}
 body.app-signed-in:not(.mobile-preview) .orders-table button:not(.record-contact-link){min-height:30px;padding:5px 8px;font-size:11px}
 /* One page frame for every department; each module keeps its own content. */
 body.app-signed-in:not(.mobile-preview) #company-panel .company-content>section>.heading{align-items:center;flex-wrap:wrap;gap:12px;padding-bottom:12px;margin-bottom:12px}
 body.app-signed-in:not(.mobile-preview) #company-panel .company-content>section>.heading h2{font-size:18px;margin:0 0 6px}
 body.app-signed-in:not(.mobile-preview) #company-panel .company-content>section>.heading p{margin:6px 0 0;font-size:12px;line-height:1.5}
 body.app-signed-in:not(.mobile-preview) :is(#orders-list,.record-table-wrap,.finance-table-wrap,.report-table){border-radius:10px}
 body.app-signed-in:not(.mobile-preview) :is(.orders-table,.record-table,.finance-table) thead th{font-size:12px;font-weight:650;line-height:1.4}
 body.app-signed-in:not(.mobile-preview) #catalog-search{display:flex;flex-wrap:wrap;align-items:end;gap:10px}
 body.app-signed-in:not(.mobile-preview) #catalog-search>label{flex:1 1 150px;max-width:230px}
 body.app-signed-in:not(.mobile-preview) #catalog-search>label:first-child{flex:2 1 230px;max-width:none}
 body.app-signed-in:not(.mobile-preview) #catalog-search>button{width:auto;margin:0}
 body.app-signed-in:not(.mobile-preview) .heading>.actions{display:flex;flex-wrap:wrap;gap:8px}
 body.app-signed-in:not(.mobile-preview) .report-filters{gap:10px;align-items:end}
 body.app-signed-in:not(.mobile-preview) .report-filters>label{margin:0;min-width:0}
 body.app-signed-in:not(.mobile-preview) .report-filters>button{margin:0;width:auto}
 body.app-signed-in:not(.mobile-preview) #company-panel .summary .stat strong{font-size:21px}
 body.app-signed-in:not(.mobile-preview) #finance-list .finance-table td{padding:9px 10px}
}
@media screen and (max-width:900px){
 body.app-signed-in{font-size:14px}
 body.app-signed-in input:not([type=checkbox]):not([type=radio]),body.app-signed-in select,body.app-signed-in textarea{font-size:16px;min-height:44px}
 body.app-signed-in button,body.app-signed-in a.button{min-height:44px}
}
body.app-signed-in #home-refresh{width:36px;min-width:36px;padding:8px;display:inline-flex;align-items:center;justify-content:center}
body.app-signed-in #home-refresh svg{display:block;flex-shrink:0}
@media(max-width:900px){body.app-signed-in #home-refresh{width:44px;min-width:44px;min-height:44px}}