@import "https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&display=swap";:root{--bg:#f1f5f9;--card:#fff;--navy:#0f172a;--blue:#1769aa;--green:#16a34a;--red:#dc2626;--orange:#f59e0b;--text:#172033;--muted:#64748b;--border:#e2e8f0}html,body,#root{width:100%;min-height:100%}body{background:var(--bg);color:var(--text);direction:rtl;margin:0;font-family:Vazirmatn,Tahoma,Arial,sans-serif}button{cursor:pointer;background:var(--blue);color:#fff;border:none;border-radius:10px;padding:10px 18px;font-family:inherit;font-size:14px}button:hover{opacity:.9}h1,h2,h3{margin-top:0}table{border-collapse:collapse;background:#fff;width:100%}th{background:#f8fafc;font-weight:600}td,th{border-bottom:1px solid var(--border);padding:12px}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{color:#172033;direction:rtl;background:#f4f6f9}.app{background:#f4f6f9;min-height:100vh}.main-header{background:#fff;border-bottom:1px solid #e7ebf0;justify-content:space-between;align-items:center;height:82px;padding:0 32px;display:flex;box-shadow:0 2px 10px #0f172a0a}.brand-area{align-items:center;gap:13px;display:flex}.main-logo{object-fit:contain;flex:0 0 52px;display:block;width:52px!important;max-width:52px!important;height:52px!important;max-height:52px!important}.brand-text{flex-direction:column;justify-content:center;display:flex}.brand-text h1{color:#10243e;margin:0;padding:0;font-size:21px;font-weight:800;line-height:1.3}.brand-text p{color:#7a8798;margin:4px 0 0;padding:0;font-size:11px;line-height:1.5}.header-left{align-items:center;gap:12px;display:flex}.online-box{color:#16804b;background:#ecfdf3;border-radius:20px;align-items:center;padding:7px 12px;font-size:12px;font-weight:600;display:flex}.online-box span{background:#22a865;border-radius:50%;width:8px;height:8px;margin-left:7px}.header-left button{color:#334155;cursor:pointer;background:#fff;border:1px solid #dce3eb;border-radius:9px;padding:8px 15px;font-family:inherit;font-size:12px;font-weight:600}.header-left button:hover{background:#f8fafc}.body{width:100%;min-height:calc(100vh - 82px);display:flex}.menu{background:#10243e;width:210px;min-width:210px;padding:22px 14px}.menu div{color:#dce5ef;cursor:pointer;border-radius:9px;align-items:center;min-height:44px;margin-bottom:6px;padding:0 14px;font-size:13px;font-weight:500;transition:background .15s;display:flex}.menu div:hover{color:#fff;background:#1b3555}.page{background:#f4f6f9;flex:1;min-width:0;padding:28px 32px 50px}.page h1{color:#10243e;margin:0 0 24px;font-size:24px;font-weight:800}.page h2{color:#24364d;margin:30px 0 14px;font-size:17px;font-weight:700}.page h3{margin-top:0}.cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;width:100%;display:grid}.cards>div{min-width:0;background:#fff!important;border:1px solid #e5eaf0!important;border-radius:14px!important;padding:20px!important;box-shadow:0 3px 12px #0f172a0b!important}.cards>div h3{color:#56657a;margin:0 0 14px;font-size:13px;font-weight:600}table{border-collapse:separate;border-spacing:0;background:#fff;border:1px solid #e5eaf0;border-radius:12px;width:100%;overflow:hidden}th,td{text-align:right;border-bottom:1px solid #edf0f4;padding:12px 15px;font-size:13px}th{color:#56657a;background:#f8fafc;font-weight:700}td{color:#334155}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafbfd}.page button{color:#fff;cursor:pointer;background:#1769aa;border:0;border-radius:9px;margin-left:8px;padding:10px 18px;font-family:inherit;font-size:13px;font-weight:600}.page button:hover{opacity:.9}@media (width<=800px){.main-header{height:72px;padding:0 15px}.main-logo{flex-basis:43px;width:43px!important;max-width:43px!important;height:43px!important;max-height:43px!important}.brand-text h1{font-size:17px}.brand-text p,.online-box{display:none}.body{display:block}.menu{gap:5px;width:100%;min-width:0;min-height:auto;padding:8px;display:flex;overflow-x:auto}.menu div{flex:none;margin:0;padding:0 12px;font-size:12px}.page{padding:20px 14px 40px}.cards{grid-template-columns:1fr}}input{border:1px solid #dbe3ec;border-radius:10px;width:100%;margin:6px 0;padding:12px;font-family:inherit;font-size:14px}.form-card{background:#fff;border-radius:16px;margin-top:20px;padding:25px;box-shadow:0 8px 25px #0f172a14}.form-card h3{margin-bottom:20px}.form-grid{grid-template-columns:repeat(2,1fr);gap:15px;display:grid}.form-grid input,.form-grid select{background:#fff;border:1px solid #dbe3ec;border-radius:10px;width:100%;padding:12px 14px;font-family:inherit}.status-online{color:#16a34a;font-weight:700}.status-offline{color:#dc2626;font-weight:700}@media (width<=700px){.form-grid{grid-template-columns:1fr}}select.device-select{color:#172033;background:#fff;border:1px solid #dbe3ec;border-radius:12px;width:100%;margin-top:6px;margin-bottom:12px;padding:13px 15px;font-family:inherit;font-size:15px}select.device-select:focus{border-color:#1769aa;outline:none;box-shadow:0 0 0 3px #1769aa26}label{color:#334155;margin-top:12px;margin-bottom:6px;font-size:14px;font-weight:600;display:block}.device-form-card{background:#fff;border:1px solid #e5eaf0;border-radius:14px;margin-top:20px;margin-bottom:22px;padding:24px;box-shadow:0 4px 16px #0f172a0d}.device-form-card h3{color:#10243e;margin:0 0 20px;font-size:18px}.device-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;display:grid}.device-form-grid>div{min-width:0}.device-form-grid label{color:#475569;margin:0 0 7px;font-size:13px;font-weight:700;display:block}.device-form-grid input,.device-form-grid select,.persian-date-input{color:#172033;background:#fff;border:1px solid #dbe3ec;border-radius:10px;outline:none;height:44px;margin:0;padding:0 13px;font-family:inherit;font-size:14px;width:100%!important}.device-form-grid input:focus,.device-form-grid select:focus,.persian-date-input:focus{border-color:#1769aa;box-shadow:0 0 0 3px #1769aa1a}.rmdp-container{width:100%!important}.device-select{appearance:auto;cursor:pointer}.field-help{color:#94a3b8;margin-top:5px;font-size:11px}.device-form-actions{gap:10px;margin-top:22px;display:flex}.secondary-button{color:#334155!important;background:#e9eef5!important}.device-secret-box{overflow-wrap:anywhere;background:#fffbea;border:1px solid #f0d590;border-radius:10px;margin-top:18px;padding:15px}.device-secret-box strong{margin-bottom:6px;display:block}.device-secret-box code{text-align:left;direction:ltr;margin-top:8px;display:block}.table-wrap{margin-top:24px;overflow-x:auto}.status-badge{border-radius:20px;align-items:center;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex}.status-badge.online{color:#16804b;background:#ecfdf3}.status-badge.offline{color:#b42318;background:#fff1f0}.action-cell{white-space:nowrap}.action-cell button{min-width:auto;margin:2px;padding:7px 11px}.edit-button{background:#1769aa!important}.delete-button{background:#dc2626!important}.table-link{color:#1769aa!important;background:0 0!important;min-width:auto!important;margin:0!important;padding:0!important;font-weight:800!important}@media (width<=800px){.device-form-grid{grid-template-columns:1fr}.device-form-card{padding:18px}}html,body,#root,.app,.body,.page{max-width:100%}html,body,.page{overflow-x:hidden}.page>*{min-width:0;max-width:100%}img,svg{max-width:100%}.recharts-responsive-container{width:100%!important;max-width:100%!important}.recharts-wrapper,.recharts-surface{max-width:100%!important}.table-wrap{-webkit-overflow-scrolling:touch;border-radius:12px;width:100%;max-width:100%;overflow-x:auto}.table-wrap table{min-width:720px}@media (width<=1000px){.main-header{padding-left:20px;padding-right:20px}.menu{width:180px;min-width:180px}.page{padding-left:20px;padding-right:20px}}@media (width<=800px){html,body,#root{width:100%;min-width:0}.main-header{flex-wrap:nowrap;gap:10px;height:auto;min-height:68px;padding:10px 12px}.brand-area{flex:1;gap:9px;min-width:0}.main-logo{flex:0 0 42px!important;width:42px!important;min-width:42px!important;max-width:42px!important;height:42px!important}.brand-text{min-width:0}.brand-text h1{white-space:nowrap;font-size:16px}.brand-text p{display:none}.header-left{flex:none;gap:6px}.online-box{display:none}.header-left button{min-height:40px;margin:0;padding:8px 12px;font-size:12px}.body{width:100%;min-height:calc(100vh - 68px);display:block}.menu{z-index:50;scrollbar-width:none;background:#10243e;gap:6px;width:100%;min-width:0;padding:7px 8px;display:flex;position:sticky;top:0;overflow:auto hidden;box-shadow:0 3px 10px #0f172a1f}.menu::-webkit-scrollbar{display:none}.menu div{white-space:nowrap;flex:1 0 auto;justify-content:center;min-width:105px;min-height:42px;margin:0;padding:0 10px;font-size:12px}.page{width:100%;padding:16px 12px 38px;overflow-x:hidden}.page h1{margin-bottom:16px;font-size:20px;line-height:1.6}.page h2{margin-top:24px;font-size:16px;line-height:1.7}.page div[style*="display: grid"],.page div[style*=display\:grid]{grid-template-columns:minmax(0,1fr)!important}.page div[style*="display: grid"]>*,.page div[style*=display\:grid]>*{min-width:0!important;max-width:100%!important}.page div[style*="display: flex"],.page div[style*=display\:flex]{max-width:100%}.cards{gap:12px;grid-template-columns:1fr!important}.cards>div{padding:16px!important}.form-grid,.device-form-grid{gap:12px;grid-template-columns:1fr!important}.form-card,.device-form-card{margin-top:14px;padding:16px}.device-form-actions{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.device-form-actions button{width:100%;margin:0!important}.page button{min-height:42px;margin-left:4px;padding:9px 13px;font-size:12px}table{border-radius:10px}th,td{padding:10px 12px;font-size:12px}.action-cell{white-space:nowrap}.action-cell button{min-height:36px;padding:6px 10px;font-size:11px}.page p,.page div,.page span,.page strong{overflow-wrap:anywhere}.page [style*=min-width]{max-width:100%}.page [style*="overflow-y: auto"],.page [style*=overflowY]{max-height:none!important}}@media (width<=520px){.main-header{padding:8px 10px}.main-logo{flex-basis:38px!important;width:38px!important;min-width:38px!important;max-width:38px!important;height:38px!important}.brand-text h1{font-size:15px}.header-left button{min-height:38px;padding:7px 10px}.menu{padding:6px}.menu div{min-width:96px;min-height:40px;font-size:11px}.page{padding:14px 10px 32px}.page h1{font-size:19px}.page button{white-space:normal;width:auto;max-width:100%}.device-form-actions{grid-template-columns:1fr}}@media (width<=380px){.brand-area{gap:7px}.brand-text h1{font-size:14px}.header-left button{padding-left:8px;padding-right:8px;font-size:11px}.page{padding-left:8px;padding-right:8px}}body,button,input,select,textarea{font-family:Vazirmatn,Tahoma,Arial,sans-serif!important}body{color:#182538;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-weight:400;line-height:1.8}.page h1{color:#10243e!important;margin-bottom:10px!important;font-size:30px!important;font-weight:800!important;line-height:1.45!important}.page h2{color:#162a44!important;font-size:24px!important;font-weight:800!important;line-height:1.55!important}.page h3{color:#273b54;font-size:18px!important;font-weight:750!important;line-height:1.6!important}.brand-text h1{color:#0b1f38!important;font-size:23px!important;font-weight:850!important}.brand-text p{color:#718096!important;font-size:12px!important;font-weight:500!important}.menu div{line-height:1.5;font-size:14px!important;font-weight:650!important}.cards>div{border-radius:18px!important;box-shadow:0 6px 24px #0f172a0e!important}.cards>div h3{color:#66758a!important;font-size:14px!important;font-weight:700!important}.cards strong{color:#0f1f35;font-size:38px!important;font-weight:850!important;line-height:1.2!important}.page p{color:#526176;font-size:14px;font-weight:450;line-height:1.9}.page strong{font-weight:750}.page small{color:#7d899a;font-size:12px;font-weight:500}table{font-size:14px!important}th{color:#4d5d72!important;padding:15px 16px!important;font-size:13.5px!important;font-weight:750!important;line-height:1.7!important}td{color:#26374d!important;padding:14px 16px!important;font-size:14px!important;font-weight:500!important;line-height:1.8!important}.page button,.header-left button{line-height:1.5;border-radius:11px!important;font-size:14px!important;font-weight:700!important;transition:transform .15s,box-shadow .15s,opacity .15s!important}.page button:hover{transform:translateY(-1px)}.page button:active{transform:translateY(0)}input,select,textarea,.device-form-grid input,.device-form-grid select,.persian-date-input{color:#1c2c41!important;border-radius:11px!important;font-size:14.5px!important;font-weight:500!important}textarea{line-height:1.95!important}label,.device-form-grid label{color:#42536a!important;font-size:13.5px!important;font-weight:700!important}textarea[placeholder=یادداشت\ پشتیبانی]{color:#25364c!important;background:linear-gradient(#fff 0%,#f8fafc 100%)!important;border:1px solid #ccd6e2!important;border-radius:13px!important;min-height:86px!important;padding:13px 14px!important;font-size:14px!important;font-weight:500!important;line-height:2!important;box-shadow:inset 0 1px 2px #0f172a08,0 2px 8px #0f172a09!important}textarea[placeholder=یادداشت\ پشتیبانی]:focus{border-color:#1769aa!important;outline:none!important;box-shadow:0 0 0 3px #1769aa1a!important}textarea[placeholder=یادداشت\ پشتیبانی]::placeholder{font-weight:450;color:#9aa7b8!important}.status-online,.status-offline{font-size:14px!important;font-weight:750!important}.form-card,.device-form-card{border-radius:18px!important;box-shadow:0 6px 22px #0f172a0e!important}.form-card h3,.device-form-card h3{color:#172b45!important;font-size:19px!important;font-weight:800!important}select.device-select{color:#26384f!important;background-color:#fff!important;font-size:14px!important;font-weight:600!important}.page code,.page pre{font-family:Consolas,Courier New,monospace}@media (width<=800px){.page{padding:20px 18px 42px!important}.page h1{font-size:27px!important;line-height:1.5!important}.page h2{font-size:22px!important;line-height:1.6!important}.page h3{font-size:17px!important}.brand-text h1{font-size:19px!important}.menu div{font-size:13px!important;font-weight:650!important}.cards>div{padding:18px!important}.cards>div h3{font-size:14px!important}.cards strong{font-size:34px!important}th{padding:13px 11px!important;font-size:13px!important}td{padding:13px 11px!important;font-size:13.5px!important}.page button{font-size:13.5px!important;font-weight:700!important}input,select,textarea{font-size:14px!important}}@media (width<=480px){.page{padding:18px 18px 38px!important}.page h1{font-size:25px!important}.page h2{font-size:21px!important}.cards strong{font-size:32px!important}.main-header{padding-left:14px!important;padding-right:14px!important}}@media (width<=800px){.main-header{gap:8px!important;height:68px!important;min-height:68px!important;padding:0 12px!important}.brand-area{gap:9px!important;min-width:0!important}.main-logo{flex:0 0 40px!important;width:40px!important;max-width:40px!important;height:40px!important;max-height:40px!important}.brand-text{min-width:0!important}.brand-text h1{white-space:nowrap!important;font-size:17px!important;font-weight:800!important}.brand-text p{display:none!important}.header-left{gap:5px!important}.online-box{display:none!important}.header-left button{margin:0!important;padding:7px 11px!important;font-size:12px!important;font-weight:700!important}.body{min-height:calc(100vh - 68px)!important;display:block!important}.menu{background:#10243e!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;width:100%!important;min-width:100%!important;padding:8px!important;display:grid!important;overflow:visible!important}.menu div{white-space:nowrap!important;text-align:center!important;border-radius:9px!important;justify-content:center!important;align-items:center!important;min-height:40px!important;margin:0!important;padding:6px 5px!important;font-size:11.5px!important;font-weight:700!important;display:flex!important}.page{width:100%!important;max-width:100%!important;padding:18px 12px 38px!important;overflow-x:hidden!important}.page h1{margin-bottom:8px!important;font-size:24px!important;font-weight:800!important;line-height:1.5!important}.page h2{font-size:19px!important;font-weight:800!important}.page h3{font-size:16px!important;font-weight:750!important}.page>div[style*=grid-template-columns]{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.page>div[style*=grid-template-columns]>div{border-radius:14px!important;min-width:0!important;padding:15px!important}.page>div[style*=grid-template-columns] strong{font-size:26px!important;font-weight:850!important}#technical-alerts-panel,#system-alerts-panel,#support-alerts-panel{border-radius:14px!important;margin-top:18px!important}#technical-alerts-panel>div,#system-alerts-panel>div,#support-alerts-panel>div{max-width:100%!important}#technical-alerts-panel div[style*=grid-template-columns],#system-alerts-panel div[style*=grid-template-columns],#support-alerts-panel div[style*=grid-template-columns]{grid-template-columns:1fr!important;align-items:stretch!important;gap:10px!important}textarea[placeholder=یادداشت\ پشتیبانی]{border-radius:12px!important;min-height:82px!important;padding:12px!important;font-size:14px!important;font-weight:500!important;line-height:1.9!important}.form-card,.device-form-card{border-radius:14px!important;margin-top:14px!important;padding:16px!important}.form-grid,.device-form-grid{grid-template-columns:1fr!important;gap:12px!important}.device-form-actions{grid-template-columns:1fr 1fr!important;gap:8px!important;display:grid!important}.device-form-actions button{width:100%!important;margin:0!important}input,select,textarea,select.device-select,.persian-date-input{width:100%!important;max-width:100%!important;font-size:14px!important}.table-wrap{-webkit-overflow-scrolling:touch!important;background:#fff!important;border-radius:12px!important;width:100%!important;overflow:auto hidden!important}.table-wrap table{table-layout:auto!important;width:max-content!important;min-width:920px!important}.table-wrap th,.table-wrap td{white-space:nowrap!important;padding:11px 12px!important;font-size:12.5px!important}.table-wrap .table-link{white-space:nowrap!important;margin:0!important}.page button{padding:9px 12px!important;font-size:12.5px!important;font-weight:700!important}}@media (width<=480px){.page{padding:15px 10px 34px!important}.main-header{padding:0 9px!important}.brand-text h1{font-size:16px!important}.menu{gap:4px!important;padding:6px!important}.menu div{padding:5px 3px!important;font-size:10.5px!important}.page>div[style*=grid-template-columns]{grid-template-columns:repeat(2,minmax(0,1fr))!important}#technical-alerts-panel div[style*=grid-template-columns],#system-alerts-panel div[style*=grid-template-columns],#support-alerts-panel div[style*=grid-template-columns]{grid-template-columns:1fr!important}}.industrial-dashboard{width:100%;max-width:1500px;margin:0 auto}.dashboard-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.dashboard-heading h1{margin:2px 0 5px!important;font-size:28px!important;font-weight:850!important}.dashboard-heading p{color:#6c7a8c;margin:0;font-size:13px;font-weight:500}.dashboard-kicker,.section-eyebrow{color:#1769aa;letter-spacing:1.5px;direction:ltr;font-size:10px;font-weight:800}.refresh-button{box-shadow:0 2px 7px #0f172a0a;color:#22364e!important;background:#fff!important;border:1px solid #dce4ed!important;margin:0!important}.overview-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.overview-card{background:#fff;border:1px solid #e3e9f0;border-radius:14px;flex-direction:column;justify-content:center;min-height:118px;padding:17px 19px;display:flex;box-shadow:0 3px 12px #0f172a0b}.overview-label{color:#64748b;margin-bottom:4px;font-size:12px;font-weight:700}.overview-value{color:#11263f;font-size:31px;font-weight:850;line-height:1.25}.overview-subtitle{color:#94a3b8;margin-top:3px;font-size:10.5px;font-weight:500}.tone-success{border-top:3px solid #22a865}.tone-warning{border-top:3px solid #e69b20}.monitor-section{background:#fff;border:1px solid #e3e8ef;border-radius:16px;margin-top:22px;padding:20px;box-shadow:0 4px 16px #0f172a0b}.section-title-row{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.section-title-row h2{margin:2px 0 3px!important;font-size:19px!important;font-weight:850!important}.section-title-row p{color:#77869a;margin:0;font-size:11.5px}.alert-counter-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.alert-counter{text-align:right;grid-template-rows:auto auto;grid-template-columns:1fr auto;align-items:center;gap:0 10px;min-height:92px;display:grid;color:#26394f!important;box-shadow:none!important;background:#fbfcfd!important;border:1px solid #e3e8ef!important;border-radius:12px!important;margin:0!important;padding:14px 16px!important}.alert-counter:hover{transform:translateY(-1px);opacity:1!important}.alert-counter-title{font-size:13px;font-weight:800}.alert-counter strong{grid-area:1/2/3;font-size:29px!important;font-weight:900!important}.alert-counter small{color:#8794a5;font-size:10.5px;font-weight:500}.alert-danger strong{color:#c62828!important}.alert-warning strong{color:#c77800!important}.alert-blue strong{color:#1769aa!important}.alert-neutral strong{color:#475569!important}.alert-active{border-color:#1769aa!important;box-shadow:0 0 0 2px #1769aa17!important}.alert-list-shell{background:#fff;border:1px solid #e7ebf0;border-radius:12px;overflow:hidden}.alert-list-header{background:#f7f9fb;border-bottom:1px solid #e7ebf0;justify-content:space-between;align-items:center;height:48px;padding:0 15px;display:flex}.alert-list-header strong{font-size:12.5px;font-weight:800}.alert-list-header span{color:#7b899b;font-size:11px;font-weight:600}.alert-scroll{scrollbar-gutter:stable;max-height:480px;overflow:hidden auto}.industrial-alert-row{border-bottom:1px solid #eef1f4;grid-template-columns:minmax(0,1fr) 300px;gap:18px;padding:16px;display:grid}.industrial-alert-row:last-child{border-bottom:none}.alert-main{min-width:0}.alert-main-top{align-items:center;gap:7px;margin-bottom:9px;display:flex}.fault-chip,.device-chip,.system-alert-type{border-radius:6px;align-items:center;min-height:25px;padding:3px 8px;font-size:10px;font-weight:800;display:inline-flex}.stage-critical{color:#bc2525;background:#fff0f0}.stage-review{color:#ac7100;background:#fff8e7}.stage-followup{color:#1769aa;background:#edf6ff}.device-chip{color:#526276;background:#f1f5f9}.alert-main h3,.system-alert-row h3{color:#20344c;margin:0 0 4px!important;font-size:14px!important;font-weight:800!important}.alert-main p,.system-alert-row p{color:#59697e;margin:0;font-size:12px;font-weight:500;line-height:1.8}.alert-meta{color:#8a97a8;gap:16px;margin-top:9px;font-size:10.5px;display:flex}.support-controls{grid-template-columns:1fr;gap:7px;display:grid}.support-controls select{background:#fff;border:1px solid #d9e1e9;height:37px;border-radius:8px!important;margin:0!important;padding:0 10px!important;font-size:12px!important;font-weight:650!important}.support-controls textarea{resize:vertical;background:#fbfcfd!important;border:1px solid #d9e1e9!important;border-radius:8px!important;min-height:62px!important;margin:0!important;padding:8px 10px!important;font-size:12px!important;font-weight:500!important;line-height:1.8!important}.support-actions{grid-template-columns:1fr 1fr;gap:7px;display:grid}.support-actions button{width:100%;margin:0!important;padding:8px!important;font-size:11.5px!important}.open-device-button{color:#334155!important;background:#edf2f7!important}.system-alert-row{border-bottom:1px solid #eef1f4;grid-template-columns:minmax(0,1fr) 210px;gap:16px;padding:15px;display:grid}.system-alert-row:last-child{border-bottom:none}.system-alert-type{color:#486078;background:#edf3f8;margin-bottom:8px}.system-alert-side{color:#6c7c90;flex-direction:column;align-items:flex-start;gap:4px;font-size:10.5px;display:flex}.system-alert-side strong{color:#34475d;font-size:12px}.system-alert-side button{margin:5px 0 0!important;padding:7px 10px!important;font-size:11px!important}.industrial-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:145px;display:flex}.industrial-empty span{color:#1d995a;background:#eaf8f0;border-radius:50%;place-items:center;width:32px;height:32px;margin-bottom:7px;font-weight:900;display:grid}.industrial-empty strong{font-size:12.5px}.industrial-empty p{color:#8a97a8;margin:4px 0 0;font-size:10.5px}@media (width<=950px){.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.industrial-dashboard{width:100%}.dashboard-heading{align-items:flex-start;margin-bottom:14px}.dashboard-heading h1{font-size:22px!important}.dashboard-heading p{max-width:250px;font-size:10.5px}.dashboard-kicker,.section-eyebrow{letter-spacing:1px;font-size:8px}.refresh-button{padding:7px 9px!important;font-size:10px!important}.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.overview-card{border-radius:11px;min-height:92px;padding:12px 13px}.overview-label{font-size:10.5px}.overview-value{font-size:25px}.overview-subtitle{font-size:8.5px}.monitor-section{border-radius:13px;margin-top:14px;padding:13px}.section-title-row{margin-bottom:11px}.section-title-row h2{font-size:16px!important}.section-title-row p{font-size:9.5px}.alert-counter-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.alert-counter{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:79px;display:flex;padding:8px 5px!important}.alert-counter-title{font-size:9px}.alert-counter strong{font-size:23px!important;line-height:1.3!important}.alert-counter small{text-align:center;max-width:90px;font-size:7.5px;line-height:1.5;display:block}.alert-list-header{height:42px;padding:0 11px}.alert-list-header strong{font-size:10.5px}.alert-list-header span{font-size:9px}.alert-scroll{max-height:430px}.industrial-alert-row{grid-template-columns:1fr;gap:11px;padding:12px}.alert-main h3{font-size:12.5px!important}.alert-main p{font-size:10.5px}.alert-meta{flex-wrap:wrap;gap:6px 13px;font-size:9px}.support-controls{border-top:1px dashed #dfe5ec;padding-top:10px}.support-controls select{height:35px;font-size:11px!important}.support-controls textarea{min-height:57px!important;font-size:11px!important}.system-alert-row{grid-template-columns:1fr;gap:10px;padding:12px}.system-alert-row h3{font-size:12px!important}.system-alert-row p{font-size:10.5px}.system-alert-side{border-top:1px dashed #e2e7ed;padding-top:8px}}@media (width<=400px){.alert-counter-title{font-size:8px}.alert-counter strong{font-size:21px!important}.alert-counter small{font-size:7px}}.device-detail-pro{width:100%;max-width:1500px;margin:0 auto}.device-loading{color:#64748b;padding:30px}.device-hero{background:#fff;border:1px solid #e2e8f0;border-radius:16px;grid-template-columns:minmax(0,1fr) auto;gap:24px;padding:22px 24px;display:grid;box-shadow:0 4px 16px #0f172a0b}.device-eyebrow{text-align:right;color:#1769aa;letter-spacing:1.4px;direction:ltr;margin-bottom:3px;font-size:9px;font-weight:850}.device-hero h1{color:#10243e!important;margin:0 0 15px!important;font-size:24px!important;font-weight:850!important}.device-meta-grid{grid-template-columns:repeat(4,minmax(120px,1fr));gap:8px;display:grid}.device-meta-item{background:#f8fafc;border:1px solid #edf1f5;border-radius:9px;min-width:0;padding:9px 11px}.device-meta-item span{color:#94a3b8;margin-bottom:3px;font-size:9px;font-weight:600;display:block}.device-meta-item strong{color:#34465d;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:750;display:block;overflow:hidden}.device-hero-side{flex-direction:column;align-items:flex-end;gap:10px;min-width:190px;display:flex}.connection-badge{border-radius:20px;align-items:center;gap:7px;padding:6px 11px;font-size:11px;font-weight:800;display:inline-flex}.connection-badge i{border-radius:50%;width:7px;height:7px}.connection-badge.online{color:#147a47;background:#ecfdf3}.connection-badge.online i{background:#22a865}.connection-badge.offline{color:#b42318;background:#fff1f0}.connection-badge.offline i{background:#dc2626}.last-seen-box{text-align:left}.last-seen-box span{color:#94a3b8;font-size:9px;display:block}.last-seen-box strong{color:#5c6b7e;margin-top:2px;font-size:10px;font-weight:650;display:block}.back-dashboard-button{color:#334155!important;background:#eef2f6!important;margin:0!important;padding:7px 11px!important;font-size:10px!important}.device-status-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.device-status-card{background:#fff;border:1px solid #e4e9ef;border-radius:13px;min-height:100px;padding:15px 17px}.device-status-card>span{color:#77869a;margin-bottom:5px;font-size:10px;font-weight:700;display:block}.device-status-card>strong{color:#23384f;margin-bottom:3px;font-size:18px;font-weight:850;display:block}.device-status-card>small{color:#8d99a9;font-size:9px;font-weight:500}.status-success{border-top:3px solid #22a865}.status-danger{border-top:3px solid #dc4a4a}.status-neutral{border-top:3px solid #94a3b8}.device-section-title{margin-top:24px;margin-bottom:10px}.device-section-title h2{color:#20354d!important;margin:0 0 2px!important;font-size:17px!important;font-weight:850!important}.device-section-title p{color:#8a97a8;margin:0;font-size:9.5px}.electrical-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.metric-group{background:#fff;border:1px solid #e5eaf0;border-radius:13px;padding:15px}.metric-group-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.metric-group-head strong{color:#263a51;font-size:11px;font-weight:800}.metric-group-head span{color:#a0aab7;letter-spacing:.6px;direction:ltr;font-size:7.5px;font-weight:700}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.metric-cell{background:#f8fafc;border:1px solid #edf1f5;border-radius:9px;min-width:0;padding:12px 10px}.metric-cell>span{text-align:center;color:#718096;direction:ltr;margin-bottom:6px;font-size:10px;font-weight:800;display:block}.metric-cell>div{direction:ltr;justify-content:center;align-items:baseline;gap:4px;display:flex}.metric-cell strong{color:#10243e;font-size:20px;font-weight:850}.metric-cell small{color:#7c8999;font-size:9px;font-weight:650}.operation-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;display:grid}.runtime-panel{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.runtime-card{background:#fff;border:1px solid #e5eaf0;border-radius:12px;flex-direction:column;justify-content:center;min-height:118px;padding:14px;display:flex}.runtime-card>span{color:#758397;margin-bottom:5px;font-size:9.5px;font-weight:700}.runtime-card>strong{color:#20354d;font-size:16px;font-weight:850}.runtime-card>small{color:#98a3b1;margin-top:4px;font-size:8.5px}.contactor-panel{background:#fff;border:1px solid #e5eaf0;border-radius:12px;padding:14px}.panel-heading{margin-bottom:10px}.panel-heading strong{color:#263a51;font-size:11px;font-weight:800;display:block}.panel-heading span{color:#99a4b1;margin-top:2px;font-size:8.5px;display:block}.contactor-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.contactor-item{text-align:center;background:#f8fafc;border:1px solid #edf1f5;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;min-height:82px;padding:8px 5px;display:flex}.contactor-dot{background:#cbd5e1;border-radius:50%;width:8px;height:8px;margin-bottom:5px}.contactor-item strong{color:#4c5c70;font-size:10px;font-weight:800}.contactor-item small{color:#a0aab7;margin-top:1px;font-size:7px;font-weight:700}.contactor-item em{color:#8794a4;margin-top:4px;font-size:8px;font-style:normal;font-weight:700}.contactor-item.active .contactor-dot{background:#22a865;box-shadow:0 0 0 3px #22a8651f}.command-panel{background:#fff;border:1px solid #e5eaf0;border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px;display:grid}.motor-command{flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:70px;display:flex;border-radius:10px!important;margin:0!important;font-size:13px!important;font-weight:850!important}.motor-command small{letter-spacing:.8px;opacity:.75;font-size:7px;font-weight:800}.command-on{background:#199b5c!important}.command-off{background:#d84a4a!important}.command-reset{background:#e99a20!important}.command-loading{color:#758397;margin-top:7px;font-size:10px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.service-card{background:#fff;border:1px solid #e5eaf0;border-radius:12px;padding:16px}.service-card-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.service-card-head h3{color:#263a51!important;margin:0!important;font-size:12px!important;font-weight:800!important}.service-badge{border-radius:20px;padding:3px 8px;font-size:8px;font-weight:800}.service-card-body{gap:8px;display:grid}.info-line{border-bottom:1px solid #f0f2f5;justify-content:space-between;gap:15px;padding-bottom:7px;display:flex}.info-line:last-child{border-bottom:none;padding-bottom:0}.info-line span{color:#7b899a;font-size:9.5px}.info-line strong{color:#3b4d63;font-size:9.5px;font-weight:650}.info-line strong.info-strong{color:#1769aa;font-weight:850}.history-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:28px;display:grid}.history-card{background:#fff;border:1px solid #e5eaf0;border-radius:12px;overflow:hidden}.history-card-head{color:#394b60;background:#f8fafc;border-bottom:1px solid #e8edf2;align-items:center;height:42px;padding:0 13px;font-size:10.5px;font-weight:800;display:flex}.history-card-body{max-height:280px;overflow-y:auto}.history-item{border-bottom:1px solid #f0f2f5;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:11px 13px;display:grid}.history-item:last-child{border-bottom:none}.history-main strong{color:#34465d;white-space:nowrap;text-overflow:ellipsis;font-size:9.5px;font-weight:750;display:block;overflow:hidden}.history-main span{color:#9aa4b1;margin-top:3px;font-size:8px;display:block}.history-status{border-radius:20px;align-self:center;padding:3px 7px;font-size:7.5px;font-weight:800}.history-status.success{color:#16804b;background:#ecfdf3}.history-status.danger{color:#b42318;background:#fff1f0}.history-status.neutral{color:#57677a;background:#f1f5f9}.empty-history{color:#94a3b8;text-align:center;padding:22px;font-size:9px}@media (width<=700px){.device-detail-pro{width:100%}.device-hero{border-radius:13px;grid-template-columns:1fr;gap:12px;padding:14px}.device-hero h1{margin-bottom:11px!important;font-size:19px!important}.device-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.device-meta-item{padding:7px 8px}.device-meta-item span{font-size:8px}.device-meta-item strong{font-size:9px}.device-hero-side{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;min-width:0;display:grid}.last-seen-box{text-align:right}.back-dashboard-button{white-space:nowrap}.device-status-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:9px}.device-status-card{text-align:center;min-height:84px;padding:9px 7px}.device-status-card>span{font-size:8px}.device-status-card>strong{font-size:13px}.device-status-card>small{font-size:7px;line-height:1.45}.device-section-title{margin-top:17px;margin-bottom:7px}.device-section-title h2{font-size:14px!important}.device-section-title p{font-size:8px}.electrical-panel{grid-template-columns:1fr;gap:7px}.metric-group{padding:10px}.metric-group-head{margin-bottom:7px}.metric-group-head strong{font-size:9.5px}.metric-group-head span{font-size:6px}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.metric-cell{padding:9px 5px}.metric-cell>span{font-size:8.5px}.metric-cell strong{font-size:17px}.metric-cell small{font-size:7px}.operation-grid{grid-template-columns:1fr;gap:7px}.runtime-panel{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.runtime-card{text-align:center;min-height:87px;padding:9px 7px}.runtime-card>span{font-size:7.5px}.runtime-card>strong{font-size:11px}.runtime-card>small{font-size:6.5px;line-height:1.45}.contactor-panel{padding:10px}.contactor-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.contactor-item{min-height:68px}.contactor-item strong{font-size:8.5px}.contactor-item small{font-size:6px}.contactor-item em{font-size:7px}.command-panel{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:7px}.motor-command{min-height:58px;padding:5px!important;font-size:10.5px!important}.motor-command small{font-size:5.5px}.service-grid{grid-template-columns:1fr;gap:7px}.service-card{padding:12px}.history-grid{grid-template-columns:1fr;gap:7px}}@media (width<=390px){.device-status-card>strong{font-size:12px}.metric-cell strong{font-size:15px}.runtime-card>strong{font-size:10px}.motor-command{font-size:9.5px!important}}:root{--ink:#0b1f33;--ink-2:#17324d;--text-strong:#1f3348;--text:#334b62;--muted:#65788d;--muted-2:#8191a3;--line:#d7e0e8;--line-strong:#c5d1dc;--panel:#fff;--panel-soft:#f7f9fb;--industrial-blue:#1769aa;--industrial-blue-soft:#edf5fc;--success:#16804b;--success-soft:#edf9f2;--danger:#c83d3d;--danger-soft:#fff0f0;--warning:#c77a00;--warning-soft:#fff7e8}body{color:var(--text-strong)!important;background:#eef2f6!important}.page{background:#eef2f6!important}.page h1,.device-hero h1,.dashboard-heading h1{color:var(--ink)!important}.page h2,.device-section-title h2,.section-title-row h2{color:var(--ink-2)!important}.page p,.dashboard-heading p,.section-title-row p,.device-section-title p{color:var(--muted)!important}.device-hero,.monitor-section,.electrical-panel,.metric-group,.runtime-card,.contactor-panel,.command-panel,.service-card,.history-card,.overview-card,.alert-list-shell{border-color:var(--line)!important;background:#fff!important;box-shadow:0 5px 18px #0f172a12!important}.device-meta-item,.metric-cell,.contactor-item{background:#f5f8fb!important;border-color:#dce5ed!important}.device-meta-item span,.metric-cell>span,.runtime-card>span,.info-line span,.last-seen-box span,.overview-label{color:#60758b!important}.device-meta-item strong,.metric-cell strong,.runtime-card strong,.info-line strong,.history-main strong{color:#223950!important}.metric-cell strong{font-weight:900!important}.metric-emphasis{background:#eef6ff!important;border-color:#c9def3!important}.device-status-card{box-shadow:0 3px 12px #0f172a0e;background:#fff!important;border-color:#d6e0e8!important}.device-status-card>span{color:#5f7388!important}.device-status-card>strong{color:#17324d!important}.device-status-card>small{color:#74879a!important}.status-success{background:#f4fbf7!important;border-color:#bfe5ce!important}.status-success>strong{color:#137545!important}.status-danger{background:#fff4f4!important;border-color:#f0c3c3!important}.status-danger>strong{color:#b83232!important}.status-neutral{background:#fff!important;border-color:#d6e0e8!important}.contactor-item{background:#f7f9fb!important}.contactor-item strong{color:#344b62!important}.contactor-item em{color:#66798d!important}.contactor-item.active{background:#eef9f3!important;border-color:#b9e3c9!important}.contactor-item.active strong,.contactor-item.active em{color:#137545!important}.command-on{background:#16864e!important;box-shadow:0 4px 10px #16864e2e!important}.command-off{background:#c93f3f!important;box-shadow:0 4px 10px #c93f3f2e!important}.command-reset{background:#d98512!important;box-shadow:0 4px 10px #d985122e!important}.service-card-head h3{color:#1f354c!important}.service-badge.success{color:#127345!important;background:#e9f8ef!important}.service-badge.danger{color:#b43131!important;background:#ffeded!important}.service-badge.neutral{color:#53677b!important;background:#edf2f6!important}.history-card-head{color:#30485f!important;background:#f1f5f8!important;border-bottom-color:#dbe3ea!important}.history-item{border-bottom-color:#e7edf2!important}.history-main span{color:#7c8da0!important}.overview-card{border-color:#d5dfe8!important}.overview-label{color:#5f7387!important}.overview-value{color:#102b45!important}.overview-subtitle{color:#7e8fa1!important}.alert-counter{color:#294057!important;background:#f7f9fb!important;border-color:#d5dfe8!important}.alert-counter-title{color:#40566c!important}.alert-counter small{color:#718398!important}.alert-danger{background:#fff4f4!important}.alert-warning{background:#fff8ec!important}.alert-blue{background:#eef6fd!important}.alert-neutral{background:#f3f6f8!important}.support-controls textarea,textarea[placeholder=یادداشت\ پشتیبانی]{color:#263d53!important;background:#fff!important;border-color:#cbd7e2!important;box-shadow:inset 0 1px 2px #0f172a09!important}.support-controls textarea::placeholder,textarea[placeholder=یادداشت\ پشتیبانی]::placeholder{color:#7f90a2!important}@media (width>=900px){.device-hero,.monitor-section,.electrical-panel,.metric-group,.runtime-card,.contactor-panel,.command-panel,.service-card,.history-card,.overview-card{box-shadow:0 6px 20px #0f172a16!important}.metric-cell{background:#f3f7fa!important}.page h1{font-weight:900!important}.metric-cell strong,.overview-value,.device-status-card>strong{letter-spacing:.1px}}:root{--status-green:#00a651;--status-green-dark:#007f3e;--status-red:#e31e24;--status-red-dark:#b51218;--status-orange:#f28c00;--status-orange-dark:#c86f00;--status-blue:#0077c8;--status-blue-dark:#005b9a;--status-navy:#102a43}.status-online,.status-success,.service-badge.success{color:#007a3d!important}.status-success{background:#e7f8ef!important;border:2px solid #00a651!important}.status-success>strong,.status-success strong{color:#007f3e!important}.status-badge.online,.service-badge.success{color:#fff!important;background:#00a651!important;border-color:#008e45!important}.status-offline,.status-danger{color:#c5161d!important}.status-danger{background:#fff0f0!important;border:2px solid #e31e24!important}.status-danger>strong,.status-danger strong{color:#c5161d!important}.status-badge.offline,.service-badge.danger{color:#fff!important;background:#e31e24!important;border-color:#c5161d!important}.alert-warning,.status-warning{border-color:#f28c00!important}.status-warning{background:#fff4df!important;border:2px solid #f28c00!important}.status-warning strong{color:#bd6800!important}.contactor-item.active{background:#e5f8ee!important;border:2px solid #00a651!important;box-shadow:0 0 0 1px #00a6511f,0 5px 14px #00a65129!important}.contactor-item.active strong,.contactor-item.active em{color:#007f3e!important;font-weight:900!important}.contactor-item:not(.active){background:#f3f5f7!important;border:1px solid #aebbc7!important}.contactor-item:not(.active) strong{color:#42566a!important}.command-on{color:#fff!important;background:#00a651!important;border:1px solid #008d45!important;box-shadow:0 5px 14px #00a65140!important}.command-off{color:#fff!important;background:#e31e24!important;border:1px solid #c5161d!important;box-shadow:0 5px 14px #e31e2440!important}.command-reset{color:#fff!important;background:#f28c00!important;border:1px solid #d87d00!important;box-shadow:0 5px 14px #f28c0040!important}.metric-emphasis{background:#edf7ff!important;border:2px solid #0077c8!important}.metric-emphasis strong{color:#0065aa!important}.alert-danger{background:#fff0f0!important;border:2px solid #e31e24!important}.alert-warning{background:#fff5e5!important;border:2px solid #f28c00!important}.alert-blue{background:#edf7ff!important;border:2px solid #0077c8!important}.online-box span{background:#00c760!important;box-shadow:0 0 0 4px #00c76029!important}.page{color:#1c3247!important}.page h1{color:#081f33!important}.page h2,.page h3{color:#102a43!important}.overview-card,.monitor-section,.alert-counter,.alert-list-shell,.device-hero,.device-status-card,.metric-group,.metric-cell,.runtime-card,.contactor-panel,.contactor-item,.command-panel,.service-card,.history-card,.form-card,.device-form-card,.device-meta-item,.table-wrap,table,input,select,textarea{border:2px solid #b9c7d4}.overview-card{background:#fff;box-shadow:0 6px 18px #0f172a17}.overview-card:hover,.alert-counter:hover,.metric-cell:hover,.device-status-card:hover,.service-card:hover{border-color:#7f96aa;box-shadow:0 7px 20px #0f172a1f}.tone-success,.status-success,.contactor-item.active{border-color:#00a651}.tone-warning,.alert-warning,.status-warning{border-color:#f28c00}.alert-danger,.status-danger{border-color:#e31e24}.alert-blue,.metric-emphasis{border-color:#0077c8}input:focus,select:focus,textarea:focus{border-color:#0077c8;outline:none;box-shadow:0 0 0 3px #0077c826}.overview-label,.device-meta-item span,.info-line span,.runtime-card>span,.metric-cell>span{color:#526a80;font-weight:700}.overview-value,.metric-cell strong,.runtime-card strong,.device-status-card>strong{color:#102a43;font-weight:900}@media (width<=700px){.overview-card,.alert-counter,.metric-group,.metric-cell,.runtime-card,.service-card,.device-status-card,.device-meta-item{border-width:2px}}