#layersPanel{min-width:0;color:var(--text,#202c40)}
#layersPanel[hidden]{display:none}
#layersPanel .ly-card{background:var(--panel,#fff);border:1px solid var(--border,#e3e9f2);border-radius:16px;padding:22px;margin-bottom:18px;min-width:0}
#layersPanel h2,#layersPanel h3{margin:0 0 10px;font-weight:650}
#layersPanel p{line-height:1.65;overflow-wrap:anywhere}
#layersPanel .ly-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:18px}
#layersPanel .ly-head p{color:var(--muted,#68788e);margin:0}
#layersPanel .ly-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:14px 0}
#layersPanel label{display:flex;align-items:center;gap:8px;min-width:0}
#layersPanel select,#layersPanel input[type=search]{min-width:0;max-width:100%;height:38px;border:1px solid var(--border,#dae3ef);border-radius:8px;padding:0 10px;background:var(--panel,#fff);color:inherit}
#layersPanel input[type=checkbox]{width:16px;height:16px;flex:0 0 16px}
#layersPanel #lySearch{flex:1;min-width:180px}
#layersPanel #lyCache{max-width:360px;flex:1}
#layersPanel button{border:1px solid var(--border,#dbe4f0);background:var(--panel,#fff);color:var(--text,#26344b);border-radius:8px;min-height:36px;padding:7px 12px;white-space:nowrap;cursor:pointer;transition:background var(--wb-motion-fast,160ms),border-color var(--wb-motion-fast,160ms),transform var(--wb-motion-fast,160ms)}
#layersPanel button.primary{background:#246bfe;border-color:#246bfe;color:#fff}
#layersPanel button:hover:not(:disabled){border-color:#246bfe}
#layersPanel button:disabled{opacity:.5;cursor:not-allowed}
#layersPanel :is(button,input,select,summary,a):focus-visible{outline:2px solid #246bfe;outline-offset:3px}
#layersPanel .ly-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:16px 0}
#layersPanel .ly-kpi{border:1px solid var(--border,#e3e9f2);border-radius:12px;background:var(--panel,#fff);padding:18px;min-width:0}
#layersPanel .ly-kpi span{display:block;font-size:12px;color:var(--muted,#6c7a91)}
#layersPanel .ly-kpi strong{display:block;font-size:26px;line-height:1.5;color:#246bfe;overflow-wrap:anywhere}
#layersPanel .ly-stages{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
#layersPanel .ly-stages span{padding:6px 9px;border-radius:6px;background:#f1f4f9;font-size:12px}
#layersPanel .ly-stages .done{background:#e9f7f2;color:#197956}
#layersPanel .ly-status{border-radius:10px;background:#f4f7fc;padding:14px;margin:14px 0}
#layersPanel progress{display:block;width:100%;height:5px;margin-top:10px;accent-color:#246bfe}
#layersPanel #lyError,#layersPanel #lyDetailError{color:#b42336;background:#fff0f2;padding:12px;border-radius:8px}
#layersPanel #lyNotice{color:#315882;padding:10px 0}
#layersPanel .ly-table-wrap{width:100%;max-width:100%;overflow:auto;position:relative;border:1px solid var(--border,#e3e9f2);border-radius:12px}
#layersPanel table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:1260px;font-size:13px}
#layersPanel th,#layersPanel td{padding:14px 12px;border-bottom:1px solid var(--border,#e8edf4);vertical-align:top;text-align:left;white-space:normal;overflow-wrap:anywhere}
#layersPanel th{background:#f5f8fc;color:#67758b;font-size:12px;font-weight:600}
#layersPanel .ly-main-table th:nth-child(1),#layersPanel .ly-main-table td:nth-child(1){width:270px;text-align:left}
#layersPanel .ly-main-table th:nth-child(2){width:120px}
#layersPanel .ly-main-table th:nth-child(3){width:125px}
#layersPanel .ly-main-table th:nth-child(4){width:430px}
#layersPanel .ly-main-table th:nth-child(5){width:150px}
#layersPanel .ly-main-table th:nth-child(6),#layersPanel .ly-main-table td:nth-child(6){width:130px;text-align:left}
#layersPanel td small{display:block;color:#7a8799;margin-top:6px;font-size:11px}
#layersPanel td button{display:block;margin-bottom:8px;min-height:32px;padding:5px 10px}
#layersPanel .ly-product{display:flex;gap:12px;align-items:flex-start;min-width:0}
#layersPanel .ly-product img,#layersPanel .ly-placeholder{width:60px;height:60px;flex:0 0 60px;object-fit:contain;background:#f3f6fa;border-radius:8px}
#layersPanel .ly-product>div{min-width:0;flex:1}
#layersPanel .ly-product a{font-weight:650;color:var(--text,#202c40);line-height:1.5;text-decoration:none;overflow-wrap:anywhere}
#layersPanel .ly-placeholder{display:grid;place-items:center;color:#8b98aa}
#layersPanel .ly-tag{display:inline-block;padding:4px 7px;border-radius:5px;background:#edf3ff;color:#285eb9;font-size:11px;margin:0 4px 5px 0}
#layersPanel .ly-tag.danger{background:#fff0f2;color:#b62c43}
#layersPanel .ly-tag.warning{background:#fff5e6;color:#a36310}
#layersPanel .ly-tag.focus{background:#e9f7f0;color:#21805a}
#layersPanel .ly-reminder{margin-top:8px;overflow-wrap:anywhere}
#layersPanel .ly-reminder p{margin:4px 0;font-size:12px;line-height:1.6;color:var(--text,#202c40)}
#layersPanel .ly-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#layersPanel .ly-metrics>div{padding:8px;background:#f6f8fc;border-radius:6px;min-width:0}
#layersPanel .ly-metrics span{display:block;font-size:11px;color:#68788e}
#layersPanel .ly-metrics b{display:block;margin-top:4px;font-variant-numeric:tabular-nums}
#layersPanel .ly-metrics .ly-weak{background:#fff6e9;color:#9c620d}
#layersPanel summary{cursor:pointer;color:#246bfe;margin:10px 0;font-weight:600}
#layersPanel details p{font-size:12px;margin:6px 0}
#layersPanel .ly-foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:16px}
#layersPanel .ly-empty{padding:48px 18px;text-align:center;color:#76849a}
#layersPanel dialog{border:1px solid #dce5f1;border-radius:16px;max-width:calc(100vw - 32px);max-height:calc(100vh - 40px);padding:0;color:inherit;background:var(--panel,#fff)}
#layersPanel dialog::backdrop{background:#15274366}
#layersPanel #lyDetail{width:1100px}
#layersPanel #lyConfirm{width:450px}
#layersPanel .ly-dialog-head{padding:20px 24px;border-bottom:1px solid #e3e9f2;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
#layersPanel .ly-dialog-body{padding:22px 24px;overflow:auto;max-height:calc(100vh - 210px)}
#layersPanel .ly-dialog-body section{margin:20px 0}
#layersPanel .ly-detail-table{min-width:760px;table-layout:auto}
#layersPanel .ly-detail-table :is(th,td):first-child,#layersPanel .ly-detail-table :is(th,td):last-child{width:auto;text-align:left}
#layersPanel .ly-dialog-actions{padding:14px 24px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-top:1px solid #e3e9f2}
#layersPanel [hidden]{display:none!important}
@media(max-width:1200px){#layersPanel .ly-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}#layersPanel .ly-toolbar{align-items:stretch}#layersPanel #lyCache{max-width:100%}}
@media(max-width:600px){#layersPanel .ly-card{padding:14px}#layersPanel .ly-kpis{gap:8px}#layersPanel .ly-kpi{padding:12px}#layersPanel .ly-kpi strong{font-size:23px}#layersPanel .ly-toolbar label{flex-wrap:wrap;width:100%}#layersPanel .ly-toolbar label select{flex:1}#layersPanel .ly-dialog-body{padding:16px}#layersPanel .ly-dialog-head{padding:16px}#layersPanel #lySearch{min-width:0;width:100%;flex-basis:100%}#layersPanel #lyCache{width:100%}}
@media(prefers-reduced-motion:reduce){#layersPanel *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

#layersPanel .ly-stage-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:16px 0}
#layersPanel .ly-stage-tabs button{padding:14px;text-align:left;white-space:normal}
#layersPanel .ly-stage-tabs strong,#layersPanel .ly-stage-tabs small{display:block;line-height:1.6}
#layersPanel .ly-stage-tabs small{color:#6b7d94;font-size:11px;font-weight:400}
#layersPanel .ly-stage-tabs button[aria-pressed=true]{background:#edf3ff;border-color:#246bfe;color:#246bfe}
@media(max-width:1100px){#layersPanel .ly-stage-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){#layersPanel .ly-stage-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Shared 360 view also serves the product-advisor dialog. */
#layersPanel .ly-360 .ly-hero{display:flex;align-items:flex-start;gap:14px;min-width:0}
#layersPanel .ly-360 .ly-hero>div{min-width:0}
#layersPanel .ly-360 .ly-hero>img{width:64px;height:64px;object-fit:contain;border-radius:10px;flex:0 0 64px}
#layersPanel .ly-360 .ly-hero h3{font-size:16px;line-height:1.6;overflow-wrap:anywhere;margin:5px 0}
#layersPanel .ly-360 .ly-orbit svg{width:38px;height:38px;fill:none;stroke:currentColor;stroke-width:1.3}
#layersPanel .ly-360 .ly-muted{color:var(--wb-muted);font-size:12px;line-height:1.7;margin:8px 0}
#layersPanel .ly-360 .ly-360-tabs button{font:inherit;font-size:12px}
@media(max-width:600px){#layersPanel .ly-360 .ly-hero{flex-direction:column}}

/* Local pages browse returned batches without more platform requests. */
.ly-pagination,.ly-pagination #lyLocalPaging{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.ly-pagination #lyLocalPaging[hidden]{display:none}.ly-pagination label{display:inline-flex;align-items:center;gap:6px;font-size:12px}.ly-pagination select{width:74px}.ly-pagination input{width:62px}.ly-pagination :is(input,select){min-height:34px;padding:6px 8px}
@media(max-width:600px){.ly-foot{flex-wrap:wrap;gap:12px}.ly-pagination{width:100%}.ly-pagination :is(input,select,button){min-height:44px}}