@import url("./local-download.css");
/* Compact product context, quiet filters and preview-first video browsing. */
.cloud-material-origin-workspace{min-width:0;margin-top:12px}
.cloud-material-origin-workspace .cloud-materials{display:grid;grid-template-columns:200px minmax(0,1fr);gap:16px;align-items:start}
.material-product-directory{min-width:0;overflow:hidden}
.material-product-directory>header{display:flex;gap:5px;flex-direction:column;padding:13px;border-bottom:1px solid var(--line)}
.material-product-directory>header h2{font-size:13px;margin:0}
.material-product-directory>header>span{font-size:12px;color:var(--muted)}
.cloud-material-origin-workspace .cloud-directory #directory-filter{display:flex;flex-direction:column;gap:9px;padding:12px}
.cloud-material-origin-workspace #directory-filter label{display:flex;flex-direction:column;gap:5px;width:100%;font-size:12px;color:var(--muted);min-width:0}
.cloud-material-origin-workspace #directory-filter input{width:100%;min-width:0;font-size:12px;min-height:34px}
.material-directory-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.material-directory-pagination{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:10px;border-top:1px solid var(--line);font-size:11px}
.material-directory-pagination>span{margin-right:auto}
.cloud-material-origin-workspace .material-directory-pagination button{width:auto;flex:none;font-size:11px;min-height:32px;padding:6px 8px}
.material-product-directory .cloud-choice-list{max-height:600px;overflow:auto;padding:6px;scrollbar-width:thin;scrollbar-color:#a6bba9 #f3f6f2}
.material-product-directory .cloud-choice-list>button{margin:2px 0;min-height:58px;padding:8px}
.material-product-directory .cloud-choice-list>button[aria-pressed=true]{background:#e6eedc;color:#224e3a;border-color:#a8bc9d}
.material-product-directory .catalog-directory-media{width:34px;height:42px}
.material-directory-empty{font-size:12px;line-height:1.7;padding:10px;color:var(--muted)}
.material-current-product{min-width:0}
.material-target-summary{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#fff;border:1px solid var(--line);border-radius:12px}
.material-target-image{width:50px;height:58px;flex:none;border-radius:6px}
.material-target-image img{padding:4px}
.material-target-image .catalog-media-fallback{padding:8px}
.material-target-image .catalog-media-fallback span,.material-target-image .catalog-media-fallback small{display:none}
.material-target-copy{min-width:0;flex:1}
.material-target-copy h2{font-size:15px;line-height:1.5;font-weight:600;margin:0 0 4px;overflow-wrap:anywhere}
.material-target-copy p{font-size:12px;color:var(--muted);line-height:1.5;margin:3px 0}
.material-target-copy .material-target-market{font-size:12px;color:var(--text)}
.material-target-market strong{font-weight:600;margin-left:6px;color:var(--primary)}
.material-target-actions{display:flex;gap:6px;flex-wrap:wrap;max-width:180px;justify-content:flex-end}
.material-target-actions>button{font-size:12px;min-height:32px;padding:6px 9px}
.material-video-filter{margin-top:12px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.material-video-filter #filter-form{display:block;margin:0;padding:0;background:transparent;border:0;box-shadow:none}
.material-video-filter label{display:flex;flex-direction:column;gap:5px;color:var(--muted);font-size:12px;min-width:0!important;width:auto!important}
.material-video-filter input,.material-video-filter select{width:100%;min-width:0;font-size:12px;min-height:34px}
.material-video-main-filter{display:grid;grid-template-columns:minmax(140px,1.7fr) minmax(95px,1fr) minmax(105px,1fr) auto auto;gap:8px;align-items:end}
.material-video-main-filter>button{font-size:12px;min-height:34px;padding:7px 10px;white-space:nowrap}
.material-video-advanced{margin-top:9px;border-top:1px solid var(--line);padding-top:8px}
.material-video-advanced summary{cursor:pointer;font-size:12px;color:var(--primary);min-height:24px}
.material-video-extra-filter{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding-top:10px}
.material-current-result>p{font-size:12px;color:var(--muted);margin:13px 0 8px;line-height:1.5}
.material-current-result>p strong{color:var(--text);font-weight:600}
.material-origin-group{margin-top:14px;min-width:0}
.material-origin-group>header{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding:12px 0 9px;font-size:12px;color:var(--muted)}
.material-origin-group>header h2{font-size:14px;margin:0;color:var(--primary);font-weight:600}
.material-origin-group>header h2>span{font-size:12px;font-weight:400;margin-left:7px;color:var(--text)}
.material-origin-group--B>header h2{color:#315d88}
.material-origin-group--unknown>header h2{color:#706136}
.cloud-material-origin-workspace .catalog-videos{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0}
.cloud-material-origin-workspace .catalog-video-cover{height:260px}
.cloud-material-origin-workspace .material-origin-group--B .catalog-role{background:#edf3fb;color:#24486f}
.cloud-material-origin-workspace .material-origin-group--unknown .catalog-role{background:#faf4e7;color:#705d2c}
.cloud-material-origin-workspace :focus-visible{outline:3px solid #547b45;outline-offset:3px}
.cloud-material-origin-workspace input{caret-color:#244f3b}
.cloud-material-origin-workspace ::selection{background:#dce9bd;color:#193f32}
.cloud-material-origin-workspace .material-directory-toggle{display:none}
.material-detail-dialog .cloud-dialog-body{padding:16px 20px}
.material-detail-dialog .material-detail-player{display:block;width:100%;height:min(46vh,380px);margin:0 0 14px;object-fit:contain;background:#12261d;border-radius:8px}
@media(min-width:1700px){.cloud-material-origin-workspace .catalog-videos{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1150px){.cloud-material-origin-workspace .cloud-materials{grid-template-columns:180px minmax(0,1fr);gap:12px}.material-target-summary{flex-wrap:wrap}.material-target-actions{max-width:none;justify-content:flex-start;width:100%}.material-video-main-filter{grid-template-columns:1fr 1fr}.material-video-main-filter>label:first-child{grid-column:1/-1}.cloud-material-origin-workspace .catalog-videos{grid-template-columns:repeat(2,minmax(0,1fr))}.material-video-extra-filter{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.cloud-material-origin-workspace .cloud-materials{grid-template-columns:1fr}.material-product-directory>header{flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:12px;gap:8px}.material-product-directory>header>span{margin-right:auto}.cloud-material-origin-workspace .material-directory-toggle{display:inline-flex;width:auto;min-height:36px}.material-product-directory:not(.is-open) .material-directory-content{display:none}.material-product-directory .cloud-choice-list{max-height:190px}.material-target-actions>button{min-height:38px}.material-video-main-filter>button:last-child{grid-column:1/-1}.material-video-extra-filter{grid-template-columns:1fr 1fr}.cloud-material-origin-workspace .catalog-videos{grid-template-columns:1fr}.cloud-material-origin-workspace .catalog-video-cover{height:300px}.material-detail-dialog .cloud-dialog-body{padding:14px}.material-origin-group>header h2>span{margin-left:5px}}

.material-preview-unavailable{font-size:13px;line-height:1.7;color:var(--muted);padding:12px 0;margin:0 0 10px}

.material-target-copy h2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* Product-to-product-to-video navigation makes every material origin explicit. */
.material-source-products{margin-top:16px;background:var(--surface,#fff);border:1px solid var(--line);border-radius:12px;padding:16px}
.material-source-products>header,.material-cross-heading,.material-source-breadcrumb{display:flex;align-items:center;justify-content:space-between;gap:12px}
.material-source-products h2,.material-source-breadcrumb h2{font-size:15px;margin:0;line-height:1.6}
.material-source-products>header p,.material-source-breadcrumb p{margin:4px 0;font-size:12px;color:var(--muted)}
.material-cross-heading{justify-content:flex-start;margin:24px 0 8px}
.material-cross-heading>span{font-size:12px;color:var(--muted)}
.material-source-product{display:flex;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid var(--line);min-width:0}
.material-source-product:last-child{border-bottom:0}
.material-source-product-image{width:76px;height:90px;flex:none;border-radius:6px}
.material-source-product-image img{padding:4px}
.material-source-product-image .catalog-media-fallback{padding:4px;font-size:11px}.material-source-product-image .catalog-media-fallback small{display:none}
.material-source-product-copy{flex:1;min-width:0}.material-source-product-copy h3{font-size:14px;line-height:1.6;margin:4px 0;overflow-wrap:anywhere}
.material-source-product-copy p{font-size:12px;color:var(--muted);margin:4px 0;overflow-wrap:anywhere}.material-source-product-copy .material-source-country{color:var(--primary);font-weight:600}
.material-source-product-actions{display:flex;align-items:flex-end;flex-direction:column;gap:8px;flex:none;font-size:12px}.material-source-product-actions strong{font-size:14px}
.material-source-empty{font-size:13px;line-height:1.7;color:var(--muted)}
.material-source-breadcrumb{margin-top:16px;flex-wrap:wrap}.material-source-breadcrumb>div{flex:1;min-width:180px}
@media(max-width:760px){.material-source-products{padding:12px}.material-source-products>header{align-items:flex-start;flex-direction:column}.material-source-product{flex-wrap:wrap;gap:10px}.material-source-product-image{width:60px;height:76px}.material-source-product-copy{min-width:160px}.material-source-product-actions{width:100%;flex-direction:row;align-items:center;flex-wrap:wrap}.material-source-product-actions strong{margin-right:auto}}
/* Reference layout: original product on the left, country-grouped matches on the right. */
.cloud-material-origin-workspace .cloud-materials{grid-template-columns:260px minmax(0,1fr);gap:24px}
.comparison-original-column{position:sticky;top:84px;min-width:0;max-height:calc(100dvh - 100px);overflow:auto;scrollbar-width:thin;scrollbar-color:#a6bba9 #f3f6f2}
.comparison-original{padding:16px;background:var(--surface,#fff);border:1px solid var(--line);border-radius:12px}
.comparison-original-labels{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:12px;font-size:11px;color:var(--muted)}
.comparison-original-labels>*{padding:4px 6px;border-radius:5px;background:var(--soft)}
.comparison-original-labels strong{background:#e8f1e3;color:var(--primary)}
.comparison-original-image{width:100%;height:240px;border-radius:6px}.comparison-original-image img{padding:6px}
.comparison-gallery{display:flex;gap:6px;margin:10px 0;overflow:auto;padding:2px}
.comparison-gallery .catalog-media{width:40px;height:44px;flex:none;border-radius:4px}.comparison-gallery img{padding:2px}
.comparison-source-id{display:block;font-size:10px;color:var(--muted);overflow-wrap:anywhere;margin:9px 0}
.comparison-original h2{font-size:16px;line-height:1.65;margin:14px 0;overflow-wrap:anywhere}
.comparison-original>p{font-size:12px;line-height:1.7;color:var(--muted);margin:7px 0;overflow-wrap:anywhere}
.comparison-original-metrics{display:grid;grid-template-columns:1fr 1.25fr;gap:12px;margin:16px 0;padding:16px 0;border-block:1px solid var(--line)}
.comparison-original-metrics>div{display:flex;flex-direction:column;gap:7px;font-size:12px;color:var(--muted)}
.comparison-original-metrics strong{font-size:22px;color:var(--primary)}
.comparison-original-metrics dl{margin:0;font-size:12px}.comparison-original-metrics dl>div{display:flex;justify-content:space-between;gap:8px;margin-bottom:7px}.comparison-original-metrics dt{color:var(--muted)}.comparison-original-metrics dd{margin:0;font-weight:600}
.comparison-original-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.comparison-original-actions>button,.comparison-original-actions>a{font-size:12px;padding:7px 8px}
.comparison-product-link{color:var(--primary);text-decoration:underline;text-underline-offset:3px;font-size:12px}
.comparison-product-switch{margin-top:12px;background:var(--surface,#fff);border:1px solid var(--line);border-radius:8px}.comparison-product-switch>summary{cursor:pointer;padding:12px;font-size:12px;color:var(--primary)}
.comparison-product-switch .material-product-directory{border:0;margin:0}.comparison-product-switch .material-product-directory .material-directory-content{display:block}.comparison-product-switch .material-directory-toggle{display:none}
.material-source-products.comparison-cross-products{margin:0;padding:0;border:0;background:transparent}
.comparison-cross-products>header{margin-bottom:20px;align-items:flex-start}
.comparison-country{margin:0 0 26px;min-width:0}.comparison-country>header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.comparison-country>header h2{font-size:16px;margin:0}.comparison-country>header>span{color:var(--muted);font-size:12px}
.comparison-product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:16px}
.comparison-product-card{display:flex;flex-direction:column;min-width:0;padding:14px;background:var(--surface,#fff);border:1px solid var(--line);border-radius:12px}
.comparison-match{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;color:var(--muted);margin-bottom:12px}
.comparison-match-same,.comparison-match-similar{padding:4px 7px;border-radius:5px;background:#e8f1e3;color:#315d36}.comparison-match-similar{background:#fcf2df;color:#80591d}
.comparison-cross-image{height:200px;border-radius:6px}.comparison-cross-image img{padding:6px}
.comparison-product-card h3{font-size:14px;line-height:1.65;font-weight:600;margin:12px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;min-height:46px}
.comparison-product-card .comparison-source-id{margin:6px 0}.comparison-shop,.comparison-similar-note{font-size:12px;color:var(--muted);line-height:1.6;margin:4px 0;overflow-wrap:anywhere}
.comparison-video-previews{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}
.comparison-video-preview{position:relative;min-width:0;height:120px;border:0;border-radius:6px;overflow:hidden;padding:0;background:var(--soft)}
.comparison-video-preview .catalog-media{height:100%}.comparison-video-preview .catalog-media-fallback{padding:8px;font-size:11px}.comparison-video-preview .catalog-media-fallback small{display:none}
.comparison-video-preview>span{position:absolute;bottom:0;left:0;right:0;background:#193f32;color:#fff;padding:4px 6px;font-size:10px;text-align:left}
.comparison-no-videos{font-size:12px;line-height:1.8;color:var(--muted);min-height:60px;margin:14px 0}
.comparison-product-card footer{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:auto;padding-top:12px;border-top:1px solid var(--line)}.comparison-product-card footer button{font-size:12px;padding:7px 9px}
@media(max-width:1150px){.cloud-material-origin-workspace .cloud-materials{grid-template-columns:230px minmax(0,1fr);gap:16px}.comparison-original{padding:12px}.comparison-original-image{height:210px}}
@media(max-width:760px){.cloud-material-origin-workspace .cloud-materials{grid-template-columns:1fr;gap:20px}.comparison-original-column{position:static;max-height:none;overflow:visible}.comparison-original-image{height:240px}.comparison-original h2{font-size:15px}.comparison-original-metrics{margin:12px 0;padding:12px 0}.comparison-product-grid{grid-template-columns:1fr}.comparison-cross-products>header{gap:12px}.comparison-cross-image{height:230px}.comparison-video-preview{height:160px}.comparison-original-actions>button{min-height:38px}}
.comparison-preview-label{font-size:12px;color:var(--muted);margin:12px 0 -4px}.comparison-video-play{position:absolute;left:calc(50% - 14px);top:calc(50% - 14px);color:#fff;background:#193f32bd;border-radius:50%}
/* A wider original-product column includes a local-only horizontal video window. */
.cloud-material-origin-workspace .cloud-materials{grid-template-columns:340px minmax(0,1fr)}
.domestic-video-panel{margin-top:14px;padding:14px;background:var(--surface,#fff);border:1px solid var(--line);border-radius:12px;min-width:0}
.domestic-video-panel>header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px}
.domestic-video-panel h2{font-size:15px;margin:0}.domestic-video-panel header p{font-size:12px;color:var(--muted);margin:5px 0 0}
.domestic-video-controls{display:flex;gap:6px}.domestic-video-controls button{padding:6px;min-width:32px;min-height:32px}
.domestic-video-track{display:flex;gap:10px;overflow-x:auto;max-width:100%;min-width:0;padding:3px 2px 10px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#a6bba9 #eef1e9;overscroll-behavior-x:contain}
.domestic-video-card{display:flex;flex-direction:column;gap:5px;align-items:stretch;flex:0 0 176px;min-width:0;padding:0 0 8px;overflow:hidden;white-space:normal;text-align:left;border:1px solid var(--line);border-radius:7px;background:var(--surface,#fff);scroll-snap-align:start}
.domestic-video-cover{position:relative;height:186px;overflow:hidden}.domestic-video-cover>.catalog-media{height:100%}.domestic-video-cover>span{position:absolute;right:6px;bottom:6px;background:#193f32;color:#fff;border-radius:4px;padding:2px 5px;font-size:11px}
.domestic-video-card>strong{font-size:13px;line-height:1.5;color:var(--text);padding:3px 8px 0}.domestic-video-card>small{font-size:12px;color:var(--muted);padding:0 8px}.domestic-video-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--muted);padding:0 8px;line-height:1.6}
.domestic-video-all{width:100%;font-size:12px;margin-top:12px}.domestic-video-empty{font-size:12px;line-height:1.8;color:var(--muted);padding:8px 0;margin:0}
@media(max-width:1150px){.cloud-material-origin-workspace .cloud-materials{grid-template-columns:290px minmax(0,1fr)}}
@media(max-width:760px){.cloud-material-origin-workspace .cloud-materials{grid-template-columns:1fr}.domestic-video-controls button{min-width:38px;min-height:38px}}
/* Latest compact source strips: source groups stack, videos scroll within each group. */
.cloud-material-origin-workspace .cloud-materials{grid-template-columns:340px minmax(0,1fr);gap:20px}
.cloud-material-origin-workspace .comparison-product-grid{display:flex;flex-direction:column;gap:18px;min-width:0}
.cloud-material-origin-workspace .comparison-product-card{display:block;width:100%;min-width:0;padding:16px}
.cloud-material-origin-workspace .material-source-product-header{display:flex;align-items:flex-start;gap:14px;margin-bottom:12px}
.cloud-material-origin-workspace .material-source-product-header>.comparison-cross-image{flex:0 0 96px;width:96px;height:96px;margin:0}
.material-source-product-header>div:not(.catalog-media){flex:1;min-width:0}
.material-source-product-header h3{font-size:16px;line-height:1.5;margin:6px 0;overflow-wrap:anywhere}
.material-source-product-header .comparison-shop{margin:3px 0;font-size:12px}
.material-source-product-header .comparison-product-link{font-size:12px}
.cloud-material-origin-workspace .local-download-comparison{padding:0;margin:0;border:0}
.cloud-material-origin-workspace .local-download-comparison>summary{font-size:16px;padding:0 0 12px;cursor:pointer;font-weight:600}
.domestic-video-panel [data-local-native-more] .material-strip-actions{justify-content:flex-start}
.domestic-video-panel .domestic-video-controls{display:none}
@media(max-width:1150px){.cloud-material-origin-workspace .cloud-materials{grid-template-columns:290px minmax(0,1fr);gap:16px}}
@media(max-width:760px){.cloud-material-origin-workspace .cloud-materials{grid-template-columns:minmax(0,1fr)}.cloud-material-origin-workspace .comparison-product-card{padding:12px}.cloud-material-origin-workspace .material-source-product-header>.comparison-cross-image{flex-basis:76px;width:76px;height:76px}}

.cloud-heading>.material-return-actions{margin-inline-start:auto;justify-content:flex-end}