:root{--bg:#07111f;--text:#f8fafc;--muted:#9fb0cf;--primary:#4b8cff;--shadow:0 18px 42px rgba(0,0,0,.26)}
    *{box-sizing:border-box}html,body{margin:0;min-height:100vh;font-family:Arial,Helvetica,sans-serif;background:radial-gradient(circle at top,#12356b 0%,#081934 45%,#04101f 100%);color:var(--text)}
    .hidden{display:none!important}
    .topbar{position:sticky;top:0;z-index:50;background:rgba(4,16,31,.92);border-bottom:1px solid rgba(255,255,255,.07);backdrop-filter:blur(14px);padding:8px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px}
    .brand-wrap,.top-actions{display:flex;align-items:center;gap:10px}
    .brand-badge{width:38px;height:38px;border-radius:12px;background:linear-gradient(180deg,#5b98ff,#4181f1);box-shadow:0 8px 18px rgba(65,129,241,.26);display:flex;align-items:center;justify-content:center;font-weight:800}
    .brand-title{font-size:16px;font-weight:800;margin:0}.brand-sub{margin:2px 0 0;color:var(--muted);font-size:11px}
    .user-chip{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08);padding:6px 10px;border-radius:999px;font-size:11px;font-weight:700;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .container{max-width:1280px;margin:0 auto;padding:10px 8px 100px}
    .card{background:linear-gradient(180deg,rgba(11,25,54,.94),rgba(8,18,40,.94));border:1px solid rgba(255,255,255,.07);border-radius:20px;box-shadow:var(--shadow);padding:14px;margin-bottom:10px}
    .section-title{margin:0 0 10px;font-size:18px}
    .badge{display:inline-flex;padding:5px 12px;border-radius:999px;font-size:11px;font-weight:800;background:rgba(75,140,255,.14);color:#bfdbfe;border:1px solid rgba(75,140,255,.22);margin-bottom:10px}
    button{border:none;border-radius:14px;padding:10px 14px;min-height:44px;font-size:14px;font-weight:800;cursor:pointer;transition:.18s}
    button:disabled{opacity:.55;cursor:not-allowed}
    .btn-primary{background:linear-gradient(180deg,#5b98ff,#4181f1);color:#fff;box-shadow:0 10px 20px rgba(65,129,241,.22)}
    .btn-secondary{background:rgba(255,255,255,.06);color:#fff;border:1px solid rgba(255,255,255,.10)}
    .btn-sm{min-height:36px;padding:7px 10px;font-size:12px;border-radius:10px}
    .btn-danger{background:rgba(239,68,68,.16);color:#fecaca;border:1px solid rgba(239,68,68,.22)}
    .btn-warning{background:rgba(245,158,11,.16);color:#fde68a;border:1px solid rgba(245,158,11,.22)}
    .field{display:flex;flex-direction:column;gap:4px}
    .field label{font-size:10px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}
    input,select,textarea{width:100%;padding:9px 12px;border:1px solid rgba(255,255,255,.10);border-radius:12px;outline:none;background:rgba(255,255,255,.06);color:#fff;font-size:14px;min-height:42px;font-family:inherit}
    input::placeholder{color:rgba(255,255,255,.3)}select option{background:#0f1e3a}
    .toolbar{display:grid;gap:8px;grid-template-columns:130px minmax(0,1.4fr) minmax(0,1fr);align-items:start;margin-bottom:8px}
    .topline{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:8px}
    .muted{color:var(--muted);font-size:11px;line-height:1.3}
    .pill{display:inline-flex;padding:5px 10px;border-radius:999px;font-size:11px;font-weight:800}
    .pill-success{background:rgba(34,197,94,.14);color:#bbf7d0;border:1px solid rgba(34,197,94,.22)}
    .pill-warning{background:rgba(245,158,11,.16);color:#fde68a;border:1px solid rgba(245,158,11,.22)}
    .store-search-wrap{position:relative}
    .store-search-dropdown{position:absolute;left:0;right:0;top:calc(100% + 5px);z-index:25;background:#fff;border:1px solid #d1d5db;border-radius:14px;box-shadow:0 14px 28px rgba(0,0,0,.18);max-height:280px;overflow:auto;padding:5px}
    .store-search-item{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:9px 11px;border-radius:10px;cursor:pointer;background:#fff}
    .store-search-item:hover,.store-search-item.active{background:#eff6ff!important}
    .store-search-item.disabled{opacity:.65;cursor:not-allowed;background:#fafafa}
    .store-search-name{font-size:13px;font-weight:800;color:#111827!important}
    .store-search-meta{font-size:11px;color:#6b7280!important;margin-top:2px}
    .store-state-badge{padding:5px 9px;border-radius:999px;font-size:10px;font-weight:800;border:1px solid #fed7aa;background:#fff7ed;color:#9a3412}
    .selected-summary{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px;padding:5px 8px;border:1px dashed #dbeafe;border-radius:10px;background:#f8fafc}
    .selected-chip{padding:3px 8px;border-radius:999px;background:#fff;border:1px solid #cbd5e1;color:#1f2937;font-size:10px;font-weight:800}
    .principal-tabs{display:flex;gap:4px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px;scrollbar-width:none}
    .principal-tabs::-webkit-scrollbar{display:none}
    .principal-tab{flex:0 0 auto;background:#fff!important;color:#111827!important;border:1px solid #d1d5db!important;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:800;white-space:nowrap;min-height:30px;line-height:1}
    .principal-tab.active{background:linear-gradient(180deg,#5b98ff,#4181f1)!important;color:#fff!important;border-color:#4181f1!important}
    .principal-tab.completed{background:#f3f4f6!important;color:#374151!important}
    .loading-row{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px;margin-bottom:10px}
    .dot{width:9px;height:9px;border-radius:50%;background:var(--primary);animation:pulse 1s infinite ease-in-out}
    @keyframes pulse{0%,100%{transform:scale(.9);opacity:.5}50%{transform:scale(1.2);opacity:1}}
    .empty-state{padding:24px 14px;text-align:center;color:var(--muted);border:1px dashed rgba(255,255,255,.14);border-radius:12px;background:rgba(255,255,255,.03)}
    .readonly-note{display:inline-flex;padding:5px 10px;border-radius:999px;font-size:11px;font-weight:800;background:#f3f4f6;color:#4b5563;border:1px solid #e5e7eb}
    .master-panel{margin:8px 0 10px;border:1px solid rgba(245,158,11,.25);background:rgba(245,158,11,.06);border-radius:14px;padding:12px}
    .master-panel-title{font-size:12px;font-weight:800;margin:0 0 8px;color:#fde68a}
    .master-list{display:flex;flex-direction:column;gap:5px;margin-bottom:8px;max-height:160px;overflow-y:auto}
    .master-item{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:7px 10px}
    .master-item-info{flex:1}
    .master-item-brand{font-size:12px;font-weight:800;color:#f1f5f9}
    .master-item-product{font-size:11px;color:#9fb0cf;margin-top:1px}
    .master-add-row{display:grid;grid-template-columns:1fr 1fr auto;gap:6px;align-items:end}
    .table-wrap{overflow:auto;width:100%;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.03);-webkit-overflow-scrolling:touch;overscroll-behavior:contain;max-height:calc(100vh - 200px)}
    table{border-collapse:separate;border-spacing:0;width:100%;min-width:900px}
    th,td{padding:7px 6px;border-bottom:1px solid rgba(255,255,255,.07);border-right:1px solid rgba(255,255,255,.07);font-size:12px;text-align:left;vertical-align:middle;color:#e5eefc}
    th{position:sticky;top:0;z-index:8;background:#f8fafc!important;color:#111827!important;font-size:10px;text-transform:uppercase;letter-spacing:.3px;font-weight:800!important}
    .sticky-col{position:sticky;left:0;z-index:4;background:#10284f!important}
    thead .sticky-col{z-index:14;background:#f8fafc!important;color:#111827!important}
    .row-no-cell,.row-no-head{width:28px;min-width:28px;max-width:28px;text-align:center;font-size:9px}
    .tbl-input{width:100%;padding:5px 7px;font-size:12px;border-radius:8px;background:#f8fafc!important;color:#111827!important;border:1px solid #cbd5e1!important;min-height:34px;font-family:inherit}
    .tbl-input:disabled{background:#f3f4f6!important;color:#6b7280!important;cursor:not-allowed}
    .tbl-select{width:100%;padding:4px 6px;font-size:12px;border-radius:8px;background:#f8fafc!important;color:#111827!important;border:1px solid #cbd5e1!important;min-height:34px}
    .tbl-select:disabled{background:#f3f4f6!important;color:#6b7280!important;cursor:not-allowed}
    .col-brand{min-width:100px;width:100px}.col-product{min-width:130px;width:130px}.col-activity{min-width:130px;width:130px}.col-desc{min-width:150px}.col-date{min-width:110px;width:110px}.col-del{width:36px;min-width:36px;text-align:center}
    .del-btn{background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.25);color:#fca5a5;border-radius:8px;padding:4px 8px;font-size:11px;font-weight:800;cursor:pointer;min-height:28px;line-height:1}
    .locked-row td{background:rgba(255,255,255,.03)!important}
    .locked-badge{display:inline-flex;padding:2px 7px;border-radius:999px;font-size:9px;font-weight:800;background:rgba(75,140,255,.14);color:#bfdbfe;border:1px solid rgba(75,140,255,.2)}
    .add-row-bar{display:flex;gap:8px;align-items:center;padding:8px 10px;margin-top:8px;border:1px dashed rgba(75,140,255,.3);border-radius:12px;background:rgba(75,140,255,.05)}
    .add-row-bar span{font-size:12px;color:#9fb0cf;flex:1}
    .summary-box{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:12px;margin-top:12px}
    .summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}
    .summary-item{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:10px}
    .summary-item .label{font-size:10px;color:var(--muted);text-transform:uppercase;font-weight:800}
    .summary-item .value{margin-top:6px;font-size:20px;font-weight:800}
    .summary-actions{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}
    #stickySubmitBar{display:none;position:fixed;bottom:0;left:0;right:0;z-index:100;background:rgba(4,16,31,.97);border-top:1px solid rgba(75,140,255,.25);backdrop-filter:blur(16px);padding:10px 14px}
    #stickySubmitBar.show{display:block}
    .sticky-bar-inner{max-width:1280px;margin:0 auto;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
    .sticky-bar-stats{display:flex;gap:8px;flex:1;flex-wrap:wrap}
    .sticky-stat{padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);color:#fff}
    .sticky-stat.hi{background:rgba(245,158,11,.18);color:#fde68a}
    .toast{position:fixed;right:14px;bottom:80px;max-width:340px;background:rgba(2,6,23,.96);color:#fff;padding:12px 15px;border-radius:12px;box-shadow:var(--shadow);z-index:300;font-size:13px;line-height:1.5;opacity:0;transform:translateY(6px);pointer-events:none;transition:.2s;border:1px solid rgba(255,255,255,.07)}
    .toast.show{opacity:1;transform:translateY(0)}
    #compMobileCards{display:none;margin-top:8px}
    @media(max-width:760px){
      #compTableWrap{display:none!important}#compMobileCards{display:block!important}
      .toolbar,.master-add-row{grid-template-columns:1fr}
      .master-add-row{grid-template-columns:1fr 1fr}
      .master-add-row button{grid-column:1/-1}
      .summary-grid{grid-template-columns:1fr 1fr}
      .summary-actions{display:grid;grid-template-columns:1fr 1fr}
      .summary-actions button{width:100%}
      .user-chip{max-width:100px}
      .top-actions .btn-secondary,#btnLogout{min-height:34px;padding:6px 9px;font-size:11px}
      .sticky-stat{font-size:10px;padding:4px 7px}
    }
    @media(min-width:761px){#compMobileCards{display:none!important}}
    .comp-entry-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:12px;margin-bottom:8px}
    .comp-entry-card.is-custom{border-color:rgba(245,158,11,.3);background:rgba(245,158,11,.04)}
    .comp-entry-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}
    .comp-entry-no{font-size:10px;color:#9fb0cf;flex-shrink:0}
    .comp-entry-label{flex:1}
    .comp-entry-brand{font-size:13px;font-weight:800;color:#fde68a;line-height:1.2}
    .comp-entry-product{font-size:11px;color:#9fb0cf;margin-top:1px}
    .comp-entry-custom-badge{font-size:9px;font-weight:800;padding:2px 7px;border-radius:999px;background:rgba(245,158,11,.2);color:#fde68a;border:1px solid rgba(245,158,11,.35)}
    .comp-fields{display:flex;flex-direction:column;gap:8px}
    .comp-field-label{font-size:10px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.3px;margin-bottom:3px}
    .comp-field-input{width:100%;padding:8px 10px;font-size:13px;border-radius:10px;background:rgba(255,255,255,.06)!important;color:#fff!important;border:1px solid rgba(255,255,255,.12)!important;min-height:40px;font-family:inherit}
    .comp-field-input:disabled{opacity:.5;cursor:not-allowed}
    .comp-field-select{width:100%;padding:8px 10px;font-size:13px;border-radius:10px;background:rgba(255,255,255,.06)!important;color:#fff!important;border:1px solid rgba(255,255,255,.12)!important;min-height:40px;font-family:inherit}
    .comp-field-select option{background:#0f1e3a}
    .comp-field-select:disabled{opacity:.5;cursor:not-allowed}
    .comp-date-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
    .comp-del-btn{background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.25);color:#fca5a5;border-radius:10px;padding:5px 12px;font-size:11px;font-weight:800;cursor:pointer;min-height:36px}
  

/* =========================================================
   FieldCore Competitor Activity True Rebuild v2.1
   Neutral, premium, low-color interface.
   ========================================================= */

:root {
  --comp-ink: #0d2a45;
  --comp-muted: #587087;
  --comp-line: #dbe4e8;
  --comp-accent: #087f7b;
  --comp-accent-soft: #edf7f6;
  --comp-danger: #9f2929;
  --comp-success: #17643f;
  --comp-shadow: 0 14px 34px rgba(15,42,69,.07);
}

html,
body {
  background: #f4f7f8 !important;
  background-image: none !important;
  color: var(--comp-ink) !important;
  font-family: Inter, "Segoe UI", Arial, sans-serif !important;
}

.hidden { display: none !important; }

.competitor-content {
  width: min(calc(100% - 56px), var(--home-content-max));
  margin: 0 auto;
  padding-bottom: 100px;
}

.competitor-route-head { padding-bottom: 20px; }

.safe-back-button {
  min-height: 34px;
  margin-bottom: 14px;
  padding: 8px 12px;
  border: 1px solid var(--comp-line);
  border-radius: 9px;
  background: #fff;
  color: var(--comp-ink);
  font-size: 10px;
  font-weight: 800;
  cursor: pointer;
}

.competitor-loading,
.competitor-state,
.competitor-panel {
  border: 1px solid var(--comp-line);
  border-radius: 14px;
  background: #fff;
  box-shadow: var(--comp-shadow);
}

.competitor-loading,
.competitor-state {
  min-height: 88px;
  padding: 22px 30px;
  color: var(--comp-muted);
  font-size: 13px;
}

.competitor-state h2 { margin: 0 0 8px; color: var(--comp-ink); }
.competitor-state p { color: var(--comp-muted); font-size: 11px; }

.competitor-panel { padding: 22px; }

.competitor-panel-head { margin-bottom: 18px; }

.competitor-panel-head h2 {
  margin: 0;
  color: var(--comp-ink);
  font-size: 20px;
}

.competitor-panel-head p {
  margin: 5px 0 0;
  color: var(--comp-muted);
  font-size: 11px;
}

.competitor-kicker {
  display: block;
  margin-bottom: 5px;
  color: var(--comp-accent);
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .12em;
  text-transform: uppercase;
}

/* Remove the legacy standalone shell. */
.topbar { display: none !important; }

.container {
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.section-title,
.badge {
  display: none !important;
}

.card {
  border: 1px solid var(--comp-line) !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: none !important;
  color: var(--comp-ink) !important;
}

.toolbar {
  display: grid !important;
  grid-template-columns: 170px minmax(300px,1.5fr) minmax(220px,.8fr) !important;
  gap: 12px !important;
  padding: 14px !important;
  border: 1px solid var(--comp-line) !important;
  border-radius: 12px !important;
  background: #f9fbfb !important;
}

.field label {
  color: var(--comp-muted) !important;
  font-size: 9px !important;
  font-weight: 850 !important;
  letter-spacing: .05em;
  text-transform: uppercase;
}

input,
select,
textarea {
  min-height: 44px !important;
  border: 1px solid var(--comp-line) !important;
  border-radius: 9px !important;
  background: #fff !important;
  color: var(--comp-ink) !important;
  box-shadow: none !important;
  font-size: 11px !important;
}

input:focus,
select:focus,
textarea:focus {
  border-color: rgba(8,127,123,.5) !important;
  box-shadow: 0 0 0 3px rgba(8,127,123,.09) !important;
}

.store-search-dropdown {
  border: 1px solid var(--comp-line) !important;
  border-radius: 10px !important;
  background: #fff !important;
  box-shadow: 0 16px 38px rgba(13,42,69,.15) !important;
}

.store-search-item {
  border-color: #edf1f3 !important;
  color: var(--comp-ink) !important;
}

.store-search-item:hover,
.store-search-item.active {
  background: var(--comp-accent-soft) !important;
}

.selected-chip {
  border-color: #cbd8df !important;
  background: #fff !important;
  color: var(--comp-ink) !important;
}

.principal-tab {
  border: 1px solid var(--comp-line) !important;
  background: #fff !important;
  color: var(--comp-ink) !important;
  box-shadow: none !important;
}

.principal-tab.active {
  border-color: var(--comp-accent) !important;
  background: var(--comp-accent) !important;
  color: #fff !important;
}

.master-panel {
  border: 1px solid var(--comp-line) !important;
  border-radius: 11px !important;
  background: #f8fafb !important;
}

.master-list,
.master-item {
  border-color: var(--comp-line) !important;
  background: #fff !important;
  color: var(--comp-ink) !important;
}

.topline {
  margin-top: 14px !important;
}

.muted {
  color: var(--comp-muted) !important;
}

.pill-success {
  border: 0 !important;
  background: #eef6f1 !important;
  color: var(--comp-success) !important;
}

.loading-row,
.empty-state {
  border: 1px solid var(--comp-line) !important;
  border-radius: 10px !important;
  background: #f9fbfb !important;
  color: var(--comp-muted) !important;
}

.table-wrap {
  border: 1px solid var(--comp-line) !important;
  border-radius: 11px !important;
  background: #fff !important;
  box-shadow: none !important;
}

table {
  background: #fff !important;
}

th {
  background: #f5f8f9 !important;
  color: #36536a !important;
  font-size: 8px !important;
}

td {
  color: var(--comp-ink) !important;
  border-color: #edf1f3 !important;
  font-size: 9px !important;
}

.comp-card {
  border: 1px solid var(--comp-line) !important;
  border-radius: 11px !important;
  background: #fff !important;
  box-shadow: none !important;
}

.comp-card-head {
  border-color: var(--comp-line) !important;
  background: #f8fafb !important;
}

.comp-card-title {
  color: var(--comp-ink) !important;
}

.comp-card-meta,
.comp-card-label {
  color: var(--comp-muted) !important;
}

.add-row-bar {
  border: 1px dashed #b9c9d1 !important;
  border-radius: 10px !important;
  background: #fafcfc !important;
  color: var(--comp-muted) !important;
}

.summary-box {
  border: 1px solid var(--comp-line) !important;
  border-radius: 12px !important;
  background: #fff !important;
}

.summary-item {
  border: 1px solid var(--comp-line) !important;
  background: #f8fafb !important;
}

.summary-item .label {
  color: var(--comp-muted) !important;
}

.summary-item .value {
  color: var(--comp-ink) !important;
}

.btn-primary {
  border: 1px solid var(--comp-accent) !important;
  background: var(--comp-accent) !important;
  color: #fff !important;
  box-shadow: none !important;
}

.btn-secondary {
  border: 1px solid var(--comp-line) !important;
  background: #fff !important;
  color: var(--comp-ink) !important;
  box-shadow: none !important;
}

.btn-danger {
  border-color: #efc4c4 !important;
  background: #fff !important;
  color: var(--comp-danger) !important;
}

#stickySubmitBar {
  left: var(--home-sidebar-width,248px) !important;
  border-top: 1px solid var(--comp-line) !important;
  background: rgba(255,255,255,.98) !important;
  box-shadow: 0 -8px 24px rgba(15,42,69,.08) !important;
}

.sticky-stat {
  border: 1px solid var(--comp-line) !important;
  background: #f8fafb !important;
  color: var(--comp-ink) !important;
}

.toast {
  right: 20px !important;
  bottom: 78px !important;
  background: var(--comp-ink) !important;
  color: #fff !important;
}

@media (max-width:899px) {
  .competitor-content {
    width: min(calc(100% - 20px),var(--home-content-max));
    padding-bottom: 150px;
  }

  .toolbar {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }

  .toolbar .field:last-child {
    grid-column: 1 / -1;
  }

  #stickySubmitBar {
    left: 0 !important;
    bottom: 66px !important;
  }
}

@media (max-width:760px) {
  .competitor-content {
    width: calc(100% - 12px);
  }

  .competitor-panel {
    padding: 14px;
  }

  .toolbar {
    grid-template-columns: 1fr !important;
  }

  .toolbar .field:last-child {
    grid-column: auto;
  }

  .principal-tabs {
    flex-wrap: nowrap !important;
    overflow-x: auto;
  }

  .principal-tab {
    flex: 0 0 auto;
  }

  .master-panel {
    padding: 12px !important;
  }

  .summary-grid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }

  .actions-row {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
  }

  .actions-row button:last-child {
    grid-column: 1 / -1;
  }
}