/* Load view uses the shared LOGYSTIA palette on desktop and mobile. */
html body .load-organized{display:grid;gap:12px}
html body .load-organized .load-brief{margin:0;padding:20px}
html body .load-organized .load-brief h2{margin:6px 0 0;font-size:22px}
html body .load-organized .load-brief .row{gap:12px;flex-wrap:wrap}
html body .load-brief-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:20px}
html body .load-brief-grid>div{min-width:0}
html body .load-brief-grid span,html body .load-brief-grid b{display:block;overflow-wrap:anywhere}
html body .load-brief-grid span{color:var(--muted);font-size:12px;margin-bottom:6px}
html body .load-brief-grid b{color:var(--text);font-size:14px}
html body .load-notice{border-left:3px solid var(--accent);background:var(--soft);color:var(--soft-text);padding:12px 16px;margin-top:16px;border-radius:8px}
html body .load-notice ul{margin:8px 0 0;padding-left:20px;font-size:13px}
html body .load-section{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:10px;min-width:0;overflow:hidden}
html body .load-section>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;cursor:pointer;list-style:none;min-height:64px}
html body .load-section>summary::-webkit-details-marker{display:none}
html body .load-section>summary b,html body .load-section>summary small{display:block}
html body .load-section>summary b{font-size:16px;color:var(--text)}
html body .load-section>summary small{color:var(--muted);font-size:12px;margin-top:4px}
html body .load-chevron{color:var(--accent);font-size:22px;flex-shrink:0}
html body .load-section[open]>.load-section-body{border-top:1px solid var(--line)}
html body .load-section[open] .load-chevron{transform:rotate(180deg)}
html body .load-section-body{padding:16px 20px;min-width:0}
html body .load-section-body .card{margin-bottom:0}
html body .load-section-body label{display:block;margin-top:12px}
html body .load-section-body .confirm-load{display:flex;align-items:center;gap:8px}
html body .load-section-body .sec{margin-top:20px}
html body .load-savebar{padding:8px 0}
html body .load-savebar .small{margin:0 0 8px;min-height:18px}
@media(max-width:900px){html body .load-brief-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}html body .load-section>summary,html body .load-section-body{padding:16px}html body .load-organized .load-brief{padding:16px}html body .load-section .truck-dims{grid-template-columns:1fr}html body .load-section .editable-truck-dims{grid-template-columns:1fr}html body .load-savebar button{min-height:48px}}