.access-state{min-height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px}.entries-main{padding:36px;min-width:0}.entries-header{display:flex;justify-content:space-between;align-items:center;gap:24px}.entries-header h1{font-size:30px;font-weight:600;letter-spacing:-.8px;margin:5px 0}.eyebrow{font-size:10px;letter-spacing:.14em;color:var(--muted);margin:0}.page-description{font-size:13px;color:var(--muted);margin:8px 0 0}.entry-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:30px 0 25px}.entry-stats>div{padding:21px 24px;background:#fff;border:1px solid var(--line);border-radius:9px}.entry-stats span{display:block;color:var(--muted);font-size:12px}.entry-stats strong{display:block;font-size:32px;line-height:1.25;font-weight:550;margin-top:10px;font-variant-numeric:tabular-nums}.entries-panel{background:white;border:1px solid var(--line);border-radius:9px;overflow:hidden}.entries-toolbar{padding:20px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line)}.entry-filters{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.search-field{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:6px;padding:0 13px;flex:1;max-width:430px;min-width:180px;background:white}.search-field svg{width:17px;height:17px;color:var(--muted);flex-shrink:0}.search-field input{border:0;outline:none;padding:12px 0;min-height:44px;width:100%;min-width:0;background:none;font-size:12px}.search-field:focus-within{outline:2px solid var(--green);outline-offset:2px}.entry-filters select{border:1px solid var(--line);border-radius:6px;background:white;min-height:46px;padding:10px 12px;font-size:12px}.live-state{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px;white-space:nowrap}#live-indicator{width:7px;height:7px;background:#53814d;border-radius:50%;flex-shrink:0}.live-state.stale #live-indicator{background:#ad6b25}.selection-toolbar{padding:11px 20px;display:flex;align-items:center;gap:15px;min-height:46px;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}#selection-count{color:var(--ink);font-weight:600}#clear-selection{font-size:11px;color:var(--green);text-decoration:underline;min-height:30px}.table-hint{margin-left:auto;font-size:10px}.table-scroll{overflow:auto;max-height:calc(100dvh - 390px);min-height:250px;scrollbar-gutter:stable}#entry-table{border-collapse:separate;border-spacing:0;width:max-content;min-width:100%;font-size:12px}#entry-table th{position:sticky;top:0;z-index:2;background:#f5f6f1;text-align:left;padding:14px 18px;color:#4e5849;font-size:11px;font-weight:600;border-bottom:1px solid var(--line);white-space:nowrap}#entry-table td{padding:9px 10px 9px 18px;border-bottom:1px solid #eceee6;vertical-align:top;min-width:160px;max-width:330px;background:#fff}#entry-table tr[aria-selected=true]>td{background:#f1f6ed}#entry-table tbody tr:hover>td{background:#f7f8f3}#entry-table .select-column{position:sticky;left:0;min-width:52px;width:52px;max-width:52px;padding:12px 16px;background:#fff;z-index:1}#entry-table th.select-column{background:#f5f6f1;z-index:3}#entry-table input[type=checkbox]{width:17px;height:17px;accent-color:var(--green);cursor:pointer;margin:3px 0}.cell-content{display:flex;align-items:flex-start;gap:8px;min-height:42px}.cell-value{padding-top:9px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;min-width:0;flex:1;font-variant-numeric:tabular-nums}.cell-wide{width:320px;min-width:280px!important}.copy-cell{width:36px;min-height:40px;flex-shrink:0;display:grid;place-items:center;border-radius:5px;color:var(--muted);opacity:.8}.copy-cell svg{width:15px;height:15px}.copy-cell:hover{background:#e9eee4;color:var(--green)}td:hover .copy-cell,.copy-cell:focus-visible{opacity:1}.copy-cell:disabled{opacity:.12;cursor:default}.entry-status{display:inline-block;font-size:11px;white-space:nowrap;padding:3px 8px;border-radius:4px;background:#f1eee4;color:#796529}.entry-status.complete{background:#eaf2e3;color:#395f2c}.entries-empty{padding:60px 24px;text-align:center;color:var(--muted)}.entries-empty h2{font-size:18px;color:var(--ink);margin:0 0 10px}.entries-empty p{font-size:12px}.entries-pagination{padding:14px 20px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted)}.entries-pagination>div{display:flex;align-items:center;gap:16px}.entries-pagination button{height:40px;width:40px;border:1px solid var(--line);border-radius:5px;background:#fff}.entries-pagination button:disabled{cursor:default;opacity:.35}.entries-footnote{font-size:11px;color:var(--muted);line-height:1.8;margin:16px 0 0}.entry-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:12px 18px;background:var(--ink);color:#fff;border-radius:7px;z-index:30;font-size:12px;box-shadow:0 5px 25px #0002;max-width:calc(100vw - 32px)}
@media(max-width:1100px){.entries-toolbar{align-items:flex-start;flex-direction:column}.live-state{align-self:flex-end}.entry-filters{width:100%}.table-hint{display:none}.entries-main{padding:28px 22px}.entries-header{align-items:flex-start}.entries-header h1{font-size:27px}.table-scroll{max-height:65dvh}}
@media(max-width:700px){.entries-header{flex-direction:column;gap:18px}.entries-header .button{width:100%}.entry-stats{gap:8px;margin:24px 0 20px}.entry-stats>div{padding:15px 12px}.entry-stats span{font-size:10px}.entry-stats strong{font-size:26px}.entry-filters{flex-direction:column;align-items:stretch}.search-field{min-width:0;max-width:none}.entries-toolbar{padding:16px}.entries-main{padding:22px 16px}.selection-toolbar{padding:10px 16px}.entries-pagination{padding:12px 16px}.copy-cell{opacity:1;width:44px;min-height:44px}.entries-footnote{font-size:10px}}
@media(pointer:coarse){.copy-cell{opacity:1;width:44px;min-height:44px}}
#entry-table .identity-column{position:sticky;left:52px;z-index:1;min-width:210px;max-width:250px}#entry-table th.identity-column{z-index:3}
/* Group every existing field into readable cells without horizontal scrolling. */
.table-scroll{overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable}
#entry-table{width:100%;min-width:0;table-layout:fixed}
#entry-table th{white-space:normal;padding:14px 10px}
#entry-table th.select-column{width:44px;min-width:0;max-width:none;padding:12px 10px}
#entry-table td{min-width:0;max-width:none;padding:10px;overflow-wrap:anywhere}
#entry-table .select-column{position:static;width:44px;min-width:0;max-width:none;padding:12px 10px}
#entry-table tbody td+td{border-left:1px solid #f0f1eb}
.cell-content{gap:4px;min-height:0;padding:7px 0;border-bottom:1px solid #f0f1eb}
.cell-content:last-child{border-bottom:0}
.field-detail{flex:1;min-width:0}
.field-label{display:block;font-size:11px;color:var(--muted);line-height:1.5}
.cell-value{display:block;padding-top:3px;font-size:12px;line-height:1.65}
.copy-cell{width:28px;min-height:36px;margin-top:8px}
.group-label{display:none}
@media(max-width:1000px){
 #entry-table,#entry-table tbody{display:block;width:100%}
 #entry-table thead{display:block;position:sticky;top:0;z-index:3;background:#f5f6f1;border-bottom:1px solid var(--line)}
 #column-headings{display:block}#column-headings>th:not(:first-child){display:none}
 #entry-table tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));position:relative;border-bottom:2px solid var(--line);padding:0 12px 12px;gap:0 16px}
 #entry-table tbody td{display:block;width:auto;border:0;padding:8px 0;min-width:0}
 #entry-table tbody td+td{border-left:0}
 #entry-table tbody .select-column{grid-column:1/-1;width:auto;padding:12px 0 4px}
 .group-label{display:block;margin:0 0 4px;font-size:12px;font-weight:600;color:var(--green);border-bottom:1px solid var(--line);padding-bottom:8px}
 .copy-cell{width:44px;min-height:44px;margin-top:0}
 .table-scroll{max-height:none}
}
@media(max-width:560px){#entry-table tbody tr{grid-template-columns:minmax(0,1fr)}}
/* Five information columns, with a compact manual read marker. */
#entry-table th.select-column,#entry-table .select-column{width:36px;padding-left:8px;padding-right:8px}
#entry-table th.group-contact{width:calc(16% - 14.08px)}
#entry-table th.group-delivery{width:calc(28% - 24.64px)}
#entry-table th.group-wish{width:calc(25% - 22px)}
#entry-table th.group-confirmations{width:calc(16% - 14.08px)}
#entry-table th.group-updated{width:calc(15% - 13.2px)}
#entry-table .read-column{width:52px;text-align:center;padding:14px 4px}
.read-marker{display:inline-grid;place-items:center;width:40px;min-height:44px;border-radius:6px;color:#747b70;background:transparent;cursor:pointer}
.read-marker svg{width:23px;height:23px;border:1px solid #b8c0b1;border-radius:5px;padding:3px;fill:none;stroke:transparent;stroke-width:2.5}
.read-marker.is-read{color:#395f2c}.read-marker.is-read svg{background:#eaf2e3;border-color:#53814d;stroke:currentColor}
.read-marker:hover{background:#edf1e7}.read-marker:focus-visible{outline:2px solid var(--green);outline-offset:2px}.read-marker:disabled{opacity:.5;cursor:wait}
@media(max-width:1000px){
 #entry-table tbody .select-column{grid-column:1;grid-row:1;width:auto}
 #entry-table tbody .read-column{grid-column:2;grid-row:1;justify-self:end;width:auto;padding:4px 0}
 #entry-table .read-column::before{content:'Đã đọc';font-size:11px;color:var(--muted);margin-right:5px}
}
@media(max-width:560px){
 #entry-table tbody .select-column{grid-column:1;grid-row:1}
 #entry-table tbody .read-column{grid-column:1;grid-row:1}
}
/* Keep the working row ahead of incoming records, without adding columns. */
#entry-table th.select-column,#entry-table .select-column{width:56px;max-width:56px;text-align:center;padding-left:5px;padding-right:5px}
.sequence-heading{display:block;font-size:10px;margin-bottom:6px}
.entry-sequence{display:block;font-size:11px;font-weight:600;line-height:1.5;color:var(--muted);margin-bottom:8px;font-variant-numeric:tabular-nums}
#entry-table .select-column input[type=checkbox]{display:block;margin:5px auto}
.pin-entry{display:grid;place-items:center;width:40px;min-height:40px;margin:7px auto 0;border-radius:5px;color:var(--muted)}
.pin-entry svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6}
.pin-entry:hover,.pin-entry[aria-pressed=true]{color:var(--green);background:#e6eddd}
.pin-entry[aria-pressed=true] svg{stroke-width:2.2}
.pin-entry:focus-visible{outline:2px solid var(--green);outline-offset:2px}
#entry-table .pinned-row>td{background:#f9fbf4;border-top:2px solid #8da47b}
#entry-table .pinned-row[aria-selected=true]>td{background:#edf4e7}
.pin-notice{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 16px;font-size:11px;line-height:1.6;border-bottom:1px solid #d9e3d0;background:#f0f5e9;color:#3d4e38}
#clear-pin{flex-shrink:0;min-height:36px;padding:6px 9px;border:1px solid #cad7be;border-radius:4px;font-size:11px;background:#fff}
#entry-table th.group-contact{width:calc(16% - 17.28px)}
#entry-table th.group-delivery{width:calc(28% - 30.24px)}
#entry-table th.group-wish{width:calc(25% - 27px)}
#entry-table th.group-confirmations{width:calc(16% - 17.28px)}
#entry-table th.group-updated{width:calc(15% - 16.2px)}
@media(max-width:1000px){
 #entry-table tbody .select-column{display:flex;align-items:center;gap:9px;width:auto;max-width:none;text-align:left}
 .entry-sequence{margin:0;min-width:22px}.pin-entry{margin:0;min-height:44px;width:44px}
 #entry-table tbody .select-column input[type=checkbox]{margin:0}
 #entry-table .pinned-row{border-top:2px solid #8da47b;background:#f9fbf4}
 #entry-table .pinned-row>td{border-top:0}
 .pin-notice{align-items:flex-start;flex-direction:column;gap:6px}
}