/* Client dashboard responsive layout. Loaded only for the Dashboard page template.
   At small widths tables become labelled cards instead of overflowing the viewport.
   Rules are scoped to the client dashboard: marketing/home styles stay unchanged. */
.bzt-dashboard-section .bzt-container,
.bzt-dashboard-section .bzt-portal,
.bzt-dashboard-section .bzt-portal-main,
.bzt-dashboard-section .bzt-panel,
.bzt-dashboard-section .bzt-docs-workspace{min-width:0;max-width:100%}
.bzt-dashboard-section .bzt-portal-main{overflow-wrap:anywhere}
.bzt-dashboard-section .bzt-portal-main pre,
.bzt-dashboard-section .bzt-portal-main code{white-space:pre-wrap;overflow-wrap:anywhere}
.bzt-dashboard-section .bzt-message,.bzt-dashboard-section .bzt-message p,
.bzt-dashboard-section .bzt-ticket-list a{overflow-wrap:anywhere}
@media(max-width:980px){
 .bzt-dashboard-section{padding-block:36px}
 .bzt-dashboard-section .bzt-portal{grid-template-columns:minmax(0,1fr);gap:18px}
 .bzt-dashboard-section .bzt-portal-sidebar{position:static;width:100%;min-width:0;padding:18px}
 .bzt-dashboard-section .bzt-portal-sidebar nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;overflow:visible}
 .bzt-dashboard-section .bzt-portal-sidebar nav a{white-space:normal;min-width:0;padding:11px 6px;text-align:center;font-size:12px;line-height:1.35;overflow-wrap:anywhere}
 .bzt-dashboard-section .bzt-portal-duo{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
 .bzt-dashboard-section{padding:24px 0 48px}
 .bzt-dashboard-section .bzt-container{padding-inline:14px}
 .bzt-dashboard-section .bzt-portal-sidebar{padding:16px 11px}
 .bzt-dashboard-section .bzt-portal-sidebar nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
 .bzt-dashboard-section .bzt-portal-sidebar nav a{font-size:11px;padding:10px 4px;border:1px solid rgba(255,255,255,.18)}
 .bzt-dashboard-section .bzt-portal-duo{grid-template-columns:minmax(0,1fr)}
 .bzt-dashboard-section .bzt-portal-duo .bzt-panel{height:auto}
 .bzt-dashboard-section .bzt-panel{padding:17px 14px;margin-bottom:15px}
 .bzt-dashboard-section .bzt-page-title h1{font-size:clamp(1.6rem,7vw,2.25rem)}
 .bzt-dashboard-section .bzt-panel h2{font-size:1.19rem}
 .bzt-dashboard-section .bzt-dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .bzt-dashboard-section .bzt-dashboard-stats>div{padding:16px 12px}
 .bzt-dashboard-section .bzt-dashboard-stats strong{font-size:clamp(1.35rem,6.3vw,2rem);overflow-wrap:anywhere}
 .bzt-dashboard-section .bzt-row-between{flex-wrap:wrap;gap:9px;align-items:flex-start}
 .bzt-dashboard-section .bzt-ticket-list a{flex-wrap:wrap;gap:8px}
 .bzt-dashboard-section .bzt-message span{margin:0;display:block}
 /* Accessible, fully visible mobile order / invoice / receipt cards. */
 .bzt-dashboard-section .bzt-table-scroll{overflow:visible;width:100%}
 .bzt-dashboard-section .bzt-table{display:block;width:100%;min-width:0;white-space:normal;border-collapse:separate}
 .bzt-dashboard-section .bzt-table thead{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
 .bzt-dashboard-section .bzt-table tbody{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
 .bzt-dashboard-section .bzt-table tr{display:block;background:#fffaf8;border:1px solid #f0dfda;padding:6px 12px}
 .bzt-dashboard-section .bzt-table td{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:10px 0;width:100%;border-bottom:1px solid #f0e7e4;white-space:normal;text-align:right;overflow-wrap:anywhere}
 .bzt-dashboard-section .bzt-table td:last-child{border-bottom:0}
 .bzt-dashboard-section .bzt-table td::before{content:attr(data-label);display:block;flex:0 0 41%;max-width:41%;font-size:11px;color:#586174;font-weight:800;text-align:left}
 .bzt-dashboard-section .bzt-table td[colspan]{text-align:left}
 .bzt-dashboard-section .bzt-table td[colspan]::before{display:none}
 .bzt-dashboard-section .bzt-table td a{display:inline-block;max-width:100%;white-space:normal;overflow-wrap:anywhere}
 /* Item repeater: each invoice line is a vertical card, with inputs fully visible. */
 .bzt-dashboard-section .bzt-doc-table-scroll{overflow:visible;width:100%}
 .bzt-dashboard-section .bzt-doc-table{display:block;width:100%;min-width:0;max-width:100%}
 .bzt-dashboard-section .bzt-doc-table thead{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
 .bzt-dashboard-section .bzt-doc-table tbody{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
 .bzt-dashboard-section .bzt-doc-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;background:#fffaf8;border:1px solid #e7d8d2;padding:13px}
 .bzt-dashboard-section .bzt-doc-table td,.bzt-dashboard-section .bzt-doc-table td:first-child,.bzt-dashboard-section .bzt-doc-table td:nth-child(2),.bzt-dashboard-section .bzt-doc-table td:nth-child(3),.bzt-dashboard-section .bzt-doc-table td:last-child{display:block;width:auto;min-width:0;padding:0;border:0;text-align:left}
 .bzt-dashboard-section .bzt-doc-table td:first-child{grid-column:1/-1}
 .bzt-dashboard-section .bzt-doc-table td::before{content:attr(data-label);display:block;font-weight:750;font-size:11px;color:#505d70;margin-bottom:5px}
 .bzt-dashboard-section .bzt-doc-table td:nth-child(4){display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;overflow-wrap:anywhere}
 .bzt-dashboard-section .bzt-doc-table td:last-child{display:flex;align-items:flex-end;justify-content:flex-end}
 .bzt-dashboard-section .bzt-doc-table td:last-child::before{display:none}
 .bzt-dashboard-section .bzt-doc-table input{width:100%;max-width:100%;min-width:0;margin-top:0}
 .bzt-dashboard-section .bzt-doc-table .bzt-doc-remove{min-width:42px;min-height:42px}
 .bzt-dashboard-section .bzt-doc-section-heading{display:flex;flex-direction:column;align-items:stretch}
 .bzt-dashboard-section .bzt-doc-section-heading .bzt-doc-add{align-self:flex-start}
 .bzt-dashboard-section .bzt-doc-summary{flex-wrap:wrap;gap:10px;justify-content:space-between;padding-inline:0;font-size:1.05rem}
 .bzt-dashboard-section .bzt-doc-summary output{max-width:70%;text-align:right;overflow-wrap:anywhere}
 .bzt-dashboard-section .bzt-form-grid{grid-template-columns:minmax(0,1fr)}
 .bzt-dashboard-section .bzt-panel input,.bzt-dashboard-section .bzt-panel textarea,.bzt-dashboard-section .bzt-panel select{max-width:100%;min-width:0}
}
@media(max-width:370px){
 .bzt-dashboard-section .bzt-portal-sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}
 .bzt-dashboard-section .bzt-panel{padding:14px 11px}
 .bzt-dashboard-section .bzt-doc-table tr{padding:10px;gap:8px}
 .bzt-dashboard-section .bzt-table td::before{flex-basis:37%;max-width:37%}
}

/* Tablet-sized dashboards also use labelled order cards instead of a sideways table. */
@media (min-width:761px) and (max-width:1100px){
 .bzt-dashboard-section .bzt-table-scroll{overflow:visible;width:100%}
 .bzt-dashboard-section .bzt-table{display:block;width:100%;min-width:0;white-space:normal;border-collapse:separate}
 .bzt-dashboard-section .bzt-table thead{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
 .bzt-dashboard-section .bzt-table tbody{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
 .bzt-dashboard-section .bzt-table tr{display:block;background:#fffaf8;border:1px solid #f0dfda;padding:6px 12px}
 .bzt-dashboard-section .bzt-table td{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:10px 0;width:100%;border-bottom:1px solid #f0e7e4;white-space:normal;text-align:right;overflow-wrap:anywhere}
 .bzt-dashboard-section .bzt-table td:last-child{border-bottom:0}
 .bzt-dashboard-section .bzt-table td::before{content:attr(data-label);display:block;flex:0 0 41%;max-width:41%;font-size:11px;color:#586174;font-weight:800;text-align:left}
 .bzt-dashboard-section .bzt-table td[colspan]{text-align:left}
 .bzt-dashboard-section .bzt-table td[colspan]::before{display:none}
 .bzt-dashboard-section .bzt-table td a{display:inline-block;max-width:100%;white-space:normal;overflow-wrap:anywhere}
}