.p-portal[data-portal="Monitor"] [hidden]{display:none!important}
.p-portal[data-portal="Monitor"]{padding-bottom:150px}
.p-portal[data-portal="Monitor"] .p-action--compare{background:#fff;border-color:#9a9a9a;color:#444}
.p-portal[data-portal="Monitor"] .p-action--compare::before{content:"＋";margin-right:4px}
.p-portal[data-portal="Monitor"] .p-action--compare[aria-pressed="true"]{background:#e6e6e6;border-color:#666;color:#333}
.p-portal[data-portal="Monitor"] .p-action--compare[aria-pressed="true"]::before{content:"✓"}
.p-portal[data-portal="Monitor"] .p-col-price,.p-portal[data-portal="Monitor"] .p-Monitor-compare-price-row th,.p-portal[data-portal="Monitor"] .p-Monitor-compare-price-row td{text-align:right;font-variant-numeric:tabular-nums}
.p-portal[data-portal="Monitor"] .p-Monitor-compare-bar{position:fixed;left:0;right:var(--ps-portal-fixed-right, 0px);bottom:var(--ps-portal-fixed-bottom, 0px);z-index:880;box-sizing:border-box;max-height:36vh;padding:15px 24px;overflow-y:auto;border-top:1px solid #ddd;background:#fff;box-shadow:0 -4px 24px rgba(0,0,0,.14)}
.p-portal[data-portal="Monitor"] .p-Monitor-compare-bar ul{display:flex;flex-wrap:wrap;gap:8px;max-height:12vh;margin:10px 0 0;padding:0;overflow:auto;list-style:none}
.p-portal[data-portal="Monitor"] .p-Monitor-compare-bar li{padding:5px 8px;border:1px solid #ddd;border-radius:4px;background:#f7f7f7;font-size:14px}
.p-portal[data-portal="Monitor"] .p-Monitor-compare-bar li button{margin-left:8px;border:0;background:none;color:var(--p-Monitor-red)}
.p-portal[data-portal="Monitor"] .p-Monitor-compare-dialog{position:fixed;top:var(--ps-portal-sticky-top, 0px);bottom:var(--ps-portal-fixed-bottom, 0px);left:50%;z-index:899;box-sizing:border-box;width:min(1500px, calc(100% - 32px));max-width:none;max-height:calc(100% - var(--ps-portal-sticky-top, 0px) - var(--ps-portal-fixed-bottom, 0px) - 24px);margin:auto 0;padding:24px;transform:translateX(-50%);overflow:auto;border:1px solid #ccc;border-radius:10px;background:#fff;box-shadow:0 12px 48px rgba(0,0,0,.34);color:#292c30}
.p-portal[data-portal="Monitor"] .p-Monitor-compare-dialog::backdrop{background:rgba(0,0,0,.36)}
.p-portal[data-portal="Monitor"] .p-Monitor-compare-close{position:sticky;top:0;z-index:2;float:right;width:40px;height:40px;border:1px solid #aaa;border-radius:50%;background:#fff;font-size:24px;line-height:1}
.p-portal[data-portal="Monitor"] .p-Monitor-compare-dialog .p-Monitor-page-header{padding:0 52px 18px 0}
.p-portal[data-portal="Monitor"] .p-Monitor-compare-dialog .compare-table{width:max-content;min-width:850px;table-layout:fixed}
.p-portal[data-portal="Monitor"] .p-Monitor-compare-dialog .compare-table th:first-child{width:145px;min-width:145px}
.p-portal[data-portal="Monitor"] .p-Monitor-compare-dialog .compare-table td,.p-portal[data-portal="Monitor"] .p-Monitor-compare-dialog .compare-table thead th:not(:first-child){width:260px;min-width:220px;overflow-wrap:anywhere}
.p-portal[data-portal="Monitor"] .p-Monitor-compare-dialog .compare-table img{display:block;width:150px;height:110px;margin:8px auto;object-fit:contain}
.p-portal[data-portal="Monitor"] .p-Monitor-compare-dialog .compare-table canvas{display:block;width:90px;height:90px;margin:0 auto 8px}
.p-portal[data-portal="Monitor"] .p-Monitor-compare-dialog .compare-toolbar{display:flex;gap:12px;flex-wrap:wrap;padding:18px 0}
.p-portal[data-portal="Monitor"] .p-Monitor-compare-dialog .email-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.p-portal[data-portal="Monitor"] .p-Monitor-compare-dialog .email-tools input{width:260px;height:42px;border:1px solid #aaa;padding:8px}
.p-portal[data-portal="Monitor"] .p-Monitor-compare-dialog .fact-source{display:block;color:#b0000d;font-size:13px;margin-top:6px}
.p-portal[data-portal="Monitor"] .p-Monitor-compare-dialog .print-brand{display:flex;justify-content:space-between;align-items:center;margin-top:20px;font-size:12px}
.p-portal[data-portal="Monitor"] .p-Monitor-compare-dialog .print-brand img{width:160px}
.p-portal[data-portal="Monitor"] .result-table.p-table.p-table--fill .p-col-actions{width:156px;min-width:156px;max-width:156px}
.p-portal[data-portal="Monitor"] .result-table.p-table.p-table--fill .p-col-photo{width:132px;min-width:132px;max-width:132px}
.p-portal[data-portal="Monitor"] .result-table.p-table.p-table--fill .p-col-product{width:200px;min-width:200px;max-width:200px}
.p-portal[data-portal="Monitor"] .result-table.p-table.p-table--fill .p-col-price{width:170px;min-width:170px;max-width:170px}
@media(max-width:850px){
.p-portal[data-portal="Monitor"] .result-table.p-table.p-table--fill .p-col-actions,.p-portal[data-portal="Monitor"] .result-table.p-table.p-table--fill .p-col-photo,.p-portal[data-portal="Monitor"] .result-table.p-table.p-table--fill .p-col-product,.p-portal[data-portal="Monitor"] .result-table.p-table.p-table--fill .p-col-price{width:auto;min-width:0;max-width:none}
.p-portal[data-portal="Monitor"] .p-Monitor-compare-dialog{width:calc(100% - 16px);padding:16px}
.p-portal[data-portal="Monitor"] .p-Monitor-compare-bar{padding:12px}
}
@media print{
.p-portal[data-portal="Monitor"].p-Monitor-compare-dialog-open{box-sizing:border-box;width:100%;max-width:none;padding:0!important;overflow:visible}
.p-portal[data-portal="Monitor"].p-Monitor-compare-dialog-open>*:not(.p-Monitor-compare-dialog){display:none!important}
.p-portal[data-portal="Monitor"].p-Monitor-compare-dialog-open>.p-Monitor-compare-dialog[open]{display:block!important;position:static;box-sizing:border-box;width:100%;max-width:none;max-height:none;margin:0;padding:0;transform:none;overflow:visible;border:0;border-radius:0;box-shadow:none}
.p-portal[data-portal="Monitor"] .p-Monitor-compare-close,.p-portal[data-portal="Monitor"] .compare-toolbar,.p-portal[data-portal="Monitor"] .email-tools{display:none!important}
.p-portal[data-portal="Monitor"] .p-Monitor-compare-dialog .table-scroll{overflow:visible}
.p-portal[data-portal="Monitor"] .p-Monitor-compare-dialog .compare-table{width:100%;min-width:0;table-layout:fixed;font-size:8px;line-height:1.25}
.p-portal[data-portal="Monitor"] .p-Monitor-compare-dialog .compare-table th,.p-portal[data-portal="Monitor"] .p-Monitor-compare-dialog .compare-table td{position:static;min-width:0!important;padding:3px;overflow-wrap:anywhere}
.p-portal[data-portal="Monitor"] .p-Monitor-compare-dialog .compare-table img{width:auto;height:48px}
.p-portal[data-portal="Monitor"] .p-Monitor-compare-dialog .compare-table canvas{width:23mm;height:23mm}
.p-portal[data-portal="Monitor"] .p-Monitor-compare-dialog .print-brand{font-size:9px}
}
