/* SAOS modern admin UI */
:root{--saos-navy:#0b1220;--saos-panel:#fff;--saos-soft:#f4f7fb;--saos-line:#dfe7f1;--saos-text:#162033;--saos-muted:#64748b;--saos-blue:#2563eb;--saos-cyan:#06b6d4;--saos-green:#16a34a;--saos-red:#dc2626;--saos-amber:#d97706;--saos-radius:14px;--saos-shadow:0 10px 30px rgba(15,23,42,.07)}
body[class*="saos-"] #wpcontent{background:var(--saos-soft)}
.wrap{max-width:1380px;color:var(--saos-text);padding:8px 18px 36px 0}
.wrap>h1{margin:8px 0 5px;padding:24px 28px;color:#fff;font-size:27px;font-weight:750;letter-spacing:-.025em;border-radius:var(--saos-radius);background:linear-gradient(125deg,var(--saos-navy),#172554 58%,#0e7490);box-shadow:0 16px 35px rgba(15,23,42,.18)}
.wrap>h1+p{color:var(--saos-muted);font-size:14px;margin:13px 5px 24px}.wrap>h2{margin:30px 0 14px;font-size:19px;letter-spacing:-.01em}
.saos-stats{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));gap:16px;margin:22px 0}
.stat-box{position:relative;overflow:hidden;min-width:0;padding:22px;border:1px solid var(--saos-line);border-radius:var(--saos-radius);background:var(--saos-panel);box-shadow:var(--saos-shadow)}
.stat-box:after{content:"";position:absolute;right:-25px;bottom:-35px;width:95px;height:95px;border-radius:50%;background:linear-gradient(135deg,rgba(37,99,235,.10),rgba(6,182,212,.16))}
.stat-box h3{margin:0;color:var(--saos-muted);font-size:13px;font-weight:650}.stat-box p{margin:10px 0 0;color:var(--saos-navy);font-size:32px;font-weight:800}
.saos-api-info,.saos-test-box,.node-card,.plugin-card,.wrap>div[style*="background:#fff"]{border:1px solid var(--saos-line)!important;border-radius:var(--saos-radius)!important;background:var(--saos-panel)!important;box-shadow:var(--saos-shadow)}
.saos-api-info{margin-top:22px;padding:20px;border-left:4px solid var(--saos-cyan)!important}.saos-api-info code{display:block;margin-top:10px;padding:12px;border-radius:9px;background:var(--saos-soft);color:#0f4c81}.saos-test-box{margin-top:18px;padding:22px}
.node-card{margin-bottom:14px;padding:19px 21px;transition:.18s}.node-card:hover,.plugin-card:hover{transform:translateY(-2px);box-shadow:0 15px 38px rgba(15,23,42,.11)}
.node-header{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}.node-details{margin-top:11px;color:var(--saos-muted);font-size:13px}.node-details span{margin-left:15px}
.plugin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:17px;margin-top:20px}.plugin-card{padding:22px;transition:.18s}.plugin-card h3{margin-top:0}
.saos-plugin-toolbar{display:flex;align-items:end;gap:12px;margin:20px 0;padding:16px 18px;border:1px solid var(--saos-line);border-radius:12px;background:#fff}.saos-plugin-toolbar label{font-weight:700}.saos-plugin-toolbar input{width:320px}.saos-plugin-toolbar span{margin-left:auto;color:var(--saos-muted)}.saos-plugin-list{display:grid;gap:10px}.saos-plugin-item{overflow:hidden;border:1px solid var(--saos-line);border-radius:12px;background:#fff;box-shadow:0 5px 18px rgba(15,23,42,.04)}.saos-plugin-item[hidden]{display:none}.saos-plugin-item summary{display:grid;grid-template-columns:42px minmax(180px,1fr) 90px 120px 110px;gap:12px;align-items:center;padding:15px 18px;cursor:pointer;list-style:none}.saos-plugin-item summary::-webkit-details-marker{display:none}.saos-plugin-item[open] summary{border-bottom:1px solid var(--saos-line);background:#f8fbff}.saos-plugin-symbol{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#eff6ff}.saos-plugin-name{display:grid}.saos-plugin-name small,.saos-plugin-pins,.saos-plugin-updated{color:var(--saos-muted)}.saos-plugin-state{justify-self:start;padding:5px 9px;border-radius:999px;background:#fff7ed;color:#b45309;font-size:12px;font-weight:700}.saos-plugin-state.is-ready{background:#ecfdf3;color:#15803d}.saos-plugin-open{color:var(--saos-blue);font-weight:700}.saos-plugin-item[open] .saos-plugin-open:after{content:" ↑"}.saos-plugin-item:not([open]) .saos-plugin-open:after{content:" ↓"}.saos-plugin-editor{padding:8px 20px 20px}.saos-plugin-editor .large-text{width:100%;font-family:monospace;font-size:13px}.saos-plugin-empty{padding:30px;text-align:center;color:var(--saos-muted)}
.wrap .form-table{border-collapse:separate;border-spacing:0 8px}.wrap .form-table th{color:#334155;font-weight:650}
.wrap input[type=text],.wrap input[type=number],.wrap input[type=password],.wrap select,.wrap textarea{min-height:40px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;box-shadow:0 1px 2px rgba(15,23,42,.03)}
.wrap textarea{padding:10px 12px}.wrap input:focus,.wrap select:focus,.wrap textarea:focus{border-color:var(--saos-blue);box-shadow:0 0 0 3px rgba(37,99,235,.13);outline:none}
.wrap .wp-list-table{overflow:hidden;border:1px solid var(--saos-line);border-radius:var(--saos-radius);background:#fff;box-shadow:var(--saos-shadow)}
.wrap .wp-list-table thead th{padding:13px 12px;border-bottom:1px solid var(--saos-line);background:#eef3f9;color:#334155;font-size:12px;font-weight:750;letter-spacing:.035em;text-transform:uppercase}
.wrap .wp-list-table td{padding:14px 12px;vertical-align:middle;border-bottom-color:#edf2f7}.wrap .wp-list-table tbody tr{transition:background .15s}.wrap .wp-list-table tbody tr:hover{background:#f8fbff}
.wrap .button{min-height:34px;padding:3px 13px;border-color:#cbd5e1;border-radius:8px;color:#334155;font-weight:650;box-shadow:none;transition:.12s}.wrap .button:hover{transform:translateY(-1px);box-shadow:0 5px 12px rgba(15,23,42,.10)}
.wrap .button-primary{border-color:var(--saos-blue);background:var(--saos-blue);color:#fff}.wrap .button-primary:hover{border-color:#1d4ed8;background:#1d4ed8}
.wrap .saos-control-on{border-color:var(--saos-green);background:#ecfdf3;color:#157f3b}.wrap .saos-control-on:hover{background:var(--saos-green);color:#fff}.wrap .saos-control-off{border-color:var(--saos-red);background:#fff1f2;color:#be123c}.wrap .saos-control-off:hover{background:var(--saos-red);color:#fff}
.saos-device-status,.saos-command-state{font-weight:650}.saos-command-state small{display:inline-block;margin-top:3px;color:var(--saos-muted);font-weight:500}
.saos-motion{display:inline-flex;align-items:center;padding:5px 9px;border:1px solid transparent;border-radius:999px;font-size:12px;font-weight:750}.saos-motion.is-active{border-color:#fed7aa;background:#fff7ed;color:#c2410c}.saos-motion.is-idle{border-color:#bbf7d0;background:#f0fdf4;color:#15803d}.saos-motion.is-unknown{border-color:#e2e8f0;background:#f8fafc;color:#64748b}
.saos-dht-value{display:inline-block;margin:2px 0;color:#174b7a;font-weight:750}
.saos-rule-builder{margin:22px 0;padding:22px;border:1px solid var(--saos-line);border-radius:var(--saos-radius);background:#fff;box-shadow:var(--saos-shadow)}.saos-rule-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.saos-rule-flow section{padding:18px;border:1px solid var(--saos-line);border-radius:12px;background:#f8fafc}.saos-rule-flow h3{margin-top:0;color:var(--saos-blue)}.saos-rule-flow label{display:block;margin:11px 0;font-weight:650}.saos-rule-flow select,.saos-rule-flow input{width:100%;margin-top:5px}
.saos-recipes{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0}.saos-recipe{display:grid;grid-template-columns:42px 1fr;gap:2px 10px;padding:18px;text-align:left;border:1px solid var(--saos-line);border-radius:13px;background:#fff;cursor:pointer;box-shadow:var(--saos-shadow)}.saos-recipe:hover{border-color:#93c5fd;transform:translateY(-2px)}.saos-recipe span{grid-row:1/3;font-size:28px}.saos-recipe strong{font-size:15px;color:var(--saos-text)}.saos-recipe small,.saos-help{color:var(--saos-muted);font-weight:400}.saos-rule-flow h3 small{color:var(--saos-muted);font-weight:500}
.saos-sync-box{display:flex;align-items:center;gap:14px;margin:20px 0;padding:16px 18px;border:1px solid #bae6fd;border-radius:12px;background:#f0f9ff}.saos-sync-box span{flex:1;color:var(--saos-muted)}
.wrap .notice{margin:15px 0;border:0;border-left:4px solid var(--saos-blue);border-radius:10px;box-shadow:0 5px 18px rgba(15,23,42,.07)}.wrap .notice-success{border-left-color:var(--saos-green)}.wrap .notice-error{border-left-color:var(--saos-red)}.wrap .notice-warning{border-left-color:var(--saos-amber)}
@media(max-width:1100px){.saos-stats{grid-template-columns:repeat(2,minmax(170px,1fr))}.saos-recipes,.saos-rule-flow{grid-template-columns:1fr}.wrap .wp-list-table{display:block;overflow-x:auto;white-space:nowrap}}
@media(max-width:782px){.wrap{padding-right:10px}.wrap>h1{padding:20px;font-size:23px}.saos-stats{grid-template-columns:1fr}.node-header{align-items:flex-start;flex-direction:column}.node-details span{display:block;margin:5px 0 0}.wrap .form-table th{padding-bottom:3px}.wrap .form-table td{padding-top:3px}.saos-plugin-toolbar{align-items:stretch;flex-direction:column}.saos-plugin-toolbar input{width:100%}.saos-plugin-toolbar span{margin-left:0}.saos-plugin-item summary{grid-template-columns:40px 1fr auto}.saos-plugin-pins,.saos-plugin-open{display:none}.saos-plugin-state{grid-column:2}}
.saos-plugin-list{gap:20px}.saos-plugin-category{display:grid;gap:9px}.saos-plugin-category[hidden]{display:none}.saos-plugin-category>h2{display:flex;align-items:center;gap:10px;margin:0 0 2px;padding:0 4px;font-size:17px}.saos-plugin-category>h2 small{padding:4px 8px;border-radius:999px;background:#e8eef7;color:var(--saos-muted);font-size:11px;font-weight:700}
.saos-assign-unclaimed{display:flex;align-items:center;gap:12px;margin:18px 0;padding:16px 18px;border:1px solid #bfdbfe;border-radius:12px;background:#eff6ff}.saos-assign-unclaimed span{flex:1;color:var(--saos-muted)}@media(max-width:782px){.saos-assign-unclaimed{align-items:stretch;flex-direction:column}}
.saos-test-node-banner{display:flex;align-items:center;gap:13px;margin:18px 0;padding:16px 18px;border:1px solid #f5c66d;border-radius:12px;background:#fff8e8}.saos-test-node-banner span{flex:1;color:#79540f}@media(max-width:782px){.saos-test-node-banner{align-items:stretch;flex-direction:column}}
.saos-automation-inactive td{opacity:.72}.saos-automation-inactive td:nth-child(5),.saos-automation-inactive td:last-child{opacity:1}.saos-automation-toggle{display:inline-block;margin:0}.saos-switch{display:inline-flex;align-items:center;gap:8px;padding:4px 7px 4px 4px;border:0;border-radius:999px;background:transparent;cursor:pointer;color:var(--saos-muted)}.saos-switch-track{position:relative;display:inline-block;width:40px;height:22px;border-radius:999px;background:#cbd5e1;box-shadow:inset 0 1px 2px rgba(15,23,42,.16);transition:.18s}.saos-switch-track i{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(15,23,42,.3);transition:.18s}.saos-switch.is-on{color:#15803d}.saos-switch.is-on .saos-switch-track{background:var(--saos-green)}.saos-switch.is-on .saos-switch-track i{transform:translateX(18px)}.saos-switch:hover,.saos-switch:focus-visible{background:#f1f5f9;outline:2px solid transparent}.saos-switch:focus-visible{box-shadow:0 0 0 3px rgba(37,99,235,.2)}
.saos-online-badge{display:inline-flex;align-items:center;margin-top:4px;padding:3px 7px;border-radius:999px;font-size:11px;font-weight:750}.saos-online-badge.is-online{background:#ecfdf3;color:#15803d}.saos-online-badge.is-offline{background:#fff1f2;color:#be123c}.saos-node-health small,.saos-command-state small{color:var(--saos-muted)}.saos-command-state .saos-motion.is-unknown+br+small,.saos-command-state strong+br+small{display:inline-block;margin-top:4px}.saos-automation-summary{display:block;color:#334155;font-weight:650}.saos-automation-summary small{display:block;margin-top:3px;color:var(--saos-muted);font-weight:500}
.saos-weekdays{margin:14px 0;padding:12px;border:1px solid var(--saos-line);border-radius:10px;background:#fff}.saos-weekdays legend{padding:0 5px;font-weight:650}.saos-weekdays label{display:inline-flex;align-items:center;margin:3px 8px 3px 0}.saos-weekdays input{width:auto;min-height:0;margin:0 4px 0 0}.saos-weekdays small{display:block;margin-top:7px}.saos-extra-condition{margin:14px 0;border:1px solid var(--saos-line);border-radius:10px;background:#fff}.saos-extra-condition summary{padding:11px;cursor:pointer;color:var(--saos-blue);font-weight:700}.saos-extra-condition[open] summary{border-bottom:1px solid var(--saos-line)}.saos-extra-condition>label,.saos-extra-condition>div{margin:11px;padding:0 2px}
.saos-automation-guide{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:18px 0;padding:15px 18px;border:1px solid #bfdbfe;border-radius:12px;background:#eff6ff}.saos-automation-guide>strong{color:#1d4ed8}.saos-automation-guide span{color:#334155}.saos-automation-guide small{flex-basis:100%;color:var(--saos-muted)}.saos-rule-preview{margin:18px 0 4px;padding:16px 18px;border:1px solid #a7f3d0;border-left:4px solid var(--saos-green);border-radius:11px;background:#f0fdf4}.saos-rule-preview strong{color:#166534}.saos-rule-preview p{margin:7px 0 3px;color:#1e293b;font-size:15px;line-height:1.5}.saos-rule-preview small{display:block;color:#64748b}
.saos-system-modes{display:flex;align-items:center;gap:14px;flex-wrap:wrap;max-width:1340px;margin:16px 18px 18px 0;padding:16px 18px;border:1px solid #c4b5fd;border-radius:14px;background:#f5f3ff;box-shadow:var(--saos-shadow)}.saos-system-modes>div{display:grid;margin-right:auto}.saos-system-modes>div strong{color:#5b21b6;font-size:16px}.saos-system-modes small{color:var(--saos-muted)}.saos-system-modes form{display:flex;align-items:end;gap:8px}.saos-system-modes label{display:grid;gap:4px;font-weight:650}.saos-system-modes select{min-width:145px}@media(max-width:782px){.saos-system-modes,.saos-system-modes form{align-items:stretch;flex-direction:column}.saos-system-modes form{width:100%}}