/* DropSquid brand system */
:root{--squid-blue:#115df5;--squid-cyan:#10d9ed;--squid-navy:#07172e;--squid-deep:#030914}
.brand .brand-mark{background:transparent;border-radius:0;color:inherit}
body:not(.dark) .sidebar{background:#f8fbff;color:#14233a;border-right:1px solid #dbe7f4}body:not(.dark) .nav-link{color:#53677f}body:not(.dark) .nav-link:hover,body:not(.dark) .nav-link.active{background:#e8f3ff;color:#0c2440}body:not(.dark) .nav-link b{background:#dcecff;color:#255382}body:not(.dark) .connection{background:#eaf5ff;color:#153653}body:not(.dark) .profile{border-color:#dbe7f4}body:not(.dark) .profile small,body:not(.dark) .profile button{color:#71839a}body:not(.dark) .theme-toggle:hover{color:#0c2440}
.brand{height:84px;padding:0 4px 20px;display:flex;align-items:center;gap:9px;text-decoration:none}.brand .brand-mark{width:54px;height:54px;object-fit:contain}.brand-assets{display:grid;gap:4px;line-height:1;min-width:0}.brand-wordmark{display:block;width:132px;height:29px;object-fit:cover;object-position:center}.dark-brand{display:none!important}.brand-word{display:inline-flex!important;align-items:baseline;gap:0;font-family:Arial Black,Arial,sans-serif;font-weight:900;font-style:normal;letter-spacing:-1.45px;line-height:.9}.brand-word>span{color:#07172e}.brand-word em{font-style:normal;background:linear-gradient(180deg,#16dff1 0%,#0aaff0 48%,#1455f7 100%);background-clip:text;-webkit-background-clip:text;color:transparent}.brand .brand-word{font-size:18px}.brand small{font:500 7px/1 "DM Mono",monospace;letter-spacing:.35px;color:#1274c7;white-space:nowrap}.primary{background:linear-gradient(135deg,var(--squid-blue),var(--squid-cyan));box-shadow:0 5px 14px #115df542}.primary:hover{background:linear-gradient(135deg,#0848ca,#08b6d0)}.connection-dot{background:var(--squid-cyan)}.text-button,.row-action{color:var(--squid-blue)}.notice-icon{background:#dceeff;color:var(--squid-blue)}.notice{border-color:#c9e2ff;background:#f2f8ff}.chart svg path[stroke]{stroke:var(--squid-blue)}.theme-toggle{margin-bottom:3px}.theme-toggle:hover{color:#fff}
body.dark{--ink:#f0f4fb;--muted:#99a4b6;--line:#253044;--purple:var(--squid-blue);--pale:#131d2c;--canvas:#0a1322;background:var(--canvas);color:var(--ink)}body.dark .sidebar{background:#030914;border-right:1px solid #17304b}body.dark .light-brand{display:none!important}body.dark .dark-brand{display:block!important}body.dark .brand-word>span{color:#f7fbff}body.dark .brand small{color:#41e7f5}body.dark .nav-link.active,body.dark .nav-link:hover{background:#132946;color:#fff}body.dark .nav-link{color:#94a3b8}body.dark .connection{background:#10233c;color:#e7effb}body.dark .profile{border-color:#202c3e}body.dark .stat,body.dark .panel,body.dark .listing-card,body.dark .monitor-summary div,body.dark .orders-empty,body.dark .settings-form{background:#101c2e;border-color:#253d5c}body.dark .stat strong,body.dark h1,body.dark h2,body.dark h3,body.dark .product-cell strong,body.dark .listing-meta strong,body.dark .health-item strong{color:#f0f4fb}body.dark .notice{background:#102b48;border-color:#1973c7}body.dark .notice-icon{background:#123969;color:#59e6f5}body.dark .tool-row select,body.dark .panel-head select{background:#15253a;color:#b8c5d8;border-color:#314d70}body.dark .search{background:#101c2e;border-color:#2b486a;color:#93a5bd}.dark .search input{background:transparent;color:#eaf1fc}.dark th{background:#0d1829;color:#98a9c0}.dark td{border-color:#253d5c}.dark .table-empty,.dark .empty-state,.dark .empty-activity{color:#99a8bc}.dark .listing-card .card-img{background:#172b44}.dark .health-item{background:#15253a;color:#aebbd0}.dark .secondary,.dark .icon-button{background:#203a59;color:#d5e1f0}.dark .input-suffix,.dark .form-grid input,.dark .form-grid textarea,.dark .settings-form input{background:#0d1a2c;border-color:#344f72;color:#eaf2ff}.dark dialog{background:#101c2e;color:#f0f4fb}.dark .modal-intro{color:#a5b3c6}.dark .close{background:#203a59;color:#f0f4fb}.dark .chart:before,.dark .chart:after{border-color:#263f60}.dark .chart{border-color:#263f60}.dark .chart-summary{border-color:#253d5c}.dark .badge.ready{color:#70d8a6;background:#123728}.dark .badge.review{color:#eac16e;background:#3d2d10}.dark .badge.listed{color:#aeb8ff;background:#282653}.dark #toast{background:#eaf4ff;color:#10203a}

/* Branded full-app backdrop */
html{min-height:100%;background:#020914}
body,body.dark{
  --canvas:transparent;
  min-height:100vh;
  background-color:#020914;
  background-image:linear-gradient(90deg,rgba(1,8,21,.2),rgba(1,8,21,.08)),url("assets/brand-main-dark.png");
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  background-attachment:fixed;
}
body:not(.dark){
  background-color:#edf8ff;
  background-image:linear-gradient(90deg,rgba(255,255,255,.08),rgba(236,248,255,.04)),url("assets/brand-main-light.png");
}
body:not(.dark){--ink:#edf7ff;--muted:#a9bed3;--line:rgba(79,166,255,.25)}
body:not(.dark) .sidebar,body.dark .sidebar{background:rgba(2,10,25,.86);border-right:1px solid rgba(40,151,255,.28);box-shadow:12px 0 38px rgba(0,5,18,.25);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
body:not(.dark) .nav-link{color:#a9bfd6}body:not(.dark) .nav-link:hover,body:not(.dark) .nav-link.active{background:rgba(21,110,216,.28);color:#fff}body:not(.dark) .nav-link b{background:rgba(12,120,255,.25);color:#d9f2ff}body:not(.dark) .connection{background:rgba(14,87,158,.28);color:#e8f6ff}body:not(.dark) .profile{border-color:rgba(90,173,255,.2)}body:not(.dark) .profile small,body:not(.dark) .profile button{color:#91abc5}body:not(.dark) .theme-toggle:hover{color:#fff}
body:not(.dark) .stat,body:not(.dark) .panel,body:not(.dark) .listing-card,body:not(.dark) .monitor-summary div,body:not(.dark) .orders-empty,body:not(.dark) .settings-form,
body.dark .stat,body.dark .panel,body.dark .listing-card,body.dark .monitor-summary div,body.dark .orders-empty,body.dark .settings-form{background:rgba(5,19,42,.84);border-color:rgba(67,158,255,.24);box-shadow:0 14px 38px rgba(0,5,20,.2);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
body:not(.dark) h1,body:not(.dark) h2,body:not(.dark) h3,body:not(.dark) .stat strong,body:not(.dark) .product-cell strong,body:not(.dark) .listing-meta strong,body:not(.dark) .health-item strong{color:#f2f9ff}
body:not(.dark) .notice,body.dark .notice{background:rgba(7,39,78,.82);border-color:rgba(53,167,255,.38);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
body:not(.dark) .health-item,body.dark .health-item{background:rgba(14,52,91,.68);color:#b6c8da}
body:not(.dark) .search,body.dark .search{background:rgba(6,25,51,.88);border-color:rgba(72,160,255,.3)}body:not(.dark) .search input{background:transparent;color:#edf7ff}
body:not(.dark) .tool-row select,body:not(.dark) .panel-head select{background:rgba(6,25,51,.9);color:#c5d8e9;border-color:rgba(72,160,255,.3)}
body:not(.dark) th{background:rgba(4,18,39,.84);color:#a9bfd4}body:not(.dark) td{border-color:rgba(72,160,255,.18)}
body:not(.dark) .secondary,body:not(.dark) .icon-button{background:rgba(15,60,106,.88);color:#e4f3ff}
body:not(.dark) .listing-card .card-img{background:rgba(14,43,76,.82)}
body:not(.dark) .table-empty,body:not(.dark) .empty-state,body:not(.dark) .empty-activity{color:#a9bdd1}
main{position:relative;z-index:1}
main>header{padding:14px 16px;border:1px solid rgba(65,157,255,.18);border-radius:12px;background:linear-gradient(90deg,rgba(3,16,36,.9),rgba(3,16,36,.7));box-shadow:0 10px 30px rgba(0,5,20,.16);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}

/* Softer grey surfaces over the light-mode artwork */
body:not(.dark) main>header{background:linear-gradient(90deg,rgba(48,60,76,.92),rgba(63,76,92,.88));border-color:rgba(99,153,201,.28)}
body:not(.dark) .stat,body:not(.dark) .panel,body:not(.dark) .listing-card,body:not(.dark) .monitor-summary div,body:not(.dark) .orders-empty,body:not(.dark) .settings-form{background:rgba(52,65,82,.88);border-color:rgba(102,157,205,.3)}
body:not(.dark) .notice{background:rgba(58,72,89,.88);border-color:rgba(102,166,220,.36)}
body:not(.dark) .health-item{background:rgba(70,83,99,.76)}
body:not(.dark) .sidebar{background:linear-gradient(180deg,rgba(43,55,70,.96),rgba(52,64,78,.94));border-right-color:rgba(109,160,203,.32)}
body:not(.dark) .sidebar .nav-link{color:#c6d2de}body:not(.dark) .sidebar .nav-link:hover,body:not(.dark) .sidebar .nav-link.active{background:rgba(13,78,143,.72);color:#fff}
body:not(.dark) #connections .section-heading{padding:17px 19px;border:1px solid rgba(102,157,205,.34);border-radius:12px;background:rgba(52,65,82,.9);box-shadow:0 12px 30px rgba(20,48,72,.16);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
body:not(.dark) #connections .section-heading h2{color:#fff}body:not(.dark) #connections .section-heading p{color:#c5d3df}body:not(.dark) #connections .section-heading .eyebrow{color:#a9bfd2}
body:not(.dark) #connectionsGrid>div{border-color:rgba(98,163,218,.42);background:rgba(58,72,89,.9);box-shadow:0 9px 24px rgba(20,48,72,.14);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
body:not(.dark) #connectionsGrid small{color:#adc2d5}body:not(.dark) #connectionsGrid strong{color:#fff}body:not(.dark) #connectionsGrid .modal-intro{color:#c8d4df}body:not(.dark) #connectionsGrid .row-action{color:#63c8ff}
#connectionsGrid>div>strong{display:block}#connectionsGrid>div>.badge{display:block;width:max-content;margin-top:6px}
#connectionsGrid .connection-actions{display:flex;align-items:center;gap:14px;border:0;padding:0}
.sidebar .brand{height:auto;min-height:78px;padding:0 2px 20px;gap:7px}.sidebar .brand-mark{width:54px;height:54px;flex:0 0 54px}.sidebar .brand-assets{position:relative;display:block;flex:1;min-width:0;height:45px;overflow:hidden}.sidebar .brand-wordmark{position:absolute;left:0;top:-21px;width:150px;height:75px;max-width:none;object-fit:contain;object-position:left center;mix-blend-mode:normal}.sidebar .brand small{position:absolute;left:1px;bottom:0;display:block;margin:0;color:#39cde8;font-size:7px;letter-spacing:.35px}.theme-toggle>span:last-child{white-space:nowrap}
.sidebar .brand{display:block;width:100%;height:86px;min-height:86px;padding:0 0 14px;overflow:hidden}.sidebar .brand-banner{display:block;width:218px;height:117px;margin-top:-17px;object-fit:contain;mix-blend-mode:normal;filter:drop-shadow(0 0 7px rgba(0,190,255,.12))}
.sidebar .theme-toggle,.sidebar .settings,.sidebar .sign-out{min-height:40px;padding:11px 12px;font:600 13px Manrope}.sidebar .theme-toggle>span,.sidebar .settings>span,.sidebar .sign-out>span{width:17px;font-size:18px;text-align:center}.sidebar .theme-toggle>span:last-child{width:auto;font-size:13px;white-space:nowrap}.sidebar .sign-out{margin-bottom:12px;color:#b9c7d5}.sidebar .sign-out:hover{background:rgba(15,79,143,.5);color:#fff}

/* Light mode: readable type and softer neutral surfaces. */
body:not(.dark){--ink:#17263a;--muted:#687c92;--line:#bccddd;color:var(--ink)}
body:not(.dark) main>header{background:linear-gradient(90deg,rgba(205,216,228,.96),rgba(219,228,237,.94));border-color:rgba(84,135,181,.34)}
body:not(.dark) main>header h1,body:not(.dark) main>header .eyebrow{color:#172b43}
body:not(.dark) .section-heading h2,body:not(.dark) .section-heading h3,body:not(.dark) .section-heading .eyebrow{color:#19314b}
body:not(.dark) .section-heading p,body:not(.dark) .notice p{color:#657b92}
body:not(.dark) .stat,body:not(.dark) .panel,body:not(.dark) .listing-card,body:not(.dark) .monitor-summary div,body:not(.dark) .orders-empty,body:not(.dark) .settings-form{background:rgba(218,226,235,.94);border-color:rgba(89,139,183,.34);color:#21364d}
body:not(.dark) .stat strong,body:not(.dark) .panel h2,body:not(.dark) .panel h3,body:not(.dark) .listing-card h3,body:not(.dark) .product-cell strong,body:not(.dark) .listing-meta strong,body:not(.dark) .health-item strong{color:#172b43}
body:not(.dark) .stat span,body:not(.dark) .stat small.neutral,body:not(.dark) .listing-meta,body:not(.dark) .product-cell small,body:not(.dark) .empty-state,body:not(.dark) .empty-activity{color:#65798e}
body:not(.dark) .listing-card .card-body,body:not(.dark) .listing-card footer{background:rgba(218,226,235,.98)}
body:not(.dark) .notice{background:rgba(211,222,233,.95);border-color:rgba(84,142,193,.38);color:#21364d}
body:not(.dark) .health-item{background:rgba(225,232,239,.96);color:#60758b}
body:not(.dark) #connections .section-heading{background:rgba(218,226,235,.95);border-color:rgba(89,139,183,.38)}
body:not(.dark) #connections .section-heading h2,body:not(.dark) #connectionsGrid strong{color:#172b43}
body:not(.dark) #connections .section-heading p,body:not(.dark) #connectionsGrid .modal-intro{color:#60758b}
body:not(.dark) #connections .section-heading .eyebrow,body:not(.dark) #connectionsGrid small{color:#657b92}
body:not(.dark) #connectionsGrid>div{background:rgba(218,226,235,.95);border-color:rgba(89,139,183,.4)}
.connection-disconnect{color:#c33f4f}.connection-disconnect:hover{color:#e02f43;text-decoration:underline}.dark .connection-disconnect{color:#ff8b98}
#toast{z-index:100000;width:max-content;max-width:min(460px,calc(100vw - 32px));padding:13px 16px;line-height:1.5;white-space:normal;overflow-wrap:anywhere;box-shadow:0 12px 34px rgba(10,20,40,.42)}
.nav-link .nav-symbol{display:block;width:18px;height:18px;object-fit:contain}
.sidebar .nav-link b,.sidebar #connectEbay{display:none!important}
@media(max-width:950px){body,body.dark{background-position:42% center}}
.connections-intro{align-items:center}.connection-group{margin-top:18px;padding:17px 18px;border:1px solid rgba(76,151,222,.28);border-radius:12px;background:rgba(4,18,39,.88);box-shadow:0 10px 28px rgba(0,5,20,.12)}.connection-group-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.connection-group-heading h3{margin:0;font-size:17px}.connection-group-heading p:not(.eyebrow){margin:4px 0 0;color:var(--muted);font-size:11px}.connection-group-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.connection-group-grid>div{min-height:142px;background:rgba(4,18,39,.88);border-color:rgba(76,151,222,.28)}body:not(.dark) .connection-group{background:rgba(218,226,235,.95);border-color:rgba(89,139,183,.4)}body:not(.dark) .connection-group-grid>div{background:rgba(218,226,235,.95);border-color:rgba(89,139,183,.4)}body:not(.dark) .connection-group-heading h3,body:not(.dark) .connection-group-grid strong{color:#172b43}body:not(.dark) .connection-group-grid small,body:not(.dark) .connection-group-grid .modal-intro{color:#60758b}@media(max-width:760px){.connection-group-grid{grid-template-columns:1fr}.connection-group-heading{align-items:flex-start}}
.order-sync-panel{margin-bottom:15px}.order-sync-panel .panel-head p:not(.eyebrow){margin:4px 0 0;color:var(--muted);font-size:11px}.order-sync-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.order-sync-actions button{padding:8px 11px}.listing-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.listing-card .card-img{height:82px}.listing-card .card-body{padding:9px}.listing-card h3{display:-webkit-box;min-height:34px;margin:5px 0;font-size:11px;line-height:1.35;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.listing-card .badge{font-size:9px;padding:3px 6px}.listing-card .listing-meta{display:grid;gap:2px;font-size:9px}.listing-card footer{padding:0 9px 9px}.listing-card footer button{flex:1;padding:6px 7px;font-size:10px}.listings-view-all{display:flex;justify-content:center;margin:12px 0}@media(max-width:1300px){.listing-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:980px){.listing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.listing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.order-sync-actions button{flex:1 1 42%}}@media(max-width:440px){.listing-grid{grid-template-columns:1fr}}

.connection-card-heading{display:flex;align-items:center;gap:12px;margin-bottom:10px}.connection-card-title{display:grid;gap:2px;min-width:0}.connection-card-title strong{display:block;overflow-wrap:anywhere}.connection-logo{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border-radius:12px;background:#fff;border:1px solid rgba(120,145,170,.28);box-shadow:0 4px 12px rgba(0,0,0,.12);overflow:hidden}.connection-logo img{display:block;width:34px;height:34px;object-fit:contain}.connection-logo-fallback{font:800 13px/1 "DM Mono",monospace;letter-spacing:.2px;color:#23496f}.connection-logo-fallback[hidden]{display:none}.dark .connection-logo{background:#fff;border-color:rgba(255,255,255,.16)}.connection-card>.badge{display:block;width:max-content;margin-top:2px}@media(max-width:480px){.connection-logo{width:42px;height:42px;flex-basis:42px;border-radius:10px}.connection-logo img{width:30px;height:30px}}
.connection-logo img[hidden]{display:none}