#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:76px}#sy-ap .sy-stage[data-menu-open=true]{--sy-nav-width:230px}#sy-ap .sy-header{position:sticky;top:0;z-index:50;background:#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;transition:grid-template-columns .22s}#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-nav-width);overflow-x:hidden;overflow-y:auto;padding:22px 10px;background:var(--sy-nav-bg);color:var(--sy-nav-ink);border-right:1px solid #1f493c;display:flex;flex-direction:column;gap:8px;transition:width .22s}#sy-ap .sy-stage[data-menu-open=true] .sy-nav{padding:22px 12px}#sy-ap .sy-nav-label{display:none;white-space:nowrap}#sy-ap .sy-stage[data-menu-open=true] .sy-nav-label{display:inline}#sy-ap .sy-brand{display:flex;align-items:center;gap:12px;min-width:0}#sy-ap .sy-nav button{width:100%;min-height:46px;border:1px solid transparent;border-radius:12px;background:transparent;display:flex;gap:0;align-items:center;justify-content:center;padding:10px 12px;text-align:left;flex-shrink:0;white-space:nowrap;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:20px;height:20px;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:#fff2dc;color:var(--sy-amber)}#sy-ap .sy-tag.sy-danger{background:#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:#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:#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:#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:#b33636}#sy-ap .sy-map .sy-pin.sy-unknown{fill:#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:#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:#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:#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 #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:#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 #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 #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:#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:#eff5ff;border:1px solid #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:#8061b9;background:#f4effc}#sy-ap .ap-stat[data-tone=teal]{border-top-color:#137d78;background:#edf9f6}#sy-ap .ap-stat[data-tone=amber]{border-top-color:#a56305;background:#fff7e9}#sy-ap .ap-stat span,#sy-ap .ap-stat small{display:block;font-size:12px;color:#627185}#sy-ap .ap-stat strong{display:block;font-size:25px;margin:8px 0;color:#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:#fff;color:#627185;border:1px solid #d8e3ef;border-radius:5px;min-width:34px;min-height:34px;flex-shrink:0}#sy-ap .ap-chat.ap-unread{background:#edf8f0;border-color:#b9ddc6;color:#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:#edf8f0;color:#21834b}#sy-ap .ap-task{display:grid;gap:7px;justify-items:start;margin:0 0 12px}#sy-ap .ap-caption{font-size:11px;color:#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 #c8d8e7;border-top:3px solid #c8d8e7;border-radius:8px 8px 0 0;background:#edf5fc;color:#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:#fff;color:#236aa2;background:#fff;z-index:1}#sy-ap .ap-device-content{border:1px solid #c8d8e7;border-radius:6px;padding:14px}#sy-ap .ap-data-state{display:flex;gap:7px;align-items:center;font-size:12px;color:#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:#14283f;font-size:13px;font-weight:600}#sy-ap .ap-widget-status{color:#14283f;font-size:12px}#sy-ap .ap-widget-value{display:block;color:#526479;font-size:12px;margin-top:4px;overflow-wrap:anywhere}#sy-ap .ap-audit{margin-top:16px;padding-top:12px;border-top:1px solid #e2e8f0}#sy-ap .ap-router-row{display:flex;align-items:center;gap:10px;padding:11px 8px;border-bottom:1px solid #e2e8f0}#sy-ap .ap-router-row.ap-selected{background:#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:#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:#627185;border-bottom:2px solid #e2e8f0}#sy-ap .ap-steps .ap-step-active{color:#236aa2;border-color:#236aa2}#sy-ap .ap-draft{color:#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:#f7f9fc;text-align:center;color:#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 #d8e3ed;background:#fff;color:#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 #d8e3ed;border-radius:7px;background:#fff;color:#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 #e2e8f0;padding-top:12px}#sy-ap .ap-dialog li{margin:7px 0}#sy-ap .ap-chat-context{text-align:center;border-top:1px solid #e2e8f0;border-bottom:1px solid #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:#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:#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:#edf5fd;align-self:flex-end}#sy-ap .ap-bubble small{display:block;font-size:11px;color:#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 #e2e8f0;border-radius:6px;background:#f8fafc;color:#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:#627185}#sy-ap .ap-value-pair b{font-size:13px;white-space:nowrap;color:#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:#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:#627185;width:30px;font-size:11px;flex-shrink:0}#sy-ap .ap-log-note{display:block;color:#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:#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,#edf5ff,#f4effb);border:1px solid #dae3f3;border-radius:10px;padding:18px;margin:16px 0;color:#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:#56836b;font-size:24px}#sy-ap .ap-topology small{color:#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 #e7edf3;font-size:14px}#sy-ap .ap-dashboard-quiet{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 14px;background:#f0f8f4;color:#285b46;border-radius:7px;margin-bottom:12px;border:1px solid #dcece2}#sy-ap .ap-dashboard-quiet small{color:#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:#627185}@media(max-width:600px){#sy-ap .ap-metrics{grid-template-columns:1fr}}#sy-ap .ap-health-table .ap-health-text{color:#14283f;font-size:12px;line-height:1.5;white-space:normal;overflow-wrap:anywhere}#sy-ap .ap-health-table td{color:#14283f;vertical-align:middle;padding:9px 10px}#sy-ap .ap-health-table th{color:#526479}#sy-ap .ap-context-sticky{position:sticky;top:0;z-index:20;background:#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 #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:#fbfcff;border:1px solid #e2e8f0;border-radius:6px;padding:10px}#sy-ap .ap-vm-plots h4{margin:0 0 8px;color:#14283f;font-size:13px}#sy-ap .ap-vm-plots svg{width:100%;height:210px;display:block}#sy-ap .ap-vm-plots text{fill:#627185;font:11px Arial,sans-serif}@media(max-width:900px){#sy-ap .ap-vm-plots{grid-template-columns:1fr}}#sy-ap .ap-claim{background:#fff;color:#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 #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:#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:#a7352b}#sy-ap .ap-claim-card[data-tone=amber] strong{color:#a95b1d}#sy-ap .ap-claim-card[data-tone=green] strong{color:#367d62}#sy-ap .ap-claim-card span{font-weight:600;color:#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 #e2e8f0;border-radius:6px;background:#f8faff;font-size:11px;margin-bottom:14px}#sy-ap .ap-claim-mode strong+strong{border-left:1px solid #dce1e5;padding-left:20px}#sy-ap .ap-claim-mode>span{color:#627185}#sy-ap .ap-claim-events{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:14px}#sy-ap .ap-claim-events h3{font-size:14px;color:#7550a9;background:#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 #e7edf3}#sy-ap .ap-claim-filters{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;background:#f8faff;border:1px solid #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:#626a70}#sy-ap .ap-claim-status button{display:flex;gap:7px;align-items:center;background:#fff;border:1px solid #dce2e9;border-radius:5px;padding:7px 8px;font-size:11px;font-weight:600;color:#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:#eaf0f8;color:#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:#626a70}#sy-ap .ap-claim-selects select{font-size:11px;width:160px;min-width:0;border-radius:5px;padding:7px;background:#fff;color:#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:#fff;border:1px solid #e0e5e8;color:#29343b}#sy-ap .ap-claim-table th{padding:8px 7px;background:#eff5f8;color:#627185;font-weight:400;white-space:nowrap;border-bottom:2px solid #d9e0e4}#sy-ap .ap-claim-table th:nth-child(6){background:#fdf7ec}#sy-ap .ap-claim-table th:nth-child(7){background:#f3f0fa}#sy-ap .ap-claim-table th:nth-child(8){background:#eff8f3}#sy-ap .ap-claim-table th:nth-child(9){background:#faf0f1}#sy-ap .ap-claim-table td{padding:6px 7px;line-height:1.4;border-bottom:1px solid #e9eef0;vertical-align:middle}#sy-ap .ap-claim-table tbody tr:nth-child(odd){background:#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:#307ac0;font-weight:600;text-align:left}#sy-ap .ap-claim-badge{display:inline-block;white-space:nowrap;background:#fff1c9;border:1px solid #efb751;border-radius:4px;padding:4px 6px;font-size:11px;font-weight:600}#sy-ap .ap-claim-badge[data-status='SLA EXCLUDED']{background:#e8f6ee;border-color:#9acdb5}#sy-ap .ap-claim-badge[data-status='SLA COUNTED'],#sy-ap .ap-claim-badge[data-status=ONGOING]{background:#fdecec;border-color:#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:#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:#627185}#sy-ap .ap-claim-footer>div{display:flex;align-items:center;gap:8px}#sy-ap .ap-claim-footer button{background:#fff;border:1px solid #dce2e9;border-radius:4px;padding:4px 9px}#sy-ap .ap-claim-footnote{font-size:11px;color:#627185;margin:12px 0 0}#sy-ap .ap-exclude-dialog{width:min(1100px,calc(100% - 28px));background:#fff;border-radius:9px;padding:20px;color:#29343b}#sy-ap .ap-exclude-dialog h3{color:#627185;font-size:16px;border-bottom:1px solid #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:#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:#fff}#sy-ap .ap-exclude-preview{padding:11px 12px;border:1px solid #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:#627185;margin:8px 0 12px}#sy-ap .ap-exclude-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #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:#fff;padding:0;color:#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:#fff;border:1px solid #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 #e7edf3}#sy-ap .ap-report-segments{display:inline-flex;padding:5px;background:#edf3fa;border:1px solid #dce6f1;border-radius:7px;max-width:100%}#sy-ap .ap-report-segments button{border:0;background:transparent;color:#627185;padding:10px 18px;font-weight:600;border-radius:5px}#sy-ap .ap-report-segments button[aria-pressed=true]{background:#fff;color:#236aa2;box-shadow:0 3px 7px #20392a12}#sy-ap .ap-report-panel select{width:290px;max-width:100%;background:#fff;color:#14283f;border:1px solid #d5dfd9;border-radius:6px;padding:12px}#sy-ap .ap-report-period-note,#sy-ap .ap-report-summary p{font-size:11px;color:#627185;margin:12px 0 0}#sy-ap .ap-report-scope{border:1px solid #e1e7e3;border-radius:6px;overflow:hidden}#sy-ap .ap-report-scope>input{width:100%;border:0;border-radius:0;border-bottom:1px solid #e1e7e3;padding:14px;background:#fff;color:#14283f}#sy-ap .ap-report-tools{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;background:#f5f8f6;padding:10px 12px;border-bottom:1px solid #e1e7e3}#sy-ap .ap-report-tools button{padding:8px 10px;background:#fff;color:#14283f;border:1px solid #d5dfd9;border-radius:7px;margin-right:6px}#sy-ap .ap-report-tools [data-report-clear]{color:#b9342b}#sy-ap .ap-report-tools b,#sy-ap .ap-report-groups h4 span{background:#edf5ff;color:#236aa2;border-radius:20px;padding:5px 10px;font-size:11px}#sy-ap .ap-report-groups{padding:14px;background:#fbfcfb}#sy-ap .ap-report-groups h4{display:flex;justify-content:space-between;align-items:center;margin:0 0 10px;font-size:13px;color:#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:#fff;border:1px solid #dce5df;border-radius:8px;color:#14283f;min-width:0}#sy-ap .ap-report-tiles label:has(input:checked){background:#edf5ff;border-color:#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 #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 #edf0ee}#sy-ap .ap-report-summary dt{color:#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-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 #cbdcf7;border-radius:12px;background:linear-gradient(110deg,#e1effc,#ece7ff)}
#sy-ap .sy-health-switch .sy-button{border:0;border-radius:8px;padding:10px 24px;background:transparent;color:#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 #d3dfed;border-radius:7px;background:#fffffffa;color:#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 #d5c8fa;border-radius:9px;background:linear-gradient(135deg,#fff 25%,#fff4ee 75%,#eee8ff);box-shadow:0 7px 26px #29375824;color:#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 #e3dcf5;background:linear-gradient(110deg,#e1f4ff,#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 #e1e4f2;border-radius:6px;background:#ffffffec;color:#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:#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 #d0ddf7;border-radius:8px;background:linear-gradient(110deg,#e3f3ff,#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:#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:#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:#e5dcfc;color:#6048a6;white-space:nowrap}
#sy-ap .sy-time-live{padding:3px 8px;border-radius:6px;background:#dcedff;color:#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 #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:#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:#fff;border:1px solid #d7d5ef;border-radius:9px;box-shadow:0 8px 30px #283a6029;color:#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:#eef1fd;color:#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:#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:#e8edfb;color:#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 #e6e9f4;margin-top:9px;padding-top:9px;align-items:end}
#sy-ap .sy-calendar-time label{font-size:11px;color:#64728b;min-width:0}
#sy-ap .sy-calendar-time input{width:100%;min-width:0;margin-top:3px;border:1px solid #dce2f1;border-radius:5px;padding:6px 3px;color:#253d62;background:#f8faff;font:13px Arial,sans-serif}
#sy-ap .sy-calendar-time>span{font-size:10px;color:#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:#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:#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 #f2dfbb;border-radius:7px;background:linear-gradient(110deg,#fff7e8,#fffaf3);color:#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:#ffe1a0;border-radius:12px;color:#875414}
#sy-ap .sy-admin-notice-row>small{grid-column:1/-1;color:#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,#fff8ed,#fffaf4);color:#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:#d8d8ee;background:linear-gradient(135deg,#fff 50%,#fffaf4 80%,#f6f0ff)}
#sy-ap .sy-account-request-dialog>h3{display:flex;align-items:center;gap:12px;padding:18px 20px;margin:0;background:linear-gradient(110deg,#d9f2ff,#dddafa,#f1e6fc);color:#182e50;font-size:20px}
#sy-ap .sy-account-request-dialog>h3 svg{width:29px;height:29px;flex:none;color:#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:#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:#8a61cc}
#sy-ap .sy-account-request-dialog label:nth-child(3) .sy-account-label-icon{color:#bf8525}
#sy-ap .sy-account-request-dialog input{background:#fbfdff;border-color:#cfe1f8}
#sy-ap .sy-account-request-dialog label:nth-child(2) input{background:#fdfbff;border-color:#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:#d5def0;border-radius:10px;background:linear-gradient(135deg,#fff 55%,#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 #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:#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 #dcdff0;border-radius:7px;color:#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,#fff,#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 #8b73b5;border-radius:50%;opacity:.045}
#sy-ap .sy-calendar24 header{padding:8px;margin:-10px -10px 9px;background:linear-gradient(110deg,#e4f0ff,#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:#4d78c8}
#sy-ap [data-product-mode=GATEWAY]{color:#8b61bf}
#sy-ap [data-product-mode=PUBLIC]{color:#bc8427}
#sy-ap [data-gateway-option][hidden]{display:none}
#sy-ap .ap-topology[data-topology-mode=GATEWAY]{background:linear-gradient(110deg,#f1eafb,#f8f3ff);border-color:#e4d7f4}
#sy-ap .ap-topology[data-topology-mode=PUBLIC]{background:linear-gradient(110deg,#fff3e2,#fffaf3);border-color:#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:#7a5fba}
#sy-ap [data-topology-part=router]{color:#377bb8}
#sy-ap [data-topology-part=globe]{color:#b67d23}
#sy-ap [data-topology-part=server]{color:#4d87a4}
#sy-ap .ap-topology-link{color:#8692b1}
#sy-ap .ap-topology small{color:#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 #dce4f1;border-radius:8px;background:#fafbff;color:#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:#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:#eaf2ff;color:#285faa;border:1px solid #d2e2fb}
#sy-ap .sy-tag.sy-state-revision{background:#fff2dc;color:#925913;border:1px solid #f4dbb0}
#sy-ap .sy-tag.sy-state-approved{background:#e6f5ed;color:#23724c;border:1px solid #c6e7d4}
#sy-ap .sy-tag.sy-state-rejected{background:#fdebed;color:#ae3547;border:1px solid #f4ccd2}
#sy-ap .sy-tag.sy-state-suspended{background:#edf0f4;color:#586473;border:1px solid #d8dfe7}
#sy-ap .sy-tag.sy-state-partial{background:#f0eafa;color:#73519c;border:1px solid #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 #d8def6;border-radius:9px;background:linear-gradient(115deg,#edf5ff,#f2ecfc);box-shadow:0 6px 18px #21365024;color:#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:#edf5ff;border-left:1px solid #d8def6;border-top:1px solid #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:#fff;color:var(--device-tab-ink);border-top:3px solid var(--device-tab-line);border-bottom-color:#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:#e7f5ed;color:#28734e}
#sy-ap .sy-device-bad{background:#fdebed;color:#ad3e50}
#sy-ap .sy-device-unknown{background:#fff3df;color:#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 #d9dff1;background:linear-gradient(110deg,#edf4ff,#f3edfc);box-shadow:0 5px 16px #223a6024;color:#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}