:root{font-family:Manrope,Arial,sans-serif;color:#E6ECFF;background:#0A1530;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #8FD8FF;outline-offset:2px}button:disabled{opacity:.38;cursor:not-allowed}.shell{min-height:100vh;display:flex;background:radial-gradient(900px 500px at 85% -10%,rgba(244,143,177,.18),transparent),radial-gradient(800px 500px at 10% 110%,rgba(126,200,240,.16),transparent),#0A1530}.sidebar{width:240px;flex:0 0 240px;min-height:100vh;border-right:1px solid #ffffff15;padding:27px 16px;display:flex;flex-direction:column;background:rgba(2,11,31,.28)}.logo{font-weight:800;letter-spacing:.04em;font-size:19px;padding:0 13px;margin-bottom:38px}.logo span{color:#FF9CC4}.logo small{font-size:10px;color:#99aed5;vertical-align:top}.menu-heading{font-size:10px;letter-spacing:.14em;color:#7f92ba;font-weight:800;padding:0 13px;margin-bottom:10px}.menu-heading.later{margin-top:33px}.nav-link,.nav-static{display:flex;align-items:center;gap:11px;width:100%;border:0;text-align:left;border-radius:12px;background:none;color:#b6c5e6;padding:12px 14px;font-size:13px;font-weight:600}.nav-link:hover{color:white;background:#ffffff14}.nav-link.active{color:#fff;background:linear-gradient(110deg,#ffffff22,#ffffff0d);box-shadow:inset 3px 0 #F48FB1}.nav-icon{width:18px;text-align:center;font-size:19px;color:#F48FB1}.nav-static{opacity:.43;padding-left:39px;cursor:default}.count{margin-left:auto;background:#F48FB1;color:#0A1530;border-radius:40px;padding:2px 7px;font-size:11px;font-weight:800}.sidebar-bottom{margin-top:auto;border-top:1px solid #ffffff13;padding:22px 14px 0;color:#C9D4F2;font-size:12px}.local-dot{display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%;background:#66e0a3}.sidebar-sub{color:#8397bf;font-size:11px;margin:6px 0 0 18px}.content{flex:1;min-width:0;max-width:1800px;padding:34px clamp(18px,3vw,52px) 30px}.header{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;flex-wrap:wrap;margin-bottom:25px}.eyebrow{color:#93a9d0;font-size:10px;letter-spacing:.18em;font-weight:800;margin-bottom:12px}h1{font-size:32px;line-height:1.18;margin:0 0 9px;letter-spacing:-.025em;font-weight:800}.subtitle{color:#aebfe0;font-size:13px}.outline-btn,.reset-btn{border:1px solid #ffffff42;border-radius:12px;background:#ffffff0a;color:#e8ecfb;padding:11px 16px;font-size:12px;font-weight:700}.outline-btn:hover,.reset-btn:hover{background:#ffffff1b}.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:22px 0 17px}.tile{text-align:left;display:flex;flex-direction:column;align-items:flex-start;min-height:153px;padding:22px;border-radius:18px;transition:transform .16s,box-shadow .16s}.tile:hover{transform:translateY(-3px)}.tile span{font-size:11px;letter-spacing:.07em;color:#CAD5EB;font-weight:700}.tile strong{font-size:44px;font-weight:800;letter-spacing:-.05em;line-height:1.4}.tile small{font-size:11px;color:#b7c8e5;margin-top:auto}.c1{border:1px solid #7ec8f0a0;background:linear-gradient(145deg,#7ec8f041,#7ec8f00b)}.c1 strong{color:#9DE2FF}.c2{border:1px solid #f48fb1a0;background:linear-gradient(145deg,#f48fb13e,#f48fb10a)}.c2 strong{color:#FF9CC4}.c3{border:1px solid #ffb74da0;background:linear-gradient(145deg,#ffb74d3b,#ffb74d0a)}.c3 strong{color:#ffd082}.c4{border:1px solid #66e0a3a0;background:linear-gradient(145deg,#66e0a33d,#66e0a309)}.c4 strong{color:#7aefb6}.summary-row{display:grid;grid-template-columns:1.6fr 1fr;gap:15px;margin:0 0 18px}.glass{border:1px solid #ffffff29;background:linear-gradient(145deg,#ffffff17,#ffffff08);padding:23px;border-radius:18px;box-shadow:0 12px 35px #00000013}.section-kicker{font-size:12px;font-weight:700;color:#b7c8e5}.summary-big{font-size:36px;font-weight:800;letter-spacing:-.03em;margin:10px 0}.summary-big span{font-size:15px;font-weight:600;letter-spacing:0;color:#d5e1f7}.summary-big.pink{color:#FF9CC4}.summary-description{font-size:12px;color:#aebfe0;line-height:1.7}.catalog-section{margin-top:18px;padding:23px 23px 10px}.section-head{display:flex;align-items:start;justify-content:space-between;gap:12px;flex-wrap:wrap}h2{margin:0;font-size:20px;font-weight:800}.section-head p{margin:7px 0 16px;color:#afc0dd;font-size:12px;line-height:1.6}.results{color:#aebfe0;font-size:12px;padding:8px 0}.filters{display:flex;flex-wrap:wrap;gap:9px;margin:5px 0 20px}.filters input,.filters select{border:1px solid #ffffff40;background:#ffffff12;color:#fff;padding:11px 13px;border-radius:11px;font-size:12px;min-height:43px}.filters input::placeholder{color:#9fb0d4}.filters input.search{flex:2 1 270px;min-width:170px}.filters select{flex:1 1 135px;max-width:210px}.filters option{color:#0A1530;background:white}.table-wrap{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:760px}th{text-align:left;font-size:10px;font-weight:800;color:#93a8d0;letter-spacing:.08em;padding:11px 10px 13px 0;white-space:nowrap}td{border-top:1px solid #ffffff17;padding:12px 14px 12px 0;vertical-align:middle;font-size:12px}tbody tr:hover{background:#ffffff07}.photo-code{display:flex;align-items:center;gap:11px}.photo-code strong{display:block;font-size:13px}.photo-code small{display:block;color:#91a5c9;margin-top:4px;font-size:10px;white-space:nowrap}.thumb{display:block;width:56px;height:72px;object-fit:cover;border-radius:9px;background:#efdeeb;flex:none}.thumb.placeholder{display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#fde4ee,#dff1fb);color:#7185a3;font-size:10px}.product-name{font-weight:700;line-height:1.5;max-width:325px}.product-detail{font-size:11px;color:#94a7c9;line-height:1.55;margin-top:4px}.price{font-weight:800;white-space:nowrap}.manual{font-size:11px;color:#ffcc82;margin-top:4px}.status{font-size:10px;font-weight:700;white-space:nowrap;border-radius:20px;padding:7px 9px;display:inline-block}.status.good{background:#66e0a327;color:#8cf1be}.status.warn{background:#ffb74d24;color:#ffd18d}.status.muted{background:#b5bed322;color:#d1d7e5}.details{background:transparent;border:1px solid #ffffff44;border-radius:10px;color:#e4ecff;font-size:11px;padding:9px 11px;white-space:nowrap}.details:hover{background:#ffffff15}.reason{color:#ffc981;font-size:10px;margin-top:5px;line-height:1.6}.pagination{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 0 8px;color:#aebcdb;font-size:12px}.pagination div{display:flex;gap:9px}.pagination button{border:1px solid #ffffff42;background:#ffffff12;color:white;border-radius:10px;padding:9px 15px;font-size:12px}.empty{text-align:center;padding:54px 0;color:#b8c5df}.error-banner{padding:15px 18px;margin-bottom:16px;border:1px solid #f98d9a88;border-radius:13px;background:#f98d9a19;color:#ffe3e6;font-size:13px}footer{margin:24px 0 0;font-size:11px;text-align:center;color:#7f94bb}.modal-overlay{position:fixed;inset:0;background:#010817cb;z-index:10;display:flex;align-items:center;justify-content:center;padding:17px}.detail-modal{width:min(740px,100%);max-height:calc(100vh - 34px);overflow-y:auto;background:#101e3c;border:1px solid #ffffff44;border-radius:18px;box-shadow:0 30px 100px #0009}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #ffffff24}.close{border:0;background:none;font-size:32px;color:#fff;line-height:1}.detail-body{padding:23px;display:flex;gap:24px}.thumb-big{width:210px;height:277px;border-radius:12px}.detail-info{min-width:0;flex:1}.detail-info h2{font-size:20px;line-height:1.4}.meta{color:#a9badc;font-size:12px;line-height:1.8;margin:10px 0}.data-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.data-grid div{background:#ffffff0c;border-radius:12px;padding:12px;min-width:0}.data-grid small{display:block;color:#aebed9;font-size:10px;margin-bottom:6px}.data-grid strong{font-size:13px}.note{margin-top:13px;padding:10px 13px;background:#ffffff13;border-radius:10px;color:#c4d3ed;font-size:11px;line-height:1.7}.detail-reason{font-size:12px}
@media(max-width:1200px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-row{grid-template-columns:1fr 1fr}.sidebar{width:205px;flex-basis:205px}.content{padding:28px 23px}}@media(max-width:760px){.shell{display:block}.sidebar{width:100%;min-height:0;padding:13px 13px 10px;border-right:0;border-bottom:1px solid #ffffff20}.logo{font-size:16px;margin:0 0 10px}.sidebar nav{display:flex;gap:6px;overflow-x:auto}.menu-heading,.nav-static,.sidebar-bottom{display:none}.nav-link{justify-content:center;white-space:nowrap;padding:10px;font-size:12px}.nav-icon{display:none}.content{padding:21px 14px}.header{align-items:center}.header h1{font-size:26px}.outline-btn{padding:10px}.tiles{gap:8px}.tile{min-height:112px;padding:15px;border-radius:14px}.tile strong{font-size:34px}.tile span{font-size:9px}.tile small{font-size:10px}.summary-row{grid-template-columns:1fr}.catalog-section{padding:17px 13px}.filters select{max-width:none}.detail-body{flex-direction:column}.thumb-big{width:120px;height:160px}.modal-head{padding:16px}.detail-body{padding:17px}}

/* Stage 3.2 — удобный просмотр и сравнение */
.product-row{cursor:pointer;transition:background .15s ease}
.product-row:hover,.product-row:focus-visible{background:#ffffff14;outline:2px solid #77cce87a;outline-offset:-2px}
.product-row td{padding-top:15px;padding-bottom:15px}
.photo-code{gap:14px}.photo-code .thumb{width:86px;height:108px;transition:transform .18s ease,box-shadow .18s ease;object-fit:contain}
.row-photo{overflow:hidden;border-radius:12px;flex:none;background:#e8e2eb}
.product-row:hover .row-photo .thumb{transform:scale(1.065)}
.product-name{font-size:13px}.photo-code strong{font-size:14px}.photo-code small{font-size:11px}
.unit-price{color:#91dffb;font-size:14px}.price{font-size:14px}
.detail-modal{width:min(1060px,100%);max-height:calc(100vh - 30px)}
.detail-body{gap:29px;padding:26px}
.detail-photo-button{border:1px solid #ffffff25;background:#ffffff09;padding:0;border-radius:16px;position:relative;align-self:flex-start;flex:0 0 min(34%,300px);overflow:hidden;display:block}
.detail-photo-button:not(:disabled):hover .thumb-big{transform:scale(1.045)}
.detail-photo-button:disabled{cursor:default}
.detail-photo-button .thumb-big{width:100%;height:auto;aspect-ratio:3/4;object-fit:contain;border-radius:14px;transition:transform .22s ease}
.zoom-label{position:absolute;bottom:10px;left:10px;right:10px;border-radius:8px;background:#08142fda;padding:9px;color:#fff;text-align:center;font-size:12px;font-weight:800}
.data-grid{margin:18px 0;gap:12px}.data-grid div{padding:14px}
.data-grid strong{font-size:16px}.data-grid .price-cell{background:#7ec8f023;border:1px solid #7ec8f04d}.data-grid .price-cell strong{color:#9de2ff;font-size:20px}
.data-grid .price-cell small:last-child{margin:6px 0 0;color:#b4c5e0}
.matches-section{padding:22px 26px 27px;border-top:1px solid #ffffff24}
.matches-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.matches-head h3{font-size:17px;margin:0}.matches-head span{font-size:12px;color:#9cb0d4}
.match-info{margin:10px 0 14px;color:#b8c7e5;font-size:12px;line-height:1.6}
.matches-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.match-card{min-width:0;width:100%;display:flex;gap:13px;text-align:left;border:1px solid #ffffff30;background:#ffffff0b;color:#e8eeff;padding:12px;border-radius:14px;transition:background .16s,border-color .16s}
.match-card:hover:not(.current){background:#ffffff18;border-color:#8ac9efaa}.match-card.current{border-color:#72c9f8a6;background:#72c9f812;cursor:default}
.match-card .thumb{width:100px;height:135px;object-fit:contain;border-radius:9px}
.match-meta{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}.match-meta strong{font-size:12px;overflow-wrap:anywhere}.match-meta small{font-size:11px;color:#9daed1}
.match-values{display:flex;gap:6px 12px;flex-wrap:wrap;font-size:12px;font-weight:700}.match-values span:first-child{color:#9de2ff}
.match-meta .diff{color:#ffc17b}.current-label,.open-match-label{font-size:11px;font-weight:700;color:#91dffb;margin-top:auto}
.lightbox-overlay{position:fixed;inset:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#020815ee;padding:50px 18px 20px}
.lightbox-overlay img{object-fit:contain;max-width:100%;max-height:calc(100vh - 120px);box-shadow:0 15px 50px #0008;border-radius:10px;background:#fff}
.lightbox-close{position:absolute;right:20px;top:13px;color:white;background:#ffffff27;border:0;font-size:32px;width:43px;height:43px;border-radius:50%}
.lightbox-caption{margin-top:15px;color:#ccdbf7;text-align:center;font-size:12px}
@media(max-width:1050px){.matches-grid{grid-template-columns:1fr}.detail-photo-button{flex-basis:min(37%,290px)}}
@media(max-width:760px){.detail-modal{width:100%}.detail-body{flex-direction:column}.detail-photo-button{width:min(100%,300px);flex-basis:auto;align-self:center}.matches-section{padding:17px}.match-card .thumb{width:85px;height:115px}.photo-code .thumb{width:70px;height:94px}.product-row td{padding-top:12px;padding-bottom:12px}}

/* Stage 3.3 — фото без перекрытия, галерея, реальные действия */
.photo-gallery{width:min(34%,300px);flex:0 0 min(34%,300px);align-self:flex-start}
.photo-gallery .detail-photo-button{width:100%;display:block;flex:none}
.photo-gallery .detail-photo-button .thumb-big{width:100%;height:auto;object-fit:contain}
.zoom-label{display:none!important}
.zoom-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.8);height:44px;width:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:37px;color:#fff;background:#05142aa6;opacity:0;transition:opacity .18s ease,transform .18s ease;pointer-events:none}
.detail-photo-button:hover .zoom-icon,.detail-photo-button:focus-visible .zoom-icon{opacity:1;transform:translate(-50%,-50%) scale(1)}
.gallery-thumbnails{display:flex;gap:7px;max-width:100%;overflow-x:auto;padding:9px 2px 2px}
.gallery-thumbnails button{padding:2px;background:#ffffff10;border:2px solid transparent;border-radius:8px;flex:none}
.gallery-thumbnails button.active{border-color:#91dffb}
.gallery-thumbnails img{width:54px;height:68px;display:block;object-fit:cover;border-radius:5px}
.gallery-counter{color:#9eb5db;font-size:11px;text-align:center;margin-top:5px}
.review-controls{border-top:1px solid #ffffff2a;margin-top:16px;padding-top:15px}
.review-toolbar-title{font-size:13px;font-weight:800;margin-bottom:10px}
.review-unlock,.review-approve,.review-edit,.review-hide,.keep-both-bar button{border:1px solid #ffffff40;border-radius:10px;padding:11px 14px;color:#fff;background:#ffffff16;font-size:12px;font-weight:700}
.review-unlock{margin-bottom:10px;background:#253658}
.review-action-row{display:flex;flex-wrap:wrap;gap:8px}
.review-approve,.keep-both-bar button{background:#0c7651;border-color:#43be94}
.review-hide{border-color:#fd9595;color:#ffc5c5;background:#df565619}
.review-edit{border-color:#aec1e8}
.review-message{color:#ffd59a;font-size:12px;margin-top:10px;line-height:1.5}
.review-edit-form{margin-top:16px;background:#ffffff0c;border-radius:13px;padding:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.review-edit-form label{display:flex;flex-direction:column;gap:5px;color:#c1d1ee;font-size:11px}
.review-edit-form input{padding:9px 12px;width:100%;border:1px solid #ffffff5c;background:#142746;border-radius:8px;color:#fff;min-width:0}
.keep-both-bar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:16px}
.keep-both-bar small{color:#a8b8d6;font-size:11px}
.lightbox-nav{display:flex;gap:15px;margin-top:10px}
.lightbox-nav button{background:#283a5b;border:1px solid #ffffff55;border-radius:8px;color:#fff;padding:9px 14px}
@media(max-width:760px){.photo-gallery{width:min(100%,320px);flex:none;align-self:center}.review-edit-form{grid-template-columns:1fr}}

/* Stage 3.4 - удобная пагинация без изменения темы Claude */
.pagination{flex-wrap:wrap;row-gap:14px}
.pagination .pagination-controls{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.pagination .pagination-pages{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.pagination .page-number{min-width:36px;padding:10px 9px;font-size:13px;font-weight:700}
.pagination .page-number.current,.pagination .page-number[aria-current="page"]{background:#70c9f5;color:#091b35;border-color:#70c9f5;cursor:default}
.pagination button:disabled:not([aria-current="page"]){opacity:.4;cursor:not-allowed}
.pagination button:hover:not(:disabled){border-color:#86d4fa;background:#ffffff25}
.pagination .page-number[aria-current="page"]:hover{background:#70c9f5}
.pagination .page-gap{min-width:18px;text-align:center;color:#96a9ce;font-size:18px}
@media(max-width:760px){.pagination{align-items:flex-start;flex-direction:column}.pagination .pagination-controls{justify-content:center;width:100%}.pagination .page-number{min-width:32px;padding:9px 6px}}

/* Stage 3.5.1 — transparent price editing without changing original design */
.price-source-info{padding:12px;border:1px solid #ffffff31;background:#ffffff0a;border-radius:10px;display:flex;flex-direction:column;gap:6px}
.price-source-info small,.price-draft-panel small{color:#aec0e1;font-size:11px}
.price-source-info strong{font-size:18px;color:#eef5ff}
.price-source-info span{font-size:11px;color:#ffd49e}
.price-draft-panel{grid-column:1/-1;padding:13px 14px;border:1px solid #74cefa65;border-radius:12px;background:#74cefa10;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.price-draft-panel div{display:flex;flex-direction:column;gap:8px}
.price-draft-panel div strong{color:#a1e3ff;font-size:19px}
.price-draft-panel>small{grid-column:1/-1;line-height:1.55}
.edit-price-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;grid-column:1/-1}
.edit-price-actions .review-edit{padding:9px 12px;font-size:11px}
.edit-warning{color:#ffcc82;font-size:12px}
.review-edit-actions{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:10px}
@media(max-width:520px){.price-draft-panel{grid-template-columns:1fr}.price-draft-panel>small{grid-column:1}.review-edit-actions{flex-direction:column;align-items:stretch}}

/* Stage 3.5.2 — actionable dashboard and safe page-scoped bulk operations */
.summary-click{display:flex;flex-direction:column;align-items:flex-start;text-align:left;width:100%;color:inherit;cursor:pointer;border:1px solid #ffffff24;transition:border-color .15s ease,background .15s ease}
.summary-click:hover,.summary-click:focus-visible{border-color:#89d4ff8f;background:#ffffff0e}
.summary-click .summary-big,.summary-click .summary-description{display:block}
.dashboard-shortcuts{margin:12px 0 2px;display:flex;gap:10px;flex-wrap:wrap}
.dashboard-shortcuts button{border:1px solid #ffffff33;border-radius:9px;color:#a4dbff;background:#ffffff09;padding:9px 13px;font-size:12px;font-weight:700}
.dashboard-shortcuts button:hover{background:#ffffff1b}
.bulk-toolbar{margin:12px 0 13px;padding:12px;border:1px solid #ffffff26;border-radius:12px;background:#ffffff09;display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.bulk-select-all{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:700;color:#e4edff;cursor:pointer}
.bulk-toolbar input[type=checkbox],.select-col input{width:17px;height:17px;accent-color:#8edaff;cursor:pointer}
.bulk-counter{font-size:12px;color:#b1c5e5}
.bulk-actions{display:flex;gap:7px;flex-wrap:wrap}
.bulk-actions button{border:1px solid #ffffff45;padding:8px 11px;border-radius:9px;color:#e5f1ff;background:#284264;font-size:12px;font-weight:700}
.bulk-actions button:first-child{background:#0b684c;border-color:#43be94}
.bulk-actions .bulk-danger{background:#df565621;border-color:#fa7777;color:#ffc5c5}
.bulk-actions button:not(:disabled):hover{filter:brightness(1.14)}
.bulk-feedback{width:100%;color:#e3d69f;font-size:12px;line-height:1.5}
.select-col{width:38px;min-width:38px;text-align:center!important;padding-left:12px!important;padding-right:6px!important}
.product-row:has(.select-col input:checked){background:#77cbef13}
@media(max-width:760px){.bulk-toolbar{align-items:flex-start}.bulk-actions{width:100%}.bulk-actions button{flex:1}.select-col{min-width:30px}}

/* Stage 3.5.3: audit history, matching the existing dark CRM design */
.audit-section{margin-bottom:18px}.audit-filters{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 14px}.audit-filters input,.audit-filters select{background:#ffffff12;border:1px solid #ffffff40;border-radius:10px;padding:11px 13px;color:#fff;min-height:43px}.audit-filters input{flex:2 1 240px;min-width:190px}.audit-filters select{flex:1 1 190px}.audit-filters option{color:#091b35;background:#fff}.audit-caveat{font-size:12px;color:#aebfe0;line-height:1.6}.audit-list{display:flex;flex-direction:column;gap:11px;margin:16px 0}.audit-entry{padding:15px 17px;border:1px solid #ffffff2a;border-radius:13px;background:#ffffff0c}.audit-entry-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}.audit-entry-top strong{font-size:14px;color:#f1f5ff}.audit-entry-top time,.audit-entry-meta{font-size:11px;color:#a7bbdd}.audit-entry-meta{margin-top:8px;line-height:1.6;overflow-wrap:anywhere}.audit-diffs{display:flex;flex-direction:column;gap:6px;margin-top:11px}.audit-diffs>div{display:grid;grid-template-columns:minmax(100px,1fr) minmax(80px,1fr) 20px minmax(80px,1fr);gap:10px;align-items:start;font-size:12px;overflow-wrap:anywhere}.audit-diffs>div>span:first-child{color:#b9cbeb}.audit-before{color:#fdc0c0}.audit-arrow{color:#8fb4db}.audit-diffs strong{color:#a4eecf;font-weight:700}.audit-pager{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;padding:20px 0}.audit-pager button{background:#ffffff13;border:1px solid #ffffff3c;border-radius:8px;padding:9px 13px;color:#fff;font-size:12px}.audit-pager span{color:#b4c5e0;font-size:12px}.product-audit-section .audit-list{margin-bottom:0}.product-audit-section .audit-entry{padding:11px}.product-audit-section .audit-diffs>div{font-size:11px}@media(max-width:620px){.audit-diffs>div{grid-template-columns:1fr 1fr 20px 1fr;gap:5px}.audit-entry{padding:12px}.audit-entry-top time{font-size:10px}}
/* Separate public static DEMO. Original stage 3.5.3 visual language preserved. */
.demo-alert{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border:1px solid #f48fb169;color:#fff;padding:12px 15px;border-radius:13px;background:linear-gradient(110deg,#f48fb11b,#79ccef0d);margin-bottom:19px;font-size:12px;line-height:1.6}
.demo-alert strong{color:#ffaed0}.demo-alert small{color:#a8bddd;font-size:11px}
.demo-flag{display:inline-flex;align-items:center;font-weight:800;border-radius:40px;background:#f48fb12a;border:1px solid #f48fb17d;color:#ffb4d3;padding:4px 10px;font-size:10px;letter-spacing:.035em}
.demo-notice{border:1px solid #ffffff32;background:#ffffff0b;padding:11px 13px;border-radius:10px;color:#d9e7fa;font-size:11px;line-height:1.6;margin-top:13px}
.demo-disabled{opacity:.58;cursor:not-allowed!important}
.demo-disabled:hover{transform:none!important}
.photo-gallery{width:min(34%,300px)}
.photo-gallery .detail-photo-button{cursor:zoom-in}
.photo-gallery .detail-photo-button .thumb-big{display:block;width:100%}
.demo-message{position:fixed;bottom:22px;right:22px;z-index:55;background:#183758;border:1px solid #7fd1fa88;color:#ecf7ff;box-shadow:0 14px 50px #0008;max-width:355px;padding:13px 17px;border-radius:13px;font-size:12px;line-height:1.5}
.demo-preview{font-size:11px;color:#aebfdf;margin:0 0 10px}
.demo-photo-side{min-width:0}
.demo-audit-actor{font-size:11px;color:#b7c9e8;margin-top:8px}
.demo-header-pill{font-size:11px;border:1px solid #7dc6fc72;background:#7dc6fc15;color:#a5dcfa;padding:8px 10px;border-radius:9px}
.demo-readonly-controls{border-top:1px solid #ffffff26;padding-top:13px;margin-top:14px}
.demo-readonly-controls strong{font-size:12px;color:#c4d6f2}
.demo-readonly-controls p{font-size:11px;color:#9fb3d6;margin-top:6px;line-height:1.6}
.demo-readonly-controls button{margin:0 7px 5px 0}
.demo-tiny-tag{font-size:10px;color:#ffc4da;margin-top:6px}
.demo-summary-hint{font-size:12px;color:#aec4df;margin-top:-3px;margin-bottom:13px}
.demo-empty-photo{min-height:240px}
.demo-filter-note{color:#a4c0e4;font-size:11px;line-height:1.6;margin:8px 0 15px}
.demo-actor{color:#9eb7da}
.sidebar-bottom .demo-pill{display:inline-block;margin-bottom:10px;padding:4px 8px;background:#f48fb128;color:#ffa7c7;border:1px solid #f48fb14c;border-radius:9px;font-weight:800;letter-spacing:.04em;font-size:9px}
.demo-preview-table .select-col{display:none}
.demo-preview-table table{min-width:760px}
.demo-preview-table th{padding-right:13px}
.demo-preview-table td{padding-right:13px}
.demo-photo-placeholder{padding:12px;text-align:center;color:#d5e0f2}
.demo-match-card{cursor:pointer}
.demo-lightbox-caption{color:#ccdbf7}
@media(max-width:760px){.demo-alert{align-items:flex-start}.demo-header-pill{display:none}.demo-preview-table table{min-width:760px}.content{padding:19px 14px}}