/* Desktop certificate controls and overview follow the inventory dashboard. */
@media(min-width:901px){
html body.desktop-page #hongyi-mobile-shell .page[data-panel="owner-certificate-matching"]>.page-title-strip:has(~.content-card .certificate-matching){display:none!important;}
html body.desktop-page #hongyi-mobile-shell .page[data-panel="owner-certificate-matching"]>.content-card:has(.certificate-matching){padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;}
html body.desktop-page #hongyi-mobile-shell .page[data-panel="owner-certificate-matching"] .certificate-matching{display:grid;grid-template-columns:180px minmax(0,1fr) auto;gap:0;isolation:isolate;}
html body.desktop-page #hongyi-mobile-shell .page[data-panel="owner-certificate-matching"] .certificate-matching::before{content:"";grid-column:1/-1;grid-row:1;background:#fff;z-index:0;}
html body.desktop-page #hongyi-mobile-shell .page[data-panel="owner-certificate-matching"] .certificate-matching>.cm-heading{display:contents;}
html body.desktop-page #hongyi-mobile-shell .page[data-panel="owner-certificate-matching"] .certificate-matching>.cm-heading>div:first-child{grid-row:1;grid-column:1;display:flex;align-items:center;min-width:0;padding:18px 0 18px 22px;position:relative;z-index:1;}
html body.desktop-page #hongyi-mobile-shell .page[data-panel="owner-certificate-matching"] .certificate-matching>.cm-heading :is(.cm-eyebrow,.cm-inbox-icon,p){display:none;}
html body.desktop-page #hongyi-mobile-shell .page[data-panel="owner-certificate-matching"] .certificate-matching>.cm-heading .cm-inbox-title{display:block;margin:0;color:#13213a;font:800 16px/1.4 system-ui,sans-serif;}
html body.desktop-page #hongyi-mobile-shell .page[data-panel="owner-certificate-matching"] .certificate-matching>.cm-heading>.cm-actions{grid-row:1;grid-column:3;display:flex;flex-wrap:nowrap;align-items:center;gap:10px;padding:18px 22px 18px 12px;position:relative;z-index:1;}
html body.desktop-page #hongyi-mobile-shell .page[data-panel="owner-certificate-matching"] .certificate-matching>.cm-filters{grid-row:1;grid-column:2;align-items:center;gap:10px;margin:0;padding:18px 0;min-width:0;position:relative;z-index:1;}
html body.desktop-page #hongyi-mobile-shell .page[data-panel="owner-certificate-matching"] .certificate-matching>.cm-filters>label{min-width:0;}
html body.desktop-page #hongyi-mobile-shell .page[data-panel="owner-certificate-matching"] .certificate-matching>.cm-filters>label:first-child{order:2;flex:1;}
html body.desktop-page #hongyi-mobile-shell .page[data-panel="owner-certificate-matching"] .certificate-matching>.cm-filters>label:last-child{order:1;flex:0 0 140px;}
html body.desktop-page #hongyi-mobile-shell .page[data-panel="owner-certificate-matching"] .certificate-matching>.cm-filters :is(input,select),html body.desktop-page #hongyi-mobile-shell .page[data-panel="owner-certificate-matching"] .certificate-matching>.cm-heading button{width:100%;min-height:42px;height:42px;border:1px solid #e0e4ec;border-radius:8px;padding:10px 14px;background:#fff;color:#111827;font:700 14px/1.4 system-ui,sans-serif;box-shadow:none;}
html body.desktop-page #hongyi-mobile-shell .page[data-panel="owner-certificate-matching"] .certificate-matching>.cm-filters input::placeholder{color:#9ca3af;font-weight:700;}
html body.desktop-page #hongyi-mobile-shell .page[data-panel="owner-certificate-matching"] .certificate-matching>.cm-heading button{width:auto;white-space:nowrap;}
html body.desktop-page #hongyi-mobile-shell .page[data-panel="owner-certificate-matching"] .certificate-matching>.cm-heading [data-cm-refresh]{border-color:#db9b32;background:#fff9ed;color:#956016;}
html body.desktop-page #hongyi-mobile-shell .page[data-panel="owner-certificate-matching"] .certificate-matching>.cm-heading [data-cm-run]{border-color:#111827;background:#111827;color:#fff;}
html body.desktop-page #hongyi-mobile-shell .page[data-panel="owner-certificate-matching"] .certificate-matching>.cm-counts{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0 14px;}
html body.desktop-page #hongyi-mobile-shell .page[data-panel="owner-certificate-matching"] .certificate-matching>.cm-counts>button{display:grid;grid-template-columns:46px minmax(0,1fr);grid-template-rows:auto auto auto;align-content:center;align-items:center;justify-content:start;gap:4px 14px;min-width:0;min-height:112px;padding:17px 20px 15px;border:1px solid #e8ebf1;border-radius:12px;background:#fff;color:#5b6472;box-shadow:0 4px 16px #0f22400a;text-align:left;}
html body.desktop-page #hongyi-mobile-shell .page[data-panel="owner-certificate-matching"] .certificate-matching>.cm-counts>button::before{content:"";grid-column:1;grid-row:1/4;width:42px;height:42px;display:block;background:currentColor;mask:var(--cm-overview-icon) center/contain no-repeat;-webkit-mask:var(--cm-overview-icon) center/contain no-repeat;}
html body.desktop-page #hongyi-mobile-shell .page[data-panel="owner-certificate-matching"] .certificate-matching>.cm-counts>button>span{grid-column:2;grid-row:1;color:#5b6472;font:800 12px/1.5 system-ui,sans-serif;}
html body.desktop-page #hongyi-mobile-shell .page[data-panel="owner-certificate-matching"] .certificate-matching>.cm-counts>button>strong{grid-column:2;grid-row:2;margin:0;color:#13213a;font:700 25px/1.2 system-ui,sans-serif;font-variant-numeric:tabular-nums;}
html body.desktop-page #hongyi-mobile-shell .page[data-panel="owner-certificate-matching"] .certificate-matching>.cm-counts>button::after{grid-column:2;grid-row:3;margin-top:3px;color:#7e8795;font:650 11px/1.4 system-ui,sans-serif;}
html body.desktop-page #hongyi-mobile-shell .page[data-panel="owner-certificate-matching"] .certificate-matching>.cm-counts>button[aria-pressed="true"]{border-color:#d6a552;box-shadow:0 4px 16px #99671c12;}
html body.desktop-page #hongyi-mobile-shell .page[data-panel="owner-certificate-matching"] .certificate-matching>.cm-counts>button:hover{border-color:#d6a552;background:#fffcf5;}
html body.desktop-page #hongyi-mobile-shell .page[data-panel="owner-certificate-matching"] .certificate-matching>.cm-counts>[data-cm-tab="pending"]{--cm-overview-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%203h9l4%204v14H6zM15%203v5h4M9%2012h7M9%2016h4%22%2F%3E%3C%2Fsvg%3E");}
html body.desktop-page #hongyi-mobile-shell .page[data-panel="owner-certificate-matching"] .certificate-matching>.cm-counts>[data-cm-tab="deferred"]{--cm-overview-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M12%207v5l3%202%22%2F%3E%3C%2Fsvg%3E");}
html body.desktop-page #hongyi-mobile-shell .page[data-panel="owner-certificate-matching"] .certificate-matching>.cm-counts>[data-cm-tab="matched"]{--cm-overview-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%203h9l4%204v14H6zM15%203v5h4M9%2014l2%202%205-5%22%2F%3E%3C%2Fsvg%3E");}
html body.desktop-page #hongyi-mobile-shell .page[data-panel="owner-certificate-matching"] .certificate-matching>.cm-counts>[data-cm-tab="error"]{--cm-overview-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M10.3%203.8L1.8%2018.5A1.7%201.7%200%20003.3%2021h17.4a1.7%201.7%200%20001.5-2.5L13.7%203.8a2%202%200%2000-3.4%200zM12%209v4M12%2017h.01%22%2F%3E%3C%2Fsvg%3E");}
html body.desktop-page #hongyi-mobile-shell .page[data-panel="owner-certificate-matching"] .certificate-matching>.cm-counts>[data-cm-tab="pending"]::after{content:"待核對車輛";}
html body.desktop-page #hongyi-mobile-shell .page[data-panel="owner-certificate-matching"] .certificate-matching>.cm-counts>[data-cm-tab="deferred"]::after{content:"稍後繼續匹配";}
html body.desktop-page #hongyi-mobile-shell .page[data-panel="owner-certificate-matching"] .certificate-matching>.cm-counts>[data-cm-tab="matched"]::after{content:"已連結車輛";}
html body.desktop-page #hongyi-mobile-shell .page[data-panel="owner-certificate-matching"] .certificate-matching>.cm-counts>[data-cm-tab="error"]::after{content:"查看失敗原因";}
html body.desktop-page #hongyi-mobile-shell .page[data-panel="owner-certificate-matching"] .certificate-matching>.cm-message{grid-column:1/-1;grid-row:3;margin:0 0 14px;}
html body.desktop-page #hongyi-mobile-shell .page[data-panel="owner-certificate-matching"] .certificate-matching>.cm-message:empty{display:none;}
html body.desktop-page #hongyi-mobile-shell .page[data-panel="owner-certificate-matching"] .certificate-matching>.cm-workspace{grid-column:1/-1;grid-row:4;min-width:0;}
}
@media(min-width:901px) and (max-width:1100px){
html body.desktop-page #hongyi-mobile-shell .page[data-panel="owner-certificate-matching"] .certificate-matching{grid-template-columns:150px minmax(0,1fr) auto;}
html body.desktop-page #hongyi-mobile-shell .page[data-panel="owner-certificate-matching"] .certificate-matching>.cm-heading>div:first-child{padding-left:16px;}
html body.desktop-page #hongyi-mobile-shell .page[data-panel="owner-certificate-matching"] .certificate-matching>.cm-heading .cm-inbox-title{font-size:14px;}
html body.desktop-page #hongyi-mobile-shell .page[data-panel="owner-certificate-matching"] .certificate-matching>.cm-heading>.cm-actions{padding-right:16px;gap:8px;}
html body.desktop-page #hongyi-mobile-shell .page[data-panel="owner-certificate-matching"] .certificate-matching>.cm-filters>label:last-child{flex-basis:116px;}
html body.desktop-page #hongyi-mobile-shell .page[data-panel="owner-certificate-matching"] .certificate-matching>.cm-counts>button{padding:16px 14px;gap:4px 8px;grid-template-columns:40px minmax(0,1fr);}
html body.desktop-page #hongyi-mobile-shell .page[data-panel="owner-certificate-matching"] .certificate-matching>.cm-counts>button::before{width:36px;height:36px;}
}