.crm-grid-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 20px;border-bottom:1px solid var(--line);background:var(--base)}
.crm-view-label{display:flex;gap:8px;align-items:center;font-size:13px;font-weight:500;margin-right:12px}.crm-view-label svg{width:16px;height:16px}.crm-grid-toolbar .search{max-width:260px}.crm-grid-toolbar .control{min-height:32px}
.crm-grid-help{padding:10px 20px;font-size:12px;color:var(--muted);border-bottom:1px solid var(--line);margin:0}
#crm-grid-message:not(:empty){padding:8px 20px;font-size:12px;border-bottom:1px solid var(--line)}#crm-grid-message.error{color:var(--danger);background:var(--danger-bg)}
.crm-grid-scroll{overflow:auto;max-width:100%;min-height:280px}.crm-grid{border-collapse:separate;border-spacing:0;width:max-content;min-width:100%;font-size:13px;table-layout:fixed;background:var(--base)}
.crm-grid th{height:38px;padding:0;background:var(--surface);color:var(--muted);font-weight:500;text-align:left;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:2}.crm-grid th>button{height:38px;width:100%;display:flex;align-items:center;gap:8px;border:0;background:none;padding:0 12px;color:inherit;font:inherit;cursor:pointer}.crm-grid svg{width:14px;height:14px;flex:none}
.crm-grid td{height:42px;min-width:165px;max-width:250px;padding:0 12px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;position:relative;outline-offset:-2px;cursor:cell}.crm-grid tr:hover td{background:var(--surface)}.crm-grid td:focus{outline:2px solid var(--ink);background:var(--elevated);z-index:1}.crm-grid td.editing{outline:2px solid var(--ink);overflow:visible;padding:0;z-index:3;background:var(--base)}
.crm-grid td.editing input,.crm-grid td.editing select{width:100%;min-width:165px;height:41px;box-sizing:border-box;border:0;outline:0;border-radius:0;padding:0 12px;color:var(--ink);background:var(--base);font:inherit}.crm-grid td.editing [aria-invalid=true]{box-shadow:inset 0 0 0 2px var(--danger)}
.crm-grid .crm-record,.crm-grid .crm-record-head{min-width:75px;width:75px;position:sticky;left:0;background:var(--surface);z-index:2;cursor:default;text-align:center;padding:0 8px}.crm-grid .crm-record-head{z-index:4;font-size:12px}.crm-record>span{color:var(--muted);font-size:12px;margin-right:12px}.crm-record>a{display:inline-flex;padding:7px;border-radius:5px;vertical-align:middle}.crm-record>a:hover{background:var(--elevated)}
.crm-tag{display:inline-block;background:var(--elevated);padding:3px 7px;border-radius:4px;font-size:12px;color:var(--muted)}.crm-blank{color:var(--subtle)}.crm-grid-add{padding:12px 20px;border-bottom:1px solid var(--line)}
@media(max-width:768px){.crm-grid-toolbar{padding:12px 16px}.crm-view-label{width:100%}.crm-grid-toolbar .search{flex:1;max-width:none;min-width:170px}.crm-grid-help{padding:10px 16px;line-height:1.5}.crm-grid td{height:48px}.crm-grid td.editing input,.crm-grid td.editing select{height:47px;font-size:16px}.crm-record>a{padding:12px}.crm-grid .crm-record,.crm-grid .crm-record-head{min-width:76px}.crm-grid-toolbar .btn,.crm-grid-toolbar .control{min-height:44px}}
