.elementor-17802 .elementor-element.elementor-element-4b0d650{margin-top:7px;margin-bottom:7px;}.elementor-17802 .elementor-element.elementor-element-1cf6504 .elementor-heading-title{font-size:26px;line-height:40px;letter-spacing:-0.5px;}.elementor-17802 .elementor-element.elementor-element-fe254c3 img{width:100%;}.elementor-17802 .elementor-element.elementor-element-b928164:not(.elementor-motion-effects-element-type-background), .elementor-17802 .elementor-element.elementor-element-b928164 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#092D74;}.elementor-17802 .elementor-element.elementor-element-b928164{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-17802 .elementor-element.elementor-element-b928164 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-17802 .elementor-element.elementor-element-dd67415 > .elementor-widget-container{margin:10px 10px 10px 10px;padding:10px 10px 10px 10px;}.elementor-17802 .elementor-element.elementor-element-dd67415{text-align:center;}.elementor-17802 .elementor-element.elementor-element-dd67415 .elementor-heading-title{color:#FFFFFF;}.elementor-17802 .elementor-element.elementor-element-8eb71a8 > .elementor-widget-container{margin:9px 9px 9px 9px;}.elementor-17802 .elementor-element.elementor-element-8eb71a8{text-align:center;}.elementor-17802 .elementor-element.elementor-element-8eb71a8 .elementor-heading-title{font-size:37px;}.elementor-17802 .elementor-element.elementor-element-03b6063 > .elementor-element-populated{border-style:solid;border-width:1px 1px 1px 1px;border-color:#D3E0FF;box-shadow:0px 0px 4px 0px rgba(63.4690726902174, 74.54005781840736, 151.2734375, 0.09);margin:10px 10px 10px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;}.elementor-17802 .elementor-element.elementor-element-03b6063 > .elementor-element-populated, .elementor-17802 .elementor-element.elementor-element-03b6063 > .elementor-element-populated > .elementor-background-overlay, .elementor-17802 .elementor-element.elementor-element-03b6063 > .elementor-background-slideshow{border-radius:10px 10px 10px 10px;}.elementor-17802 .elementor-element.elementor-element-15374d6 .elementor-button{background-color:#FFFFFF;font-family:"Tahoma", Sans-serif;font-size:17px;font-weight:800;fill:#092D74;color:#092D74;}.elementor-17802 .elementor-element.elementor-element-15374d6 .elementor-button-content-wrapper{flex-direction:row;}.elementor-17802 .elementor-element.elementor-element-15374d6 .elementor-button .elementor-button-content-wrapper{gap:6px;}.elementor-17802 .elementor-element.elementor-element-1acfdc2:not(.elementor-motion-effects-element-type-background), .elementor-17802 .elementor-element.elementor-element-1acfdc2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F9FF;}.elementor-17802 .elementor-element.elementor-element-1acfdc2, .elementor-17802 .elementor-element.elementor-element-1acfdc2 > .elementor-background-overlay{border-radius:15px 15px 15px 15px;}.elementor-17802 .elementor-element.elementor-element-1acfdc2{box-shadow:0px 0px 10px -3px rgba(135.5420843425094, 135.24325747282606, 203.9734375, 0.19);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-17802 .elementor-element.elementor-element-1acfdc2 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-17802 .elementor-element.elementor-element-57e8351 .elementor-button{background-color:#F8F9FF;font-family:"Arial", Sans-serif;font-size:16px;font-weight:600;fill:#0B5ED7;color:#0B5ED7;padding:16px 16px 16px 16px;}.elementor-17802 .elementor-element.elementor-element-57e8351 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-17802 .elementor-element.elementor-element-f7d31c2 .elementor-button{background-color:#F8F9FF;font-family:"Arial", Sans-serif;font-size:16px;font-weight:600;fill:#0B5ED7;color:#0B5ED7;padding:16px 16px 16px 16px;}.elementor-17802 .elementor-element.elementor-element-f7d31c2 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-17802 .elementor-element.elementor-element-599932c .elementor-button{background-color:#F8F9FF;font-family:"Arial", Sans-serif;font-size:16px;font-weight:600;fill:#0B5ED7;color:#0B5ED7;padding:16px 16px 16px 16px;}.elementor-17802 .elementor-element.elementor-element-599932c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-17802 .elementor-element.elementor-element-6fa1d8a .elementor-button{background-color:#F8F9FF;font-family:"Arial", Sans-serif;font-size:16px;font-weight:600;fill:#0B5ED7;color:#0B5ED7;padding:16px 16px 16px 16px;}.elementor-17802 .elementor-element.elementor-element-6fa1d8a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-17802 .elementor-element.elementor-element-297bdda .elementor-button{background-color:#F8F9FF;font-family:"Arial", Sans-serif;font-size:16px;font-weight:600;fill:#0B5ED7;color:#0B5ED7;padding:16px 16px 16px 16px;}.elementor-17802 .elementor-element.elementor-element-297bdda > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-17802 .elementor-element.elementor-element-28e2ec7 .elementor-button{background-color:#F8F9FF;font-family:"Arial", Sans-serif;font-size:16px;font-weight:600;fill:#0B5ED7;color:#0B5ED7;padding:16px 16px 16px 16px;}.elementor-17802 .elementor-element.elementor-element-28e2ec7 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-17802 .elementor-element.elementor-element-bc721ee .elementor-button{background-color:#092D74;font-family:"Tahoma", Sans-serif;font-size:17px;font-weight:800;fill:#FFFFFF;color:#FFFFFF;}.elementor-17802 .elementor-element.elementor-element-a7b6739 > .elementor-element-populated{border-style:solid;border-width:1px 1px 1px 1px;border-color:#D3E0FF;box-shadow:0px 0px 4px 0px rgba(63.4690726902174, 74.54005781840736, 151.2734375, 0.09);margin:10px 10px 10px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;}.elementor-17802 .elementor-element.elementor-element-a7b6739 > .elementor-element-populated, .elementor-17802 .elementor-element.elementor-element-a7b6739 > .elementor-element-populated > .elementor-background-overlay, .elementor-17802 .elementor-element.elementor-element-a7b6739 > .elementor-background-slideshow{border-radius:10px 10px 10px 10px;}.elementor-17802 .elementor-element.elementor-element-8b7f226 .elementor-button{background-color:#FFFFFF;font-family:"Tahoma", Sans-serif;font-size:17px;font-weight:800;fill:#092D74;color:#092D74;}.elementor-17802 .elementor-element.elementor-element-8b7f226 .elementor-button-content-wrapper{flex-direction:row;}.elementor-17802 .elementor-element.elementor-element-8b7f226 .elementor-button .elementor-button-content-wrapper{gap:6px;}.elementor-17802 .elementor-element.elementor-element-fdbe411:not(.elementor-motion-effects-element-type-background), .elementor-17802 .elementor-element.elementor-element-fdbe411 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F9FF;}.elementor-17802 .elementor-element.elementor-element-fdbe411, .elementor-17802 .elementor-element.elementor-element-fdbe411 > .elementor-background-overlay{border-radius:15px 15px 15px 15px;}.elementor-17802 .elementor-element.elementor-element-fdbe411{box-shadow:0px 0px 10px -3px rgba(135.5420843425094, 135.24325747282606, 203.9734375, 0.19);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-17802 .elementor-element.elementor-element-fdbe411 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-17802 .elementor-element.elementor-element-dc41570 .elementor-button{background-color:#F8F9FF;font-family:"Arial", Sans-serif;font-size:16px;font-weight:600;fill:#0B5ED7;color:#0B5ED7;padding:16px 16px 16px 16px;}.elementor-17802 .elementor-element.elementor-element-dc41570 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-17802 .elementor-element.elementor-element-f47edda .elementor-button{background-color:#F8F9FF;font-family:"Arial", Sans-serif;font-size:16px;font-weight:600;fill:#0B5ED7;color:#0B5ED7;padding:16px 16px 16px 16px;}.elementor-17802 .elementor-element.elementor-element-f47edda > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-17802 .elementor-element.elementor-element-4ca649b .elementor-button{background-color:#F8F9FF;font-family:"Arial", Sans-serif;font-size:16px;font-weight:600;fill:#0B5ED7;color:#0B5ED7;padding:16px 16px 16px 16px;}.elementor-17802 .elementor-element.elementor-element-4ca649b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-17802 .elementor-element.elementor-element-9ca3ceb .elementor-button{background-color:#F8F9FF;font-family:"Arial", Sans-serif;font-size:16px;font-weight:600;fill:#0B5ED7;color:#0B5ED7;padding:16px 16px 16px 16px;}.elementor-17802 .elementor-element.elementor-element-9ca3ceb > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-17802 .elementor-element.elementor-element-0db0fc5 .elementor-button{background-color:#F8F9FF;font-family:"Arial", Sans-serif;font-size:16px;font-weight:600;fill:#0B5ED7;color:#0B5ED7;padding:16px 16px 16px 16px;}.elementor-17802 .elementor-element.elementor-element-0db0fc5 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-17802 .elementor-element.elementor-element-aa44e96 .elementor-button{background-color:#F8F9FF;font-family:"Arial", Sans-serif;font-size:16px;font-weight:600;fill:#0B5ED7;color:#0B5ED7;padding:16px 16px 16px 16px;}.elementor-17802 .elementor-element.elementor-element-aa44e96 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-17802 .elementor-element.elementor-element-c040678 .elementor-button{background-color:#092D74;font-family:"Tahoma", Sans-serif;font-size:17px;font-weight:800;fill:#FFFFFF;color:#FFFFFF;}.elementor-17802 .elementor-element.elementor-element-d8ec78d > .elementor-element-populated{border-style:solid;border-width:1px 1px 1px 1px;border-color:#D3E0FF;box-shadow:0px 0px 4px 0px rgba(63.4690726902174, 74.54005781840736, 151.2734375, 0.09);margin:10px 10px 10px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;}.elementor-17802 .elementor-element.elementor-element-d8ec78d > .elementor-element-populated, .elementor-17802 .elementor-element.elementor-element-d8ec78d > .elementor-element-populated > .elementor-background-overlay, .elementor-17802 .elementor-element.elementor-element-d8ec78d > .elementor-background-slideshow{border-radius:10px 10px 10px 10px;}.elementor-17802 .elementor-element.elementor-element-3210407 .elementor-button{background-color:#FFFFFF;font-family:"Tahoma", Sans-serif;font-size:17px;font-weight:800;fill:#092D74;color:#092D74;}.elementor-17802 .elementor-element.elementor-element-3210407 .elementor-button-content-wrapper{flex-direction:row;}.elementor-17802 .elementor-element.elementor-element-3210407 .elementor-button .elementor-button-content-wrapper{gap:6px;}.elementor-17802 .elementor-element.elementor-element-7f3dbe3:not(.elementor-motion-effects-element-type-background), .elementor-17802 .elementor-element.elementor-element-7f3dbe3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F9FF;}.elementor-17802 .elementor-element.elementor-element-7f3dbe3, .elementor-17802 .elementor-element.elementor-element-7f3dbe3 > .elementor-background-overlay{border-radius:15px 15px 15px 15px;}.elementor-17802 .elementor-element.elementor-element-7f3dbe3{box-shadow:0px 0px 10px -3px rgba(135.5420843425094, 135.24325747282606, 203.9734375, 0.19);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-17802 .elementor-element.elementor-element-7f3dbe3 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-17802 .elementor-element.elementor-element-58a95f4 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-17802 .elementor-element.elementor-element-a933353 .elementor-button{background-color:#F8F9FF;font-family:"Arial", Sans-serif;font-size:16px;font-weight:600;fill:#0B5ED7;color:#0B5ED7;padding:16px 16px 16px 16px;}.elementor-17802 .elementor-element.elementor-element-a933353 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-17802 .elementor-element.elementor-element-323d2ca .elementor-button{background-color:#F8F9FF;font-family:"Arial", Sans-serif;font-size:16px;font-weight:600;fill:#0B5ED7;color:#0B5ED7;padding:16px 16px 16px 16px;}.elementor-17802 .elementor-element.elementor-element-323d2ca > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-17802 .elementor-element.elementor-element-51c8bd0 .elementor-button{background-color:#F8F9FF;font-family:"Arial", Sans-serif;font-size:16px;font-weight:600;fill:#0B5ED7;color:#0B5ED7;padding:16px 16px 16px 16px;}.elementor-17802 .elementor-element.elementor-element-51c8bd0 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-17802 .elementor-element.elementor-element-6eecbfc .elementor-button{background-color:#F8F9FF;font-family:"Arial", Sans-serif;font-size:16px;font-weight:600;fill:#0B5ED7;color:#0B5ED7;padding:16px 16px 16px 16px;}.elementor-17802 .elementor-element.elementor-element-6eecbfc > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-17802 .elementor-element.elementor-element-7c2824b .elementor-button{background-color:#F8F9FF;font-family:"Arial", Sans-serif;font-size:16px;font-weight:600;fill:#0B5ED7;color:#0B5ED7;padding:16px 16px 16px 16px;}.elementor-17802 .elementor-element.elementor-element-7c2824b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-17802 .elementor-element.elementor-element-2c14177 .elementor-button{background-color:#F8F9FF;font-family:"Arial", Sans-serif;font-size:16px;font-weight:600;fill:#0B5ED7;color:#0B5ED7;padding:16px 16px 16px 16px;}.elementor-17802 .elementor-element.elementor-element-2c14177 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-17802 .elementor-element.elementor-element-c2f7c99 .elementor-button{background-color:#092D74;font-family:"Tahoma", Sans-serif;font-size:17px;font-weight:800;fill:#FFFFFF;color:#FFFFFF;}.elementor-17802 .elementor-element.elementor-element-b0ea03d{margin-top:100px;margin-bottom:100px;}.elementor-17802 .elementor-element.elementor-element-7ee0e26{text-align:center;}.elementor-17802 .elementor-element.elementor-element-2cc9993 .elementor-heading-title{font-size:23px;}.elementor-17802 .elementor-element.elementor-element-9eb137b .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:15px;}.elementor-17802 .elementor-element.elementor-element-9eb137b .elementor-icon-box-title{margin-block-end:7px;}.elementor-17802 .elementor-element.elementor-element-9eb137b.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-fa7e33e );}.elementor-17802 .elementor-element.elementor-element-9eb137b.elementor-view-framed .elementor-icon, .elementor-17802 .elementor-element.elementor-element-9eb137b.elementor-view-default .elementor-icon{fill:var( --e-global-color-fa7e33e );color:var( --e-global-color-fa7e33e );border-color:var( --e-global-color-fa7e33e );}.elementor-17802 .elementor-element.elementor-element-9eb137b .elementor-icon-box-title, .elementor-17802 .elementor-element.elementor-element-9eb137b .elementor-icon-box-title a{font-size:19px;}.elementor-17802 .elementor-element.elementor-element-1fde521 .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:15px;}.elementor-17802 .elementor-element.elementor-element-1fde521 .elementor-icon-box-title{margin-block-end:7px;}.elementor-17802 .elementor-element.elementor-element-1fde521.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-fa7e33e );}.elementor-17802 .elementor-element.elementor-element-1fde521.elementor-view-framed .elementor-icon, .elementor-17802 .elementor-element.elementor-element-1fde521.elementor-view-default .elementor-icon{fill:var( --e-global-color-fa7e33e );color:var( --e-global-color-fa7e33e );border-color:var( --e-global-color-fa7e33e );}.elementor-17802 .elementor-element.elementor-element-1fde521 .elementor-icon-box-title, .elementor-17802 .elementor-element.elementor-element-1fde521 .elementor-icon-box-title a{font-size:19px;}.elementor-17802 .elementor-element.elementor-element-b2b58c9 .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:15px;}.elementor-17802 .elementor-element.elementor-element-b2b58c9 .elementor-icon-box-title{margin-block-end:7px;}.elementor-17802 .elementor-element.elementor-element-b2b58c9.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-fa7e33e );}.elementor-17802 .elementor-element.elementor-element-b2b58c9.elementor-view-framed .elementor-icon, .elementor-17802 .elementor-element.elementor-element-b2b58c9.elementor-view-default .elementor-icon{fill:var( --e-global-color-fa7e33e );color:var( --e-global-color-fa7e33e );border-color:var( --e-global-color-fa7e33e );}.elementor-17802 .elementor-element.elementor-element-b2b58c9 .elementor-icon-box-title, .elementor-17802 .elementor-element.elementor-element-b2b58c9 .elementor-icon-box-title a{font-size:19px;}.elementor-17802 .elementor-element.elementor-element-5e1b046{margin-top:33px;margin-bottom:33px;padding:6px 6px 6px 6px;}.elementor-17802 .elementor-element.elementor-element-8037f5a{text-align:center;}.elementor-17802 .elementor-element.elementor-element-8037f5a .elementor-heading-title{color:#0034FD;}.elementor-17802 .elementor-element.elementor-element-51f5d3a .elementor-accordion-item{border-width:1px;border-color:#E7EDF7;}.elementor-17802 .elementor-element.elementor-element-51f5d3a .elementor-accordion-item .elementor-tab-content{border-width:1px;border-block-start-color:#E7EDF7;}.elementor-17802 .elementor-element.elementor-element-51f5d3a .elementor-accordion-item .elementor-tab-title.elementor-active{border-width:1px;border-block-end-color:#E7EDF7;}.elementor-17802 .elementor-element.elementor-element-51f5d3a .elementor-accordion-icon, .elementor-17802 .elementor-element.elementor-element-51f5d3a .elementor-accordion-title{color:#0541B8;}.elementor-17802 .elementor-element.elementor-element-51f5d3a .elementor-accordion-icon svg{fill:#0541B8;}.elementor-17802 .elementor-element.elementor-element-51f5d3a .elementor-tab-content{color:#626268;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-5bc4a0c */.cctv-server-table-wrapper {
    width: 100%;
    direction: rtl;
    margin: 40px 0;
    font-family: inherit;
    color: #172033;
}

/* Header */

.cctv-server-table-header {
    position: relative;
    padding: 30px 32px;
    margin-bottom: 18px;
    border: 1px solid #e5eaf2;
    border-radius: 18px;
    background:
        linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);
    box-shadow: 0 10px 35px rgba(25, 45, 80, 0.06);
    overflow: hidden;
}

.cctv-server-table-header::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 5px;
    height: 100%;
    background: linear-gradient(
        to bottom,
        #2563eb,
        #38bdf8
    );
}

.cctv-server-table-badge {
    display: inline-flex;
    align-items: center;
    padding: 6px 12px;
    margin-bottom: 10px;
    border-radius: 50px;
    background: #eff6ff;
    border: 1px solid #dbeafe;
    color: #2563eb;
    font-size: 12px;
    font-weight: 700;
}

.cctv-server-table-header h2 {
    margin: 0 0 8px;
    color: #111827;
    font-size: 24px;
    line-height: 1.7;
    font-weight: 800;
}

.cctv-server-table-header p {
    margin: 0;
    color: #64748b;
    font-size: 14px;
    line-height: 1.9;
}

/* Table container */

.cctv-server-table-scroll {
    width: 100%;
    overflow-x: auto;
    border: 1px solid #e5eaf2;
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 12px 40px rgba(15, 23, 42, 0.07);

    scrollbar-width: thin;
    scrollbar-color: #cbd5e1 transparent;
}

.cctv-server-table-scroll::-webkit-scrollbar {
    height: 8px;
}

.cctv-server-table-scroll::-webkit-scrollbar-track {
    background: #f8fafc;
}

.cctv-server-table-scroll::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 20px;
}

/* Table */

.cctv-server-table {
    width: 100%;
    min-width: 1450px;
    border-collapse: separate;
    border-spacing: 0;
    text-align: center;
    font-size: 14px;
}

/* Header cells */

.cctv-server-table thead th {
    padding: 18px 14px;
    background: #172033;
    color: #ffffff;
    font-size: 13px;
    font-weight: 800;
    white-space: nowrap;
    border-left: 1px solid rgba(255, 255, 255, 0.08);
}

.cctv-server-table thead th:first-child {
    border-radius: 0 16px 0 0;
}

.cctv-server-table thead th:last-child {
    border-left: none;
    border-radius: 16px 0 0 0;
}

/* Body */

.cctv-server-table tbody td {
    padding: 18px 14px;
    background: #ffffff;
    color: #475569;
    font-weight: 500;
    border-left: 1px solid #edf1f6;
    border-bottom: 1px solid #edf1f6;
    white-space: nowrap;
    transition:
        background-color 0.2s ease,
        color 0.2s ease;
}

.cctv-server-table tbody tr:last-child td {
    border-bottom: none;
}

.cctv-server-table tbody td:last-child {
    border-left: none;
}

/* Hover */

.cctv-server-table tbody tr:hover td {
    background: #f8fbff;
    color: #1e293b;
}

/* Camera count */

.camera-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    height: 30px;
    margin-left: 5px;
    padding: 0 8px;
    border-radius: 8px;
    background: #eff6ff;
    color: #2563eb;
    font-size: 13px;
    font-weight: 800;
}

/* Technical badge */

.tech-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 10px;
    border-radius: 7px;
    background: #f1f5f9;
    color: #334155;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 700;
    direction: ltr;
}

/* RAID */

.raid-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 10px;
    border-radius: 7px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    color: #334155;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 700;
    direction: ltr;
}

/* Storage */

.storage-value {
    color: #2563eb !important;
    font-weight: 800 !important;
    direction: ltr;
}

/* HPE configuration */

.cctv-server-table tbody td:last-child strong {
    display: inline-block;
    padding: 7px 12px;
    border-radius: 8px;
    background: #f0fdf4;
    color: #15803d;
    font-size: 13px;
    font-weight: 800;
}

/* High capacity row */

.cctv-server-table tbody .high-capacity-row td {
    background: #f8fbff;
}

.cctv-server-table tbody .high-capacity-row td:first-child {
    border-right: 3px solid #2563eb;
}

.cctv-server-table tbody .high-capacity-row .camera-count {
    background: #2563eb;
    color: #ffffff;
}

/* Note */

.cctv-server-table-note {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-top: 16px;
    padding: 16px 18px;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #f8fafc;
}

.cctv-server-table-note .note-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 25px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #e2e8f0;
    color: #475569;
    font-size: 13px;
    font-weight: 800;
}

.cctv-server-table-note p {
    margin: 0;
    color: #64748b;
    font-size: 13px;
    line-height: 2;
}

/* Tablet */

@media (max-width: 992px) {

    .cctv-server-table-header {
        padding: 24px;
    }

    .cctv-server-table-header h2 {
        font-size: 21px;
    }

    .cctv-server-table {
        min-width: 1300px;
    }
}

/* Mobile */

@media (max-width: 576px) {

    .cctv-server-table-wrapper {
        margin: 25px 0;
    }

    .cctv-server-table-header {
        padding: 20px 18px;
        border-radius: 14px;
    }

    .cctv-server-table-header h2 {
        font-size: 19px;
        line-height: 1.7;
    }

    .cctv-server-table-header p {
        font-size: 13px;
    }

    .cctv-server-table-scroll {
        border-radius: 14px;
    }

    .cctv-server-table {
        min-width: 1250px;
        font-size: 13px;
    }

    .cctv-server-table thead th {
        padding: 15px 12px;
    }

    .cctv-server-table tbody td {
        padding: 15px 12px;
    }

    .cctv-server-table-note {
        padding: 13px;
    }
}/* End custom CSS */