.view-controls{display:flex;flex-wrap:wrap;align-items:end;gap:10px;margin-bottom:12px}
.view-controls label{display:grid;gap:4px;min-width:0;font-size:.85rem;color:var(--muted)}
.view-controls button,.view-controls select,.view-controls input{font:inherit;min-height:44px;border:1px solid var(--line);border-radius:9px;background:var(--card);padding:8px 12px;max-width:100%;color:inherit}
.view-controls button{cursor:pointer}.view-toggle{display:flex;gap:4px}.view-toggle button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:white}
.items.dining-list-host{display:block}.dining-table-wrap{width:100%;min-width:0}.dining-table{table-layout:fixed;border-collapse:collapse;width:100%;background:var(--card);font-size:14px}
.dining-table th,.dining-table td{padding:9px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;overflow-wrap:anywhere}
.dining-table th{font-weight:700;color:var(--muted)}.dining-table th:nth-child(1){width:19%}.dining-table th:nth-child(2){width:20%}.dining-table th:nth-child(3){width:10%}.dining-table th:nth-child(4){width:13%}.dining-table th:nth-child(5){width:26%}.dining-table th:nth-child(6){width:12%}
.dining-table .dining-list-row{display:table-row;border:0;border-radius:0;padding:0}.dining-list-row:hover{background:#f5eddf}.dining-shop{font-weight:700}
.dining-notes{white-space:pre-wrap}.dining-notes summary{cursor:pointer;color:var(--accent);white-space:normal}.dining-notes details div{padding-top:7px;white-space:pre-wrap}
.dining-table button.edit{width:auto;min-height:36px;padding:5px 10px;font:inherit;white-space:nowrap}.dining-table caption{text-align:left;padding:8px 10px;color:var(--muted)}
@media(max-width:720px){
 .view-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.view-controls .view-toggle{grid-column:1/-1}.view-controls label>*{width:100%;min-width:0}.view-controls button{min-height:44px}
 .dining-table,.dining-table tbody{display:block}.dining-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .dining-table .dining-list-row{display:grid;grid-template-columns:minmax(0,1fr) auto;padding:10px 0;border-bottom:1px solid var(--line);gap:4px 10px}
 .dining-table td{display:block;border:0;padding:0 10px;min-width:0}.dining-shop,.dining-meal,.dining-notes{grid-column:1/-1}.dining-rating{grid-column:1}.dining-date{grid-column:2}.dining-actions{grid-column:1/-1}.dining-table button.edit{min-height:44px}.dining-notes:not(:empty){margin-top:4px}
 .dining-rating::before{content:'評價 ';color:var(--muted)}
}