/* NextSure v18: modern dashboard sidebar, row colors, AI assistant and feedback */
:root{--ns-v18-navy:#082a44;--ns-v18-teal:#0f766e;--ns-v18-green:#10b981;--ns-v18-gold:#f59e0b;--ns-v18-soft:#eef7fb;--ns-v18-line:#dbe8f0;}

/* Dashboard sidebar polish */
.desktop-side,#mobileMenu .w-80{background:linear-gradient(180deg,#082a44 0%,#0b3a5b 48%,#075b68 100%)!important;border-right:1px solid rgba(255,255,255,.12)!important;box-shadow:14px 0 34px rgba(8,42,68,.18)!important;}
.desktop-side #sideNav>a img,#mobileMenu #mobileNav>a img{width:170px!important;max-width:100%!important;background:rgba(255,255,255,.14)!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:18px!important;padding:8px!important;box-shadow:0 18px 36px rgba(0,0,0,.12)!important;}
.desktop-side h2,#mobileMenu h2{font-size:22px!important;letter-spacing:.01em!important;margin-top:8px!important;}
.desktop-side p,#mobileMenu p{color:rgba(255,255,255,.76)!important;}
.desktop-side .sidebar-btn,#mobileMenu .sidebar-btn{display:flex!important;align-items:center!important;gap:10px!important;width:100%!important;border-radius:16px!important;padding:12px 14px!important;font-weight:900!important;color:#f8fbff!important;background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;}
.desktop-side .sidebar-btn:hover,#mobileMenu .sidebar-btn:hover{background:rgba(255,255,255,.16)!important;border-color:rgba(255,255,255,.22)!important;transform:translateX(4px)!important;}
.desktop-side .sidebar-sub,#mobileMenu .sidebar-sub{margin:8px 0 12px 10px!important;padding-left:14px!important;border-left:1px dashed rgba(255,255,255,.25)!important;}
.desktop-side .sidebar-sub .sidebar-btn,#mobileMenu .sidebar-sub .sidebar-btn{font-size:14px!important;padding:10px 12px!important;background:rgba(255,255,255,.035)!important;}

/* Dashboard rows and tables */
.orders-table-wrap tbody td{text-transform:uppercase!important;}
.orders-table-wrap tbody tr,.ns-wide-table tbody tr{transition:.18s ease!important;}
.orders-table-wrap tbody tr:nth-child(odd),.ns-wide-table tbody tr:nth-child(odd){background:linear-gradient(90deg,#fbfdff,#f6fbfd)!important;}
.orders-table-wrap tbody tr:nth-child(even),.ns-wide-table tbody tr:nth-child(even){background:linear-gradient(90deg,#ffffff,#eef8fb)!important;}
.orders-table-wrap tbody tr:hover,.ns-wide-table tbody tr:hover,.ns-pretty-row:hover{background:linear-gradient(90deg,#e9f7ff,#ecfdf5)!important;box-shadow:inset 4px 0 0 var(--ns-v18-teal)!important;}
.orders-table-wrap thead th,.ns-wide-table thead th{background:#e8f4f7!important;color:#0f2338!important;font-weight:1000!important;}
.ns-report-row:nth-child(odd),.ns-pretty-row:nth-child(odd){background:#fbfdff!important;}
.ns-report-row:nth-child(even),.ns-pretty-row:nth-child(even){background:#f4fbfd!important;}

/* Management cards */
.ns-management-toolbar{background:linear-gradient(135deg,#ffffff 0%,#f1fbfd 100%)!important;border:1px solid var(--ns-v18-line)!important;}
.ns-person-card{background:linear-gradient(135deg,#ffffff 0%,#f8fcff 100%)!important;border:1px solid var(--ns-v18-line)!important;position:relative;overflow:hidden;}
.ns-person-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,var(--ns-v18-teal),var(--ns-v18-green));}
.ns-code-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#e8f8f4;color:#0f766e;font-size:12px;font-weight:1000;padding:7px 10px;white-space:nowrap;}
.ns-mini-stat{border-radius:18px;padding:12px 8px;border:1px solid rgba(219,232,240,.8);}
.ns-mini-stat b{display:block;font-size:22px;color:#102033;}
.ns-mini-orders{background:#edf7ff}.ns-mini-paid{background:#eafbf2}.ns-mini-due{background:#fff1f2}
.ns-deleted-bills-panel{order:99;}

/* AI assistant and feedback on home */
.ns-ai-assistant{position:fixed;right:22px;bottom:24px;z-index:9998;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;}
.ns-ai-fab{width:64px;height:64px;border-radius:999px;border:0;background:linear-gradient(135deg,#0f766e,#10b981)!important;color:#fff!important;font-weight:1000;box-shadow:0 20px 44px rgba(15,118,110,.30)!important;display:flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer;}
.ns-ai-panel{position:absolute;right:0;bottom:78px;width:min(92vw,390px);height:520px;max-height:70vh;background:#fff;border:1px solid #dbe8f0;border-radius:28px;box-shadow:0 28px 80px rgba(15,23,42,.22);overflow:hidden;display:none;}
.ns-ai-assistant.open .ns-ai-panel{display:flex;flex-direction:column;}
.ns-ai-head{padding:16px 18px;background:linear-gradient(135deg,#0b3a5b,#0f766e);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px;}
.ns-ai-head b{font-size:17px}.ns-ai-head span{font-size:12px;opacity:.85}.ns-ai-close{background:rgba(255,255,255,.16)!important;color:#fff!important;border:0;border-radius:12px;width:34px;height:34px;font-size:20px;}
.ns-ai-messages{flex:1;overflow:auto;padding:16px;background:linear-gradient(180deg,#f8fbff,#eef8fb);display:flex;flex-direction:column;gap:10px;}
.ns-ai-msg{max-width:86%;padding:11px 13px;border-radius:18px;font-size:14px;line-height:1.45;box-shadow:0 8px 18px rgba(15,23,42,.06);}
.ns-ai-msg.bot{background:#fff;color:#132238;border-bottom-left-radius:6px;align-self:flex-start;}
.ns-ai-msg.user{background:#0f766e;color:#fff;border-bottom-right-radius:6px;align-self:flex-end;}
.ns-ai-form{display:flex;gap:8px;padding:12px;background:#fff;border-top:1px solid #e2e8f0;}
.ns-ai-input{flex:1;border:1px solid #dbe8f0;border-radius:16px;padding:12px!important;font-size:14px;}
.ns-ai-send{border:0;border-radius:16px;background:#0b3a5b!important;color:#fff!important;font-weight:900;padding:0 16px!important;}
.ns-feedback-section{margin:48px auto;max-width:1120px;padding:28px;border-radius:30px;background:linear-gradient(135deg,#ffffff,#eefbf7);border:1px solid #dbe8f0;box-shadow:0 18px 50px rgba(15,23,42,.08);}
.ns-feedback-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.ns-feedback-grid textarea{grid-column:1/-1;min-height:120px;}
.ns-feedback-section input,.ns-feedback-section select,.ns-feedback-section textarea{width:100%;border:1px solid #dbe8f0;border-radius:16px;padding:13px 14px!important;background:#fff;}
.ns-feedback-submit{border:0;border-radius:999px;background:linear-gradient(135deg,#0b3a5b,#0f766e)!important;color:#fff!important;font-weight:1000;padding:13px 24px!important;margin-top:12px;box-shadow:0 14px 34px rgba(15,118,110,.20)!important;}
@media(max-width:768px){.ns-ai-assistant{right:14px;bottom:16px}.ns-ai-fab{width:56px;height:56px;font-size:21px}.ns-ai-panel{width:calc(100vw - 24px);right:-2px;height:72vh;bottom:68px;border-radius:22px}.ns-feedback-section{margin:30px 12px;padding:20px}.ns-feedback-grid{grid-template-columns:1fr}}


/* v22: cleaner, more modern dashboard polish */
.desktop-side,#mobileMenu .w-80{background:linear-gradient(180deg,#072840 0%,#0b4961 52%,#08706f 100%)!important;}
.desktop-side .sidebar-btn,#mobileMenu .sidebar-btn{border-radius:20px!important;padding:14px 16px!important;background:rgba(255,255,255,.07)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 10px 22px rgba(2,6,23,.08)!important;}
.desktop-side .sidebar-btn.hidden,#mobileMenu .sidebar-btn.hidden{display:none!important;}
.desktop-side .sidebar-sub.hidden,#mobileMenu .sidebar-sub.hidden{display:none!important;}
.dash-card{border:1px solid #dcebf2!important;background:linear-gradient(135deg,#ffffff,#f8fdff)!important;box-shadow:0 16px 36px rgba(15,23,42,.06)!important;}
#peopleView .ns-person-card,.ns-person-card{border-radius:28px!important;box-shadow:0 18px 48px rgba(15,23,42,.08)!important;}
.orders-table-wrap tbody tr:nth-child(4n+1){background:linear-gradient(90deg,#fffaf0,#ffffff)!important;}
.orders-table-wrap tbody tr:nth-child(4n+2){background:linear-gradient(90deg,#eef7ff,#ffffff)!important;}
.orders-table-wrap tbody tr:nth-child(4n+3){background:linear-gradient(90deg,#effdf6,#ffffff)!important;}
.orders-table-wrap tbody tr:nth-child(4n+4){background:linear-gradient(90deg,#fff1f2,#ffffff)!important;}
