.pt1-local-source-demo[hidden]{display:none!important}
.pt1-local-source-demo{margin:18px 0 22px}
.pt1-local-source-head{max-width:1010px;margin:0 auto 10px;padding:0 8px;color:#475467;font-size:.92rem;line-height:1.45}
.pt1-local-source-head b{color:#17202a}
.pt1-local-source-surface{max-width:1010px;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}
.pt1-local-source-demo.is-mobile .pt1-local-source-surface{max-width:390px}
body.pt1-local-source-mode #demoClientPreview{display:none!important}
body.pt1-local-source-mode .demo-plan-banner{display:none!important}

.pt1-local-ui{font-family:Arial,sans-serif;background:#f2f4f7;margin:0;color:#17202a;min-height:620px;padding:1px 0 14px}
.pt1-local-ui *{box-sizing:border-box}
.pt1-local-ui .wrap{max-width:980px;margin:auto;padding:14px}
.pt1-local-ui .card{background:#fff;border-radius:12px;padding:16px;margin:12px 0;box-shadow:0 2px 9px #0002}
.pt1-local-ui .navtiles{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0 14px}
.pt1-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;width:100%}
.pt1-local-ui .ver{font-size:.72em;color:#667;font-weight:normal}
.pt1-local-ui .top{display:flex;gap:10px;align-items:center;justify-content:space-between}
.pt1-local-ui .top h1{margin:18px 0 12px}
.pt1-local-ui .grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pt1-local-ui .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.pt1-local-ui .big{font-size:2rem;font-weight:bold}
.pt1-local-ui .label,.pt1-local-ui small{color:#667}
.pt1-local-ui label{display:block;margin:8px 0}
.pt1-local-ui input,.pt1-local-ui select,.pt1-local-ui button{font-size:1rem;padding:10px;border:1px solid #bbb;border-radius:8px;box-sizing:border-box;width:100%}
.pt1-local-ui button{font-weight:bold;background:#e9eef5;cursor:pointer}
.pt1-local-ui .stop{background:#b00020;color:white;border:0}
.pt1-local-ui .start,.pt1-local-ui .save{background:#087f5b;color:white;border:0}
.pt1-local-ui .update,.pt1-local-ui .cloud{background:#0b6bcb;color:white;border:0}
.pt1-local-ui .warn{color:#b00020}
.pt1-local-ui .ok{color:#087f5b}
.pt1-local-ui .hint{min-height:1.2em;font-weight:bold}
.pt1-local-ui .netgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}
.pt1-local-ui .nettile{text-align:left;background:#fff;white-space:normal;overflow-wrap:anywhere}
.pt1-local-ui .nettile.selected{background:#dff5eb;border:2px solid #087f5b}
.pt1-local-ui .days{overflow-x:auto}
.pt1-local-ui .day{display:grid;grid-template-columns:45px repeat(48,18px);gap:2px;margin:3px 0;align-items:center;min-width:max-content}
.pt1-local-ui .tile{width:18px;height:24px;border:1px solid #999;padding:0;border-radius:2px}
.pt1-local-ui .c0{background:#d33}
.pt1-local-ui .c1{background:#3a5}
.pt1-local-ui .c2{background:#fd3}
.pt1-local-ui .c3{background:#4af}
.pt1-local-ui .c4{background:#a6c}
.pt1-local-ui .pal.sel{outline:3px solid #222}
.pt1-local-ui .row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.pt1-local-ui .row>*{flex:1 1 150px}
.pt1-local-ui .mono{font-family:monospace;overflow-wrap:anywhere}
.pt1-local-ui .local-demo-note{font-size:.75rem;color:#667;text-align:right;margin:0 2px 4px}
.pt1-local-ui .pt1-clockline{color:#667;margin-top:10px}

@media(max-width:650px){
 .pt1-local-ui .grid,.pt1-local-ui .grid3{grid-template-columns:1fr}
 .pt1-local-ui .navtiles{grid-template-columns:1fr 1fr}
 .pt1-local-ui .day{grid-template-columns:38px repeat(48,16px)}
 .pt1-local-ui .tile{width:16px}
 .pt1-local-ui .top h1{font-size:1.55rem}
}