.prd2-local-source-demo[hidden]{display:none!important}
.prd2-local-source-demo{margin:18px 0 22px}
.prd2-local-source-head{max-width:790px;margin:0 auto 10px;padding:0 8px;color:#475467;font-size:.92rem;line-height:1.45}
.prd2-local-source-head b{color:#17202a}
.prd2-local-source-surface{max-width:790px;margin:0 auto;background:#f2f4f7;border:1px solid #d8dee8;border-radius:14px;overflow:hidden;box-shadow:0 10px 30px #0b25451a;transition:max-width .2s ease}
.prd2-local-source-demo.is-mobile .prd2-local-source-surface{max-width:390px}
body.prd2-local-source-mode #demoClientPreview{display:none!important}
body.prd2-local-source-mode .demo-plan-banner{display:none!important}

.prd2-local-ui{font-family:Arial,sans-serif;background:#f2f4f7;color:#17202a;min-height:620px;padding:1px 0 14px}
.prd2-local-ui *{box-sizing:border-box}
.prd2-local-ui .wrap{max-width:760px;margin:auto;padding:14px}
.prd2-local-ui .local-demo-note{font-size:.75rem;color:#667;text-align:right;margin:0 2px 4px}
.prd2-local-ui .card{background:#fff;border-radius:12px;padding:16px;margin:12px 0;box-shadow:0 2px 9px #0002}
.prd2-local-ui .navtiles{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0 14px}
.prd2-local-ui .navtile{display:flex;align-items:center;justify-content:center;min-height:42px;text-align:center;text-decoration:none;color:#17202a;background:#fff;border:0;border-radius:10px;padding:8px;font-weight:bold;box-shadow:0 2px 7px #0002;cursor:pointer}
.prd2-local-ui .ver{font-size:.72em;color:#667;font-weight:normal}
.prd2-local-ui .pagetitle{margin:14px 2px 6px}
.prd2-local-ui .top{display:flex;gap:10px;align-items:center;justify-content:space-between}
.prd2-local-ui .temps,.prd2-local-ui .grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.prd2-local-ui .big{font-size:2.2rem;font-weight:bold}
.prd2-local-ui .counter{font-size:1.4rem;font-weight:bold}
.prd2-local-ui .label,.prd2-local-ui .etime,.prd2-local-ui small{color:#667}
.prd2-local-ui .etime{font-size:.82rem}
.prd2-local-ui label{display:block;margin:8px 0}
.prd2-local-ui input:not([type="checkbox"]),.prd2-local-ui select,.prd2-local-ui button{font-size:1rem;padding:10px;border:1px solid #bbb;border-radius:8px;width:100%;background:#fff;color:#17202a}
.prd2-local-ui button{font-weight:bold;background:#e9eef5;cursor:pointer}
.prd2-local-ui .stop{background:#b00020;color:white;border:0}
.prd2-local-ui .start,.prd2-local-ui .save{background:#087f5b;color:white;border:0}
.prd2-local-ui .cloud{background:#0b6bcb;color:white;border:0}
.prd2-local-ui .hint{min-height:1.2em;margin-top:8px;font-weight:bold}
.prd2-local-ui .okmsg{color:#087f5b}.prd2-local-ui .errmsg,.prd2-local-ui .warn{color:#b00020}.prd2-local-ui .pending{color:#8a5a00}
.prd2-local-ui .netgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin:10px 0}
.prd2-local-ui .nettile{text-align:left;background:#fff;white-space:normal;overflow-wrap:anywhere}
.prd2-local-ui .nettile.selected{background:#dff5eb;border:2px solid #087f5b}
.prd2-local-ui .tgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:8px}
.prd2-local-ui .selected-test{outline:2px solid #087f5b;background:#dff5eb}
.prd2-local-ui .logbox{max-height:430px;overflow-y:auto;border:1px solid #ddd;border-radius:8px}
.prd2-local-ui .event{padding:10px 12px;border-bottom:1px solid #eee}.prd2-local-ui .event:last-child{border-bottom:0}
.prd2-local-ui .update-meta{background:#f5f7fa;padding:12px;border-radius:10px}
.prd2-local-ui .dlg-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.prd2-local-ui .checks{display:grid;grid-template-columns:1fr;gap:4px;margin:8px 0}
.prd2-local-ui .checks input{width:auto;margin-right:6px}
.prd2-local-ui .local-dialog-backdrop{position:fixed;inset:0;background:#0008;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}
.prd2-local-ui .local-dialog{max-width:650px;width:100%;background:#fff;border-radius:14px;padding:20px;box-shadow:0 8px 35px #0006}
@media(max-width:600px){.prd2-local-source-surface{border-radius:10px}.prd2-local-source-head{padding:0 2px}.prd2-local-ui .grid,.prd2-local-ui .temps,.prd2-local-ui .dlg-actions{grid-template-columns:1fr}.prd2-local-ui .navtiles{grid-template-columns:1fr 1fr}.prd2-local-ui .tgrid{grid-template-columns:1fr 1fr}.prd2-local-ui .big{font-size:1.9rem}}