.ng{--blue: #1d4ed8;--blue-deep: #1e3a8a;--blue-soft: #e8eefc;--ink: #0f172a;--muted: #64748b;--line: #e2e8f0;min-height:calc(100vh - var(--ln-bar-h));background:#f8fafc;color:var(--ink)}.ng-top{display:flex;align-items:center;gap:1.5rem;padding:.9rem clamp(1rem,3vw,2rem);background:var(--blue-deep);color:#fff;font-size:.9rem}.ng-top .brand{font-weight:800;letter-spacing:-.01em}.ng-top .crumbs{opacity:.8}.ng-top .me{margin-left:auto;display:inline-flex;align-items:center;gap:.5rem}.ng-top .me i{width:28px;height:28px;border-radius:50%;background:#fff;color:var(--blue-deep);display:grid;place-items:center;font-style:normal;font-size:.7rem;font-weight:800}.ng-grid{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:1.5rem;max-width:1200px;margin:0 auto;padding:1.5rem clamp(1rem,3vw,2rem) 3rem;align-items:start}.ng-side h2{margin:0 0 .75rem;font-size:.78rem;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--muted)}.order{background:#fff;border:1px solid var(--line);border-radius:14px;padding:1rem 1.1rem;margin-bottom:.9rem}.order .row{display:flex;justify-content:space-between;gap:1rem;font-size:.85rem}.order .row b{font-size:.95rem}.order .pill{padding:.15rem .55rem;border-radius:999px;font-size:.7rem;font-weight:700}.pill.shipped{background:#dbeafe;color:var(--blue)}.pill.delivered{background:#dcfce7;color:#166534}.pill.processing{background:#fef3c7;color:#92400e}.order .item{margin:.4rem 0 0;color:var(--muted);font-size:.85rem}.track{display:grid;grid-template-columns:repeat(4,1fr);gap:.25rem;margin-top:.9rem;font-size:.65rem;color:var(--muted);text-align:center}.track span{position:relative;padding-top:.9rem}.track span:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:10px;height:10px;border-radius:50%;background:var(--line)}.track span:after{content:"";position:absolute;top:4px;left:-50%;width:100%;height:2px;background:var(--line);z-index:-1}.track span:first-child:after{display:none}.track span.done:before,.track span.done:after{background:var(--blue)}.track span.done{color:var(--ink);font-weight:700}.ng-side .policy{padding:.9rem 1.1rem;border-radius:14px;background:var(--blue-soft);font-size:.85rem;color:var(--blue-deep)}.ng-side h2.later{margin-top:1.5rem}.ng .try-chips{margin-bottom:1.25rem}.ng .try-chips button{border-radius:10px;border:1px solid var(--line);box-shadow:none;background:#fff}.ng .try-chips button:hover{background:var(--blue-soft);border-color:var(--blue)}.ng-chat{display:flex;flex-direction:column;height:min(720px,calc(100vh - var(--ln-bar-h) - 7rem));background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.ng-chat .ctop{display:flex;align-items:center;gap:.75rem;padding:.9rem 1.25rem;border-bottom:1px solid var(--line)}.ng-chat .ctop .avatar{width:36px;height:36px;border-radius:10px;background:var(--blue);color:#fff;display:grid;place-items:center;font-weight:800;font-size:.85rem}.ng-chat .ctop .who strong{display:block;font-size:.95rem}.ng-chat .ctop .who span{font-size:.78rem;color:var(--muted)}.ng-chat .messages{padding:1.25rem;gap:.9rem}.ng-chat .msg{max-width:70%;border-radius:12px;font-size:.95rem}.ng-chat .msg.bot{background:#f1f5f9;border-bottom-left-radius:4px}.ng-chat .msg.user{background:var(--blue);border-bottom-right-radius:4px}.ng-chat .composer{padding:.9rem 1.25rem}.ng-chat .composer input{border-radius:10px}.ng-chat .composer button{border-radius:10px;background:var(--blue)}@media(max-width:900px){.ng-grid{grid-template-columns:1fr}.ng-chat{order:-1;height:70vh}.ng-top .crumbs{display:none}}