/* Valigard app screen replicas.
   Copied from the live valigard.com stylesheet (hm-* components) and scoped to .app-mock.
   Regenerate with scratchpad extract_css.py; extra screens are appended below. */
.app-mock{--navy:#0a1b56;--ink:#0a1b56;--muted:#62698e;--faint:#9aa3c0;--accent-2:#246fae;--warn-text:#8a5a00;font-family:"Instrument Sans",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.app-mock *,.app-mock *::before,.app-mock *::after{box-sizing:border-box}
.app-mock svg{max-width:none}
.app-mock .hm-top-title .hm-h1{white-space:nowrap}
.app-mock .hm-host{width:100%;container:hm/inline-size}
.app-mock .hm-app{--hm-navy:#0a1b56;--hm-deep:#04113e;--hm-sky:#77c7fa;--hm-lime:#e5fe99;--hm-blue:#246fae;--hm-ink:#0a1b56;--hm-body:#3b4c7e;--hm-muted:#62698e;--hm-faint:#9aa3c0;--hm-wash:#f6f8fc;--hm-mist:#f1f5fb;--hm-ice:#e3f3fe;--hm-ice-line:#b6ddf7;--hm-line:#e6ebf4;--hm-line-input:#c7d3ea;--hm-red:#b42318;--hm-red-soft:#fbedec;--hm-red-line:#f0c9c5;--hm-amber:#8a5a00;--hm-amber-soft:#fff1dc;--hm-amber-line:#f0dcb4;--hm-lime-line:#d9efa6;--hm-inset:14px;background:var(--hm-wash);width:100%;max-height:88vh;color:var(--hm-ink);text-align:left;border-radius:14px;grid-template-rows:minmax(0,1fr);grid-template-columns:52px minmax(0,1fr);font-size:12px;line-height:1.45;display:grid;position:relative;overflow:hidden;box-shadow:0 0 0 1px #0a1b5614,0 0 0 1px #ffffff1f,0 40px 100px #04113e59}
.app-mock .hm-i{flex:none;width:12px;height:12px;display:block}
.app-mock .hm-help{vertical-align:-1px;width:10px;height:10px;color:var(--hm-muted);display:inline-block}
.app-mock .hm-side{background:var(--hm-navy);color:#fff;flex-direction:column;grid-area:1/1;align-items:center;gap:4px;min-width:0;padding:13px 0 11px;display:flex}
.app-mock .hm-side-logo{justify-content:center;align-items:center;height:24px;margin-bottom:4px;display:flex}
.app-mock .hm-side-wordmark{width:84px;height:auto;display:none}
.app-mock .hm-side-mark{width:21px;height:auto;display:block}
.app-mock .hm-side-workspace{background:#ffffff0d;border:1px solid #ffffff24;border-radius:9px;justify-content:center;align-items:center;gap:7px;width:36px;height:30px;font-size:10.5px;font-weight:600;line-height:1.2;display:flex}
.app-mock .hm-side-workspace>.hm-i{color:var(--hm-sky)}
.app-mock .hm-side-group{flex-direction:column;align-items:center;gap:2px;width:38px;display:flex}
.app-mock .hm-side-workspace+.hm-side-group{margin-top:6px}
.app-mock .hm-side-group+.hm-side-group{border-top:1px solid #ffffff1f;margin-top:3px;padding-top:5px}
.app-mock .hm-side-item{color:#ffffffbd;border-radius:9px;justify-content:center;align-items:center;gap:9px;width:36px;height:27px;font-size:11px;font-weight:500;line-height:1.2;display:flex;position:relative}
.app-mock .hm-side-item.is-current{color:#fff;background:#77c7fa29}
.app-mock .hm-side-item.is-current>.hm-i{color:var(--hm-lime)}
.app-mock .hm-side-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:none;overflow:hidden}
.app-mock .hm-side-badge{box-sizing:border-box;color:#fff;text-align:center;background:#3b4c7e;border-radius:999px;min-width:16px;height:12px;padding:0 4px;font-size:8px;font-weight:600;line-height:12px;position:absolute;top:-4px;left:19px}
.app-mock .hm-side-foot{border-top:1px solid #ffffff1f;justify-content:center;align-items:center;gap:8px;width:38px;margin-top:auto;padding-top:8px;display:flex}
.app-mock .hm-avatar{background:var(--hm-lime);width:24px;height:24px;color:var(--hm-navy);letter-spacing:.02em;border-radius:50%;flex:none;place-items:center;font-size:9px;font-weight:700;display:grid}
.app-mock .hm-side-account{flex-direction:column;gap:1px;min-width:0;display:none}
.app-mock .hm-side-account b,.app-mock .hm-side-account small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.app-mock .hm-side-account b{font-size:10.5px;font-weight:600}
.app-mock .hm-side-account small{color:#ffffffad;font-size:9.5px}
@container hm (width>=760px){.app-mock .hm-app{grid-template-columns:146px minmax(0,1fr)}.app-mock .hm-side{align-items:stretch;padding:14px 9px 10px}.app-mock .hm-side-logo{justify-content:flex-start;padding:0 8px}.app-mock .hm-side-wordmark{display:block}.app-mock .hm-side-mark{display:none}.app-mock .hm-side-workspace{justify-content:flex-start;width:auto;padding:0 9px}.app-mock .hm-side-group,.app-mock .hm-side-foot{align-items:stretch;width:auto}.app-mock .hm-side-item{justify-content:flex-start;width:auto;padding:0 9px}.app-mock .hm-side-label,.app-mock .hm-side-account{display:flex}.app-mock .hm-side-label{flex:0 auto;display:block}.app-mock .hm-side-badge{background:#ffffff24;height:14px;margin-left:auto;font-size:8.5px;line-height:14px;position:static}.app-mock .hm-side-foot{justify-content:flex-start;padding:8px 4px 0}}
.app-mock .hm-main{flex-direction:column;grid-area:1/2;min-width:0;padding:13px 18px 16px;display:flex}
.app-mock .hm-top{border-bottom:1px solid var(--hm-line);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"back back""title actions""purpose purpose";align-items:center;column-gap:12px;margin-bottom:12px;padding-bottom:10px;display:grid}
.app-mock .hm-top-head{display:contents}
.app-mock .hm-top-head.is-phone{display:none}
.app-mock .hm-top-back{color:var(--hm-blue);grid-area:back;justify-self:start;align-items:center;gap:1px;margin:0 0 4px -2px;font-size:10px;font-weight:600;line-height:1.2;display:inline-flex}
.app-mock .hm-top-back .hm-i{width:11px;height:11px}
.app-mock .hm-top-title{flex-wrap:wrap;grid-area:title;align-items:center;gap:4px 8px;min-width:0;display:flex}
.app-mock .hm-h1{letter-spacing:-.02em;overflow-wrap:anywhere;min-width:0;font-size:18px;font-weight:600;line-height:1.15}
.app-mock .hm-top-purpose{min-width:0;color:var(--hm-muted);grid-area:purpose;margin-top:3px;font-size:10.5px;line-height:1.4}
.app-mock .hm-top-actions{grid-area:actions;align-items:center;gap:2px;display:flex}
.app-mock .hm-top-logo{display:none}
.app-mock .hm-top-new{border:1px solid var(--hm-line-input);min-height:24px;color:var(--hm-ink);white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:4px;margin-right:4px;padding:0 10px 0 8px;font-size:10px;font-weight:600;line-height:1;display:inline-flex}
.app-mock .hm-top-new .hm-i{width:11px;height:11px}
.app-mock .hm-top-icon,.app-mock .hm-top-lang{min-height:24px;color:var(--hm-body);align-items:center;gap:3px;padding:0 4px;font-size:10px;font-weight:600;display:inline-flex}
.app-mock .hm-top-icon .hm-i{width:13px;height:13px}
.app-mock .hm-top-lang .hm-i{width:12px;height:12px}
.app-mock .hm-top-lang .hm-top-chevron{width:9px;height:9px;color:var(--hm-muted);margin-left:-2px}
.app-mock .hm-body{flex-direction:column;gap:10px;min-width:0;display:flex}
.app-mock .hm-h2{letter-spacing:-.01em;font-size:13px;font-weight:600;line-height:1.2}
.app-mock .hm-quiet{color:var(--hm-muted);font-size:10px;line-height:1.45}
.app-mock .hm-label{color:var(--hm-ink);align-items:center;gap:4px;margin-bottom:4px;font-size:10px;font-weight:600;line-height:1.3;display:flex}
.app-mock .hm-link{color:var(--hm-blue);white-space:nowrap;align-items:center;gap:3px;font-size:10px;font-weight:600;display:inline-flex}
.app-mock .hm-link .hm-i{width:10px;height:10px}
.app-mock .hm-link.is-underlined{text-underline-offset:2px;text-decoration:underline}
.app-mock .hm-count{box-sizing:border-box;background:var(--hm-ice);min-width:17px;height:15px;color:var(--hm-navy);font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;padding:0 5px;font-size:8.5px;font-weight:600;display:inline-grid}
.app-mock .hm-panel{border:1px solid var(--hm-line);background:#fff;border-radius:12px;min-width:0;box-shadow:0 6px 20px #0a1b560d}
.app-mock .hm-tile{border:1px solid var(--hm-line);width:30px;height:30px;color:var(--hm-blue);background:#fff;border-radius:7px;flex:none;place-items:center;font-size:10.5px;font-weight:700;display:grid}
.app-mock .hm-shot{background:var(--hm-mist);border-radius:8px;display:block;position:relative;overflow:hidden}
.app-mock .hm-shot>svg{width:100%;height:100%;display:block}
.app-mock .hm-flag{border-radius:1.5px;flex:none;width:12px;height:8px;display:block}
.app-mock .hm-btn{border:1px solid var(--hm-line-input);min-height:24px;color:var(--hm-ink);white-space:nowrap;background:#fff;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:5px;padding:0 11px;font-size:10px;font-weight:600;line-height:1.15;display:inline-flex}
.app-mock .hm-btn .hm-i{width:11px;height:11px}
.app-mock .hm-btn.primary{border-color:var(--hm-navy);background:var(--hm-navy);color:#fff}
.app-mock .hm-btn.lg{min-height:28px;padding:0 14px;font-size:10.5px}
.app-mock .hm-btn.sm{min-height:22px;padding:0 9px;font-size:9.5px}
.app-mock .hm-icon-btn{width:22px;height:22px;color:var(--hm-body);border-radius:50%;flex:none;place-items:center;display:grid}
.app-mock .hm-icon-btn .hm-i{width:13px;height:13px}
.app-mock .hm-field,.app-mock .hm-select{border:1px solid var(--hm-line-input);min-width:0;min-height:26px;color:var(--hm-ink);white-space:nowrap;text-overflow:ellipsis;background:#fff;border-radius:9px;padding:0 10px;font-size:10.5px;line-height:24px;display:block;overflow:hidden}
.app-mock .hm-field.is-empty{color:var(--hm-faint)}
.app-mock .hm-select{padding-right:24px;position:relative}
.app-mock .hm-select:after{content:"";border-right:1.5px solid var(--hm-navy);border-bottom:1.5px solid var(--hm-navy);width:5px;height:5px;position:absolute;top:calc(50% - 4px);right:10px;transform:rotate(45deg)}
.app-mock .hm-check{box-sizing:border-box;border:1.5px solid var(--hm-line-input);background:#fff;border-radius:3px;flex:none;width:12px;height:12px}
.app-mock .hm-check.is-on{border-color:var(--hm-navy);background:var(--hm-navy) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5 L9.5 17 L19 7'/%3E%3C/svg%3E") center / 9px no-repeat}
.app-mock .hm-filter{border:1px solid var(--hm-line-input);min-height:24px;color:var(--hm-muted);white-space:nowrap;background:#fff;border-radius:999px;flex:none;align-items:center;gap:4px;padding:0 9px;font-size:10px;line-height:1;display:inline-flex}
.app-mock .hm-filter b{color:var(--hm-ink);font-weight:600}
.app-mock .hm-filter .hm-i{width:11px;height:11px}
.app-mock .hm-filter .hm-i:last-child{width:9px;height:9px;color:var(--hm-body)}
.app-mock .hm-chip{box-sizing:border-box;border:1px solid var(--hm-line-input);max-width:100%;min-height:17px;color:var(--hm-muted);white-space:nowrap;background:0 0;border-radius:999px;flex:none;align-items:center;gap:3px;padding:0 7px;font-size:9px;font-weight:500;line-height:1.2;display:inline-flex}
.app-mock .hm-chip .hm-i{width:10px;height:10px;margin-left:-2px}
.app-mock .hm-chip-label{text-overflow:ellipsis;min-width:0;overflow:hidden}
.app-mock .hm-chip.is-done{border-color:var(--hm-lime-line);background:var(--hm-lime);color:var(--hm-navy)}
.app-mock .hm-chip.is-running{border-color:var(--hm-ice-line);background:var(--hm-ice);color:var(--hm-navy)}
.app-mock .hm-chip.is-attention{border-color:var(--hm-amber-line);background:var(--hm-amber-soft);color:var(--hm-amber)}
.app-mock .hm-chip.is-problem{border-color:var(--hm-red-line);background:var(--hm-red-soft);color:var(--hm-red)}
.app-mock .hm-tabs{border-bottom:1px solid var(--hm-line);align-items:flex-end;gap:2px;min-width:0;display:flex;overflow:hidden}
.app-mock .hm-tabs-tab{color:var(--hm-muted);white-space:nowrap;flex:none;align-items:center;gap:5px;padding:5px 8px 6px;font-size:10.5px;font-weight:500;line-height:1.2;display:inline-flex;position:relative}
.app-mock .hm-tabs-tab.is-current{color:var(--hm-ink);box-shadow:inset 0 -2px 0 var(--hm-navy);font-weight:600}
.app-mock .hm-tabs-count{background:var(--hm-mist);min-width:14px;color:var(--hm-navy);text-align:center;font-variant-numeric:tabular-nums;border-radius:999px;padding:1px 4px;font-size:8.5px;font-weight:600}
.app-mock .hm-tabs-detail{color:var(--hm-muted);font-size:9.5px;font-weight:400}
.app-mock .hm-tabs-dot{background:var(--hm-red);border-radius:50%;width:5px;height:5px;position:absolute;top:3px;right:2px}
.app-mock .hm-tabbar{display:none}
.app-mock .hm-overlay{z-index:2;background:#04113e73;grid-area:1/1/2/-1;justify-content:center;align-items:flex-start;padding:62px 16px 16px 68px;display:flex;position:relative;box-shadow:0 0 0 200vmax #04113e73}
.app-mock .hm-dialog{background:#fff;border-radius:14px;width:100%;max-width:440px;overflow:hidden;box-shadow:0 28px 70px #04113e59}
.app-mock .hm-dialog-head{padding:12px var(--hm-inset) 10px;border-bottom:1px solid var(--hm-line);justify-content:space-between;align-items:flex-start;gap:10px;display:flex}
.app-mock .hm-dialog-title{letter-spacing:-.015em;font-size:14.5px;font-weight:600;line-height:1.2;display:block}
.app-mock .hm-dialog-close{background:var(--hm-mist);width:22px;height:22px;color:var(--hm-ink);border-radius:50%;flex:none;place-items:center;display:grid}
.app-mock .hm-dialog-close .hm-i{width:11px;height:11px}
.app-mock .hm-dialog-body{padding:11px var(--hm-inset) 12px;flex-direction:column;gap:10px;display:flex}
.app-mock .hm-dialog-foot{padding:9px var(--hm-inset);border-top:1px solid var(--hm-line);background:var(--hm-wash);justify-content:flex-end;align-items:center;gap:7px;display:flex}
@container hm (width>=760px){.app-mock .hm-overlay{padding-left:162px}}
@container hm (width<=480px){.app-mock .hm-app{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr);max-height:none}.app-mock .hm-side{display:none}.app-mock .hm-app>.hm-main{grid-area:1/1}.app-mock .hm-main{padding:10px 12px 14px}.app-mock .hm-top{grid-template-columns:minmax(0,1fr);grid-template-areas:"actions""back""title""purpose";padding-bottom:10px}.app-mock .hm-top.has-phone .hm-top-head.is-wide{display:none}.app-mock .hm-top.has-phone .hm-top-head.is-phone{display:contents}.app-mock .hm-top-actions{margin-bottom:8px}.app-mock .hm-top-logo{width:19px;height:auto;margin-right:auto;display:block}.app-mock .hm-h1{font-size:17px}.app-mock .hm-tabbar{background:var(--hm-navy);grid-area:2/1;grid-template-columns:repeat(5,minmax(0,1fr));padding:7px 2px 6px;display:grid}.app-mock .hm-tab{color:#ffffffb8;letter-spacing:-.01em;flex-direction:column;align-items:center;gap:3px;min-width:0;font-size:8.5px;font-weight:600;line-height:1.1;display:flex}.app-mock .hm-tab.is-current{color:#fff}.app-mock .hm-tab.is-current .hm-i{color:var(--hm-lime)}.app-mock .hm-tab-icon{position:relative}.app-mock .hm-tab-icon .hm-i{width:14px;height:14px}.app-mock .hm-tab-badge{box-sizing:border-box;color:#fff;text-align:center;background:#3b4c7e;border-radius:999px;min-width:16px;height:11px;padding:0 4px;font-size:7.5px;line-height:11px;position:absolute;top:-6px;left:9px}.app-mock .hm-tab-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.app-mock .hm-overlay{align-items:center;padding:12px 10px}.app-mock .hm-app:has(>.hm-overlay) .hm-top{visibility:hidden}}
@container hm (width<=300px){.app-mock .hm-chip{white-space:normal;border-radius:8px;padding-top:1px;padding-bottom:1px}.app-mock .hm-btn{box-sizing:border-box;white-space:normal;text-align:center;flex-shrink:1;min-width:0;max-width:100%;padding-top:3px;padding-bottom:3px}.app-mock .hm-tab{letter-spacing:-.02em;font-size:8px}}
@container hm (width<=260px){.app-mock .hm-main{padding-left:10px;padding-right:10px}.app-mock .hm-top-new{margin-right:1px;padding:0 8px 0 6px}.app-mock .hm-top-lang>.hm-i:first-child{display:none}}
.app-mock .hm-action-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 10px;display:flex}
.app-mock .hm-action-product{min-width:0}
.app-mock .hm-action-product b{text-overflow:ellipsis;overflow:hidden}
.app-mock .hm-action-tools{flex-wrap:wrap;align-items:center;gap:5px;display:flex}
.app-mock .hm-action-area{flex-direction:column;gap:7px;display:flex}
.app-mock .hm-action-viewbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:4px 8px;display:flex}
.app-mock .hm-action-tabs{flex:0 auto}
.app-mock .hm-action-tabs .hm-tabs-tab{padding-left:7px;padding-right:7px}
.app-mock .hm-action-view-controls{flex:none;align-items:center;gap:5px;margin-left:auto;padding-bottom:3px;display:flex}
.app-mock .hm-action-layout{border:1px solid var(--hm-line-input);background:#fff;border-radius:999px;display:flex;overflow:hidden}
.app-mock .hm-action-layout>span{width:24px;height:22px;color:var(--hm-body);place-items:center;display:grid}
.app-mock .hm-action-layout>span+span{border-left:1px solid var(--hm-line-input)}
.app-mock .hm-action-layout>span.is-on{background:var(--hm-ice);color:var(--hm-navy)}
.app-mock .hm-action-layout .hm-i{width:11px;height:11px}
.app-mock .hm-action-list{grid-template-columns:auto minmax(0,1fr) auto auto;column-gap:10px;display:grid;overflow:hidden}
.app-mock .hm-action-head,.app-mock .hm-action-row{grid-column:1/-1;grid-template-columns:subgrid;align-items:center;padding:0 12px;display:grid}
.app-mock .hm-action-head{border-bottom:1px solid var(--hm-line);min-height:24px;color:var(--hm-body);font-size:9.5px;font-weight:500}
.app-mock .hm-action-head>span:first-child{grid-column:1/3}
.app-mock .hm-action-head-priority{justify-self:center;align-items:center;gap:3px;display:flex}
.app-mock .hm-action-head-report{display:none}
.app-mock .hm-action-row{border-top:1px solid var(--hm-line);padding-top:8px;padding-bottom:8px}
.app-mock .hm-action-head+.hm-action-row{border-top:0}
.app-mock .hm-action-thumb{box-sizing:border-box;border:1px solid var(--hm-line);background:#f1eee9;border-radius:6px;grid-area:1/1/span 2;align-self:start;width:30px;height:30px}
.app-mock .hm-action-thumb>svg{box-sizing:border-box;padding:2px 3px 1px}
.app-mock .hm-action-main{flex-direction:column;grid-area:1/2;align-items:flex-start;gap:2px;min-width:0;display:flex}
.app-mock .hm-action-title{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--hm-ink);font-size:10.5px;font-weight:600;line-height:1.3;overflow:hidden}
.app-mock .hm-action-meta{max-width:100%;color:var(--hm-muted);flex-wrap:wrap;align-items:center;font-size:9px;line-height:1.4;display:flex}
.app-mock .hm-action-meta>span+span:before{content:"·";margin:0 4px}
.app-mock .hm-action-domain{align-items:center;gap:3px;display:inline-flex}
.app-mock .hm-action-domain .hm-i{width:9px;height:9px}
.app-mock .hm-action-seller{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--hm-body);font-size:9px;line-height:1.35;overflow:hidden}
.app-mock .hm-action-chips{flex-wrap:wrap;gap:4px;margin-top:2px;display:flex}
.app-mock .hm-action-row.is-gone .hm-action-title{color:var(--hm-muted)}
.app-mock .hm-action-priority{grid-area:1/3/span 2;justify-content:center;display:flex}
.app-mock .hm-action-cell-label{display:none}
.app-mock .hm-action-score{color:var(--hm-ink);font-variant-numeric:tabular-nums;-webkit-text-decoration:underline dotted var(--hm-faint);text-decoration:underline dotted var(--hm-faint);text-underline-offset:3px;font-size:11.5px;font-weight:600}
.app-mock .hm-action-report{grid-area:2/2;min-width:0;margin-top:4px;display:flex}
.app-mock .hm-action-actions{grid-area:1/4/span 2;justify-content:flex-end;align-items:center;gap:1px;display:flex}
.app-mock .hm-action-actions>.hm-btn{margin-right:3px}
@container hm (width>=700px){.app-mock .hm-action-list{grid-template-columns:auto minmax(0,1fr) auto auto auto}.app-mock .hm-action-head-report{display:block}.app-mock .hm-action-report{grid-area:1/4/span 2;margin-top:0}.app-mock .hm-action-actions{grid-column:5}}
@container hm (width<=700px){.app-mock .hm-action-layout{display:none}}
@container hm (width<=600px){.app-mock .hm-action-view{display:none}}
@container hm (width<=399px){.app-mock .hm-action-toolbar{flex-direction:column;align-items:flex-start}.app-mock .hm-action-tabs .hm-tabs-tab:nth-child(n+4){display:none}}
@container hm (width<=480px){.app-mock .hm-action-list{display:block}.app-mock .hm-action-head{display:none}.app-mock .hm-action-row{grid-template-columns:34px auto minmax(0,1fr);grid-template-areas:"thumb main main"".priority report""actions actions actions";gap:7px 10px;padding:10px 11px;display:grid}.app-mock .hm-action-thumb{grid-area:thumb;width:34px;height:34px}.app-mock .hm-action-main{grid-area:main}.app-mock .hm-action-actions{grid-area:actions;justify-content:flex-start}.app-mock .hm-action-title{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.app-mock .hm-action-priority{grid-area:priority;justify-content:flex-start;align-items:center;gap:5px}.app-mock .hm-action-cell-label{color:var(--hm-body);font-size:9.5px;display:block}.app-mock .hm-action-row .hm-action-report{grid-area:report;align-self:center;min-width:0;margin:0}.app-mock .hm-action-actions>.hm-btn{flex:1;min-height:28px;margin-right:6px}.app-mock .hm-action-actions .hm-action-view{display:grid}.app-mock .hm-action-row:nth-child(n+4){display:none}}
@container hm (width<=300px){.app-mock .hm-action-row{grid-template-areas:"thumb main main"".priority priority"".report report""actions actions actions";row-gap:5px}.app-mock .hm-action-actions{margin-top:3px}}
@container hm (width<=260px){.app-mock .hm-action-tabs .hm-tabs-tab:nth-child(n+3){display:none}}
.app-mock .hm-evidence-behind{flex-direction:column;gap:10px;display:flex}
.app-mock .hm-evidence-behind-list{flex-direction:column;padding:2px 12px;display:flex}
.app-mock .hm-evidence-behind-row{border-top:1px solid var(--hm-line);grid-template-columns:30px minmax(0,1fr) 70px;align-items:center;gap:12px;height:52px;display:grid}
.app-mock .hm-evidence-behind-row:first-child{border-top:0}
.app-mock .hm-evidence-behind-thumb{background:var(--hm-mist);border-radius:6px;width:30px;height:30px}
.app-mock .hm-evidence-behind-lines{flex-direction:column;gap:6px;display:flex}
.app-mock .hm-evidence-behind-lines>span{background:var(--hm-line-input);border-radius:4px;height:7px}
.app-mock .hm-evidence-behind-lines>span+span{background:var(--hm-line);width:55%}
.app-mock .hm-evidence-behind-button{background:var(--hm-navy);opacity:.85;border-radius:999px;height:22px}
.app-mock .hm-overlay.hm-evidence-overlay{padding-top:102px}
.app-mock .hm-evidence-dialog{max-width:470px}
.app-mock .hm-evidence-head{align-items:flex-start;gap:9px}
.app-mock .hm-evidence-thumb{border:1px solid var(--hm-line);box-sizing:border-box;background:#f1eee9;border-radius:6px;flex:none;width:30px;height:30px}
.app-mock .hm-evidence-heading{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}
.app-mock .hm-evidence-heading .hm-dialog-title{margin-bottom:1px}
.app-mock .hm-evidence-listing{text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;font-weight:500;line-height:1.3;overflow:hidden}
.app-mock .hm-evidence-where{color:var(--hm-muted);font-size:9.5px;line-height:1.4}
.app-mock .hm-evidence-where .hm-link{font-size:9.5px}
.app-mock .hm-evidence-scroll{padding:10px var(--hm-inset);flex-direction:column;gap:6px;display:flex}
.app-mock .hm-evidence-folded,.app-mock .hm-evidence-step-head{align-items:center;gap:7px;display:flex}
.app-mock .hm-evidence-folded{border:1px solid var(--hm-line);border-radius:10px;padding:7px 10px}
.app-mock .hm-evidence-num{background:var(--hm-navy);color:#fff;border-radius:50%;flex:none;place-items:center;width:16px;height:16px;font-size:8.5px;font-weight:600;display:grid}
.app-mock .hm-evidence-step-title{letter-spacing:-.005em;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:3px;min-width:0;font-size:11px;font-weight:600;display:inline-flex;overflow:hidden}
.app-mock .hm-evidence-step-title .hm-i{width:10px;height:10px;color:var(--hm-body)}
.app-mock .hm-evidence-step{border:1px solid var(--hm-line);border-radius:10px;padding:8px 10px 10px}
.app-mock .hm-evidence-step-body{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"photos shot""facts facts""seller seller""actions actions";gap:7px 12px;margin-top:8px;padding-left:23px;display:grid}
.app-mock .hm-evidence-photos{grid-area:photos;gap:7px;display:flex}
.app-mock .hm-evidence-figure{width:70px;color:var(--hm-muted);flex-direction:column;gap:3px;font-size:8.5px;line-height:1.3;display:flex}
.app-mock .hm-evidence-figure .hm-shot{border:1px solid var(--hm-line);box-sizing:border-box;border-radius:7px;height:64px}
.app-mock .hm-evidence-figure .hm-shot.is-theirs{background:#f1eee9}
.app-mock .hm-evidence-facts{color:var(--hm-body);grid-area:facts;font-size:9px;line-height:1.45}
.app-mock .hm-evidence-shot{flex-direction:column;grid-area:shot;gap:4px;min-width:0;display:flex}
.app-mock .hm-evidence-page{border:1px solid var(--hm-line-input);background:#fff;border-radius:7px;height:86px;display:block;overflow:hidden}
.app-mock .hm-evidence-page-bar{background:#f2f3f6;border-bottom:1px solid #e4e6ec;align-items:center;gap:8px;height:13px;padding:0 7px;display:flex}
.app-mock .hm-evidence-page-logo{opacity:.75;background:#e4572e;border-radius:3px;width:28px;height:5px}
.app-mock .hm-evidence-page-search{background:#fff;border:1px solid #d5d9e3;border-radius:4px;flex:1;max-width:120px;height:6px}
.app-mock .hm-evidence-page-body{grid-template-columns:50px minmax(0,1fr) minmax(0,.8fr);gap:7px;padding:6px 7px;display:grid}
.app-mock .hm-evidence-page-shot{background:#f1eee9;border-radius:4px;height:62px}
.app-mock .hm-evidence-page-text,.app-mock .hm-evidence-page-store{flex-direction:column;gap:5px;min-width:0;display:flex}
.app-mock .hm-evidence-page-store{border:1px solid #e4e6ec;border-radius:5px;align-self:start;padding:5px 6px}
.app-mock .hm-evidence-page-line{background:#c9cdd8;border-radius:3px;height:5px;display:block}
.app-mock .hm-evidence-page-line.is-short{width:60%}
.app-mock .hm-evidence-page-line.is-faint{background:#e4e6ec}
.app-mock .hm-evidence-page-price{color:#1e2433;white-space:nowrap;font-size:10px;font-weight:700;line-height:1.1}
.app-mock .hm-evidence-page-seller{color:#3b4c7e;text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-weight:600;line-height:1.1;overflow:hidden}
.app-mock .hm-evidence-saved{color:var(--hm-blue);font-size:9px;font-weight:500;line-height:1.4}
.app-mock .hm-evidence-saved .hm-i{vertical-align:-1px;width:9px;height:9px;margin-left:3px;display:inline-block}
.app-mock .hm-evidence-seller{flex-direction:column;grid-area:seller;gap:3px;display:flex}
.app-mock .hm-evidence-h4{align-items:center;gap:4px;font-size:10.5px;font-weight:600;display:flex}
.app-mock .hm-evidence-seller-facts{grid-template-columns:auto minmax(0,1fr);gap:2px 12px;font-size:9.5px;line-height:1.4;display:grid}
.app-mock .hm-evidence-seller-facts>span{color:var(--hm-muted);white-space:nowrap}
.app-mock .hm-evidence-seller-facts>b{overflow-wrap:anywhere;min-width:0;font-weight:500}
.app-mock .hm-evidence-url{color:var(--hm-blue)}
.app-mock .hm-evidence-actions{flex-wrap:wrap;grid-area:actions;gap:5px;margin-top:2px;display:flex}
.app-mock .hm-evidence-log{padding:8px var(--hm-inset);border-top:1px solid var(--hm-line);background:#fff;align-items:center;gap:7px;display:flex;box-shadow:0 -6px 16px #0a1b560f}
.app-mock .hm-evidence-log-summary{box-sizing:border-box;border:1px solid var(--hm-line-input);border-radius:9px;flex:1;align-items:center;gap:6px;min-width:0;min-height:28px;padding:0 10px;font-size:10.5px;font-weight:600;display:flex}
.app-mock .hm-evidence-log-summary>span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}
.app-mock .hm-evidence-log-summary .hm-i{width:11px;height:11px;color:var(--hm-body)}
@container hm (width<=600px){.app-mock .hm-evidence-csv{display:none}.app-mock .hm-evidence-step-body{padding-left:0}}
@container hm (width<=480px){.app-mock .hm-overlay.hm-evidence-overlay{align-items:stretch;padding:6px}.app-mock .hm-evidence-dialog{--hm-inset:11px;flex-direction:column;display:flex}.app-mock .hm-evidence-behind{display:none}.app-mock .hm-evidence-listing{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.app-mock .hm-evidence-step-body{grid-template-columns:minmax(0,1fr);grid-template-areas:"photos""facts""shot""seller""actions"}.app-mock .hm-evidence-page{height:78px}.app-mock .hm-evidence-pdf{display:none}}
@container hm (width<=300px){.app-mock .hm-evidence-page-body{grid-template-columns:44px minmax(0,1fr)}.app-mock .hm-evidence-page-store{display:none}.app-mock .hm-evidence-seller-facts{grid-template-columns:minmax(0,1fr);gap:0}.app-mock .hm-evidence-seller-facts>b+span{margin-top:3px}.app-mock .hm-evidence-step-title{white-space:normal}}
@media (width>=901px) and (height<=760px){.app-mock .hm-evidence-csv{display:none}}
.app-mock .hm-products{grid-template-columns:minmax(150px,34fr) minmax(0,66fr);align-items:start;gap:12px;display:grid}
.app-mock .hm-products-list-head{border-bottom:1px solid var(--hm-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;padding:10px 10px 9px 12px;display:flex}
.app-mock .hm-products-list-title{letter-spacing:-.01em;align-items:center;gap:5px;font-size:12px;font-weight:600;display:inline-flex}
.app-mock .hm-products-rows{flex-direction:column;gap:2px;padding:5px;display:flex}
.app-mock .hm-products-row{border-radius:8px;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:7px;padding:6px;display:grid}
.app-mock .hm-products-row.is-active{background:var(--hm-ice)}
.app-mock .hm-products-row .hm-tile{border-radius:6px;width:26px;height:26px;font-size:9px}
.app-mock .hm-products-row-text{flex-direction:column;gap:1px;min-width:0;display:flex}
.app-mock .hm-products-row-text b{font-size:10.5px;font-weight:600;line-height:1.25}
.app-mock .hm-products-row-text small{color:var(--hm-muted);font-size:9.5px;line-height:1.3}
.app-mock .hm-products-chevron{width:11px;height:11px;color:var(--hm-muted)}
.app-mock .hm-products-detail{padding:12px var(--hm-inset) 8px}
.app-mock .hm-pd-head{border-bottom:1px solid var(--hm-line);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"titles actions""ready ready";gap:6px 10px;padding-bottom:10px;display:grid}
.app-mock .hm-pd-titles{flex-direction:column;grid-area:titles;gap:2px;min-width:0;display:flex}
.app-mock .hm-pd-title{letter-spacing:-.015em;font-size:14px;font-weight:600;line-height:1.2}
.app-mock .hm-pd-meta{color:var(--hm-muted);flex-wrap:wrap;align-items:center;gap:0 5px;font-size:10px;display:flex}
.app-mock .hm-pd-meta i{font-style:normal}
.app-mock .hm-pd-actions{grid-area:actions;align-items:center;gap:2px;display:flex}
.app-mock .hm-pd-ready{grid-area:ready;display:flex}
.app-mock .hm-pd-section{flex-direction:column;gap:5px;padding:10px 0;display:flex}
.app-mock .hm-pd-section+.hm-pd-section{border-top:1px solid var(--hm-line)}
.app-mock .hm-pd-section-head{align-items:center;gap:5px;min-height:22px;display:flex}
.app-mock .hm-pd-h3{letter-spacing:-.01em;font-size:11.5px;font-weight:600}
.app-mock .hm-pd-count{color:var(--hm-muted);margin-left:3px;font-weight:500}
.app-mock .hm-pd-section-button,.app-mock .hm-pd-edit{margin-left:auto}
.app-mock .hm-pd-line{color:var(--hm-body);font-size:10px;line-height:1.45}
.app-mock .hm-pd-photos{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:3px;display:grid}
.app-mock .hm-pd-photo{flex-direction:column;align-items:flex-start;gap:3px;min-width:0;display:flex}
.app-mock .hm-pd-photo-frame{aspect-ratio:4/3;border:1px solid var(--hm-line);box-sizing:border-box;border-radius:8px;width:100%}
.app-mock .hm-pd-photo-frame>svg{box-sizing:border-box;padding:4px 0 2px}
.app-mock .hm-pd-photo-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--hm-body);font-size:9px;overflow:hidden}
.app-mock .hm-pd-photo .hm-chip{white-space:normal;border-radius:8px;padding-top:1px;padding-bottom:1px}
.app-mock .hm-pd-add{aspect-ratio:4/3;border:1px dashed var(--hm-line-input);color:var(--hm-blue);text-align:center;border-radius:8px;justify-content:center;align-items:center;gap:3px;font-size:9.5px;font-weight:600;display:none}
.app-mock .hm-pd-add .hm-i{width:13px;height:13px}
.app-mock .hm-pd-description{color:var(--hm-body);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10px;line-height:1.5;display:-webkit-box;overflow:hidden}
.app-mock .hm-pd-facts{flex-direction:column;display:flex}
.app-mock .hm-pd-fact{grid-template-columns:minmax(0,40fr) minmax(0,60fr);align-items:baseline;gap:8px;padding:3px 0;font-size:10px;line-height:1.4;display:grid}
.app-mock .hm-pd-fact-label{min-width:0;color:var(--hm-muted)}
.app-mock .hm-pd-fact-value{min-width:0;color:var(--hm-ink);justify-content:space-between;align-items:baseline;gap:8px;display:flex}
.app-mock .hm-pd-fact-value>span:first-child{overflow-wrap:anywhere;min-width:0}
.app-mock .hm-pd-fact-value>.hm-link{flex:none}
.app-mock .hm-pd-more{color:var(--hm-blue);white-space:nowrap;font-weight:600}
.app-mock .hm-pd-none{color:var(--hm-muted)}
@container hm (width>=700px){.app-mock .hm-pd-photos{grid-template-columns:repeat(4,minmax(0,1fr))}.app-mock .hm-pd-add{flex-direction:column;display:flex}}
@container hm (width<=600px){.app-mock .hm-pd-fact{grid-template-columns:minmax(0,1fr);gap:0;padding:3px 0 4px}}
@container hm (width<=480px){.app-mock .hm-products{grid-template-columns:minmax(0,1fr)}.app-mock .hm-products-list,.app-mock .hm-pd-title,.app-mock .hm-pd-settings{display:none}.app-mock .hm-pd-head{grid-template-columns:minmax(0,1fr);grid-template-areas:"titles""actions""ready"}.app-mock .hm-pd-actions{margin-left:-2px}.app-mock .hm-pd-section:last-child{padding-bottom:4px}.app-mock .hm-pd-description{-webkit-line-clamp:3}.app-mock .hm-pd-photos{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.app-mock .hm-pd-photo:nth-child(3){display:none}}
@container hm (width>=400px) and (width<=480px){.app-mock .hm-pd-photos{grid-template-columns:repeat(3,minmax(0,1fr))}.app-mock .hm-pd-photo:nth-child(3){display:flex}}
@container hm (width<=300px){.app-mock .hm-pd-section-head{flex-wrap:wrap}.app-mock .hm-pd-h3{white-space:nowrap}}
.app-mock .hm-review-picker{flex-wrap:wrap;align-items:center;gap:2px 12px;display:flex}
.app-mock .hm-review-picker-name{color:var(--hm-body)}
.app-mock .hm-review-picker-name .hm-i{vertical-align:-1px;width:10px;height:10px;margin-left:3px;display:inline-block}
.app-mock .hm-review-picker .hm-link .hm-i{width:11px;height:11px}
.app-mock .hm-review-block{padding:11px var(--hm-inset);justify-content:space-between;align-items:center;gap:10px 14px;display:flex}
.app-mock .hm-review-meter{flex-direction:column;flex:150px;gap:5px;min-width:0;display:flex}
.app-mock .hm-review-headline{letter-spacing:-.01em;align-items:center;gap:4px;font-size:11.5px;font-weight:600;display:flex}
.app-mock .hm-review-bar{background:var(--hm-line);border-radius:999px;width:100%;max-width:170px;height:4px;display:block;overflow:hidden}
.app-mock .hm-review-bar>span{border-radius:inherit;background:#8db828;height:100%;display:block}
.app-mock .hm-review-caption{color:var(--hm-body);flex-wrap:wrap;align-items:center;gap:2px 5px;font-size:10px;display:flex}
.app-mock .hm-review-marked{color:var(--hm-ink);align-items:center;gap:5px;display:inline-flex}
.app-mock .hm-review-dot{background:var(--hm-red);border-radius:50%;width:6px;height:6px}
.app-mock .hm-review-sep{color:var(--hm-muted)}
.app-mock .hm-review-tools{flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:6px;display:flex}
.app-mock .hm-review-rounds{flex-direction:column;gap:6px;display:flex}
.app-mock .hm-review-rounds-head{justify-content:space-between;align-items:flex-end;gap:8px;display:flex}
.app-mock .hm-review-tabs{border-bottom:0;flex:0 auto}
.app-mock .hm-review-end{flex:none;align-items:center;gap:5px;padding-bottom:3px;display:flex}
.app-mock .hm-review-progress{color:var(--hm-muted);align-items:center;gap:8px;font-size:9.5px;display:flex}
.app-mock .hm-review-progress .hm-review-bar{max-width:120px}
.app-mock .hm-review-toolbar{align-items:center;gap:6px;display:flex}
.app-mock .hm-review-selectall{flex:none;align-items:center;gap:5px;margin-right:2px;font-size:10px;font-weight:500;display:inline-flex}
.app-mock .hm-review-search{box-sizing:border-box;border:1px solid var(--hm-line-input);min-width:0;min-height:24px;color:var(--hm-faint);background:#fff;border-radius:9px;flex:auto;align-items:center;gap:5px;padding:0 9px;font-size:10px;display:flex}
.app-mock .hm-review-search span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.app-mock .hm-review-search .hm-i{width:11px;height:11px;color:var(--hm-muted)}
.app-mock .hm-review-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}
.app-mock .hm-review-card.is-extra{display:none}
.app-mock .hm-review-card{border:1px solid var(--hm-line);background:#fff;border-radius:10px;flex-direction:column;min-width:0;display:flex;position:relative;overflow:hidden}
.app-mock .hm-review-accent{z-index:3;background:var(--hm-red);height:3px;position:absolute;inset:0 0 auto}
.app-mock .hm-review-image{aspect-ratio:16/10;border-bottom:1px solid var(--hm-line);background:#fff;display:block;position:relative;overflow:hidden}
.app-mock .hm-review-photo{border-radius:0;width:52%;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}
.app-mock .hm-review-photo>svg{box-sizing:border-box;padding-top:12px}
.app-mock .hm-review-photo.is-cool{background:#eceff4}
.app-mock .hm-review-photo.is-warm{background:#f1eee9}
.app-mock .hm-review-select{z-index:2;box-sizing:border-box;border:1.5px solid var(--hm-line-input);background:#fffffff2;border-radius:3px;width:12px;height:12px;position:absolute;top:6px;left:6px}
.app-mock .hm-review-match{z-index:2;position:absolute;top:6px;right:6px}
.app-mock .hm-review-flags{z-index:2;background:#fffffff0;border-radius:5px;gap:3px;padding:3px 4px;display:flex;position:absolute;bottom:6px;right:6px}
.app-mock .hm-review-inset{z-index:2;box-sizing:border-box;background:var(--hm-mist);border:1.5px solid #fff;border-radius:5px;width:24px;height:24px;position:absolute;bottom:6px;left:6px;box-shadow:0 1px 4px #0a1b5633}
.app-mock .hm-review-body{flex-direction:column;flex:1;align-items:flex-start;gap:2px;min-width:0;padding:7px 10px 6px;display:flex}
.app-mock .hm-review-domain{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--hm-muted);font-size:9.5px;overflow:hidden}
.app-mock .hm-review-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;font-size:11px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}
.app-mock .hm-review-meta{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--hm-muted);font-size:9.5px;overflow:hidden}
.app-mock .hm-review-body .hm-link{margin-top:2px;font-size:9.5px}
.app-mock .hm-review-ai{padding:0 10px 7px;display:flex}
.app-mock .hm-review-verdicts{border-top:1px solid var(--hm-line);background:var(--hm-wash);grid-template-columns:1fr 1fr;gap:4px;padding:6px;display:grid}
.app-mock .hm-review-verdict{border:1px solid var(--hm-line-input);min-width:0;min-height:22px;color:var(--hm-ink);text-align:center;background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:4px;padding:2px 5px;font-size:9px;font-weight:600;line-height:1.15;display:flex}
.app-mock .hm-review-verdict .hm-i{width:10px;height:10px}
.app-mock .hm-review-verdict>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}
.app-mock .hm-review-verdict.is-counterfeit{border-color:var(--hm-red);background:var(--hm-red);color:#fff}
@container hm (width>=700px){.app-mock .hm-review-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.app-mock .hm-review-card.is-extra{display:flex}}
@container hm (width<=600px){.app-mock .hm-review-one,.app-mock .hm-review-market,.app-mock .hm-review-tabs .hm-tabs-detail{display:none}}
@container hm (width<=480px){.app-mock .hm-review-block{flex-direction:column;align-items:stretch;padding:10px 11px}.app-mock .hm-review-meter{flex:none}.app-mock .hm-review-bar{max-width:none}.app-mock .hm-review-tools{flex-direction:column;align-items:stretch}.app-mock .hm-review-tools>.hm-btn{box-sizing:border-box;width:100%}.app-mock .hm-review-end,.app-mock .hm-review-toolbar{display:none}.app-mock .hm-review-tabs{border-bottom:1px solid var(--hm-line);flex:auto}.app-mock .hm-review-tabs .hm-tabs-tab{gap:4px;padding:5px 5px 6px;font-size:9.5px}.app-mock .hm-review-grid{grid-template-columns:minmax(0,1fr)}.app-mock .hm-review-card:not(.is-counterfeit){display:none}.app-mock .hm-review-image{aspect-ratio:3/2}.app-mock .hm-review-photo{width:58%}.app-mock .hm-review-verdict{min-height:24px;font-size:9.5px}}
@container hm (width>=400px) and (width<=480px){.app-mock .hm-review-tools{flex-direction:row}.app-mock .hm-review-tools>.hm-btn{flex:1 1 0;width:auto;min-width:0}.app-mock .hm-review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-mock .hm-review-card:nth-child(2){display:flex}.app-mock .hm-review-image{aspect-ratio:16/10}.app-mock .hm-review-photo{width:52%}.app-mock .hm-review-verdict{min-height:22px;font-size:9px}}
@container hm (width<=480px){.app-mock .hm-review-verdict{min-height:24px}.app-mock .hm-review-verdict>span{white-space:normal;text-wrap:balance}}
@container hm (width<=300px){.app-mock .hm-review-tabs{-webkit-mask-image:linear-gradient(90deg,#000 84%,#0000);mask-image:linear-gradient(90deg,#000 84%,#0000)}}
@media (width>=901px) and (height<=760px){.app-mock .hm-review-toolbar,.app-mock .hm-review-progress{display:none}}
.app-mock .hm-search-behind{flex-direction:column;gap:10px;display:flex}
.app-mock .hm-search-behind-tabs{border-bottom:1px solid var(--hm-line);gap:14px;padding-bottom:6px;display:flex}
.app-mock .hm-search-behind-tabs>span{background:var(--hm-line);border-radius:4px;width:46px;height:8px}
.app-mock .hm-search-behind-tabs>span.is-current{background:var(--hm-line-input)}
.app-mock .hm-search-behind-table{flex-direction:column;padding:4px 12px;display:flex}
.app-mock .hm-search-behind-row{border-top:1px solid var(--hm-line);grid-template-columns:2fr 1.4fr 1fr 60px;align-items:center;gap:14px;height:40px;display:grid}
.app-mock .hm-search-behind-row:first-child{border-top:0}
.app-mock .hm-search-behind-line{background:var(--hm-line);border-radius:4px;height:7px}
.app-mock .hm-search-behind-line.is-link{background:#cfe0f2}
.app-mock .hm-search-behind-pill{background:#eff8d2;border-radius:999px;width:70%;height:13px}
.app-mock .hm-search-behind-button{border:1px solid var(--hm-line-input);border-radius:999px;height:22px}
.app-mock .hm-search-dialog .hm-dialog-body{gap:9px}
.app-mock .hm-search-field .hm-label{margin-bottom:3px}
.app-mock .hm-search-photos{align-items:center;gap:4px;margin-top:5px;display:flex}
.app-mock .hm-search-thumb{border:1px solid var(--hm-line);box-sizing:border-box;border-radius:5px;width:22px;height:22px}
.app-mock .hm-search-photos-text{color:var(--hm-muted);flex-wrap:wrap;align-items:baseline;margin-left:3px;font-size:9.5px;display:inline-flex}
.app-mock .hm-search-photos-text i{white-space:pre;font-style:normal}
.app-mock .hm-search-photos-text .hm-link{font-size:9.5px}
.app-mock .hm-search-rounds{color:var(--hm-body);font-size:10px;line-height:1.45}
.app-mock .hm-search-section{flex-direction:column;gap:6px;display:flex}
.app-mock .hm-search-h3{letter-spacing:-.005em;font-size:11px;font-weight:600}
.app-mock .hm-search-option{border:1px solid var(--hm-line);background:#fff;border-radius:9px;align-items:flex-start;gap:8px;padding:8px 10px;display:flex}
.app-mock .hm-search-option.is-on{border-color:var(--hm-ice-line);background:#f4fafe}
.app-mock .hm-search-option.is-nested{margin-top:6px;padding:6px 9px}
.app-mock .hm-search-option>.hm-check{margin-top:1px}
.app-mock .hm-search-option-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}
.app-mock .hm-search-option-text>b{flex-wrap:wrap;align-items:center;gap:4px;font-size:10.5px;font-weight:600;line-height:1.3;display:flex}
.app-mock .hm-search-option-text>b>.hm-i{width:11px;height:11px;color:var(--hm-body)}
.app-mock .hm-search-option-text>small{color:var(--hm-muted);font-size:9.5px;line-height:1.4}
.app-mock .hm-search-sub{flex-direction:column;margin-top:6px;display:flex}
.app-mock .hm-search-pages{flex-direction:row;justify-content:space-between;align-items:center;gap:10px}
.app-mock .hm-search-pages .hm-label{margin:0}
.app-mock .hm-search-pages .hm-select{flex:none;min-width:90px}
.app-mock .hm-search-countries-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}
.app-mock .hm-search-countries-head .hm-label{margin-bottom:3px}
.app-mock .hm-search-countries-head .hm-quiet{font-size:9.5px}
.app-mock .hm-search-chips{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}
.app-mock .hm-search-chip{border:1px solid var(--hm-ice-line);background:var(--hm-ice);color:var(--hm-navy);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:2px 6px 2px 7px;font-size:9.5px;font-weight:600;line-height:1.3;display:inline-flex}
.app-mock .hm-search-chip .hm-i{width:9px;height:9px;color:var(--hm-body)}
.app-mock .hm-search-lines{color:var(--hm-body);grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:3px 0;font-size:10px;line-height:1.4;display:grid}
.app-mock .hm-search-lines>b{color:var(--hm-ink);text-align:right;font-variant-numeric:tabular-nums;padding-left:12px;font-weight:500}
.app-mock .hm-search-markets{flex-wrap:wrap;align-items:center;gap:5px;display:inline-flex}
.app-mock .hm-search-flags{gap:3px;display:inline-flex}
.app-mock .hm-search-lines>.is-total{border-top:1px solid var(--hm-line);color:var(--hm-ink);margin-top:3px;padding-top:5px;font-size:11px;font-weight:700}
.app-mock .hm-search-lines>.is-after{color:var(--hm-muted);font-size:9.5px;font-weight:400}
.app-mock .hm-search-note{color:var(--hm-muted);font-size:9.5px;line-height:1.45}
@container hm (width<=600px){.app-mock .hm-search-country-field{display:none}}
@container hm (width<=480px){.app-mock .hm-search-dialog{--hm-inset:12px}.app-mock .hm-search-dialog .hm-dialog-foot>.hm-btn{flex:auto}.app-mock .hm-search-dialog .hm-dialog-foot>.hm-btn.primary{flex-grow:2}.app-mock .hm-search-behind{display:none}}
@container hm (width<=360px){.app-mock .hm-search-dialog{--hm-inset:11px}.app-mock .hm-search-pages{display:none}.app-mock .hm-search-option{gap:7px;padding:7px 8px}.app-mock .hm-search-dialog .hm-dialog-foot{gap:6px}.app-mock .hm-search-dialog .hm-dialog-foot>.hm-btn{padding:0 10px}}
@container hm (width<=250px){.app-mock .hm-search-dialog .hm-dialog-foot{flex-direction:column-reverse;align-items:stretch}.app-mock .hm-search-dialog .hm-dialog-foot>.hm-btn{flex:none;width:100%}}
@media (width>=901px) and (height<=840px){.app-mock .hm-search-country-field,.app-mock .hm-search-note,.app-mock .hm-search-lines>.is-after{display:none}}
@media (width>=901px) and (height<=760px){.app-mock .hm-search-photos,.app-mock .hm-search-pages{display:none}.app-mock .hm-search-dialog .hm-dialog-body{gap:7px}}

/* ---- Extra screens not on the live site (Home, Team activity). Same tokens as the hm-* mocks. ---- */
.app-mock .hmx-h{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--hm-ink);margin-bottom:8px}
.app-mock .hmx-h .hm-i{width:13px;height:13px}
.app-mock .hmx-home{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);gap:10px;align-items:start}
.app-mock .hmx-todo{padding:14px 16px}
.app-mock .hmx-label{display:flex;align-items:center;gap:6px;font-size:10.5px;font-weight:600;margin-bottom:4px}
.app-mock .hmx-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--hm-line)}
.app-mock .hmx-row-name b{display:block;font-size:10.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.app-mock .hmx-row-name small,.app-mock .hmx-foot small{font-size:9px;color:var(--hm-muted)}
.app-mock .hmx-row-prog span{font-size:9.5px}
.app-mock .hmx-row-prog i,.app-mock .hmx-meter{display:block;height:3px;border-radius:3px;margin-top:4px;background:linear-gradient(90deg,var(--hm-navy) var(--p),var(--hm-line) var(--p))}
.app-mock .hmx-foot{display:flex;gap:8px;align-items:center;padding:8px 0}
.app-mock .hmx-alert{display:flex;align-items:center;gap:8px;padding:9px 0 0;border-top:1px solid var(--hm-line);font-size:10px}
.app-mock .hmx-alert>span:nth-child(2){flex:1}
.app-mock .hmx-alert-ic{width:22px;height:22px;border-radius:50%;background:var(--hm-mist);display:grid;place-items:center}
.app-mock .hmx-aside{display:grid;gap:10px}
.app-mock .hmx-balance{padding:14px 16px}
.app-mock .hmx-amount{font-size:10.5px;color:var(--hm-body);margin-bottom:10px}
.app-mock .hmx-amount b{font-size:19px;color:var(--hm-ink);letter-spacing:-.01em;margin-right:3px}
.app-mock .hmx-actions{display:flex;align-items:center;gap:10px}
.app-mock .hmx-glance{padding:4px}
.app-mock .hmx-glance p{margin:0;font-size:10px;color:var(--hm-body);line-height:1.7}
.app-mock .hmx-glance b{font-size:13px;color:var(--hm-ink)}
.app-mock .hmx-team{display:grid;gap:10px}
.app-mock .hmx-accuracy,.app-mock .hmx-people,.app-mock .hmx-logp{padding:13px 16px}
.app-mock .hmx-accuracy p{margin:0;font-size:10.5px;color:var(--hm-body)}
.app-mock .hmx-meter{max-width:240px;height:4px;margin-top:8px}
.app-mock .hmx-thead,.app-mock .hmx-trow{display:grid;grid-template-columns:minmax(0,1.6fr) .6fr .9fr .6fr .6fr 1.3fr .6fr;gap:8px;align-items:center}
.app-mock .hmx-thead{font-size:9px;font-weight:600;color:var(--hm-muted);padding:6px 8px;background:var(--hm-wash);border-radius:8px}
.app-mock .hmx-trow{font-size:10px;padding:9px 8px;border-bottom:1px solid var(--hm-line)}
.app-mock .hmx-trow small{display:block;font-size:8.5px;color:var(--hm-muted)}
.app-mock .hmx-person{display:flex;align-items:center;gap:7px;min-width:0}
.app-mock .hmx-person b{display:block;font-size:10px}
.app-mock .hmx-day{font-size:9px;font-weight:600;color:var(--hm-muted);padding:8px 0 3px}
.app-mock .hmx-log{display:grid;grid-template-columns:38px 70px minmax(0,1fr) auto;gap:8px;align-items:center;font-size:10px;padding:6px 0;border-bottom:1px solid var(--hm-line)}
.app-mock .hmx-log time{color:var(--hm-muted);font-variant-numeric:tabular-nums}
.app-mock .hmx-log .hm-chip{display:inline-flex;vertical-align:middle}
@container hm (width<=600px){
  .app-mock .hmx-home{grid-template-columns:1fr}
  .app-mock .hmx-row{grid-template-columns:minmax(0,1fr) auto}
  .app-mock .hmx-row-prog,.app-mock .hmx-row .hm-chip{display:none}
  .app-mock .hmx-thead,.app-mock .hmx-trow{grid-template-columns:minmax(0,1.5fr) .7fr .9fr .7fr .7fr}
  .app-mock .hmx-thead>span:nth-child(6),.app-mock .hmx-trow>span:nth-child(6){display:none}
}
@container hm (width<=480px){
  .app-mock .hmx-thead{display:none}
  .app-mock .hmx-trow{grid-template-columns:minmax(0,1fr) auto}
  .app-mock .hmx-trow>span{display:none}
  .app-mock .hmx-log{grid-template-columns:34px minmax(0,1fr)}
  .app-mock .hmx-log b,.app-mock .hmx-log .hm-link{display:none}
}
/* Settings > Billing */
.app-mock .hmx-billing{display:grid;gap:10px}
.app-mock .hmx-tabs{display:flex;gap:14px;border-bottom:1px solid var(--hm-line);font-size:10.5px;font-weight:600;color:var(--hm-muted)}
.app-mock .hmx-tabs span{padding:0 2px 7px}
.app-mock .hmx-tabs .is-current{color:var(--hm-ink);box-shadow:inset 0 -2px 0 var(--hm-navy)}
.app-mock .hmx-bal,.app-mock .hmx-hist{padding:14px 16px}
.app-mock .hmx-bal small,.app-mock .hmx-fine{display:block;font-size:9px;color:var(--hm-muted)}
.app-mock .hmx-amounts{display:flex;gap:6px;margin-bottom:10px}
.app-mock .hmx-amounts span{min-width:44px;text-align:center;padding:5px 10px;border-radius:8px;border:1px solid var(--hm-line-input);font-size:10.5px;font-weight:600}
.app-mock .hmx-amounts .is-on{border-color:var(--hm-navy);box-shadow:inset 0 0 0 1px var(--hm-navy);background:var(--hm-ice)}
.app-mock .hmx-pay{display:flex;gap:6px;margin-bottom:8px}
.app-mock .hmx-pay .hm-btn{flex:none}
.app-mock .hmx-bhead,.app-mock .hmx-brow{display:grid;grid-template-columns:78px minmax(0,1fr) 58px;gap:10px;align-items:center}
.app-mock .hmx-bhead{font-size:9px;font-weight:600;color:var(--hm-muted);padding:6px 8px;background:var(--hm-wash);border-radius:8px}
.app-mock .hmx-brow{font-size:10px;padding:8px;border-bottom:1px solid var(--hm-line)}
.app-mock .hmx-brow small{display:block;font-size:8.5px;color:var(--hm-muted)}
.app-mock .hmx-brow b{text-align:right;font-variant-numeric:tabular-nums}
.app-mock .hmx-brow.is-plus b{color:#3f5a0a}
.app-mock .hmx-brow.is-free b{color:var(--hm-muted);font-weight:500}
.app-mock .hmx-bdesc{min-width:0}
@container hm (width<=480px){.app-mock .hmx-bhead{display:none}.app-mock .hmx-brow{grid-template-columns:minmax(0,1fr) auto}.app-mock .hmx-bdate{display:none}}
/* Searches list */
.app-mock .hmx-searches{display:grid;gap:10px}
.app-mock .hmx-tabs .hm-count{margin-left:3px}
.app-mock .hmx-slist{padding:6px 12px 10px}
.app-mock .hmx-shead,.app-mock .hmx-srow{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1.1fr) 80px auto;gap:10px;align-items:center}
.app-mock .hmx-shead{font-size:9px;font-weight:600;color:var(--hm-muted);padding:8px 6px;border-bottom:1px solid var(--hm-line)}
.app-mock .hmx-srow{padding:10px 6px;border-bottom:1px solid var(--hm-line);font-size:10px}
.app-mock .hmx-srow:last-child{border-bottom:0}
.app-mock .hmx-sname b{display:block;font-size:10.5px;font-weight:600;color:var(--hm-blue)}
.app-mock .hmx-sname small{display:block;font-size:8.5px;color:var(--hm-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.app-mock .hmx-sprod{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.app-mock .hmx-srow .hm-chip .hm-i{width:9px;height:9px}
@container hm (width<=600px){.app-mock .hmx-shead{display:none}.app-mock .hmx-srow{grid-template-columns:minmax(0,1fr) auto}.app-mock .hmx-sprod,.app-mock .hmx-srow .hmx-row-prog{display:none}.app-mock .hmx-srow .hm-chip{grid-column:1;justify-self:start}.app-mock .hmx-srow .hm-btn{grid-row:1;grid-column:2}}
/* Sign-up dialog */
.app-mock .hmx-auth{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px #0a1b5614,0 40px 100px #04113e59;color:var(--hm-ink,#0a1b56);font-size:12px;min-height:360px}
.app-mock .hmx-auth-side{display:flex;flex-direction:column;justify-content:space-between;padding:22px;color:#fff;background:radial-gradient(ellipse 90% 70% at 30% 20%,rgba(119,199,250,.45),rgba(119,199,250,0) 60%),linear-gradient(160deg,#1a3a9a,#0a1b56 55%,#04113e)}
.app-mock .hmx-auth-logo{width:92px;height:auto}
.app-mock .hmx-auth-side b{display:block;margin-bottom:8px;font-size:19px;line-height:1.15;font-weight:500;letter-spacing:-.01em}
.app-mock .hmx-auth-side span{font-size:10.5px;line-height:1.5;color:rgba(255,255,255,.8)}
.app-mock .hmx-auth-main{display:flex;flex-direction:column;padding:24px 24px 20px}
.app-mock .hmx-auth-eyebrow{font-size:8.5px;letter-spacing:.16em;font-weight:600;color:#246fae}
.app-mock .hmx-auth-title{margin:4px 0 12px;font-size:17px;font-weight:500;letter-spacing:-.01em}
.app-mock .hmx-auth-tabs{display:grid;grid-template-columns:1fr 1fr;padding:3px;border-radius:999px;background:#f1f5fb;margin-bottom:12px}
.app-mock .hmx-auth-tabs span{padding:6px 0;text-align:center;border-radius:999px;font-size:10.5px;font-weight:600;color:#62698e}
.app-mock .hmx-auth-tabs .is-current{background:#fff;color:#0a1b56;box-shadow:0 2px 8px rgba(10,27,86,.08)}
.app-mock .hmx-auth-google{display:flex;align-items:center;justify-content:center;gap:6px;padding:7px;border:1px solid #c7d3ea;border-radius:999px;font-size:10.5px;font-weight:600}
.app-mock .hmx-g{width:12px;height:12px}
.app-mock .hmx-auth-or{position:relative;margin:10px 0;text-align:center;font-size:9px;color:#9aa3c0}
.app-mock .hmx-auth-or::before{content:"";position:absolute;left:0;right:0;top:50%;border-top:1px solid #e6ebf4}
.app-mock .hmx-auth-or span{position:relative;padding:0 8px;background:#fff}
.app-mock .hmx-auth-main label{margin:4px 0 4px;font-size:10px;font-weight:600}
.app-mock .hmx-auth-input{display:block;padding:8px 10px;border:1px solid #c7d3ea;border-radius:9px;font-size:10.5px;color:#3b4c7e}
.app-mock .hmx-auth-btn{margin-top:14px;width:100%}
.app-mock .hmx-auth-note{margin-top:8px;text-align:center;font-size:9.5px;color:#62698e}
@container hm (width<=480px){.app-mock .hmx-auth{grid-template-columns:1fr}.app-mock .hmx-auth-side{min-height:120px}}