#fub-modal { position:fixed; inset:0; z-index:60600; display:none; align-items:stretch; justify-content:center; background:rgba(15,23,42,.45); font-family:inherit; }
  #fub-modal.open { display:flex; }
  #fub-modal .fub-box { background:#f4f6f9; width:min(1100px,100%); margin:24px; border-radius:18px; display:flex; flex-direction:column; overflow:hidden; box-shadow:0 20px 50px rgba(0,0,0,.25); }
  #fub-modal .fub-h { display:flex; align-items:center; gap:10px; padding:14px 18px; background:#fff; border-bottom:1px solid #e2e8f0; }
  #fub-modal .fub-h h2 { margin:0; font-size:18px; font-weight:800; color:#0f172a; flex:1; }
  #fub-modal .fub-h small { display:block; font-size:12px; font-weight:500; color:#64748b; }
  #fub-modal .fub-ib { width:36px; height:36px; border-radius:50%; border:1px solid #e2e8f0; background:#fff; display:flex; align-items:center; justify-content:center; cursor:pointer; }
  #fub-modal .fub-ib svg { width:18px; height:18px; fill:#334155; }
  #fub-modal .fub-ib.x { background:#ef4444; border-color:#ef4444; } #fub-modal .fub-ib.x svg { fill:#fff; }
  #fub-modal .fub-tabs { display:flex; gap:8px; padding:12px 18px; overflow-x:auto; background:#fff; border-bottom:1px solid #e2e8f0; }
  #fub-modal .fub-tab { flex:0 0 auto; display:flex; align-items:center; gap:8px; padding:8px 12px; border-radius:12px; border:1px solid #e2e8f0; background:#fff; font-weight:700; font-size:13px; color:#334155; cursor:pointer; }
  #fub-modal .fub-tab i { width:10px; height:10px; border-radius:50%; display:inline-block; }
  #fub-modal .fub-tab b { min-width:20px; padding:1px 6px; border-radius:10px; background:#eef1f4; color:#334155; font-size:12px; text-align:center; }
  #fub-modal .fub-tab.on { background:#0f172a; color:#fff; border-color:#0f172a; } #fub-modal .fub-tab.on b { background:#fff; color:#0f172a; }
  #fub-modal .fub-list { flex:1; overflow:auto; padding:14px 18px 24px; display:grid; grid-template-columns:repeat(auto-fill,minmax(330px,1fr)); gap:12px; align-content:start; }
  #fub-modal .fub-empty { grid-column:1 / -1; text-align:center; color:#64748b; padding:40px 10px; font-weight:600; }
  #fub-modal .fub-c { background:#fff; border:1px solid #e2e8f0; border-radius:14px; padding:12px 14px; display:flex; flex-direction:column; gap:8px; box-shadow:0 1px 2px rgba(15,23,42,.04); }
  #fub-modal .fub-c.late { border-color:#fca5a5; }
  #fub-modal .fub-r1 { display:flex; align-items:center; gap:6px; flex-wrap:wrap; }
  #fub-modal .fub-tk { font-weight:800; font-size:15px; color:#0f172a; letter-spacing:.02em; }
  #fub-modal .fub-chip { font-size:11px; font-weight:800; padding:2px 7px; border-radius:6px; background:#eef2ff; color:#4338ca; text-transform:uppercase; }
  #fub-modal .fub-chip.v { background:#fef3c7; color:#92400e; }
  #fub-modal .fub-chip.w-iw { background:#ecfdf5; color:#047857; }
  #fub-modal .fub-chip.w-ew { background:#f0f9ff; color:#0369a1; }
  #fub-modal .fub-chip.w-oow { background:#fff1f2; color:#be123c; }
  #fub-modal .fub-days { margin-left:auto; font-size:12px; font-weight:700; color:#64748b; }
  #fub-modal .fub-r2 { font-size:13px; color:#475569; }
  #fub-modal .fub-r2 b { color:#2563eb; font-weight:800; }
  #fub-modal .fub-r2 .fub-city { color:#0f766e; font-weight:700; }   
  #fub-modal .fub-note { font-size:12.5px; color:#334155; background:#f8fafc; border-radius:8px; padding:6px 8px; }
  #fub-modal .fub-parts { border:1px solid #e2e8f0; border-radius:10px; overflow:hidden; }
  #fub-modal .fub-p { display:flex; align-items:center; gap:8px; padding:7px 9px; font-size:12.5px; border-top:1px solid #f1f5f9; flex-wrap:wrap; }
  #fub-modal .fub-p:first-child { border-top:0; }
  #fub-modal .fub-pn { font-weight:800; color:#2563eb; }
  #fub-modal .fub-pd { color:#334155; flex:1; min-width:80px; }
  #fub-modal .fub-st { font-size:11px; font-weight:800; padding:2px 7px; border-radius:6px; }
  #fub-modal .fub-st.inv { background:#dcfce7; color:#166534; }
  #fub-modal .fub-st.on { background:#dbeafe; color:#1e40af; }
  #fub-modal .fub-st.trk { background:#f3e8ff; color:#6b21a8; }
  #fub-modal .fub-use { font-size:11px; font-weight:800; padding:3px 8px; border-radius:6px; border:1px solid #16a34a; background:#fff; color:#15803d; cursor:pointer; }
  #fub-modal .fub-eta { font-size:12.5px; font-weight:700; color:#6b21a8; }
  #fub-modal .fub-eta.late { color:#dc2626; }
  #fub-modal .fub-log { font-size:11.5px; color:#94a3b8; }
  #fub-modal .fub-btns { display:grid; grid-auto-flow:column; grid-auto-columns:minmax(0,1fr); gap:6px; margin-top:auto; padding-top:2px; }
  #fub-modal .fub-b { min-width:0; overflow:hidden; text-overflow:ellipsis; display:inline-flex; align-items:center; justify-content:center; gap:6px; height:38px; padding:0 8px; border-radius:19px; border:1px solid #e2e8f0; background:#fff; font:inherit; font-size:13px; font-weight:600; color:#334155; cursor:pointer; white-space:nowrap; transition:background .15s, border-color .15s; }
  #fub-modal .fub-b.ed { width:38px; padding:0; }
  #fub-modal .fub-b.ed svg { width:16px; height:16px; fill:#475569; }
  #fub-modal .fub-b i { width:8px; height:8px; border-radius:50%; background:var(--fc); flex:0 0 auto; }
  #fub-modal .fub-b:hover:not(:disabled) { background:#f8fafc; border-color:#cbd5e1; }
  #fub-modal .fub-b.pri { background:#0f172a; border-color:#0f172a; color:#fff; }
  #fub-modal .fub-b.pri:hover:not(:disabled) { background:#1e293b; border-color:#1e293b; }
  #fub-modal .fub-b:disabled { opacity:.5; cursor:default; }
  #fub-modal .fub-c .fub-btns .fub-b { height:28px; border-radius:14px; font-size:12px; gap:5px; padding:0 6px; }
  #fub-modal .fub-c .fub-btns .fub-b i { width:6px; height:6px; }
  #fub-modal .fub-c .fub-btns .fub-b.ed { width:28px; padding:0; }
  #fub-modal .fub-c .fub-btns .fub-b.ed svg { width:13px; height:13px; }
  #fub-modal .fub-form { border:1px dashed #c4b5fd; background:#faf5ff; border-radius:10px; padding:9px; display:flex; flex-direction:column; gap:7px; }
  #fub-modal .fub-form label { font-size:12px; font-weight:700; color:#475569; display:flex; align-items:center; gap:6px; flex-wrap:wrap; }
  #fub-modal .fub-form input, #fub-modal .fub-form select { font:inherit; font-size:13px; padding:6px 8px; border:1px solid #cbd5e1; border-radius:8px; background:#fff; color:#0f172a; min-width:0; }
  #fub-modal .fub-form .fub-tr { display:grid; grid-template-columns:110px 90px 1fr; gap:6px; align-items:center; font-size:12px; }
  @media (max-width: 640px) {
    #fub-modal .fub-box { margin:0; border-radius:0; }
    #fub-modal .fub-list { grid-template-columns:1fr; padding:10px 10px 24px; }
    #fub-modal .fub-tabs { padding:10px; }
    #fub-modal .fub-form .fub-tr { grid-template-columns:1fr 80px; }
    #fub-modal .fub-form .fub-tr span { grid-column:1 / -1; }
  }
  #fub-modal .fub-box { background:#f4f8fa; }
  #fub-modal .fub-h { gap:8px 10px; padding:12px 16px 10px; background:transparent; border-bottom:0; }
  #fub-modal .fub-h h2 { flex:0 0 auto; display:flex; align-items:center; gap:7px; font-size:17.5px; letter-spacing:-0.2px; white-space:nowrap; cursor:default; }
  #fub-modal .fub-h h2 svg { width:19px; height:19px; fill:#1e2a44; }
  #fub-modal .fub-qwrap { position:relative; flex:1 1 200px; min-width:170px; max-width:360px; }
  #fub-modal .fub-qwrap svg { position:absolute; left:10px; top:50%; transform:translateY(-50%); width:14px; height:14px; fill:#94a3b8; pointer-events:none; }
  #fub-modal .fub-qwrap input { width:100%; height:30px; box-sizing:border-box; padding:0 12px 0 30px; border:1px solid #cbd5e1; border-radius:15px; font:inherit; font-size:12px; color:#0f172a; background:#fff; outline:none; }
  #fub-modal .fub-qwrap input:focus { border-color:#1e2a44; box-shadow:0 0 0 3px rgba(30,42,68,.12); }
  #fub-modal .fub-act { margin-left:auto; display:inline-flex; align-items:center; gap:6px; height:30px; padding:0 10px; border:1px solid #cbd5e1; border-radius:15px; background:#fff; color:#1e2a44; font:inherit; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.02em; cursor:pointer; white-space:nowrap; }
  #fub-modal .fub-act:hover { background:#f8fafc; }
  #fub-modal .fub-act svg { width:14px; height:14px; fill:currentColor; }
  #fub-modal .fub-ib.x { width:34px; height:34px; box-shadow:0 2px 6px rgba(225,29,72,.35); background:#e11d48; border-color:#e11d48; }
  #fub-modal .fub-ib.x svg { width:20px; height:20px; }
  #fub-modal .fub-tabs { display:flex; align-items:center; gap:6px 8px; padding:0 16px 10px; background:transparent; border-bottom:0; flex-wrap:wrap; overflow:visible; }
  #fub-modal .fub-tabs .mh-sb-g { flex:0 0 auto; }
  @media (min-width: 641px) {
    #fub-modal .fub-list.fub-tbl { display:block; padding:0; margin:0 16px 12px; border:1px solid #e2e8f0; border-radius:10px; background:#fff; overflow-x:hidden; overflow-y:auto; scrollbar-gutter:stable; }
    #fub-modal .fub-tbl .mh-table td { cursor:pointer; }
    #fub-modal .fub-tbl .mh-table td.fub-tkc { font-weight:700; color:#1e2a44; }
    #fub-modal .fub-tbl .mh-table td.fub-mod { color:#2563eb; font-weight:700; }
    #fub-modal .fub-tbl .mh-table td .fub-pn2 { font-weight:700; color:#0f172a; }
    #fub-modal .fub-tbl .mh-table td .fub-more { margin-left:4px; }
    #fub-modal .fub-tbl tr.fub-open td { background-color:#eef2ff !important; border-bottom-color:transparent; }
    #fub-modal .fub-tbl tr.fub-det td { padding:2px 12px 12px 46px !important; height:auto; white-space:normal; cursor:default; background:#fff !important; border-bottom:1px solid #e2e8f0; overflow:visible; }
    #fub-modal .fub-tbl tr.fub-det .fub-c { border:0; border-radius:0; padding:0; box-shadow:none; background:transparent; gap:8px; }
    #fub-modal .fub-tbl tr.fub-det .fub-c .fub-btns { display:flex !important; flex-wrap:wrap; justify-content:flex-start; gap:6px; }
    #fub-modal .fub-tbl tr.fub-det .fub-c .fub-btns .fub-b { flex:0 0 auto; padding:0 12px; }
    #fub-modal .fub-tbl tr.fub-det .fub-c .fub-btns .fub-b.ed { padding:0; }
    #fub-modal .fub-tbl tr.fub-det .fub-parts { max-width:760px; }
    #fub-modal .fub-tbl .fub-chev { display:inline-block; width:34px; text-align:center; color:#64748b; font-size:15px; transition:transform .12s; }
    #fub-modal .fub-tbl tr.fub-open .fub-chev { transform:rotate(90deg); color:#1e2a44; }
    #fub-modal .fub-tbl tr.mh-sep td { cursor:default; }
  }
  @media (max-width: 640px) { #fub-modal .fub-h { flex-wrap:wrap; } #fub-modal .fub-qwrap { order:5; flex:1 1 100%; max-width:none; } #fub-modal .fub-act span { display:none; } #fub-modal .fub-tabs { flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none; } }