.mobile-navigation{display:none}
/* Lists become complete, readable cards on phones and tablets. */
@media(max-width:1100px){
 .main-nav{display:none!important}
 .mobile-navigation{display:block;grid-column:1/-1;grid-row:2;margin-top:4px;min-width:0;align-self:end;height:35px}
 .mobile-navigation summary{display:flex;align-items:center;gap:9px;width:fit-content;min-height:35px;cursor:pointer;color:var(--primary);font-size:13px;font-weight:600;list-style:none}
 .mobile-navigation summary::-webkit-details-marker{display:none}
 .mobile-navigation[open] summary svg{transform:rotate(180deg)}
 .mobile-navigation nav{position:absolute;top:100%;left:0;right:0;display:grid;background:var(--paper);border-block:1px solid var(--line);box-shadow:0 14px 24px #24343112;padding:10px max(16px,calc((100% - 1440px)/2))}
 .mobile-navigation nav a{padding:12px 16px;border-radius:6px;text-decoration:none;font-size:14px;overflow-wrap:anywhere}
 .mobile-navigation nav a[aria-current=page]{background:var(--wash);color:var(--primary);font-weight:700}
 .mobile-navigation nav a:hover{background:var(--wash)}
 .jobs-table-wrap,.designer-scroll{overflow:visible;background:transparent;border:0;border-radius:0;min-width:0;max-width:100%}
 .jobs-table,.designer-table,.delivery-history{display:block;min-width:0;width:100%;max-width:100%;border:0}
 .jobs-table thead,.designer-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
 .jobs-table tbody,.designer-table tbody{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;min-width:0;width:100%}
 .jobs-table tr,.designer-table tr{display:block;min-width:0;max-width:100%;border:1px solid var(--line);border-radius:10px;padding:8px 16px;background:white}
 .jobs-table td,.designer-table td{display:grid;grid-template-columns:100px minmax(0,1fr);align-items:start;gap:14px;padding:11px 0;border:0;border-bottom:1px solid var(--line);font-size:13px;min-width:0!important;max-width:none!important;width:auto;overflow-wrap:anywhere;vertical-align:top}
 .jobs-table td::before,.designer-table td::before{content:attr(data-label);font-size:11px;line-height:1.55;color:var(--muted);font-weight:500;overflow-wrap:anywhere}
 .mobile-cell-value{min-width:0;max-width:100%;overflow-wrap:anywhere}
 .mobile-cell-value>strong,.mobile-cell-value>small{overflow-wrap:anywhere}
 .jobs-table td:first-child{display:block;padding-block:14px;border-bottom:1px solid var(--line)}
 .jobs-table td:first-child::before{display:none}
 .jobs-table td:first-child strong{font-size:16px}
 .jobs-table td:last-child,.designer-table td:last-child{border-bottom:0}
 .jobs-table td[data-empty]{display:block;padding:0;border:0}
 .jobs-table td[data-empty]::before{display:none}
 .jobs-table tbody:has(td[data-empty]){grid-template-columns:1fr}
 .jobs-empty{padding:32px 12px;min-width:0}
 .jobs-empty p{max-width:100%;overflow-wrap:anywhere}
 .jobs-table .pill{white-space:normal;max-width:100%;font-size:11px}
 .users-table td:nth-child(2){min-width:0}
 .row-actions{flex-wrap:wrap;white-space:normal}
 .designer-table td{display:block;padding-block:12px}
 .designer-table td::before{display:block;margin-bottom:7px}
 .designer-table input,.designer-table select,.designer-table textarea{width:100%;min-width:0!important;max-width:100%!important;font-size:16px;box-sizing:border-box}
 .designer-table input[type=checkbox]{width:20px!important;height:20px;min-width:20px!important;max-width:20px!important}
 .designer-table input[type=hidden]{display:none}
 .designer-table small{font-size:11px;overflow-wrap:anywhere}
 .designer-table td .mobile-cell-value>input[type=checkbox]{display:block}
 .designer-scroll{margin-top:20px}
 .workflow-policy-fields,fieldset,.form-field,.journey-panel{min-inline-size:0}
 input,textarea,select{max-width:100%;min-inline-size:0}
 .form-field input,.form-field select,.form-field textarea{font-size:16px}
 .form-actions,.confirmation-actions,.pagination{flex-wrap:wrap}
 .form-actions>*{max-width:100%;min-width:0}
 .form-actions button,.form-actions a,.whatsapp-actions a{white-space:normal;overflow-wrap:anywhere}
 .manual-record>*{max-width:100%;min-width:0}
 .upload-form input[type=file]{width:100%;min-width:0;font-size:12px}
 .journey-panel a,.journey-panel p,.history-row,.field-help,.welcome,.dashboard-title p{overflow-wrap:anywhere}
 .file-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}
 .file-list a{min-width:0}
 .designer-table .mobile-cell-value{width:100%}
}
@media(max-width:650px){
 .jobs-table tbody,.designer-table tbody{grid-template-columns:1fr;gap:14px}
 .jobs-table td{grid-template-columns:92px minmax(0,1fr);gap:12px}
 .designer-table td{display:block}
 .mobile-navigation nav{padding-inline:16px}
 .jobs-table td[data-empty]{display:block}
 .dashboard-title>div{min-width:0;max-width:100%}
}
@media(max-width:400px){
 .logo{width:120px}
 .header-inner{gap:0 6px}
 .header-tools{gap:5px}
 .language-toggle button{font-size:11px;padding:5px 6px}
 .logout-button{font-size:11px;padding:7px 6px}
 .jobs-table td{grid-template-columns:82px minmax(0,1fr);gap:10px}
 .designer-table td{display:block}
 .jobs-table tr,.designer-table tr{padding-inline:14px}
}