#panel .heading{align-items:center;margin-bottom:24px;flex-wrap:wrap}#panel .heading h1{margin:0 0 8px}#panel .heading p{margin:0}#panel .heading>button{white-space:nowrap}#panel .clients-list{padding:24px;margin-top:0}#panel .search-bar{display:grid;grid-template-columns:minmax(180px,1fr) 230px auto;gap:16px;margin-bottom:18px;align-items:end}#panel .search-bar label{font-size:12px;color:var(--client-muted)}#panel .search-bar input,#panel .search-bar select{margin-top:7px}#panel .list-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:12px}#panel .list-meta p{margin:0;font-size:12px}#panel .clients-table th{background:var(--client-bg);color:var(--client-muted);font-size:12px;font-weight:500;border-bottom:1px solid var(--client-line)}#panel .clients-table td{border-color:var(--client-line);font-size:13px;padding:19px 12px}#panel .clients-table td:first-child{font-size:14px;color:var(--client-text);min-width:180px;max-width:360px;overflow-wrap:anywhere}#panel .clients-table tbody tr:hover{background:#f6f8fd}#panel .clients-table a{color:var(--client-blue);font-weight:500;text-decoration:none}#panel .clients-table a:hover{text-decoration:underline}#panel .clients-table td:nth-child(2),#panel .clients-table td:last-child{white-space:nowrap}#panel .clients-table td:nth-child(5){color:var(--client-muted)}#panel .badge{white-space:nowrap}#panel #client-empty{padding:45px 16px;text-align:center}#panel #client-empty h2{font-size:18px}#panel .client-help{margin:20px 0;color:var(--client-muted);font-size:13px}#panel .client-help summary{font-weight:500}#panel .client-help ol{max-width:800px}#panel #more-customers{display:block;margin:20px auto 0}#editor{width:min(540px,calc(100% - 32px))}#editor h2{margin-bottom:10px}#editor .actions{gap:10px}#panel.stale #sync{color:#8a5b1b}
@media(max-width:800px){#panel .search-bar{grid-template-columns:1fr 1fr}#panel .search-bar label:first-child{grid-column:1/-1}#panel .clients-list{padding:16px}#panel .clients-table td,#panel .clients-table th{padding:13px 9px}#panel .heading{gap:18px}#panel .table-scroll{margin:0 -4px}#panel .list-meta{gap:6px}#panel .clients-table{min-width:900px}}
@media(max-width:450px){#panel .search-bar{grid-template-columns:1fr}#panel .search-bar label:first-child{grid-column:auto}#panel .search-bar button{width:100%}#editor .actions{flex-wrap:wrap}#editor .actions button{flex:1}#panel .heading>button{width:100%}}