/* Clear, consistent model and website lists. */
.model-list{min-width:0}
.model-list-count{margin:0 0 12px;color:var(--muted);font-size:11px}
.model-list-wrap{border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden}
.model-table{width:100%;table-layout:fixed;border-collapse:collapse}
.model-table .list-col-product{width:35%}.model-table .list-col-status{width:17%}.model-table .list-col-variants{width:18%}.model-table .list-col-sites{width:9%}.model-table .list-col-action{width:21%}
.model-table th,.model-table td{padding:19px 14px;vertical-align:middle;white-space:normal;overflow-wrap:anywhere;font-size:12px;text-align:left}
.model-table thead th{font-size:9px;letter-spacing:1.1px;padding-top:16px;padding-bottom:16px;color:var(--muted);font-weight:400;background:#fafbf8}
.model-table tbody th{font-weight:400;text-transform:none;letter-spacing:0;background:transparent}
.model-table .model-row:last-child th,.model-table .model-row:last-child td{border-bottom:0}
.model-row:hover{background:#fcfcf9}
.model-row:focus-within{background:#faf9f5}
.list-product{display:flex;align-items:center;gap:14px;min-width:0}
.list-thumbnail{width:76px;height:80px;flex:none;overflow:hidden;border:1px solid #ecece6;border-radius:8px;background:#efeee8}
.list-thumbnail img{display:block;width:100%;height:100%;object-fit:cover}
.list-thumbnail.product img{object-fit:contain;padding:4px}
.list-model-name{min-width:0}
.list-model-name strong{display:block;font-size:14px;line-height:1.5;font-weight:600;letter-spacing:-.25px}
.list-model-name>span{display:block;margin-top:5px;font-size:10px;line-height:1.6;color:var(--muted)}
.list-model-name>small{display:block;margin-top:6px;font-size:9px;line-height:1.5;color:var(--muted)}
.list-status{display:flex;flex-direction:column;align-items:flex-start;gap:7px}
.list-variants{display:flex;flex-wrap:wrap;gap:5px}
.list-variants>span{display:inline-block;padding:5px 7px;background:#f3f3ee;border:1px solid #e9ebe3;border-radius:5px;font-size:10px;line-height:1.4}
.model-table .list-secondary{font-size:9px;margin-top:7px;color:var(--muted)}
.list-sites{display:flex;align-items:center;gap:6px;color:var(--muted)}
.list-sites .icon{width:14px;height:14px}
.list-sites strong{font-weight:400;color:var(--ink);font-size:12px}
.list-model-action{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;max-width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:7px;background:#fff;font-size:11px;text-align:left;line-height:1.5}
.list-model-action:hover{color:var(--red);border-color:#d8beb1;background:var(--red-soft)}
.list-model-action .icon{width:15px;height:15px}
.list-cell-label{display:none}
.toolbar .filters button{min-height:44px}
.model-table .model-add-row td{padding:0;border-bottom:0}
.model-add-row .website-add{min-height:66px}
.model-status-label{font-size:11px;font-weight:400;line-height:1.5}
.model-draft-note{font-size:10px;color:var(--muted);font-weight:400}
.website-empty-row td{padding:24px 20px;color:var(--muted)}
.toolbar .search{min-height:44px;max-width:100%;width:300px}
.toolbar .search:focus-within{outline:2px solid var(--ink);outline-offset:2px}
@media(max-width:900px){.model-table tbody{display:block;border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}.model-table .model-row{border:0;border-bottom:1px solid var(--line);border-radius:0}.model-table .model-add-row,.model-table .model-add-row td{display:block;width:100%}}
@media(max-width:720px){.toolbar .search{width:100%;min-width:0}.workspace .page-heading p:not(.eyebrow){max-width:none}}
@media(max-width:720px){.page-heading:has(+ .toolbar)>.button{min-width:44px;min-height:44px;padding:12px}}
@media(min-width:901px) and (max-width:1150px){.model-table th,.model-table td{padding-left:10px;padding-right:10px}.list-product{gap:10px}.list-thumbnail{width:62px;height:70px}.list-model-name strong{font-size:12px}.list-model-action{padding:10px 8px;font-size:10px}.model-table .list-col-product{width:34%}.model-table .list-col-action{width:22%}}
@media(max-width:900px){
  .model-list-wrap{border:0;border-radius:0;overflow:visible;background:transparent}
  .model-table,.model-table tbody{display:block;width:100%}
  .model-table colgroup{display:none}
  .model-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}
  .model-table tbody{display:grid;gap:12px}
  .model-table .model-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:'product product' 'status variants' 'sites action';gap:18px 16px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}
  .model-table .model-row>th,.model-table .model-row>td{display:block;min-width:0;padding:0;border:0}
  .model-identity-cell{grid-area:product}.model-status-cell{grid-area:status}.model-variants-cell{grid-area:variants}.model-websites-cell{grid-area:sites}.model-action-cell{grid-area:action;align-self:end}
  .list-thumbnail{width:64px;height:70px}
  .list-model-name strong{font-size:15px}.list-model-name>span{font-size:11px}.list-model-name>small{font-size:9px}
  .list-cell-label{display:block;margin:0 0 9px;color:var(--muted);font-size:10px;font-weight:400}
  .list-sites strong{font-size:13px}.list-model-action{width:100%;font-size:11px}.list-variants>span{font-size:10px}
}
@media(max-width:370px){.model-table .model-row{padding:16px;gap:16px 10px}.list-product{gap:11px}.list-model-name strong{font-size:14px}.list-model-action{padding-left:8px;padding-right:8px;font-size:10px}.list-status .badge{font-size:8px;padding:6px}}

/* Monthly example report: one highlighted product, the same identity cells as the model list. */
.analytics-toolbar{align-items:center;flex-wrap:wrap}
.analytics-month{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:11px}
.analytics-month select{min-height:44px;max-width:100%;padding:10px 32px 10px 12px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);font:inherit}
.analytics-month select:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.analytics-scope{margin:0 0 16px;color:var(--muted);font-size:11px;line-height:1.7;overflow-wrap:anywhere}
.analytics-star{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;overflow:hidden;margin:0 0 24px;border:1px solid var(--line);border-radius:12px;background:#fff}
.analytics-star figure{align-self:stretch;display:grid;place-items:center;min-height:300px;padding:20px;background:radial-gradient(ellipse at 50% 75%,#ddd8cc, #f6f4ef 70%)}
.analytics-star img{display:block;width:100%;height:280px;object-fit:contain;filter:drop-shadow(0 14px 12px #20212418)}
.analytics-star-copy{min-width:0;padding:32px 36px}
.analytics-star h2{margin:0 0 8px;font-size:24px;font-weight:600;letter-spacing:-.8px;line-height:1.2}
.analytics-star p{margin:0;color:var(--muted);font-size:12px;line-height:1.7}
.analytics-star h3{margin:28px 0 4px;font-size:30px;font-weight:600;letter-spacing:-1px;line-height:1.2}
.analytics-star-count strong{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}
.analytics-star .analytics-star-variant{margin-top:24px}
.analytics-star-variant span,.analytics-star-variant strong{display:block;font-weight:400}
.analytics-star-variant strong{margin-top:4px;color:var(--ink)}
.analytics-star-empty{display:block;padding:28px 32px}
.analytics-col-model{width:43%}
.analytics-table caption.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
.analytics-table th:not(:first-child),.analytics-table td{text-align:right;font-variant-numeric:tabular-nums}
.analytics-table td{font-size:14px}
.analytics-table .analytics-empty td{text-align:left;color:var(--muted);font-size:12px;padding:24px}
@media(max-width:900px){
  .analytics-table tbody{border:0;border-radius:0}
  .analytics-table .analytics-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 12px;padding:20px;border-bottom:1px solid var(--line)}
  .analytics-table .analytics-row:last-child{border-bottom:0}
  .analytics-table .analytics-row>th,.analytics-table .analytics-row>td{display:block;min-width:0;padding:0;border:0;text-align:left}
  .analytics-table .analytics-row>th{grid-column:1/-1}
  .analytics-list.model-list-wrap{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}
  .analytics-star-copy{padding:26px}
}
@media(max-width:600px){
  .analytics-toolbar{align-items:stretch;gap:12px}.analytics-month{justify-content:space-between}
  .analytics-star{grid-template-columns:minmax(0,1fr)}.analytics-star figure{min-height:0;padding:16px}.analytics-star img{height:220px}
  .analytics-star-copy{padding:24px}.analytics-star h2{font-size:23px}.analytics-star h3{font-size:27px;margin-top:22px}
  .analytics-star .analytics-star-variant{margin-top:18px}.analytics-star-empty{padding:24px}
  .analytics-table .analytics-row{padding:18px 16px;gap:18px 8px}.analytics-table .list-cell-label{font-size:9px}
}
