.operations-shortcuts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:22px; }
.nav-count[hidden] { display:none !important; }
.operations-shortcuts button { text-align:left; cursor:pointer; color:var(--ink); font:inherit; }
.operations-shortcuts strong,.operations-shortcuts span { display:block; }
.operations-shortcuts strong { font-size:16px; margin-bottom:8px; }
.operations-shortcuts span { font-size:14px; color:var(--muted); line-height:1.5; }
.operations-shortcuts b { color:#ac511c; }
.operations-filters label { display:grid; gap:6px; font-size:14px; min-width:0; }
.operations-filters select { height:44px; max-width:100%; font-size:16px; }
.operations-list { display:grid; gap:12px; min-width:0; }
.operation-card { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:16px; padding:18px; background:#fff; border:1px solid var(--line); border-radius:10px; }
.operation-card > div { min-width:0; }
.operation-card h2,.operation-card h3 { margin:0 0 7px; font-size:16px; }
.operation-card p { margin:4px 0; font-size:14px; line-height:1.5; color:#646a7d; overflow-wrap:anywhere; }
.operation-card .operation-date { color:#423990; font-weight:700; font-size:16px; }
.operation-actions { display:flex; gap:8px; flex-wrap:wrap; }
.operation-actions button { min-height:44px; font-size:14px; }
.operation-status { display:inline-block; margin:5px 0; border-radius:14px; padding:5px 10px; background:#ecf6f0; color:#20754f; font-size:13px; }
.operation-status.cancelled { background:#fff0f1; color:#a93243; }
.operation-status.requested { background:#fff4e5; color:#9a561f; }
.operation-wait { display:inline-block; background:#fff1e3; color:#974818; padding:6px 10px; border-radius:8px; font-size:14px; font-weight:700; }
.operations-note { color:#666d80; font-size:14px; line-height:1.5; }
.operations-error { color:#ab2335; font-size:14px; line-height:1.5; }
.operations-pagination { display:flex; align-items:center; justify-content:center; gap:12px; margin:18px 0; flex-wrap:wrap; font-size:14px; }
.operations-pagination button { min-height:44px; }
.operations-pagination button:disabled { opacity:.45; cursor:default; }
#appointmentActionForm input { font-size:16px; min-height:44px; }
#appointmentActionSubmit { min-height:44px; }
#recordModal { width:min(760px,calc(100vw - 24px)); }
#recordModal h3 { font-size:16px; }
#recordPets { font-size:14px; line-height:1.5; }
@media (max-width:900px) { .operations-shortcuts { grid-template-columns:minmax(0,1fr); } }
@media (max-width:700px) { .operations-filters label { width:100%; } .operation-actions { width:100%; } .operation-actions button { flex:1; } .operation-card { padding:14px; } }