.proc-toolbar{display:grid;grid-template-columns:minmax(220px,1.4fr) minmax(150px,1fr) minmax(150px,1fr);gap:14px;align-items:end;margin:22px 0}.proc-toolbar .field{margin:0}.proc-toolbar #proc-notices{grid-column:1/-1}.proc-notice-button{min-height:44px}.proc-card{min-width:0;overflow-wrap:anywhere}.proc-card h3 .link-btn{font-size:18px;line-height:1.45;text-align:left}.proc-card dl,.proc-details{display:grid;gap:12px;margin:20px 0}.proc-card dl>div,.proc-details>div{display:grid;grid-template-columns:1fr 1.3fr;gap:12px}.proc-card dt,.proc-details dt,.proc-receipt dt{color:var(--muted);font-size:12px}.proc-card dd,.proc-details dd,.proc-receipt dd{margin:0;font-size:13px;line-height:1.6;overflow-wrap:anywhere}.proc-progress{margin:18px 0}.proc-progress strong{display:block;font-size:17px}.proc-progress span{display:block;margin-top:7px;font-size:12px;color:var(--muted);line-height:1.6}.proc-progress progress{width:100%;height:7px;appearance:none;border:0;border-radius:8px;margin-top:12px;overflow:hidden;background:var(--line)}.proc-progress progress::-webkit-progress-bar{background:var(--line)}.proc-progress progress::-webkit-progress-value{background:var(--accent)}.proc-progress progress::-moz-progress-bar{background:var(--accent)}.proc-author{font-size:12px;max-width:65%;line-height:1.6}.proc-late{font-size:11px;color:var(--danger,#d17a70);border:1px solid currentColor;padding:5px 8px;border-radius:7px}.proc-dialog{overflow-wrap:anywhere}.proc-dialog h3{font-size:16px;margin:22px 0 14px}.proc-dialog .btn{min-height:44px;white-space:normal}.proc-dialog p{line-height:1.8;font-size:14px}.proc-section{margin-top:24px;border-top:1px solid var(--line);padding-top:8px}.proc-section summary{padding:14px 0;cursor:pointer;font-size:14px}.proc-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0}.proc-help{color:var(--muted);font-size:12px!important;line-height:1.8}.proc-actions{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0}.proc-history{display:grid;gap:12px;margin-top:12px}.proc-receipt{border:1px solid var(--line);border-radius:11px;padding:16px;background:var(--paper);min-width:0}.proc-receipt small{display:block;margin:9px 0;color:var(--muted);font-size:12px;line-height:1.65}.proc-receipt>p{margin:10px 0}.proc-receipt dl{display:grid;gap:10px}.proc-receipt dd{margin-top:5px}.proc-voided{border-style:dashed}.proc-voided>div>strong{text-decoration:line-through}.proc-notice{display:grid;gap:8px;background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:16px;color:var(--ink);font:inherit;text-align:left;line-height:1.7;cursor:pointer}.proc-notice span{font-size:13px}.proc-notice small{color:var(--muted);font-size:12px}.proc-unread{border-left:4px solid var(--accent)}.proc-grid .badge.partially_received{background:var(--paper);color:var(--accent-text)}
@media(max-width:600px){.proc-toolbar{grid-template-columns:1fr 1fr;gap:12px}.proc-toolbar>.search-box{grid-column:1/-1;min-width:0}.proc-toolbar .field{min-width:0}.proc-toolbar input,.proc-toolbar select,.proc-dialog input,.proc-dialog select,.proc-dialog textarea{font-size:16px;min-width:0;max-width:100%}.proc-fields{grid-template-columns:1fr}.proc-fields .span-2{grid-column:auto}.proc-dialog .proc-actions{display:grid;grid-template-columns:1fr}.proc-dialog .row{flex-wrap:wrap;gap:9px}.proc-card dl>div,.proc-details>div{grid-template-columns:1fr;gap:4px}.proc-grid{grid-template-columns:1fr}.proc-notice-button{width:100%}#purchase-form input,#purchase-form select,#purchase-form textarea{font-size:16px}#purchase-progress-form>button{width:100%}#dialog[data-purchasing="1"] .dialog-footer .btn{min-height:44px}}

#dialog[data-purchasing="1"] .dialog-header>div{min-width:0}#dialog[data-purchasing="1"] .dialog-header h2,#dialog[data-purchasing="1"] .dialog-header p{overflow-wrap:anywhere}#dialog[data-purchasing="1"] .dialog-header>.icon-btn{flex-shrink:0}