/* NoyonScript Modern UI — visual-only redesign layer. Existing PHP, routes, forms, AJAX, and editor logic remain unchanged. */
:root{--ns-ink:#102a43;--ns-ink-2:#173f5f;--ns-green:#009c3b;--ns-yellow:#f4c300;--ns-paper:#f6f8f5;--ns-white:#fff;--ns-line:#dce6e2;--ns-muted:#61727a;--ns-shadow:0 14px 38px rgba(16,42,67,.10);--ns-radius:12px}
html,body{background:var(--ns-paper)!important;color:var(--ns-ink)!important;font-family:"Inter","Segoe UI",Arial,sans-serif!important}
body{background-image:linear-gradient(135deg,rgba(0,156,59,.035),transparent 32%),linear-gradient(315deg,rgba(244,195,0,.04),transparent 30%)!important}
a{color:var(--ns-ink-2);transition:color .18s ease,background .18s ease,transform .18s ease}a:hover{color:var(--ns-green)}
.btn,.button,input[type=submit],input[type=button],button{border-radius:8px!important;transition:transform .18s ease,box-shadow .18s ease,background .18s ease!important}.btn:hover,.button:hover,input[type=submit]:hover,input[type=button]:hover,button:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(16,42,67,.14)}
input[type=text],input[type=password],input[type=email],input[type=number],input[type=url],select,textarea,.form-control{border:1px solid var(--ns-line)!important;border-radius:8px!important;background:#fff!important;color:var(--ns-ink)!important;box-shadow:0 2px 8px rgba(16,42,67,.03)!important;min-height:38px;padding:8px 11px!important}textarea{min-height:90px}input:focus,select:focus,textarea:focus,.form-control:focus{border-color:var(--ns-green)!important;box-shadow:0 0 0 3px rgba(0,156,59,.12)!important;outline:0!important}
.card,.panel,.box,.groupstabes,.groupstabescontant,#content_padded,.modal-content,.widget,.dashboardbox,.table-responsive{background:rgba(255,255,255,.86)!important;border:1px solid var(--ns-line)!important;border-radius:var(--ns-radius)!important;box-shadow:var(--ns-shadow)!important}
.groupstabes{overflow:hidden;margin:16px 0!important}.groupstabes h2,.page-title,.box-title{background:linear-gradient(110deg,var(--ns-ink),var(--ns-ink-2))!important;color:#fff!important;margin:0!important;padding:16px 20px!important;font-weight:700!important;letter-spacing:-.02em}.groupstabescontant{border:0!important;box-shadow:none!important;border-radius:0!important;padding:20px!important}
.form th,.form td,.table th,.table td,table th,table td{border-color:var(--ns-line)!important;padding:11px 12px!important}table thead th,.table thead th{background:#edf4ef!important;color:var(--ns-ink)!important;font-weight:700!important}table tbody tr:hover,.table tbody tr:hover{background:#f3f9f4!important}
.alert,.notification,.success,.error,.warning{border-radius:9px!important;border-left:4px solid var(--ns-green)!important}.warning{border-left-color:var(--ns-yellow)!important}
/* Client shell */
.navbar,.header,.top-header,.main-header,.site-header{background:rgba(255,255,255,.92)!important;border-bottom:1px solid var(--ns-line)!important;box-shadow:0 5px 20px rgba(16,42,67,.05)!important;backdrop-filter:blur(12px)}
.navbar-brand,.logo,.site-logo{color:var(--ns-ink)!important;font-weight:800!important;letter-spacing:-.04em}.navbar-brand:before,.logo:before{content:"NS";display:inline-grid;place-items:center;width:30px;height:30px;margin-right:8px;border-radius:8px;background:var(--ns-ink);color:var(--ns-yellow);font-size:12px;vertical-align:middle;box-shadow:inset -5px -5px 0 var(--ns-green)}
.navbar-nav>li>a,.main-nav a,.nav-link{color:var(--ns-muted)!important;font-weight:600!important;border-radius:7px!important}.navbar-nav>li>a:hover,.main-nav a:hover,.nav-link:hover{background:#eef6f0!important;color:var(--ns-green)!important}
.hero,.banner,.slider,.homepage-banner{border-radius:0 0 24px 24px!important;overflow:hidden!important;background:linear-gradient(120deg,var(--ns-ink),var(--ns-ink-2))!important}.hero h1,.banner h1,.homepage-banner h1{color:#fff!important;letter-spacing:-.06em!important}.hero p,.banner p,.homepage-banner p{color:#dbe9e0!important}
/* Client service and editor surfaces */
.service-card,.servicebox,.product-card,.tool-card,.pricing-card,.order-card{border:1px solid var(--ns-line)!important;border-radius:13px!important;background:#fff!important;box-shadow:0 8px 24px rgba(16,42,67,.08)!important}.service-card:hover,.servicebox:hover,.product-card:hover,.tool-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(16,42,67,.13)!important}.price,.service-price,.amount{color:var(--ns-green)!important;font-weight:800!important}.badge,.label,.status{border-radius:99px!important;padding:5px 9px!important;font-size:11px!important}.badge-success,.label-success,.status-success{background:#e2f4e6!important;color:#08752e!important}.badge-warning,.label-warning{background:#fff4c6!important;color:#7c6100!important}
/* Admin shell */
#dashboardNav,.dashboard-nav,#mainNav,.sitelinks{background:var(--ns-ink)!important}.sitelinks a,#mainNav a,.nav-head{color:#d9e9df!important}.sitelinks a:hover,#mainNav a:hover{background:var(--ns-ink-2)!important;color:#fff!important}.themecolor{background:var(--ns-ink)!important}.cmpdtl .logo{color:#fff!important}.cmpdtl .logo:before{background:#fff;color:var(--ns-ink)}
#subheader,.subheader,.tabs,.tabmenu{background:#fff!important;border-bottom:1px solid var(--ns-line)!important;box-shadow:0 4px 15px rgba(16,42,67,.05)!important}.tab,.tabs a{border-radius:7px 7px 0 0!important;color:var(--ns-muted)!important}.tab.active,.tabs a.active{color:var(--ns-green)!important;border-bottom:3px solid var(--ns-yellow)!important}
#content,#content_padded,.contentarea{background:transparent!important}.fixedbtn{background:rgba(246,248,245,.94)!important;border-top:1px solid var(--ns-line)!important;backdrop-filter:blur(8px)}
/* Editor/canvas emphasis */
.editor,.label-editor,.canvas-wrap,.design-canvas,.template-editor{background:#edf2ef!important;border:1px solid var(--ns-line)!important;border-radius:14px!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.6),var(--ns-shadow)!important}.toolbar,.editor-toolbar,.canvas-toolbar{background:var(--ns-ink)!important;color:#fff!important;border-radius:12px 12px 0 0!important}.toolbar a,.toolbar button,.editor-toolbar button{color:#fff!important;border:0!important;background:transparent!important}.toolbar a:hover,.toolbar button:hover,.editor-toolbar button:hover{background:var(--ns-ink-2)!important}.property-panel,.sidebar-panel,.layers-panel{background:#fff!important;border:1px solid var(--ns-line)!important;border-radius:11px!important}.property-panel h3,.layers-panel h3{color:var(--ns-ink)!important;border-bottom:1px solid var(--ns-line)!important}.active-layer,.selected,.is-active{outline:2px solid var(--ns-green)!important;outline-offset:2px!important}
/* Signature signal rule */
body:before{content:"";display:block;position:fixed;z-index:1000;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--ns-green) 0 45%,var(--ns-yellow) 45% 72%,#1769aa 72%)}
@media(max-width:768px){.groupstabescontant{padding:14px!important}.navbar-nav{background:#fff!important;border-radius:0 0 10px 10px}.hero,.banner,.slider,.homepage-banner{border-radius:0 0 16px 16px!important}#dashboardNav,.dashboard-nav{width:100%!important}.table-responsive{overflow-x:auto!important}.fixedbtn{position:static!important}}