#sy-ap{color-scheme:light;--sy-bg:#f3f5f9;--sy-title-blue:linear-gradient(110deg,#cce6fa,#dfdcf9);--sy-title-purple:linear-gradient(110deg,#ded3f4,#ede5fb);--sy-title-jade:linear-gradient(110deg,#cde9e4,#d9eafa);--sy-title-rose:linear-gradient(110deg,#f0d7df,#f9e9e4);--sy-title-amber:linear-gradient(110deg,#f5dfbe,#fbefdb);--sy-nav-bg:#245547;--sy-nav-active:#3c8b73;--sy-nav-ink:#f4fbf8;--sy-nav-hover:#316c59;--sy-card-radius:8px;--sy-card-shadow:0 3px 8px #17375b08,0 10px 22px #17375b0a;--sy-panel:#fff;--sy-ink:#14283f;--sy-muted:#627185;--sy-line:#e2e8f0;--sy-green:#236aa2;--sy-soft:#edf5fc;--sy-amber:#a56305;--sy-red:#c63838;font:14px/1.5 Arial,sans-serif;color:var(--sy-ink)}#sy-ap *{box-sizing:border-box}#sy-ap button,#sy-ap select{font:inherit;color:inherit}#sy-ap button{cursor:var(--cursor-interaction, pointer)}#sy-ap button{transition:background-color .18s,border-color .18s,box-shadow .18s}#sy-ap button:disabled{opacity:.48;cursor:not-allowed}#sy-ap button:enabled:hover{background:var(--button-hover-bg,color-mix(in srgb,var(--sy-green) 12%,var(--sy-panel)));border-color:var(--button-hover-border,var(--sy-green))}#sy-ap .sy-button.sy-primary:enabled:hover,#sy-ap .sy-button[aria-pressed=true]:enabled:hover{background:color-mix(in srgb,var(--sy-green) 88%,#000);color:#fff}#sy-ap button:focus-visible,#sy-ap input:focus-visible,#sy-ap select:focus-visible,#sy-ap textarea:focus-visible,#sy-ap summary:focus-visible{outline:3px solid color-mix(in srgb,var(--sy-green) 40%,transparent);outline-offset:2px}#sy-ap .sy-stage{background:var(--sy-bg);min-height:100dvh;--sy-header-height:86px;--sy-nav-width:52px;--sy-menu-width:52px}#sy-ap .sy-stage[data-menu-open=true]{--sy-menu-width:260px}#sy-ap .sy-header{position:sticky;top:0;z-index:50;background:var(--theme-header,#fff);color:var(--sy-ink);box-shadow:0 2px 8px #17375b06;padding:12px 26px;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:86px;border-bottom:1px solid var(--sy-line)}#sy-ap .sy-header .sy-button{color:var(--sy-ink)}#sy-ap .sy-header .sy-button.sy-primary{color:#fff}#sy-ap .sy-header img{width:218px;height:auto;max-height:62px;object-fit:contain;object-position:left;flex-shrink:0}#sy-ap .sy-role{font-size:12px;text-align:right}#sy-ap .sy-header-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:flex-end}#sy-ap .sy-button{border:1px solid var(--sy-line);background:var(--sy-panel);border-radius:9px;padding:8px 12px;display:inline-flex;align-items:center;gap:7px;text-align:left;text-decoration:none}#sy-ap .sy-button[aria-pressed=true],#sy-ap .sy-button.sy-active{background:var(--sy-green);color:#fff;border-color:var(--sy-green)}#sy-ap .sy-shell{display:grid;grid-template-columns:var(--sy-nav-width) minmax(0,1fr);position:relative;align-items:start}#sy-ap .sy-shell>.sy-content{grid-column:2;min-height:calc(100dvh - var(--sy-header-height))}#sy-ap .sy-nav{position:fixed;top:var(--sy-header-height);bottom:0;left:0;z-index:40;width:var(--sy-menu-width);overflow-x:hidden;overflow-y:auto;padding:12px 0;background:var(--sy-nav-bg);color:var(--sy-nav-ink);border-right:1px solid #1f493c;display:flex;flex-direction:column;gap:0;transition:width .18s ease-out}#sy-ap .sy-stage[data-menu-open=true] .sy-nav{padding:12px 0}#sy-ap .sy-nav-label{display:inline;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .12s ease-out}#sy-ap .sy-stage[data-menu-open=true] .sy-nav-label{opacity:1;visibility:visible}#sy-ap .sy-brand{display:flex;align-items:center;gap:12px;min-width:0}#sy-ap .sy-nav button{width:100%;min-height:44px;border:1px solid transparent;border-radius:0;background:transparent;display:flex;gap:12px;align-items:center;justify-content:flex-start;padding:10px 14px;text-align:left;flex-shrink:0;white-space:nowrap;font-size:14px;color:var(--sy-nav-ink);--button-hover-bg:var(--sy-nav-hover)}#sy-ap .sy-stage[data-menu-open=true] .sy-nav button{justify-content:flex-start;gap:12px}#sy-ap .sy-nav button svg{width:22px;height:22px;flex-shrink:0}#sy-ap .sy-nav button[aria-current=page]{background:var(--sy-nav-active);color:#fff;border-color:var(--sy-nav-active);font-weight:600;box-shadow:0 4px 12px #102e241a;--button-hover-bg:#459d83}#sy-ap .sy-nav button:enabled:hover{background:var(--button-hover-bg);border-color:var(--sy-nav-active)}#sy-ap .sy-nav small{margin:14px 10px;color:var(--sy-muted);font-size:12px}#sy-ap .sy-content{padding:20px;min-width:0;background:var(--sy-bg)}#sy-ap h2{font-size:24px;margin:0 0 4px;line-height:1.3}#sy-ap h3{font-size:15px;margin:0 0 12px}#sy-ap p{margin:0 0 12px}#sy-ap .sy-muted{color:var(--sy-muted);font-size:12px}#sy-ap .sy-heading{display:flex;justify-content:space-between;gap:12px;margin-bottom:16px;align-items:start;flex-wrap:wrap}#sy-ap .sy-page-time{font-size:12px;color:var(--sy-muted);padding-top:5px;white-space:nowrap;margin-left:auto}#sy-ap .sy-tag{display:inline-flex;align-items:center;gap:5px;background:var(--sy-soft);color:var(--sy-green);padding:4px 8px;border-radius:7px;font-size:12px;white-space:nowrap}#sy-ap .sy-tag.sy-warning{background:var(--theme-tint-amber,#fff2dc);color:var(--sy-amber)}#sy-ap .sy-tag.sy-danger{background:var(--theme-tint-red,#fbeaea);color:var(--sy-red)}#sy-ap .sy-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px}#sy-ap .sy-metric{background:var(--sy-panel);border:1px solid var(--sy-line);border-radius:10px;padding:11px 12px;min-width:0}#sy-ap .sy-metric strong{display:block;font-size:25px;line-height:1.25;margin:5px 0 2px;font-variant-numeric:tabular-nums}#sy-ap .sy-label{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--sy-muted)}#sy-ap .sy-panel{background:var(--sy-panel);border:1px solid var(--sy-line);border-radius:var(--sy-card-radius);box-shadow:var(--sy-card-shadow);padding:14px;margin-bottom:16px;min-width:0}#sy-ap .sy-columns{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:10px;align-items:start}#sy-ap .sy-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--sy-line)}#sy-ap .sy-row:last-child{border-bottom:0}#sy-ap .sy-row strong{display:block;font-size:13px}#sy-ap .sy-row .sy-button{font-size:12px;flex-shrink:0}#sy-ap .sy-table-wrap{overflow-x:auto;overflow-y:hidden}#sy-ap table{width:100%;border-collapse:collapse;font-size:12px}#sy-ap th{background:var(--theme-tint-blue,#f5f7fa);color:var(--sy-muted);text-align:left;font-weight:500;padding:7px 8px}#sy-ap td{padding:7px 8px;border-bottom:1px solid var(--sy-line);vertical-align:middle;overflow-wrap:anywhere}#sy-ap .sy-num{white-space:nowrap;font-variant-numeric:tabular-nums}#sy-ap .sy-note{border-left:3px solid var(--sy-green);padding:10px 13px;background:var(--sy-soft);border-radius:0 8px 8px 0;font-size:12px;margin-bottom:16px}#sy-ap .sy-footer{padding:8px 0 0;color:var(--sy-muted);font-size:11px;text-align:center}#sy-ap .sy-filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:14px}#sy-ap label{display:grid;gap:5px;font-size:12px;min-width:0}#sy-ap select{padding:8px 10px;border:1px solid var(--sy-line);border-radius:8px;background:var(--sy-panel);max-width:100%}#sy-ap .sy-icon{width:18px;height:18px;flex-shrink:0}#sy-ap .sy-map{width:100%;display:block;background:var(--theme-tint-blue,#eef7fc);border-radius:5px;overflow:hidden}#sy-ap .sy-map text{font:12px Arial,sans-serif;fill:var(--sy-ink)}#sy-ap .sy-map .sy-land{fill:#e0e8ec;stroke:#bacbd3;stroke-width:.8;vector-effect:non-scaling-stroke}#sy-ap .sy-map .sy-land.sy-indonesia{fill:#c9dfce}#sy-ap .sy-map .sy-pin{fill:var(--theme-green,#3e8559);stroke:white;stroke-width:2}#sy-ap .sy-map .sy-pin.sy-selected{stroke:#183c2b;stroke-width:3}#sy-ap .sy-map .sy-pin.sy-offline{fill:var(--theme-red,#b33636)}#sy-ap .sy-map .sy-pin.sy-unknown{fill:var(--theme-amber,#92712d)}#sy-ap .sy-map-legend{display:flex;gap:12px;flex-wrap:wrap;padding-top:6px;font-size:11px;color:var(--sy-muted)}#sy-ap .sy-map-legend span{display:inline-flex;align-items:center;gap:5px}#sy-ap .sy-dot{width:8px;height:8px;background:var(--sy-green);border-radius:50%;display:inline-block}#sy-ap .sy-meter{height:5px;background:var(--sy-soft);border-radius:5px;margin:9px 0 6px;overflow:hidden}#sy-ap .sy-meter span{display:block;height:100%;background:var(--sy-green)}#sy-ap .sy-resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}#sy-ap .sy-resource-grid .sy-metric strong{font-size:25px}#sy-ap .sy-inline{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:space-between}#sy-ap .sy-purpose{font-size:13px;color:var(--sy-muted);margin-bottom:14px}#sy-ap .sy-subnav{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 12px}#sy-ap .sy-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px}#sy-ap .sy-form-grid input{font:inherit;color:var(--sy-ink);border:1px solid var(--sy-line);border-radius:8px;padding:8px 10px;background:var(--theme-tint-blue,#f8fafc);width:100%;min-width:0}#sy-ap .sy-theme-options{display:flex;gap:8px;flex-wrap:wrap}#sy-ap .sy-primary{background:#236aa2;color:#fff;border-color:#236aa2;font-weight:600}#sy-ap .sy-eyebrow{font-size:11px;font-weight:600;letter-spacing:1.3px;color:var(--theme-blue,#236aa2)}#sy-ap .sy-order-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:15px}#sy-ap .sy-order-options label{display:flex;align-items:flex-start;gap:8px;padding:12px;border:1px solid var(--sy-line);border-radius:6px;font-size:13px}#sy-ap .sy-order-options label:has(input:checked){background:var(--theme-tint-blue,#f0f6fc);border-color:#236aa2}#sy-ap .sy-order-options small{display:block;color:var(--sy-muted);font-size:11px;margin-top:3px}#sy-ap .sy-order-options input{accent-color:#236aa2;margin-top:4px}#sy-ap .sy-empty{padding:20px 0;color:var(--sy-muted);font-size:13px}@media(max-width:760px){#sy-ap .sy-nav small{display:none}#sy-ap .sy-content{padding:16px}#sy-ap .sy-columns{grid-template-columns:1fr}#sy-ap .sy-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:400px){#sy-ap .sy-header{padding:12px}#sy-ap .sy-header img{width:150px;max-height:50px}#sy-ap .sy-content{padding:12px}#sy-ap .sy-metric{padding:12px}#sy-ap .sy-row{align-items:start;flex-wrap:wrap}}@media(max-width:600px){#sy-ap .sy-resource-grid,#sy-ap .sy-form-grid{grid-template-columns:1fr}#sy-ap select{font-size:16px}#sy-ap .sy-filters label{width:100%}}@media(max-width:900px){#sy-ap .sy-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){#sy-ap .sy-header{flex-wrap:wrap}#sy-ap .sy-header-actions{width:100%;justify-content:space-between}#sy-ap .sy-welcome,#sy-ap .sy-order-banner{align-items:flex-start;flex-direction:column}#sy-ap .sy-summary-grid,#sy-ap .sy-page-grid,#sy-ap .sy-order-options{grid-template-columns:1fr}}#sy-ap .sy-overview-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:16px;margin-bottom:18px}#sy-ap .sy-overview-box{--box-tone:#236aa2;--box-tint:var(--sy-title-blue);grid-column:span 2;display:flex;flex-direction:column;background:var(--sy-panel);border:1px solid var(--sy-line);border-radius:var(--sy-card-radius);box-shadow:var(--sy-card-shadow);min-width:0}#sy-ap .sy-overview-box:nth-child(n+5){grid-column:span 8}#sy-ap .sy-overview-box[data-tone=violet]{--box-tone:#8061b9;--box-tint:var(--sy-title-purple)}#sy-ap .sy-overview-box[data-tone=teal]{--box-tone:#137d78;--box-tint:var(--sy-title-jade)}#sy-ap .sy-overview-box[data-tone=amber]{--box-tone:#a56305;--box-tint:var(--sy-title-amber)}#sy-ap .sy-overview-box[data-tone=red]{--box-tone:#c63838;--box-tint:var(--sy-title-rose)}#sy-ap .sy-overview-title{display:flex;align-items:center;gap:9px;padding:12px 14px;background:var(--box-tint);border-radius:var(--sy-card-radius) var(--sy-card-radius) 0 0}#sy-ap .sy-overview-title h3{margin:0;font-size:14px;color:var(--sy-ink)}#sy-ap .sy-overview-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--box-tone)}#sy-ap .sy-overview-body{padding:12px 14px 6px;flex:1}#sy-ap .sy-compact-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 12px}#sy-ap .sy-compact-figure{min-width:0;display:flex;flex-direction:column;gap:5px}#sy-ap .sy-compact-figure+.sy-compact-figure{border-left:1px solid var(--theme-line,#e2e8f0);padding-left:14px}#sy-ap .sy-compact-figure strong{display:block;font-size:26px;line-height:1.2;font-weight:600;font-variant-numeric:tabular-nums;color:var(--box-tone)}#sy-ap .sy-compact-figure span{font-size:12px;color:var(--theme-muted,#526479);order:-1}#sy-ap .sy-overview-row{display:flex;justify-content:space-between;align-items:center;gap:9px;flex-wrap:wrap;font-size:12px;padding:6px 0;border-top:1px solid var(--theme-line,#edf0f4)}#sy-ap .sy-overview-body p{font-size:12px;margin:9px 0 0}#sy-ap .sy-overview-link{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;border:0;border-top:1px solid var(--theme-line,#edf0f4);border-radius:0 0 var(--sy-card-radius) var(--sy-card-radius);background:var(--sy-panel);color:var(--box-tone);font-weight:600;font-size:12px;text-align:left}#sy-ap .sy-mini-resources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px}#sy-ap .sy-support-top{display:flex;align-items:center;gap:12px;margin-bottom:10px}#sy-ap .sy-support-top>strong{font-size:30px;font-weight:600;line-height:1}#sy-ap .sy-support-top b{display:block;font-size:13px;font-weight:600}#sy-ap .sy-support-top .sy-muted{display:block;font-size:11px}@media(max-width:950px){#sy-ap .sy-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#sy-ap .sy-overview-box,#sy-ap .sy-overview-box:nth-child(n+4){grid-column:span 1}#sy-ap .sy-overview-box:last-child{grid-column:span 2}}@media(max-width:600px){#sy-ap .sy-overview-grid{grid-template-columns:1fr}#sy-ap .sy-overview-box,#sy-ap .sy-overview-box:nth-child(n+4),#sy-ap .sy-overview-box:last-child{grid-column:span 1}}#sy-ap .ap-context{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}#sy-ap .ap-context select{width:100%;min-width:0}#sy-ap .ap-link{border:0;background:transparent;color:var(--theme-blue,#236aa2);padding:0;text-align:left;font:inherit}#sy-ap .ap-context+.ap-link{margin-top:10px}#sy-ap .ap-welcome{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}#sy-ap .ap-welcome h3{font-size:18px;margin:0}#sy-ap .ap-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}#sy-ap .ap-stat{background:var(--theme-tint-blue,#eff5ff);border:1px solid var(--theme-line,#e2e8f0);border-top:3px solid #236aa2;border-radius:var(--sy-card-radius);box-shadow:var(--sy-card-shadow);padding:12px;text-align:left;min-width:0}#sy-ap .ap-stat[data-tone=violet]{border-top-color:var(--theme-line,#8061b9);background:var(--theme-tint-purple,#f4effc)}#sy-ap .ap-stat[data-tone=teal]{border-top-color:#137d78;background:var(--theme-tint-green,#edf9f6)}#sy-ap .ap-stat[data-tone=amber]{border-top-color:#a56305;background:var(--theme-tint-amber,#fff7e9)}#sy-ap .ap-stat span,#sy-ap .ap-stat small{display:block;font-size:12px;color:var(--theme-muted,#627185)}#sy-ap .ap-stat strong{display:block;font-size:25px;margin:8px 0;color:var(--theme-blue,#163959)}#sy-ap .ap-main-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:12px;align-items:start}#sy-ap .ap-chat{position:relative;display:inline-flex;align-items:center;justify-content:center;background:var(--theme-panel,#fff);color:var(--theme-muted,#627185);border:1px solid var(--theme-line,#d8e3ef);border-radius:5px;min-width:34px;min-height:34px;flex-shrink:0}#sy-ap .ap-chat.ap-unread{background:var(--theme-tint-green,#edf8f0);border-color:var(--theme-line,#b9ddc6);color:var(--theme-green,#21834b)}#sy-ap .ap-chat b{position:absolute;top:-6px;right:-5px;min-width:15px;background:#21834b;color:#fff;font-size:10px;border-radius:9px;text-align:center;padding:0 3px}#sy-ap .sy-tag.sy-good{background:var(--theme-tint-green,#edf8f0);color:var(--theme-green,#21834b)}#sy-ap .ap-task{display:grid;gap:7px;justify-items:start;margin:0 0 12px}#sy-ap .ap-caption{font-size:11px;color:var(--theme-muted,#627185);margin:10px 0 0}#sy-ap .ap-device-grid{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.8fr);gap:14px;align-items:start}#sy-ap .ap-device-status{margin-bottom:12px}#sy-ap .ap-device-tabs{display:flex;gap:4px;margin:0;align-items:stretch;padding-left:4px}#sy-ap .ap-device-tabs button{border:1px solid var(--theme-line,#c8d8e7);border-top:3px solid var(--theme-line,#c8d8e7);border-radius:8px 8px 0 0;background:var(--theme-tint-blue,#edf5fc);color:var(--theme-muted,#627185);padding:10px 12px;margin-bottom:-1px;position:relative;min-width:0}#sy-ap .ap-device-tabs button[aria-selected=true]{border-top-color:#236aa2;border-bottom-color:var(--theme-line,#fff);color:var(--theme-blue,#236aa2);background:var(--theme-panel,#fff);z-index:1}#sy-ap .ap-device-content{border:1px solid var(--theme-line,#c8d8e7);border-radius:6px;padding:14px}#sy-ap .ap-data-state{display:flex;gap:7px;align-items:center;font-size:12px;color:var(--theme-blue,#14283f)}#sy-ap .ap-data-dot{display:inline-block;width:10px;height:10px;border-radius:50%;flex-shrink:0}#sy-ap .ap-data-valid .ap-data-dot{background:#21834b}#sy-ap .ap-data-missing .ap-data-dot{background:#c63838}#sy-ap .ap-widget-name{display:block;color:var(--theme-blue,#14283f);font-size:13px;font-weight:600}#sy-ap .ap-widget-status{color:var(--theme-blue,#14283f);font-size:12px}#sy-ap .ap-widget-value{display:block;color:var(--theme-muted,#526479);font-size:12px;margin-top:4px;overflow-wrap:anywhere}#sy-ap .ap-audit{margin-top:16px;padding-top:12px;border-top:1px solid var(--theme-line,#e2e8f0)}#sy-ap .ap-router-row{display:flex;align-items:center;gap:10px;padding:11px 8px;border-bottom:1px solid var(--theme-line,#e2e8f0)}#sy-ap .ap-router-row.ap-selected{background:var(--theme-tint-blue,#edf5fc);border-left:3px solid #236aa2;border-radius:5px}#sy-ap .ap-router-select{background:transparent;border:0;text-align:left;padding:0;min-width:0;flex:1}#sy-ap .ap-router-select strong,#sy-ap .ap-router-select span{display:block;overflow-wrap:anywhere}#sy-ap .ap-router-select strong{font-size:13px}#sy-ap .ap-router-select span{font-size:12px;color:var(--theme-muted,#627185);margin-top:4px}#sy-ap .ap-steps{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;font-size:12px}#sy-ap .ap-steps span{padding:6px;color:var(--theme-muted,#627185);border-bottom:2px solid var(--theme-line,#e2e8f0)}#sy-ap .ap-steps .ap-step-active{color:var(--theme-blue,#236aa2);border-color:#236aa2}#sy-ap .ap-draft{color:var(--theme-amber,#946007);font-size:12px;margin-top:10px}#sy-ap .ap-time{margin:12px 0}#sy-ap .ap-rank-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}#sy-ap .ap-current-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}#sy-ap .ap-history-empty{padding:24px 12px;margin:14px 0;background:var(--theme-tint-blue,#f7f9fc);text-align:center;color:var(--theme-muted,#627185);font-size:13px}#sy-ap .ap-check{display:flex;align-items:center;gap:8px;margin:10px 0}#sy-ap input,#sy-ap textarea{font:inherit;max-width:100%;min-width:0}#sy-ap textarea{border:1px solid var(--theme-line,#d8e3ed);background:var(--theme-panel,#fff);color:var(--theme-blue,#14283f);padding:9px;border-radius:5px;width:100%;min-height:90px;resize:vertical}#sy-ap .ap-dialog{width:min(650px,calc(100% - 24px));max-height:calc(100% - 24px);padding:20px;border:1px solid var(--theme-line,#d8e3ed);border-radius:7px;background:var(--theme-panel,#fff);color:var(--theme-blue,#14283f);font:14px/1.5 Arial,sans-serif}#sy-ap .ap-dialog::backdrop{background:#14283f50}#sy-ap .ap-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px;border-top:1px solid var(--theme-line,#e2e8f0);padding-top:12px}#sy-ap .ap-dialog li{margin:7px 0}#sy-ap .ap-chat-context{text-align:center;border-top:1px solid var(--theme-line,#e2e8f0);border-bottom:1px solid var(--theme-line,#e2e8f0);padding:10px 0;margin-bottom:10px}#sy-ap .ap-chat-context strong,#sy-ap .ap-chat-context span{display:block}#sy-ap .ap-chat-context span{font-size:12px;color:var(--theme-muted,#627185);margin-top:4px}#sy-ap .ap-chat-body{display:flex;flex-direction:column;gap:12px;min-height:150px;margin:14px 0}#sy-ap .ap-bubble{background:var(--theme-tint-blue,#f1f4f8);max-width:90%;padding:11px 13px;border-radius:7px;align-self:flex-start;white-space:pre-wrap;overflow-wrap:anywhere}#sy-ap .ap-bubble.ap-outgoing{background:var(--theme-tint-blue,#edf5fd);align-self:flex-end}#sy-ap .ap-bubble small{display:block;font-size:11px;color:var(--theme-muted,#627185)}#sy-ap .ap-bubble span{display:block}#sy-ap .ap-value-pair{display:grid;grid-template-columns:repeat(2,minmax(65px,1fr));gap:12px;margin:2px 0 7px;font-variant-numeric:tabular-nums}#sy-ap .ap-read-field{display:block;min-height:37px;padding:8px 10px;border:1px solid var(--theme-line,#e2e8f0);border-radius:6px;background:var(--theme-tint-blue,#f8fafc);color:var(--theme-blue,#14283f);font-size:13px;line-height:1.45;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}#sy-ap .ap-value-pair>span{display:grid;gap:3px}#sy-ap .ap-value-pair small{font-size:11px;color:var(--theme-muted,#627185)}#sy-ap .ap-value-pair b{font-size:13px;white-space:nowrap;color:var(--theme-blue,#14283f)}#sy-ap .ap-log table{font-size:12px;min-width:550px}#sy-ap .ap-log th{padding:7px 8px;white-space:nowrap}#sy-ap .ap-log td{padding:6px 8px;vertical-align:middle;line-height:1.35}#sy-ap .ap-log tbody tr:nth-child(even){background:var(--theme-tint-blue,#fafbfd)}#sy-ap .ap-log td:first-child{max-width:220px}#sy-ap .ap-log td:first-child strong{font-weight:500}#sy-ap .ap-log .sy-tag{padding:3px 6px;font-size:11px;white-space:nowrap}#sy-ap .ap-log .sy-button{padding:5px 8px;font-size:12px}#sy-ap .ap-log-time{display:flex;gap:6px;white-space:nowrap;font-variant-numeric:tabular-nums}#sy-ap .ap-log-time small{color:var(--theme-muted,#627185);width:30px;font-size:11px;flex-shrink:0}#sy-ap .ap-log-note{display:block;color:var(--theme-muted,#627185);font-size:11px;margin-top:2px}#sy-ap .ap-log-footer{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap;padding-top:10px;font-size:12px;color:var(--theme-muted,#627185)}#sy-ap .ap-log-footer>div{display:flex;align-items:center;gap:9px}@media(max-width:1000px){#sy-ap .ap-main-grid,#sy-ap .ap-device-grid{grid-template-columns:1fr}#sy-ap .ap-rank-grid{grid-template-columns:1fr}}@media(max-width:600px){#sy-ap .ap-current-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#sy-ap .ap-welcome{align-items:start;flex-direction:column}#sy-ap .ap-dialog{padding:14px}#sy-ap .ap-context{grid-template-columns:1fr}}@media(pointer:coarse){#sy-ap .ap-chat{min-width:44px;min-height:44px}#sy-ap input,#sy-ap textarea{font-size:16px}}#sy-ap .ap-topology{background:linear-gradient(110deg,var(--theme-tint-blue,#edf5ff),var(--theme-tint-purple,#f4effb));border:1px solid var(--theme-line,#dae3f3);border-radius:10px;padding:18px;margin:16px 0;color:var(--theme-blue,#253e60)}#sy-ap .ap-topology h3{margin:0 0 8px}#sy-ap .ap-topology p{margin:8px 0}#sy-ap .ap-topology-flow{display:flex;align-items:center;justify-content:center;gap:20px;padding:20px 0}#sy-ap .ap-topology-flow>div{display:grid;justify-items:center;gap:12px;text-align:center;min-width:0;flex:0 0 auto;width:150px;max-width:100%}#sy-ap .ap-topology-flow svg{width:48px;height:48px;stroke-width:2.5}#sy-ap .ap-topology-link{color:var(--theme-muted,#56836b);font-size:24px}#sy-ap .ap-topology small{color:var(--theme-muted,#647d70)}@media(max-width:550px){#sy-ap .ap-topology-flow{flex-direction:column;padding:12px 0}#sy-ap .ap-topology-link{transform:rotate(90deg)}}#sy-ap .sy-panel[data-panel-tone]{--panel-accent:#2664a1;--panel-tint:var(--sy-title-blue)}#sy-ap .sy-panel[data-panel-tone=teal]{--panel-accent:#28659b;--panel-tint:var(--sy-title-blue)}#sy-ap .sy-panel[data-panel-tone=amber]{--panel-accent:#975b11;--panel-tint:var(--sy-title-amber)}#sy-ap .sy-panel[data-panel-tone=purple]{--panel-accent:#7550a9;--panel-tint:var(--sy-title-purple)}#sy-ap .sy-panel[data-panel-tone]>h3{background:var(--panel-tint);color:var(--panel-accent);margin:-14px -14px 14px;padding:11px 14px;border-radius:var(--sy-card-radius) var(--sy-card-radius) 0 0;border-bottom:1px solid var(--theme-line,#e7edf3);font-size:14px}#sy-ap .ap-dashboard-quiet{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 14px;background:var(--theme-tint-green,#f0f8f4);color:var(--theme-green,#285b46);border-radius:7px;margin-bottom:12px;border:1px solid var(--theme-line,#dcece2)}#sy-ap .ap-dashboard-quiet small{color:var(--theme-muted,#627185)}#sy-ap .ap-greeting{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:0 0 14px}#sy-ap .ap-greeting p{margin:0;color:var(--theme-muted,#627185)}@media(max-width:600px){#sy-ap .ap-metrics{grid-template-columns:1fr}}#sy-ap .ap-health-table .ap-health-text{color:var(--theme-blue,#14283f);font-size:12px;line-height:1.5;white-space:normal;overflow-wrap:anywhere}#sy-ap .ap-health-table td{color:var(--theme-blue,#14283f);vertical-align:middle;padding:9px 10px}#sy-ap .ap-health-table th{color:var(--theme-muted,#526479)}#sy-ap .ap-context-sticky{position:sticky;top:0;z-index:20;background:var(--theme-panel,#fff);padding:9px 12px;box-shadow:0 3px 8px #14283f0a}#sy-ap .ap-context-sticky .ap-context{gap:10px}#sy-ap .ap-context-sticky label{font-weight:400;font-size:12px;gap:4px}#sy-ap .ap-context-sticky select{font-weight:400;font-size:13px;padding:7px 10px;min-height:34px}#sy-ap .ap-context-sticky>.ap-link{font-size:11px;font-weight:400;margin-top:5px}#sy-ap .ap-vm-history{border-top:1px solid var(--theme-line,#e2e8f0);padding-top:14px}#sy-ap .ap-vm-plots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}#sy-ap .ap-vm-plots>section{min-width:0;background:var(--theme-tint-blue,#fbfcff);border:1px solid var(--theme-line,#e2e8f0);border-radius:6px;padding:10px}#sy-ap .ap-vm-plots h4{margin:0 0 8px;color:var(--theme-blue,#14283f);font-size:13px}#sy-ap .ap-vm-plots svg{width:100%;height:210px;display:block}#sy-ap .ap-vm-plots text{fill:var(--theme-muted,#627185);font:11px Arial,sans-serif}@media(max-width:900px){#sy-ap .ap-vm-plots{grid-template-columns:1fr}}#sy-ap .ap-claim{background:var(--theme-panel,#fff);color:var(--theme-blue,#14283f);padding:0}#sy-ap .ap-claim-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:14px}#sy-ap .ap-claim-card{--claim-tone:#236aa2;--claim-tint:#edf5ff;border:1px solid var(--theme-line,#e0e3e8);border-top:4px solid var(--claim-tone);border-radius:6px;background:var(--claim-tint);padding:12px 14px 15px;text-align:left;min-width:0;box-shadow:none}#sy-ap .ap-claim-card[data-tone=red]{--claim-tone:#c75257;--claim-tint:#fff0f1}#sy-ap .ap-claim-card[data-tone=amber]{--claim-tone:#b77b23;--claim-tint:#fff5e5}#sy-ap .ap-claim-card[data-tone=green]{--claim-tone:#238271;--claim-tint:#eaf7f3}#sy-ap .ap-claim-card strong{display:block;font-size:27px;color:var(--theme-blue,#3464ea);font-weight:600;line-height:1.3;margin-bottom:6px;font-variant-numeric:tabular-nums}#sy-ap .ap-claim-card[data-tone=red] strong{color:var(--theme-red,#a7352b)}#sy-ap .ap-claim-card[data-tone=amber] strong{color:var(--theme-amber,#a95b1d)}#sy-ap .ap-claim-card[data-tone=green] strong{color:var(--theme-green,#367d62)}#sy-ap .ap-claim-card span{font-weight:600;color:var(--theme-muted,#5a6267);font-size:12px}#sy-ap .ap-claim-mode{display:flex;align-items:center;flex-wrap:wrap;gap:16px;padding:10px 12px;border:1px solid var(--theme-line,#e2e8f0);border-radius:6px;background:var(--theme-tint-blue,#f8faff);font-size:11px;margin-bottom:14px}#sy-ap .ap-claim-mode strong+strong{border-left:1px solid var(--theme-line,#dce1e5);padding-left:20px}#sy-ap .ap-claim-mode>span{color:var(--theme-muted,#627185)}#sy-ap .ap-claim-events{background:var(--theme-panel,#fff);border:1px solid var(--theme-line,#e2e8f0);border-radius:6px;padding:14px}#sy-ap .ap-claim-events h3{font-size:14px;color:var(--theme-purple,#7550a9);background:var(--theme-tint-purple,#f4edfc);font-weight:600;margin:-14px -14px 14px;padding:11px 14px;border-radius:var(--sy-card-radius) var(--sy-card-radius) 0 0;border-bottom:1px solid var(--theme-line,#e7edf3)}#sy-ap .ap-claim-filters{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;background:var(--theme-tint-blue,#f8faff);border:1px solid var(--theme-line,#e2e8f0);border-radius:6px;padding:10px;margin-bottom:14px}#sy-ap .ap-claim-status,#sy-ap .ap-claim-selects{display:flex;gap:7px;align-items:center;flex-wrap:wrap;font-size:11px}#sy-ap .ap-claim-status>strong{color:var(--theme-muted,#626a70)}#sy-ap .ap-claim-status button{display:flex;gap:7px;align-items:center;background:var(--theme-panel,#fff);border:1px solid var(--theme-line,#dce2e9);border-radius:5px;padding:7px 8px;font-size:11px;font-weight:600;color:var(--theme-ink,#29343b);white-space:nowrap}#sy-ap .ap-claim-status button[aria-pressed=true]{background:#236aa2;color:#fff;border-color:#236aa2}#sy-ap .ap-claim-status b{background:var(--theme-tint-blue,#eaf0f8);color:var(--theme-blue,#265481);border-radius:10px;padding:2px 8px;min-width:28px;text-align:center}#sy-ap .ap-claim-selects label{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;color:var(--theme-muted,#626a70)}#sy-ap .ap-claim-selects select{font-size:11px;width:160px;min-width:0;border-radius:5px;padding:7px;background:var(--theme-panel,#fff);color:var(--theme-ink,#29343b)}#sy-ap .ap-claim-table{overflow-x:auto;overflow-y:hidden;max-width:100%}#sy-ap .ap-claim-table table{min-width:1130px;font-size:11px;background:var(--theme-panel,#fff);border:1px solid var(--theme-line,#e0e5e8);color:var(--theme-ink,#29343b)}#sy-ap .ap-claim-table th{padding:8px 7px;background:var(--theme-tint-blue,#eff5f8);color:var(--theme-muted,#627185);font-weight:400;white-space:nowrap;border-bottom:2px solid var(--theme-line,#d9e0e4)}#sy-ap .ap-claim-table th:nth-child(6){background:var(--theme-tint-amber,#fdf7ec)}#sy-ap .ap-claim-table th:nth-child(7){background:var(--theme-tint-blue,#f3f0fa)}#sy-ap .ap-claim-table th:nth-child(8){background:var(--theme-tint-green,#eff8f3)}#sy-ap .ap-claim-table th:nth-child(9){background:var(--theme-tint-red,#faf0f1)}#sy-ap .ap-claim-table td{padding:6px 7px;line-height:1.4;border-bottom:1px solid var(--theme-line,#e9eef0);vertical-align:middle}#sy-ap .ap-claim-table tbody tr:nth-child(odd){background:var(--theme-tint-blue,#f9fbfc)}#sy-ap .ap-claim-table td:nth-child(3),#sy-ap .ap-claim-table td:nth-child(4),#sy-ap .ap-claim-table td:nth-child(5){white-space:nowrap;font-variant-numeric:tabular-nums}#sy-ap .ap-claim-router{border:0;background:transparent;padding:0;font-size:11px;color:var(--theme-blue,#307ac0);font-weight:600;text-align:left}#sy-ap .ap-claim-badge{display:inline-block;white-space:nowrap;background:var(--theme-tint-amber,#fff1c9);border:1px solid var(--theme-line,#efb751);border-radius:4px;padding:4px 6px;font-size:11px;font-weight:600}#sy-ap .ap-claim-badge[data-status='SLA EXCLUDED']{background:var(--theme-tint-green,#e8f6ee);border-color:var(--theme-line,#9acdb5)}#sy-ap .ap-claim-badge[data-status='SLA COUNTED'],#sy-ap .ap-claim-badge[data-status=ONGOING]{background:var(--theme-tint-red,#fdecec);border-color:var(--theme-line,#e4aaaa)}#sy-ap .ap-claim-actions{display:flex;gap:6px;white-space:nowrap}#sy-ap .ap-claim-actions button{border:0;background:#238271;border-radius:5px;color:#fff;padding:5px 8px;font-size:11px;font-weight:500;white-space:nowrap}#sy-ap .ap-claim-actions button[data-claim-review=INCLUDE]{background:#bb454b}#sy-ap .ap-claim-actions button:disabled{opacity:.45;cursor:not-allowed}#sy-ap .ap-claim-draft{display:block;color:var(--theme-muted,#627185);font-size:11px}#sy-ap .ap-claim-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;font-size:11px;color:var(--theme-muted,#627185)}#sy-ap .ap-claim-footer>div{display:flex;align-items:center;gap:8px}#sy-ap .ap-claim-footer button{background:var(--theme-panel,#fff);border:1px solid var(--theme-line,#dce2e9);border-radius:4px;padding:4px 9px}#sy-ap .ap-claim-footnote{font-size:11px;color:var(--theme-muted,#627185);margin:12px 0 0}#sy-ap .ap-exclude-dialog{width:min(1100px,calc(100% - 28px));background:var(--theme-panel,#fff);border-radius:9px;padding:20px;color:var(--theme-ink,#29343b)}#sy-ap .ap-exclude-dialog h3{color:var(--theme-muted,#627185);font-size:16px;border-bottom:1px solid var(--theme-line,#e3e7eb);padding-bottom:14px;margin-bottom:16px}#sy-ap .ap-exclude-meta{margin-bottom:22px}#sy-ap .ap-exclude-meta p{font-size:12px;margin:6px 0}#sy-ap .ap-exclude-dialog label{font-weight:600;justify-items:start;margin:0 0 14px}#sy-ap .ap-exclude-dialog select{width:230px;background:var(--theme-panel,#fff);border-radius:2px;padding:5px 7px;font-size:12px;font-weight:400}#sy-ap .ap-exclude-dialog textarea{width:min(650px,100%);min-height:110px;border-radius:0;font-weight:400;background:var(--theme-panel,#fff)}#sy-ap .ap-exclude-preview{padding:11px 12px;border:1px solid var(--theme-line,#e3e7eb);border-radius:6px;font-size:12px;margin:7px 0;white-space:pre-wrap;overflow-wrap:anywhere}#sy-ap .ap-exclude-hint{font-size:11px;color:var(--theme-muted,#627185);margin:8px 0 12px}#sy-ap .ap-exclude-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--theme-line,#e3e7eb);padding-top:14px;margin-top:12px}#sy-ap .ap-exclude-actions button{border:0;background:#236aa2;border-radius:5px;color:#fff;font-size:12px;padding:7px 12px}#sy-ap .ap-exclude-actions button[data-claim-submit]{background:#6caf97}@media(max-width:650px){#sy-ap .ap-claim-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px}#sy-ap .ap-claim-card:last-child{grid-column:span 2}#sy-ap .ap-claim-events{padding:10px}#sy-ap .ap-claim-selects label{flex-wrap:wrap}#sy-ap .ap-claim-status{gap:5px}#sy-ap .ap-claim-mode{gap:10px}#sy-ap .ap-claim-mode strong+strong{border:0;padding:0}}#sy-ap .ap-report{background:var(--theme-panel,#fff);padding:0;color:var(--theme-blue,#14283f)}#sy-ap .ap-report-layout{display:grid;grid-template-columns:minmax(0,2.6fr) minmax(250px,1fr);gap:14px;align-items:start}#sy-ap .ap-report-main{display:grid;gap:14px;min-width:0}#sy-ap .ap-report-panel{--report-tint:#edf5ff;--report-ink:#2664a1;background:var(--theme-panel,#fff);border:1px solid var(--theme-line,#e2e8f0);border-radius:6px;padding:14px;min-width:0}#sy-ap .ap-report-panel h3{font-size:14px;letter-spacing:0;color:var(--report-ink);background:var(--report-tint);margin:-14px -14px 14px;padding:11px 14px;border-radius:var(--sy-card-radius) var(--sy-card-radius) 0 0;border-bottom:1px solid var(--theme-line,#e7edf3)}#sy-ap .ap-report-segments{display:inline-flex;padding:5px;background:var(--theme-tint-blue,#edf3fa);border:1px solid var(--theme-line,#dce6f1);border-radius:7px;max-width:100%}#sy-ap .ap-report-segments button{border:0;background:transparent;color:var(--theme-muted,#627185);padding:10px 18px;font-weight:600;border-radius:5px}#sy-ap .ap-report-segments button[aria-pressed=true]{background:var(--theme-panel,#fff);color:var(--theme-blue,#236aa2);box-shadow:0 3px 7px #20392a12}#sy-ap .ap-report-panel select{width:290px;max-width:100%;background:var(--theme-panel,#fff);color:var(--theme-blue,#14283f);border:1px solid var(--theme-line,#d5dfd9);border-radius:6px;padding:12px}#sy-ap .ap-report-period-note,#sy-ap .ap-report-summary p{font-size:11px;color:var(--theme-muted,#627185);margin:12px 0 0}#sy-ap .ap-report-scope{border:1px solid var(--theme-line,#e1e7e3);border-radius:6px;overflow:hidden}#sy-ap .ap-report-scope>input{width:100%;border:0;border-radius:0;border-bottom:1px solid var(--theme-line,#e1e7e3);padding:14px;background:var(--theme-panel,#fff);color:var(--theme-blue,#14283f)}#sy-ap .ap-report-tools{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;background:var(--theme-tint-green,#f5f8f6);padding:10px 12px;border-bottom:1px solid var(--theme-line,#e1e7e3)}#sy-ap .ap-report-tools button{padding:8px 10px;background:var(--theme-panel,#fff);color:var(--theme-blue,#14283f);border:1px solid var(--theme-line,#d5dfd9);border-radius:7px;margin-right:6px}#sy-ap .ap-report-tools [data-report-clear]{color:var(--theme-red,#b9342b)}#sy-ap .ap-report-tools b,#sy-ap .ap-report-groups h4 span{background:var(--theme-tint-blue,#edf5ff);color:var(--theme-blue,#236aa2);border-radius:20px;padding:5px 10px;font-size:11px}#sy-ap .ap-report-groups{padding:14px;background:var(--theme-panel,#fbfcfb)}#sy-ap .ap-report-groups h4{display:flex;justify-content:space-between;align-items:center;margin:0 0 10px;font-size:13px;color:var(--theme-blue,#14283f)}#sy-ap .ap-report-groups section+section{margin-top:18px}#sy-ap .ap-report-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#sy-ap .ap-report-tiles label{display:flex;gap:8px;align-items:center;padding:10px;background:var(--theme-panel,#fff);border:1px solid var(--theme-line,#dce5df);border-radius:8px;color:var(--theme-blue,#14283f);min-width:0}#sy-ap .ap-report-tiles label:has(input:checked){background:var(--theme-tint-blue,#edf5ff);border-color:var(--theme-line,#b8cfea)}#sy-ap .ap-report-tiles input{accent-color:#236aa2;flex:none;width:15px;height:15px}#sy-ap .ap-report-summary dl{margin:0 0 20px;border-top:1px solid var(--theme-line,#e4e9e6);padding-top:12px}#sy-ap .ap-report-summary dl>div{display:grid;grid-template-columns:40% minmax(0,1fr);gap:10px;padding:12px 0;border-bottom:1px solid var(--theme-line,#edf0ee)}#sy-ap .ap-report-summary dt{color:var(--theme-muted,#627185);font-size:12px}#sy-ap .ap-report-summary dd{margin:0;font-size:12px;font-weight:600;overflow-wrap:anywhere}#sy-ap .ap-report-summary>button{background:#236aa2;color:#fff;border:0;border-radius:6px;padding:14px 10px;width:100%;font-weight:600;box-shadow:0 5px 15px #236aa220}#sy-ap .ap-report-summary>button:disabled{opacity:.45;cursor:default}#sy-ap .ap-report-dates{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}#sy-ap .ap-report-dates label{min-width:0;flex:1}#sy-ap .ap-report-dates input{width:100%;min-width:0}@media(min-width:1500px){#sy-ap .ap-report-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:900px){#sy-ap .ap-report-layout{grid-template-columns:1fr}}@media(max-width:500px){#sy-ap .ap-report{padding:8px}#sy-ap .ap-report-panel{padding:14px}#sy-ap .ap-report-tiles{grid-template-columns:1fr}#sy-ap .ap-report-segments button{padding:10px;font-size:12px}}#sy-ap .ap-report-main>.ap-report-panel:nth-child(2){--report-tint:#fff4e2;--report-ink:#975b11}#sy-ap .ap-report-main>.ap-report-panel:nth-child(3){--report-tint:#eaf7f3;--report-ink:#177b70}#sy-ap .ap-report-summary{--report-tint:#f4edfc;--report-ink:#7550a9}
@media(prefers-reduced-motion:reduce){#sy-ap button,#sy-ap .sy-nav,#sy-ap .sy-nav-label,#sy-ap .sy-shell{transition:none}}

#sy-ap .sy-vm-summary{margin-bottom:20px}
#sy-ap .sy-vm-summary .sy-overview-title{flex-wrap:wrap}
#sy-ap .sy-vm-summary .sy-overview-title .sy-button{margin-left:auto;font-size:12px;padding:6px 12px}
#sy-ap .sy-vm-readings{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:14px 0}
#sy-ap .sy-vm-reading{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:flex-start;gap:16px;padding:0 20px;min-width:0;border-left:1px solid var(--sy-line)}
#sy-ap .sy-vm-reading:first-child{border-left:0}
#sy-ap .sy-vm-reading>svg{width:24px;height:24px;flex:none;color:var(--sy-green);margin-top:3px}
#sy-ap .sy-vm-reading>div{display:grid;gap:3px;min-width:0}
#sy-ap .sy-vm-reading span,#sy-ap .sy-vm-reading small{font-size:12px;color:var(--sy-muted)}
#sy-ap .sy-vm-reading strong{font-size:26px;line-height:1.3;font-variant-numeric:tabular-nums;color:var(--sy-ink)}
@media(max-width:900px){#sy-ap .sy-vm-readings{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:16px}#sy-ap .sy-vm-reading:nth-child(3){border-left:0}}
@media(max-width:480px){#sy-ap .sy-vm-readings{grid-template-columns:1fr}#sy-ap .sy-vm-reading{border-left:0}#sy-ap .sy-vm-summary .sy-overview-title .sy-button{margin-left:0}}

/* VM resource summary: four equal cards; tones identify metrics, not health state. */
#sy-ap .sy-vm-resource-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:14px 0 24px}
#sy-ap .sy-vm-resource{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:flex-start;gap:18px;padding:24px;min-width:0;border-radius:8px;box-shadow:0 3px 10px #18365a08;background:linear-gradient(135deg,var(--vm-card-tint),#fbfcfe);border-color:var(--vm-card-border)}
#sy-ap .sy-vm-resource[data-resource=cpu]{--vm-card-tint:#dff0ff;--vm-card-border:#bad7f4;--vm-card-icon:#326cc4}
#sy-ap .sy-vm-resource[data-resource=memory]{--vm-card-tint:#eee5fc;--vm-card-border:#ddd0f1;--vm-card-icon:#8254bb}
#sy-ap .sy-vm-resource[data-resource=system]{--vm-card-tint:#d6efe8;--vm-card-border:#c1dfd7;--vm-card-icon:#238779}
#sy-ap .sy-vm-resource[data-resource=history]{--vm-card-tint:#fff0de;--vm-card-border:#eddbc4;--vm-card-icon:#ab701c}
#sy-ap .sy-vm-resource-icon{display:flex;flex:none;color:var(--vm-card-icon);margin-top:1px}
#sy-ap .sy-vm-resource-title{font-weight:600}
#sy-ap .sy-vm-resource strong{margin:10px 0;font-size:29px}
#sy-ap .sy-vm-resource>div{min-width:0}
@media(max-width:1100px){#sy-ap .sy-vm-resource{padding:18px;gap:10px}#sy-ap .sy-vm-resource strong{font-size:25px}}
@media(max-width:800px){#sy-ap .sy-vm-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){#sy-ap .sy-vm-resource-grid{grid-template-columns:1fr}}

/* Shared destination heading for every admin and customer workspace page. */
#sy-ap .sy-page-identity{display:flex;align-items:center;gap:16px;min-width:0}
#sy-ap .sy-page-icon{display:grid;place-items:center;flex:none;width:54px;height:54px;border-radius:12px;color:var(--page-icon-ink,#326cc4);background:var(--page-icon-fill,linear-gradient(135deg,#d6ecff,#e4defb));border:1px solid var(--page-icon-border,#c6d9f5);box-shadow:0 3px 9px #24554708}
#sy-ap .sy-page-icon svg{width:28px;height:28px}
#sy-ap .sy-page-identity .sy-muted{margin:3px 0 0;line-height:1.5}
#sy-ap .sy-page-identity h2{margin:0 0 3px}
@media(max-width:580px){#sy-ap .sy-page-identity{gap:12px}#sy-ap .sy-page-icon{width:46px;height:46px;border-radius:10px}#sy-ap .sy-page-icon svg{width:24px;height:24px}}

/* Original colorful page accents; operational status badges retain their meanings. */
#sy-ap [data-page-title="Monitoring"]{--page-icon-ink:#6b4caa;--page-icon-fill:linear-gradient(135deg,#e6ddfc,#ece7ff);--page-icon-border:#dacdf0}
#sy-ap [data-page-title="Perangkat"],#sy-ap [data-page-title="Koneksi"]{--page-icon-ink:#ab701c;--page-icon-fill:linear-gradient(135deg,#ffe5c6,#fff1de);--page-icon-border:#efd7b7}
#sy-ap [data-page-title="Alarm & SLA"]{--page-icon-ink:#b94e68;--page-icon-fill:linear-gradient(135deg,#f8dce4,#fff0e6);--page-icon-border:#efd0da}
#sy-ap [data-page-title="Laporan"]{--page-icon-ink:#267b99;--page-icon-fill:linear-gradient(135deg,#d2edf6,#e0eaff);--page-icon-border:#c0dfed}
#sy-ap [data-page-title="Layanan"],#sy-ap [data-page-title="Customer & Layanan"]{--page-icon-ink:#7b53b4;--page-icon-fill:linear-gradient(135deg,#e2d7f8,#f3e5fa);--page-icon-border:#dacaf0}
#sy-ap [data-page-title="Pengaturan"]{--page-icon-ink:#53698c;--page-icon-fill:linear-gradient(135deg,#dce4f4,#e8e5f6);--page-icon-border:#cdd7e8}
#sy-ap .sy-health-switch{display:inline-grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;margin-bottom:16px;max-width:100%;border:1px solid var(--theme-line,#cbdcf7);border-radius:12px;background:linear-gradient(110deg,var(--theme-tint-blue,#e1effc),var(--theme-tint-blue,#ece7ff))}
#sy-ap .sy-health-switch .sy-button{border:0;border-radius:8px;padding:10px 24px;background:transparent;color:var(--theme-blue,#536782);font-weight:600;--button-hover-bg:#dce7f9;--button-hover-border:transparent}
#sy-ap .sy-health-switch .sy-button[aria-pressed=true]{background:linear-gradient(110deg,#3283df,#7964e8);color:#fff;box-shadow:0 2px 6px #5167be25}
#sy-ap .sy-health-switch .sy-button[aria-pressed=true]:enabled:hover{background:linear-gradient(110deg,#2775cc,#6954d4)}
#sy-ap .sy-health-services{background:var(--sy-panel);border:1px solid var(--sy-line);border-radius:8px;box-shadow:var(--sy-card-shadow);padding:10px 14px 14px}
#sy-ap .sy-health-tabs{display:flex;gap:3px;margin:0 -14px 12px;padding:0 14px;border-bottom:1px solid var(--sy-line);overflow-x:auto;overflow-y:hidden;padding-bottom:1px}
#sy-ap .sy-health-tabs .sy-button{flex:none;border:1px solid var(--tab-border,#cbdff8);border-top:3px solid transparent;border-radius:8px 8px 0 0;margin-bottom:-1px;padding:10px 18px;background:var(--tab-fill,#edf5ff);color:var(--tab-ink,#2865a4);font-weight:600;--button-hover-bg:var(--tab-fill,#edf5ff);--button-hover-border:var(--tab-accent,#3283df)}
#sy-ap .sy-health-tabs [data-health-tab="Workers"]{--tab-border:#e0d5f3;--tab-fill:#f0e9fc;--tab-ink:#7950b8;--tab-accent:#9164cc}
#sy-ap .sy-health-tabs [data-health-tab="Log teknis"]{--tab-border:#f1dfbf;--tab-fill:#fff2df;--tab-ink:#ac7626;--tab-accent:#d69a40}
#sy-ap .sy-health-tabs .sy-button[aria-pressed=true],#sy-ap .sy-health-tabs .sy-button[aria-pressed=true]:enabled:hover{background:var(--sy-panel);color:var(--tab-ink,#2865a4);border-top-color:var(--tab-accent,#3283df);border-bottom-color:var(--sy-panel)}
#sy-ap .sy-health-services>.sy-panel{margin-bottom:0;box-shadow:none}
@media(max-width:580px){#sy-ap .sy-health-switch .sy-button{padding:10px 14px}#sy-ap .sy-health-tabs .sy-button{padding:9px 12px}}

/* Shared attached colorful section tabs for account, services and alarm pages. */
#sy-ap .sy-tabbed-section{margin-bottom:14px;min-width:0}
#sy-ap .sy-folder-tabs{display:flex;align-items:stretch;gap:4px;padding:0 5px;margin:0;overflow-x:auto;overflow-y:hidden;padding-bottom:1px;position:relative;z-index:1}
#sy-ap .sy-folder-tabs>.sy-button{flex:none;position:relative;margin-bottom:-1px;padding:11px 18px;border:1px solid var(--folder-border,#c9ddf5);border-top:3px solid transparent;border-radius:8px 8px 0 0;background:var(--folder-fill,#eaf3ff);color:var(--folder-ink,#2865a4);font-weight:600;--button-hover-bg:var(--folder-fill,#eaf3ff);--button-hover-border:var(--folder-accent,#3283df)}
#sy-ap .sy-folder-tabs>.sy-button:nth-child(2){--folder-border:#ded1f2;--folder-fill:#f0e9fc;--folder-ink:#7950b8;--folder-accent:#9164cc}
#sy-ap .sy-folder-tabs>.sy-button:nth-child(3){--folder-border:#eedbb9;--folder-fill:#fff1dd;--folder-ink:#a46b1f;--folder-accent:#d29739}
#sy-ap .sy-folder-tabs>.sy-button:nth-child(4){--folder-border:#edcdd8;--folder-fill:#fbeaf0;--folder-ink:#ae4966;--folder-accent:#cd6585}
#sy-ap .sy-folder-tabs>.sy-button[aria-pressed=true],#sy-ap .sy-folder-tabs>.sy-button[aria-pressed=true]:enabled:hover{background:var(--sy-panel);color:var(--folder-ink,#2865a4);border-top-color:var(--folder-accent,#3283df);border-bottom-color:var(--sy-panel);z-index:2}
#sy-ap .sy-tabbed-body{border:1px solid var(--sy-line);border-radius:8px;padding:14px;background:var(--sy-panel);box-shadow:var(--sy-card-shadow);min-width:0}
#sy-ap .sy-tabbed-body>.sy-panel:last-child{margin-bottom:0}
#sy-ap .sy-tabbed-body>.sy-panel{box-shadow:none}
@media(max-width:580px){#sy-ap .sy-folder-tabs>.sy-button{padding:10px 12px}#sy-ap .sy-tabbed-body{padding:10px}}

/* Monochrome hardware watermarks: decorative only, no pointer or accessibility noise. */
#sy-ap .sy-vm-reading::before,#sy-ap .sy-vm-resource::before{content:"";position:absolute;z-index:-1;pointer-events:none;right:-8px;bottom:-12px;width:38%;max-width:160px;height:118px;background:var(--vm-watermark) right bottom/contain no-repeat;opacity:.06}
#sy-ap .sy-vm-reading[data-vm-resource=cpu],#sy-ap .sy-vm-resource[data-resource=cpu]{--vm-watermark:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20120%22%20fill%3D%22none%22%20stroke%3D%22%23172b40%22%20stroke-width%3D%222%22%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%3E%3Cg%20transform%3D%22rotate%2812%2080%2060%29%22%3E%3Crect%20x%3D%2242%22%20y%3D%2222%22%20width%3D%2276%22%20height%3D%2276%22%20rx%3D%225%22%2F%3E%3Crect%20x%3D%2253%22%20y%3D%2233%22%20width%3D%2254%22%20height%3D%2254%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M53%2012v10m14-10v10m14-10v10m14-10v10m14-10v10M53%2098v10m14-10v10m14-10v10m14-10v10m14-10v10M32%2033h10M32%2047h10M32%2061h10M32%2075h10M32%2089h10m76-56h10m-10%2014h10m-10%2014h10m-10%2014h10m-10%2014h10%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
#sy-ap .sy-vm-reading[data-vm-resource=memory],#sy-ap .sy-vm-resource[data-resource=memory]{--vm-watermark:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20120%22%20fill%3D%22none%22%20stroke%3D%22%23172b40%22%20stroke-width%3D%222%22%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%3E%3Cg%20transform%3D%22rotate%28-14%2080%2060%29%22%3E%3Crect%20x%3D%229%22%20y%3D%2235%22%20width%3D%22142%22%20height%3D%2252%22%20rx%3D%224%22%2F%3E%3Crect%20x%3D%2221%22%20y%3D%2245%22%20width%3D%2221%22%20height%3D%2228%22%2F%3E%3Crect%20x%3D%2252%22%20y%3D%2245%22%20width%3D%2221%22%20height%3D%2228%22%2F%3E%3Crect%20x%3D%2283%22%20y%3D%2245%22%20width%3D%2221%22%20height%3D%2228%22%2F%3E%3Crect%20x%3D%22114%22%20y%3D%2245%22%20width%3D%2221%22%20height%3D%2228%22%2F%3E%3Cpath%20d%3D%22M18%2087v9h54v-9m12%200v9h58v-9M25%2088v7m8-7v7m8-7v7m8-7v7m8-7v7m8-7v7m27-7v7m8-7v7m8-7v7m8-7v7m8-7v7m8-7v7%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
#sy-ap .sy-vm-reading[data-vm-resource=system],#sy-ap .sy-vm-resource[data-resource=system]{--vm-watermark:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20120%22%20fill%3D%22none%22%20stroke%3D%22%23172b40%22%20stroke-width%3D%222%22%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%3E%3Cg%20transform%3D%22rotate%28-12%2080%2060%29%22%3E%3Cpath%20d%3D%22m12%2048%2089-31%2048%2039-89%2033Z%20M12%2048v19l48%2034%2089-31V56M60%2089v12%22%2F%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2248%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%22101%22%20cy%3D%2229%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%22133%22%20cy%3D%2257%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2262%22%20cy%3D%2277%22%20r%3D%222%22%2F%3E%3Crect%20x%3D%2281%22%20y%3D%2281%22%20width%3D%2228%22%20height%3D%225%22%20rx%3D%221%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
#sy-ap .sy-vm-reading[data-vm-resource=history],#sy-ap .sy-vm-resource[data-resource=history]{--vm-watermark:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20120%22%20fill%3D%22none%22%20stroke%3D%22%23172b40%22%20stroke-width%3D%222%22%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%3E%3Cg%20transform%3D%22rotate%28-9%2080%2060%29%22%3E%3Cpath%20d%3D%22m27%2034%2065-20%2046%2024-65%2022Z%20M27%2034v27l46%2022%2065-22V38%20M27%2069v25l46%2022%2065-22V69M73%2060v23m0%2010v23%22%2F%3E%3Cpath%20d%3D%22m37%2054%2022%2010m-22%2023%2022%2010%22%2F%3E%3Ccircle%20cx%3D%22123%22%20cy%3D%2256%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%22123%22%20cy%3D%2289%22%20r%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}

/* Shared hover data and horizontal time selection; no additional reset button. */
#sy-ap .sy-chart-host{position:relative}
#sy-ap .sy-interactive-chart{touch-action:pan-y;user-select:none;cursor:crosshair}
#sy-ap .sy-chart-tooltip{position:absolute;z-index:12;pointer-events:none;max-width:260px;padding:8px 11px;border:1px solid var(--theme-line,#d3dfed);border-radius:7px;background:#fffffffa;color:var(--theme-blue,#172d4c);box-shadow:0 5px 18px #18365a24;font:12px/1.6 Arial,sans-serif;font-variant-numeric:tabular-nums;white-space:normal}
#sy-ap .sy-chart-tooltip[hidden]{display:none}
#sy-ap .sy-chart-tooltip strong{display:block;font-size:12px;margin:0 0 2px}

/* Compact non-modal Custom palette; only non-Custom selection dismisses it. */
#sy-ap .sy-time-floating{position:fixed;z-index:60;isolation:isolate;overflow:hidden;width:max-content;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border:1px solid var(--theme-line,#d5c8fa);border-radius:9px;background:linear-gradient(135deg,var(--theme-panel,#fff) 25%,var(--theme-tint-amber,#fff4ee) 75%,var(--theme-tint-blue,#eee8ff));box-shadow:0 7px 26px #29375824;color:var(--theme-blue,#172d4c);font:12px/1.45 Arial,sans-serif}
#sy-ap .sy-time-floating::before{content:"";position:absolute;z-index:-1;pointer-events:none;width:100px;height:100px;left:-18px;bottom:-22px;opacity:.07;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none' stroke='%237558a8' stroke-width='2'%3E%3Ccircle cx='50' cy='50' r='46'/%3E%3Cpath d='M50 24v26l15 13M50 7v5m43 38h-5M50 93v-5M7 50h5'/%3E%3C/svg%3E") center/contain no-repeat}
#sy-ap .sy-time-handle{display:flex;align-items:center;gap:8px;cursor:move;touch-action:none;user-select:none;padding:10px 12px;border-bottom:1px solid var(--theme-line,#e3dcf5);background:linear-gradient(110deg,var(--theme-tint-blue,#e1f4ff),var(--theme-tint-purple,#ecddfb))}
#sy-ap .sy-time-handle svg{color:#8c84e8;flex:none}
#sy-ap .sy-time-handle strong{font-size:12px}
#sy-ap .sy-time-floating form{padding:10px 12px 12px}
#sy-ap .sy-time-floating label{display:block;font-size:12px;margin:0 0 9px}
#sy-ap .sy-time-floating input{display:block;width:100%;min-width:0;margin-top:4px;padding:8px 6px;border:1px solid var(--theme-line,#e1e4f2);border-radius:6px;background:#ffffffec;color:var(--theme-blue,#172d4c);font:11px Arial,sans-serif}
#sy-ap .sy-time-actions{display:flex;justify-content:flex-end;margin-top:13px}
#sy-ap .sy-time-actions .sy-button{padding:7px 12px;font-size:12px;border:0;background:linear-gradient(110deg,#3974f1,#855af2);color:#fff}
#sy-ap .sy-time-actions .sy-button:enabled:hover{background:linear-gradient(110deg,#2e64d8,#7349d8)}
#sy-ap .sy-time-message{font-size:11px;color:var(--theme-red,#a23545);margin:4px 0}

/* Shared colorful time toolbar and compact fixed-format date-time fields. */
#sy-ap .sy-time-toolbar{padding:12px 14px;border:1px solid var(--theme-line,#d0ddf7);border-radius:8px;background:linear-gradient(110deg,var(--theme-tint-blue,#e3f3ff),var(--theme-tint-purple,#ede5fc));box-shadow:0 2px 8px #314e8b08;margin-bottom:14px}
#sy-ap .sy-time-toolbar-title{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--sy-ink)}
#sy-ap .sy-time-toolbar-title svg,#sy-ap .sy-time-period>svg{color:var(--theme-blue,#547feb);flex:none}
#sy-ap .sy-time-presets{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
#sy-ap .sy-time-presets .sy-button{background:#ffffffef;border-color:var(--theme-line,#dce4f2);padding:8px 13px}
#sy-ap .sy-time-presets .sy-button[aria-pressed=true]{background:linear-gradient(110deg,#407eef,#805bdd);color:#fff;border-color:transparent;box-shadow:0 2px 5px #5c6dc325}
#sy-ap .sy-time-presets .sy-button[aria-pressed=true]:enabled:hover{background:linear-gradient(110deg,#316edc,#704bc9)}
#sy-ap .sy-time-period{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:12px}
#sy-ap .sy-time-samples{padding:3px 8px;border-radius:6px;background:var(--theme-tint-blue,#e5dcfc);color:var(--theme-blue,#6048a6);white-space:nowrap}
#sy-ap .sy-time-live{padding:3px 8px;border-radius:6px;background:var(--theme-tint-blue,#dcedff);color:var(--theme-blue,#2c64ac);font-size:11px;font-weight:700}
#sy-ap .sy-time-footnote{display:block;margin-top:5px;color:var(--sy-muted);font-size:11px}
#sy-ap .sy-time-field{position:relative;display:flex;width:max-content;max-width:100%;align-items:center;border:1px solid var(--theme-line,#e1e4f2);border-radius:6px;background:#fffffff0;margin-top:4px}
#sy-ap .sy-time-floating .sy-time-field input[type=text]{flex:0 1 auto;min-width:0;width:calc(19ch + 12px);font-variant-numeric:tabular-nums;margin:0;border:0;background:transparent;padding:9px 7px;font-size:12px;letter-spacing:-.15px}
#sy-ap .sy-time-field>button{flex:none;display:grid;place-items:center;padding:7px 5px;border:0;background:transparent;color:var(--theme-blue,#3c71e5);border-radius:5px}

/* Sinyara calendar: explicit 24-hour time, independent of browser/OS locale. */
#sy-ap .sy-calendar24{position:fixed;z-index:61;width:276px;max-width:calc(100vw - 16px);padding:10px;background:var(--theme-panel,#fff);border:1px solid var(--theme-line,#d7d5ef);border-radius:9px;box-shadow:0 8px 30px #283a6029;color:var(--theme-blue,#172d4c);font:12px/1.4 Arial,sans-serif}
#sy-ap .sy-calendar24 header{display:flex;align-items:center;justify-content:space-between;gap:6px;padding-bottom:8px}
#sy-ap .sy-calendar24 button{border:0;background:transparent;color:inherit;border-radius:5px;cursor:pointer;padding:6px}
#sy-ap .sy-calendar24 header button{font-size:20px;line-height:1;padding:3px 9px;background:var(--theme-tint-blue,#eef1fd);color:var(--theme-blue,#506baf)}
#sy-ap .sy-calendar-week,#sy-ap .sy-calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;text-align:center}
#sy-ap .sy-calendar-week{color:var(--theme-muted,#7a859a);font-size:11px;margin-bottom:4px}
#sy-ap .sy-calendar-days button{font-size:12px;min-height:29px}
#sy-ap .sy-calendar-days button[aria-pressed=true]{background:linear-gradient(110deg,#407eef,#805bdd);color:#fff}
#sy-ap .sy-calendar24 button:enabled:hover{background:var(--theme-tint-blue,#e8edfb);color:var(--theme-blue,#315f9e)}
#sy-ap .sy-calendar-days button[aria-pressed=true]:enabled:hover{background:#596bda;color:#fff}
#sy-ap .sy-calendar-time{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:7px;border-top:1px solid var(--theme-line,#e6e9f4);margin-top:9px;padding-top:9px;align-items:end}
#sy-ap .sy-calendar-time label{font-size:11px;color:var(--theme-muted,#64728b);min-width:0}
#sy-ap .sy-calendar-time input{width:100%;min-width:0;margin-top:3px;border:1px solid var(--theme-line,#dce2f1);border-radius:5px;padding:6px 3px;color:var(--theme-blue,#253d62);background:var(--theme-tint-blue,#f8faff);font:13px Arial,sans-serif}
#sy-ap .sy-calendar-time>span{font-size:10px;color:var(--theme-muted,#73809b);text-align:center;padding-bottom:4px}

/* Administrative review queue: real pending account requests and submitted orders. */
#sy-ap .sy-admin-notifications[data-pending=true]{border-color:var(--theme-line,#efd6a6)}
#sy-ap .sy-admin-pending-total{display:grid;gap:2px;margin-bottom:14px}
#sy-ap .sy-admin-pending-total>strong{font-size:30px;line-height:1.2;color:var(--theme-amber,#ab641a);font-variant-numeric:tabular-nums}
#sy-ap .sy-admin-pending-total>span{font-size:12px;color:var(--sy-muted)}
#sy-ap .sy-admin-notice-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;padding:12px 10px;margin:0 0 10px;border:1px solid var(--theme-line,#f2dfbb);border-radius:7px;background:linear-gradient(110deg,var(--theme-tint-amber,#fff7e8),var(--theme-tint-amber,#fffaf3));color:var(--theme-amber,#704817);text-align:left;font-size:12px;--button-hover-bg:#fff0d2;--button-hover-border:#ddb46f}
#sy-ap .sy-admin-notice-row>strong{display:grid;place-items:center;min-width:24px;height:24px;padding:0 5px;background:var(--theme-tint-amber,#ffe1a0);border-radius:12px;color:var(--theme-amber,#875414)}
#sy-ap .sy-admin-notice-row>small{grid-column:1/-1;color:var(--theme-amber,#a26316);font-size:11px}
#sy-ap .sy-admin-notice-empty{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--sy-line);padding:10px 0;font-size:12px;color:var(--sy-muted)}

/* Account review: one heading via active tab, clear amber status and primary action. */
#sy-ap .sy-account-review th{background:linear-gradient(110deg,var(--theme-tint-amber,#fff8ed),var(--theme-tint-amber,#fffaf4));color:var(--theme-amber,#825c30)}
#sy-ap .sy-account-review td{vertical-align:middle}
#sy-ap .sy-account-review .sy-review-request{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:linear-gradient(110deg,#9b560e,#a96114);border:1px solid #9a5711;border-radius:7px;color:#fff;font-weight:600;white-space:nowrap;padding:9px 12px;box-shadow:0 3px 8px #a6601726}
#sy-ap .sy-account-review .sy-review-request:enabled:hover{background:linear-gradient(110deg,#85490c,#945510);border-color:#85490c;color:#fff}
#sy-ap .sy-review-request svg{width:17px;height:17px;flex:none}

/* Colorful review dialog, scoped to account requests only. */
#sy-ap .sy-account-request-dialog{isolation:isolate;padding:0;border-radius:10px;border-color:var(--theme-line,#d8d8ee);background:linear-gradient(135deg,var(--theme-panel,#fff) 50%,var(--theme-tint-amber,#fffaf4) 80%,var(--theme-tint-purple,#f6f0ff))}
#sy-ap .sy-account-request-dialog>h3{display:flex;align-items:center;gap:12px;padding:18px 20px;margin:0;background:linear-gradient(110deg,var(--theme-tint-blue,#d9f2ff),var(--theme-tint-blue,#dddafa),var(--theme-tint-purple,#f1e6fc));color:var(--theme-blue,#182e50);font-size:20px}
#sy-ap .sy-account-request-dialog>h3 svg{width:29px;height:29px;flex:none;color:var(--theme-blue,#5578e2)}
#sy-ap .sy-account-request-dialog>form{padding:18px 20px 0}
#sy-ap .sy-account-request-dialog .ap-dialog-actions{margin:16px 20px 0;padding:12px 0 16px}
#sy-ap .sy-account-request-dialog .sy-form-grid{margin-bottom:16px}
#sy-ap .sy-account-label-icon{display:inline-flex;vertical-align:middle;margin-right:7px;color:var(--theme-blue,#347ce2)}
#sy-ap .sy-account-label-icon svg{width:17px;height:17px}
#sy-ap .sy-account-request-dialog label:nth-child(2) .sy-account-label-icon{color:var(--theme-purple,#8a61cc)}
#sy-ap .sy-account-request-dialog label:nth-child(3) .sy-account-label-icon{color:var(--theme-amber,#bf8525)}
#sy-ap .sy-account-request-dialog input{background:var(--theme-tint-blue,#fbfdff);border-color:var(--theme-line,#cfe1f8)}
#sy-ap .sy-account-request-dialog label:nth-child(2) input{background:var(--theme-tint-purple,#fdfbff);border-color:var(--theme-line,#e1d5f4)}
#sy-ap .sy-account-request-dialog .sy-account-approve{display:inline-flex;align-items:center;gap:9px;padding:11px 17px;border:0;border-radius:8px;background:linear-gradient(110deg,#2879de,#7951d7);color:#fff;font-weight:600;box-shadow:0 5px 14px #5c63c72b}
#sy-ap .sy-account-request-dialog .sy-account-approve:enabled:hover{background:linear-gradient(110deg,#2068c5,#6941c1);color:#fff}
#sy-ap .sy-account-approve svg{width:20px;height:20px;flex:none}
#sy-ap .sy-account-request-dialog::before{content:"";position:absolute;z-index:-1;pointer-events:none;width:54%;max-width:340px;height:210px;right:-8px;bottom:54px;opacity:.055;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20340%20210%22%20fill%3D%22none%22%20stroke%3D%22%237656ae%22%20stroke-width%3D%227%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2287%22%20cy%3D%2256%22%20r%3D%2232%22%2F%3E%3Cpath%20d%3D%22M24%20173v-15a63%2063%200%200%201%20126%200v15Z%22%2F%3E%3Ccircle%20cx%3D%22142%22%20cy%3D%22158%22%20r%3D%2230%22%2F%3E%3Cpath%20d%3D%22m128%20157%2010%2011%2020-23M215%20183V60l91%2023v100Z%20M215%20103l-34%2012v68h145M239%2096v13m0%2019v13m0%2019v13m41-65v13m0%2019v13m0%2019v13%22%2F%3E%3C%2Fsvg%3E") right bottom/contain no-repeat}

/* Shared popup shell: contextual color/watermark, top close, contained content. */
#sy-ap .sy-popup{--popup-ink:#3c6ab9;--popup-fill:linear-gradient(110deg,#dcefff,#e7ddfa);padding:14px;position:absolute;isolation:isolate;overflow-x:hidden;overflow-y:auto;border-color:var(--theme-line,#d5def0);border-radius:10px;background:linear-gradient(135deg,var(--theme-panel,#fff) 55%,var(--theme-tint-purple,#f9f6fe))}
#sy-ap .sy-popup[data-popup-kind=account]{--popup-ink:#6350b1;--popup-fill:linear-gradient(110deg,#dcf0ff,#e9dcfa)}
#sy-ap .sy-popup[data-popup-kind=security]{--popup-ink:#8053a8;--popup-fill:linear-gradient(110deg,#e6ddf8,#f3e1f1)}
#sy-ap .sy-popup[data-popup-kind=service]{--popup-ink:#9b6a25;--popup-fill:linear-gradient(110deg,#ffe8c9,#f8e4df)}
#sy-ap .sy-popup[data-popup-kind=network]{--popup-ink:#327ba7;--popup-fill:linear-gradient(110deg,#d9eff9,#dfe7fc)}
#sy-ap .sy-popup[data-popup-kind=alarm],#sy-ap .sy-popup[data-popup-kind=warning]{--popup-ink:#aa5367;--popup-fill:linear-gradient(110deg,#f9e1de,#f2dcf0)}
#sy-ap .sy-popup[data-popup-kind=report]{--popup-ink:#5e69b0;--popup-fill:linear-gradient(110deg,#dfeafd,#e9defb)}
#sy-ap .sy-popup[data-popup-kind=health]{--popup-ink:#347ca2;--popup-fill:linear-gradient(110deg,#dceefa,#e0e1fa)}
#sy-ap .sy-popup[data-popup-kind=appearance]{--popup-ink:#8a5cae;--popup-fill:linear-gradient(110deg,#e5ddfa,#f7e1e8)}
#sy-ap .sy-popup[data-popup-kind=chat]{--popup-ink:#97704a;--popup-fill:linear-gradient(110deg,#f5e3e9,#ffeedc)}
#sy-ap .sy-popup::before{content:"";position:absolute;z-index:-1;pointer-events:none;right:0;bottom:12px;width:42%;max-width:280px;height:190px;opacity:.045;background:var(--popup-watermark) right bottom/contain no-repeat}
#sy-ap .sy-popup>.sy-popup-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:-14px -14px 16px;padding:14px 18px;background:var(--popup-fill);border-bottom:1px solid var(--theme-line,#e2def0);border-radius:9px 9px 0 0}
#sy-ap .sy-popup-header h3{display:flex;align-items:center;gap:10px;margin:0;min-width:0;color:var(--theme-blue,#1d3353);font-size:18px;line-height:1.35;overflow-wrap:anywhere}
#sy-ap .sy-popup-glyph{display:inline-flex;flex:none;color:var(--popup-ink)}
#sy-ap .sy-popup-glyph svg,#sy-ap .sy-popup-header h3>svg{width:26px;height:26px;flex:none;stroke:currentColor;color:var(--popup-ink)}
#sy-ap .sy-popup .sy-popup-close{flex:none;float:none;padding:7px 12px;background:#ffffffdf;border:1px solid var(--theme-line,#dcdff0);border-radius:7px;color:var(--theme-blue,#253c5c);font-size:12px;font-weight:500}
#sy-ap .sy-popup .sy-popup-footer-empty{display:none}
#sy-ap .sy-popup input,#sy-ap .sy-popup select,#sy-ap .sy-popup textarea{min-width:0;max-width:100%;box-sizing:border-box}
#sy-ap .sy-popup .sy-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
#sy-ap .sy-popup .sy-form-grid>label{min-width:0}
#sy-ap .sy-popup pre{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere}
#sy-ap .sy-popup>.sy-tabbed-section{min-width:0}
#sy-ap .sy-popup .sy-button.sy-primary{background:linear-gradient(110deg,#3675ce,#7b56c7);border-color:transparent;color:#fff;box-shadow:0 3px 9px #5e61ac20}
#sy-ap .sy-popup .sy-button.sy-primary:enabled:hover{background:linear-gradient(110deg,#2c66b8,#6945b1);color:#fff}
#sy-ap .sy-popup.sy-account-request-dialog>form{padding:0 0 4px}
#sy-ap .sy-popup.sy-account-request-dialog .sy-form-grid{margin-bottom:16px}
#sy-ap .sy-calendar24{isolation:isolate;overflow:hidden;background:linear-gradient(135deg,var(--theme-panel,#fff),var(--theme-tint-purple,#fbf6ff))}
#sy-ap .sy-calendar24::before{content:"";position:absolute;z-index:-1;pointer-events:none;right:0;bottom:0;width:90px;height:90px;border:3px solid var(--theme-line,#8b73b5);border-radius:50%;opacity:.045}
#sy-ap .sy-calendar24 header{padding:8px;margin:-10px -10px 9px;background:linear-gradient(110deg,var(--theme-tint-blue,#e4f0ff),var(--theme-tint-purple,#ecdff9))}
@media(max-width:580px){#sy-ap .sy-popup .sy-form-grid{grid-template-columns:1fr}#sy-ap .sy-popup>.sy-popup-header{gap:8px;padding:12px 14px}#sy-ap .sy-popup-header h3{font-size:16px}}

/* Customer onboarding: explicit access state and self-rendering colored topology. */
#sy-ap .sy-nav button[data-menu-locked]{opacity:.48;cursor:not-allowed;background:transparent;color:#e6f1ed}
#sy-ap .sy-nav button[data-menu-locked]::after{content:"";flex:none;width:7px;height:9px;margin-left:auto;border:1px solid currentColor;border-radius:2px;opacity:.85}
#sy-ap .sy-order-options label{align-items:center}
#sy-ap .sy-product-icon{display:flex;flex:none}
#sy-ap .sy-product-icon svg{width:28px;height:28px}
#sy-ap [data-product-mode=DIRECT]{color:var(--theme-blue,#4d78c8)}
#sy-ap [data-product-mode=GATEWAY]{color:var(--theme-purple,#8b61bf)}
#sy-ap [data-product-mode=PUBLIC]{color:var(--theme-amber,#bc8427)}
#sy-ap [data-gateway-option][hidden]{display:none}
#sy-ap .ap-topology[data-topology-mode=GATEWAY]{background:linear-gradient(110deg,var(--theme-tint-purple,#f1eafb),var(--theme-tint-purple,#f8f3ff));border-color:var(--theme-line,#e4d7f4)}
#sy-ap .ap-topology[data-topology-mode=PUBLIC]{background:linear-gradient(110deg,var(--theme-tint-amber,#fff3e2),var(--theme-tint-amber,#fffaf3));border-color:var(--theme-line,#f0dfc6)}
#sy-ap .ap-topology-flow img{display:block;width:52px;height:52px;object-fit:contain;filter:none}
#sy-ap .ap-topology-flow .sy-topology-icon{display:block;width:52px;height:52px;stroke-width:1.8}
#sy-ap [data-topology-part=shield]{color:var(--theme-blue,#7a5fba)}
#sy-ap [data-topology-part=router]{color:var(--theme-blue,#377bb8)}
#sy-ap [data-topology-part=globe]{color:var(--theme-amber,#b67d23)}
#sy-ap [data-topology-part=server]{color:var(--theme-blue,#4d87a4)}
#sy-ap .ap-topology-link{color:var(--theme-muted,#8692b1)}
#sy-ap .ap-topology small{color:var(--theme-muted,#6c7890)}

/* Admin lists share account-review structure, with destination colors. */
#sy-ap .sy-admin-table[data-table-tone="blue"]{--review-ink:#285d9b;--review-start:#3277bd;--review-end:#4765bb;--review-head:#edf5ff;--review-light:#f6f9ff}
#sy-ap .sy-admin-table[data-table-tone="purple"]{--review-ink:#70509f;--review-start:#7852b3;--review-end:#6553b6;--review-head:#f2edfc;--review-light:#faf7ff}
#sy-ap .sy-admin-table th{background:linear-gradient(110deg,var(--review-head),var(--review-light));color:var(--review-ink)}
#sy-ap .sy-admin-table .sy-review-request,#sy-ap .sy-admin-table .sy-review-request:enabled:hover{background:linear-gradient(110deg,var(--review-start),var(--review-end));border-color:var(--review-start);box-shadow:0 3px 8px #253c6a1a;color:#fff}
#sy-ap .sy-admin-table .sy-review-request:enabled:hover{filter:brightness(.94)}
#sy-ap .sy-admin-table td:last-child{white-space:nowrap}

#sy-ap .sy-order-decision{display:grid;gap:12px;min-width:0}
#sy-ap .sy-order-decision label:not(.ap-check){display:grid;gap:7px;min-width:0}
#sy-ap .sy-order-decision textarea{width:100%;box-sizing:border-box;min-width:0;padding:12px;border:1px solid var(--theme-line,#dce4f1);border-radius:8px;background:var(--theme-tint-blue,#fafbff);color:var(--theme-blue,#172d47);font:inherit;resize:vertical}
#sy-ap .sy-order-decision [data-form-save]{justify-self:start;display:inline-flex;align-items:center;gap:8px}
#sy-ap .sy-order-decision [data-form-save] svg{width:18px;height:18px}
#sy-ap .sy-order-decision [data-decision-tone="REVISION"]{background:linear-gradient(110deg,#a86d16,#b78228);border-color:#a86d16}
#sy-ap .sy-order-decision [data-decision-tone="REJECTED"]{background:linear-gradient(110deg,#b34454,#bd5662);border-color:var(--theme-line,#b34454)}
#sy-ap .sy-order-decision [data-form-save]:disabled{opacity:.5;cursor:not-allowed}
#sy-ap .sy-order-note{white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0}

/* Shared business-status palette for all badge callers. */
#sy-ap .sy-tag.sy-state-submitted{background:var(--theme-tint-blue,#eaf2ff);color:var(--theme-blue,#285faa);border:1px solid var(--theme-line,#d2e2fb)}
#sy-ap .sy-tag.sy-state-revision{background:var(--theme-tint-amber,#fff2dc);color:var(--theme-amber,#925913);border:1px solid var(--theme-line,#f4dbb0)}
#sy-ap .sy-tag.sy-state-approved{background:var(--theme-tint-green,#e6f5ed);color:var(--theme-green,#23724c);border:1px solid var(--theme-line,#c6e7d4)}
#sy-ap .sy-tag.sy-state-rejected{background:var(--theme-tint-red,#fdebed);color:var(--theme-red,#ae3547);border:1px solid var(--theme-line,#f4ccd2)}
#sy-ap .sy-tag.sy-state-suspended{background:var(--theme-tint-blue,#edf0f4);color:var(--theme-muted,#586473);border:1px solid var(--theme-line,#d8dfe7)}
#sy-ap .sy-tag.sy-state-partial{background:var(--theme-tint-purple,#f0eafa);color:var(--theme-purple,#73519c);border:1px solid var(--theme-line,#ddd0ef)}

/* Function colors take precedence over a destination's decorative palette. */
#sy-ap button.sy-button[data-button-function="review"]{--action-bg:linear-gradient(110deg,#a26314,#b67a20);--action-border:#a26314;--action-ink:#fff}
#sy-ap button.sy-button[data-button-function="info"]{--action-bg:linear-gradient(110deg,#326eac,#4665ad);--action-border:#326eac;--action-ink:#fff}
#sy-ap button.sy-button[data-button-function="confirm"]{--action-bg:linear-gradient(110deg,#287955,#368463);--action-border:#287955;--action-ink:#fff}
#sy-ap button.sy-button[data-button-function="danger"]{--action-bg:linear-gradient(110deg,#ad3e50,#bd5260);--action-border:#ad3e50;--action-ink:#fff}
#sy-ap button.sy-button[data-button-function="neutral"]{--action-bg:#f7f8fb;--action-border:#dbe2ec;--action-ink:#475569}
#sy-ap button.sy-button[data-button-function],#sy-ap button.sy-button[data-button-function]:enabled:hover{background:var(--action-bg);border-color:var(--action-border);color:var(--action-ink);box-shadow:0 2px 6px #21334812}
#sy-ap button.sy-button[data-button-function]:enabled:hover{filter:brightness(.94)}


/* Field help stays out of the layout and appears as a compact balloon. */
#sy-ap [data-local-form="configure"] label:has(>.sy-field-help){position:relative}
#sy-ap [data-local-form="configure"] .sy-field-help{display:none;position:absolute;z-index:8;top:calc(100% + 7px);left:0;width:max-content;max-width:min(320px,100%);margin:0;padding:10px 12px;border:1px solid var(--theme-line,#d8def6);border-radius:9px;background:linear-gradient(115deg,var(--theme-tint-blue,#edf5ff),var(--theme-tint-purple,#f2ecfc));box-shadow:0 6px 18px #21365024;color:var(--theme-blue,#31435e);font-size:12px;line-height:1.5;font-weight:400;white-space:normal;overflow-wrap:anywhere;pointer-events:none}
#sy-ap [data-local-form="configure"] .sy-field-help::before{content:"";position:absolute;top:-5px;left:18px;width:8px;height:8px;background:var(--theme-tint-blue,#edf5ff);border-left:1px solid var(--theme-line,#d8def6);border-top:1px solid var(--theme-line,#d8def6);transform:rotate(45deg)}
#sy-ap [data-local-form="configure"] label:has(>input:hover,>select:hover,>textarea:hover)>.sy-field-help,#sy-ap [data-local-form="configure"] label:focus-within>.sy-field-help{display:block}

#sy-ap .ap-device-content>.sy-button{display:inline-flex;align-items:center;gap:7px;margin-right:10px;margin-bottom:6px}
#sy-ap .ap-device-content>.sy-button svg{width:18px;height:18px;flex:none}
#sy-ap .ap-device-status>span{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
#sy-ap .ap-device-status>span>span:not(.sy-tag){display:inline-flex;align-items:center;gap:5px}

#sy-ap .ap-device-tabs [data-device-tab="Konfigurasi"]{--device-tab-bg:#eaf3ff;--device-tab-ink:#3268a5;--device-tab-line:#6791ca}
#sy-ap .ap-device-tabs [data-device-tab="Widget"],#sy-ap .ap-device-tabs [data-device-tab="Diagnosis"]{--device-tab-bg:#f0eafa;--device-tab-ink:#7852ac;--device-tab-line:#9870c9}
#sy-ap .ap-device-tabs [data-device-tab="Log router"]{--device-tab-bg:#fff1dc;--device-tab-ink:#a46a21;--device-tab-line:#ce963f}
#sy-ap .ap-device-tabs button[role="tab"]{background:var(--device-tab-bg);color:var(--device-tab-ink);border-color:color-mix(in srgb,var(--device-tab-line) 35%,white)}
#sy-ap .ap-device-tabs button[role="tab"][aria-selected="true"]{background:var(--theme-panel,#fff);color:var(--device-tab-ink);border-top:3px solid var(--device-tab-line);border-bottom-color:var(--theme-line,#fff);font-weight:600}
#sy-ap .sy-device-mode{display:inline-flex;align-items:center;gap:6px}
#sy-ap .sy-device-mode svg{width:16px;height:16px}
#sy-ap .sy-device-badge{position:relative;display:inline-flex;align-items:center;border-radius:8px;padding:6px 10px;font-size:13px;cursor:help}
#sy-ap .sy-device-good{background:var(--theme-tint-green,#e7f5ed);color:var(--theme-green,#28734e)}
#sy-ap .sy-device-bad{background:var(--theme-tint-red,#fdebed);color:var(--theme-red,#ad3e50)}
#sy-ap .sy-device-unknown{background:var(--theme-tint-amber,#fff3df);color:var(--theme-amber,#956326)}
#sy-ap .sy-device-balloon{display:none;position:absolute;top:calc(100% + 8px);left:0;z-index:12;width:260px;max-width:70vw;padding:10px 12px;border-radius:9px;border:1px solid var(--theme-line,#d9dff1);background:linear-gradient(110deg,var(--theme-tint-blue,#edf4ff),var(--theme-tint-purple,#f3edfc));box-shadow:0 5px 16px #223a6024;color:var(--theme-blue,#32425b);font-size:12px;line-height:1.6;font-weight:400;pointer-events:none}
#sy-ap .sy-device-badge:hover>.sy-device-balloon,#sy-ap .sy-device-badge:focus>.sy-device-balloon{display:block}

#sy-ap .sy-tag.sy-device-mode,#sy-ap .sy-device-badge{font-size:13px;line-height:20px;padding:6px 10px;min-height:32px;border:0;border-radius:8px}
#sy-ap .sy-router-alarm{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:7px 10px}
#sy-ap .sy-router-alarm svg{width:16px;height:16px}

/* Keep the original dialog height; consent help opens away from Save. */
#sy-ap [data-local-form="configure"] label:has(>input[name="snmp_allowed"])>.sy-field-help{top:auto;bottom:calc(100% + 9px)}
#sy-ap [data-local-form="configure"] label:has(>input[name="snmp_allowed"])>.sy-field-help::before{top:auto;bottom:-5px;transform:rotate(225deg)}
#sy-ap .sy-panel>h3:has(.sy-router-alarm){display:flex;align-items:center;flex-wrap:wrap;gap:6px}