.smart-command { border:1px solid #36534c; background:linear-gradient(125deg,#193a33,#17242d 65%); padding:26px; border-radius:18px; margin-bottom:24px; }
.smart-heading { display:flex; justify-content:space-between; align-items:center; gap:20px; }
.smart-heading h2 { margin:9px 0; font-size:27px; font-weight:700; letter-spacing:-.8px; color:#edf8f2; }
.smart-heading p { font-size:11px; color:#b4ccc1; line-height:1.8; }
.smart-heading kbd { font-family:inherit; font-size:9px; padding:3px 5px; border:1px solid #62756c; border-radius:4px; margin-left:8px; }
.smart-tasks { display:grid; grid-template-columns:repeat(auto-fit,minmax(235px,1fr)); gap:14px; margin:24px 0 15px; }
.smart-task { border:1px solid #3b514b; background:#132b28; padding:20px; border-radius:13px; display:flex; flex-direction:column; align-items:flex-start; }
.smart-task.urgent { border-color:#b46863; }
.smart-task.attention { border-color:#8e794a; }
.smart-task-label { font-size:9px; letter-spacing:1.1px; font-weight:700; color:#a7cbbd; }
.smart-task.attention .smart-task-label { color:#f3d390; }
.smart-task.urgent .smart-task-label { color:#ffbab3; }
.smart-task h3 { font-size:15px; font-weight:700; line-height:1.6; margin:11px 0 8px; color:#eef8f2; }
.smart-task p { font-size:12px; color:#b2c4bd; line-height:1.8; margin-bottom:20px; }
.smart-task button { margin-top:auto; }
.smart-refresh { color:#b2d8c9; font-size:11px; background:none; border:0; padding:5px 0; cursor:pointer; }
.smart-search-dialog { width:min(560px,calc(100% - 32px)); margin:auto; padding:26px; border:1px solid #4c6a5f; border-radius:18px; background:#16282b; color:#eef8f3; box-shadow:0 24px 100px #0008; }
.smart-search-dialog::backdrop { background:#020a0dcc; backdrop-filter:blur(5px); }
.smart-search-dialog label { font-size:18px; font-weight:700; display:block; margin-bottom:18px; }
.smart-search-dialog input { width:100%; min-height:48px; padding:12px; background:#0d1d21; border:1px solid #486056; color:white; border-radius:9px; font-size:14px; }
.smart-search-dialog #smart-command-results { max-height:340px; overflow:auto; margin-top:16px; display:grid; gap:5px; }
.smart-search-dialog #smart-command-results button { color:#d9f3e7; background:transparent; border:0; text-align:left; padding:13px; border-radius:7px; cursor:pointer; }
.smart-search-dialog #smart-command-results button:hover,.smart-search-dialog #smart-command-results button:focus { background:#29463c; }
.smart-search-dialog p { color:#a5bfb3; font-size:11px; margin-top:14px; }
.smart-dialog-close { position:absolute; top:15px; right:20px; background:transparent; color:#bed5c7; border:0; font-size:24px; cursor:pointer; }
.smart-link-hint { font-size:12px; line-height:1.8; color:var(--text-muted,#a8c3b6); padding:10px 0; min-height:44px; }
.smart-link-hint.is-error { color:#be4141; }
.dark-mode .smart-link-hint.is-error { color:#ffaaa2; }
.smart-link-steps { display:flex; justify-content:space-between; gap:8px; list-style:none; padding:20px 0 0; font-size:10px; color:var(--text-muted,#9cb7ab); }
.smart-link-steps li { padding-top:9px; border-top:2px solid var(--border,#3b5750); flex:1; }
.smart-link-steps li.done { border-color:#158263; color:var(--primary,#79dbb9); }
.smart-link-steps li.working { border-color:#c49a3e; }
.smart-muted { color:var(--text-muted,#a5bfb2); font-size:11px; line-height:1.8; margin:12px 0; }
.smart-order-counts { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin:16px 0; }
.smart-order-counts > * { padding:12px 6px; border:1px solid var(--border,#3d5650); background:var(--surface,#172d2b); color:var(--text,#e6f4ed); border-radius:9px; text-align:center; min-width:0; }
.smart-order-counts button { cursor:pointer; }
.smart-order-counts button.active { border-color:#349777; box-shadow:0 0 0 1px #349777; }
.smart-order-counts strong { font-size:20px; display:block; }
.smart-order-counts small { font-size:10px; display:block; margin-top:5px; line-height:1.5; }
.smart-order-search { width:100%; background:var(--surface,#162e2a); border:1px solid var(--border,#405e53); padding:13px; font-size:13px; color:var(--text,#e6f4ed); border-radius:9px; margin:3px 0 14px; }
.smart-order-row { padding:16px; border:1px solid var(--border,#3d5650); background:var(--surface,#162d29); border-radius:11px; margin-top:10px; }
.smart-order-row > div { display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; }
.smart-order-row strong { font-size:13px; overflow-wrap:anywhere; color:var(--text,#e6f4ed); }
.smart-order-row p { font-size:11px; line-height:1.8; margin:10px 0 0; color:var(--text-muted,#a8c3b6); }
.smart-status { font-size:10px; padding:4px 8px; border-radius:20px; background:#d7e9e0; color:#1b5741; }
.smart-status.pending { background:#f2e6ca; color:#725b23; }
.smart-status.cancelled { background:#f4d8d5; color:#89433c; }
.smart-empty { text-align:center; font-size:12px; padding:26px 16px; line-height:1.9; color:var(--text-muted,#a8c3b6); }
.smart-wallet-summary { border:1px solid var(--border,#3d5650); border-radius:12px; padding:18px; background:var(--surface,#172d2b); }
.smart-wallet-summary > strong { font-size:14px; }
.smart-wallet-summary .smart-order-counts { grid-template-columns:repeat(3,minmax(0,1fr)); }
.smart-wallet-summary .smart-order-counts strong { font-size:14px; margin-top:8px; }
.smart-wallet-next { background:#243b30; color:#f0f8e9; border:1px solid #637747; padding:18px; border-radius:14px; margin:0 0 20px; }
.smart-wallet-next > strong { display:block; font-size:14px; }
.smart-wallet-next p { font-size:12px; line-height:1.8; color:#cadabd; margin:8px 0 14px; }
.smart-wallet-next button { background:#dae8c6; border:0; border-radius:8px; padding:10px 13px; color:#294423; font-size:12px; font-weight:700; cursor:pointer; }
@media(max-width:640px) { .smart-command { padding:18px; } .smart-heading { align-items:flex-start; flex-direction:column; gap:12px; } .smart-heading h2 { font-size:23px; } .smart-tasks { grid-template-columns:1fr; } .smart-order-counts strong { font-size:18px; } .smart-order-counts small { font-size:9px; } .smart-search-dialog { padding:22px; } }