.etsy-control-center-host{display:block}
.etsy-control-center{display:grid;gap:18px}
.ecc-hero{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px 24px;border:1px solid #e5e7ef;border-radius:18px;background:linear-gradient(135deg,#fff 0%,#f7f8fc 100%)}
.ecc-hero h2{margin:4px 0 6px;font-size:28px;letter-spacing:-.03em}
.ecc-hero p{margin:0;color:#6b7280;max-width:760px}
.ecc-hero-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.ecc-eyebrow{font-size:11px;font-weight:800;letter-spacing:.14em;color:#6d5dfc}
.ecc-tabs{display:flex;gap:8px;flex-wrap:wrap;padding:6px;background:#f4f5f8;border-radius:14px}
.ecc-tabs button{border:0;background:transparent;border-radius:10px;padding:10px 14px;font-weight:700;color:#626779;cursor:pointer}
.ecc-tabs button.active{background:#fff;color:#161927;box-shadow:0 3px 12px rgba(22,25,39,.08)}
.ecc-body{display:grid;gap:16px}
.ecc-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ecc-mini-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ecc-kpi{min-height:108px;padding:16px;border:1px solid #e7e8ef;border-radius:14px;background:#fff;display:flex;flex-direction:column;gap:6px}
.ecc-kpi span{font-size:12px;font-weight:800;color:#727789;text-transform:uppercase;letter-spacing:.04em}
.ecc-kpi strong{font-size:23px;color:#171a28;letter-spacing:-.03em}
.ecc-kpi small{color:#7a7f90;line-height:1.35}
.ecc-kpi.primary{border-color:#cfcafa;background:#faf9ff}
.ecc-kpi.good strong,.ecc-profit{color:#087f5b}
.ecc-kpi.bad strong,.ecc-loss{color:#c92a2a}
.ecc-kpi.ads{background:#fbfbff}
.ecc-kpi.offsite{background:#fffaf4}
.ecc-kpi.warn{background:#fffaf4}
.ecc-grid{display:grid;gap:16px}
.ecc-grid.two{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr)}
.ecc-card{overflow:hidden}
.ecc-card-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding:18px 20px;border-bottom:1px solid #eceef3}
.ecc-card-head h3{margin:0 0 4px;font-size:17px}
.ecc-card-head p{margin:0;color:#7a7f90;font-size:13px}
.ecc-card-head>span{font-size:12px;color:#6f7486;background:#f5f6f9;padding:7px 9px;border-radius:999px}
.ecc-table-wrap{overflow:auto;width:100%}
.ecc-table-wrap table{width:100%;border-collapse:collapse;min-width:760px}
.ecc-table-wrap th{font-size:11px;color:#73788a;text-transform:uppercase;letter-spacing:.04em;text-align:left;background:#fafbfc;padding:11px 14px;border-bottom:1px solid #eceef3;white-space:nowrap}
.ecc-table-wrap td{padding:12px 14px;border-bottom:1px solid #eff0f4;vertical-align:top;font-size:13px;color:#343847}
.ecc-table-wrap td b{display:block;color:#1d2030}
.ecc-table-wrap td small{display:block;color:#8a8f9f;margin-top:3px}
.ecc-table-wrap tr:last-child td{border-bottom:0}
.ecc-warn{color:#b26a00;font-weight:700}
.ecc-small{border:1px solid #dfe2ea;background:#fff;border-radius:9px;padding:7px 9px;font-weight:700;font-size:12px;cursor:pointer}
.ecc-import textarea{display:block;width:calc(100% - 40px);margin:0 20px 14px;box-sizing:border-box;border:1px solid #dfe2ea;border-radius:12px;padding:12px;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;resize:vertical}
.ecc-import-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px 20px}
.ecc-import-grid label{display:grid;gap:6px}
.ecc-import-grid span{font-size:12px;font-weight:700;color:#676c7d}
.ecc-import-grid select,.ecc-import-grid input,.ecc-expense-form input,.ecc-expense-form select{border:1px solid #dfe2ea;border-radius:10px;padding:10px;background:#fff}
.ecc-actions{display:flex;align-items:center;gap:12px;padding:0 20px 18px}
.ecc-actions span{font-size:12px;color:#6f7486}
.ecc-fee-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.ecc-fee-grid>div{display:grid;gap:5px;padding:16px 18px;border-right:1px solid #eceef3;border-bottom:1px solid #eceef3}
.ecc-fee-grid>div:nth-child(4n){border-right:0}
.ecc-fee-grid span{font-size:12px;color:#777c8e}
.ecc-fee-grid strong{font-size:18px;color:#232635}
.ecc-expense-form{display:grid;grid-template-columns:1fr 1.2fr 1.2fr 1fr 1fr 1.8fr auto;gap:8px;padding:16px 18px;align-items:center}
.ecc-loading,.ecc-error{padding:34px;border:1px dashed #d8dbe5;border-radius:16px;background:#fafbfc;color:#6b7080}
.ecc-error{display:grid;gap:5px;color:#a61e1e}
@media(max-width:1180px){
  .ecc-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ecc-grid.two{grid-template-columns:1fr}
  .ecc-fee-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ecc-fee-grid>div:nth-child(2n){border-right:0}
  .ecc-expense-form{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
  .ecc-hero{align-items:flex-start;flex-direction:column}
  .ecc-kpis,.ecc-mini-kpis,.ecc-import-grid,.ecc-fee-grid,.ecc-expense-form{grid-template-columns:1fr}
  .ecc-tabs{overflow:auto;flex-wrap:nowrap}
  .ecc-tabs button{white-space:nowrap}
}

.ecc-cost-panel[hidden]{display:none!important}
.ecc-cost-panel{position:fixed;top:86px;right:22px;z-index:12000;width:min(430px,calc(100vw - 28px));max-height:calc(100vh - 108px);overflow:auto;background:#fff;border:1px solid #dfe2ea;border-radius:18px;box-shadow:0 22px 70px rgba(25,28,42,.22)}
.ecc-cost-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:16px 18px;border-bottom:1px solid #eceef3;background:#fafbfc;position:sticky;top:0;z-index:1}
.ecc-cost-panel-head span{display:block;font-size:10px;font-weight:800;letter-spacing:.12em;color:#6d5dfc;margin-bottom:4px}
.ecc-cost-panel-head h3{margin:0;font-size:15px;line-height:1.35;color:#1d2030;max-width:330px}
.ecc-cost-panel-head button{border:0;background:#eef0f5;width:32px;height:32px;border-radius:10px;font-size:20px;line-height:1;cursor:pointer;color:#4b5060}
.ecc-cost-panel-body{display:grid;gap:12px;padding:16px 18px}
.ecc-cost-panel-body label{display:grid;gap:6px}
.ecc-cost-panel-body label>span{font-size:12px;font-weight:700;color:#656b7c}
.ecc-cost-panel-body input,.ecc-cost-panel-body textarea{width:100%;box-sizing:border-box;border:1px solid #dfe2ea;border-radius:10px;padding:10px 11px;background:#fff;color:#202432;font:inherit}
.ecc-cost-panel-body textarea{resize:vertical;min-height:78px}
.ecc-cost-panel-body input:focus,.ecc-cost-panel-body textarea:focus{outline:2px solid rgba(109,93,252,.16);border-color:#7c6ff5}
.ecc-cost-status{min-height:18px;font-size:12px;font-weight:700;color:#087f5b}
.ecc-cost-panel-actions{display:flex;justify-content:flex-end;gap:8px;padding:12px 18px 16px;border-top:1px solid #eceef3;background:#fff;position:sticky;bottom:0}


.ecc-cost-help{padding:10px 12px;border-radius:10px;background:#f5f4ff;border:1px solid #e2defe;color:#4e4786;font-size:12px;line-height:1.45}
.ecc-cost-breakdown-title{margin-top:2px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#8a8fa0}
.ecc-order-cost-panel{z-index:12020}

@media(max-width:720px){.ecc-hero{align-items:flex-start;flex-direction:column}.ecc-hero-actions{width:100%;justify-content:stretch}.ecc-hero-actions .btn{flex:1}}


/* Tactiloop Control Center parity modules */
.ecc-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.ecc-head-actions>span{font-size:12px;color:#6f7486;background:#f5f6f9;padding:7px 9px;border-radius:999px}
.ecc-inline-select{margin-top:8px;max-width:210px;border:1px solid #dfe2ea;border-radius:8px;padding:7px 8px;background:#fff;color:#343847;font-size:12px}
.ecc-tax-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto auto;gap:10px;padding:18px 20px;align-items:end}
.ecc-tax-form label{display:grid;gap:6px;font-size:12px;font-weight:700;color:#676c7d}
.ecc-tax-form input,.ecc-tax-form select{width:100%;box-sizing:border-box;border:1px solid #dfe2ea;border-radius:10px;padding:10px;background:#fff;color:#232635}
.ecc-tax-form .ecc-check{display:flex;align-items:center;gap:8px;min-height:40px}
.ecc-tax-form .ecc-check input{width:auto}
.ecc-settings-copy{padding:20px;line-height:1.75;color:#4e5363}
.ecc-settings-copy b{color:#1d2030}
.etsy-control-center .ecc-table-wrap table{min-width:900px}
.etsy-control-center .ecc-tabs{position:sticky;top:72px;z-index:20;box-shadow:0 8px 24px rgba(22,25,39,.04)}
@media(max-width:1180px){.ecc-tax-form{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.ecc-tax-form{grid-template-columns:1fr}.ecc-head-actions{justify-content:flex-start}}


/* Editable procurement grid */
.ecc-procurement-wrap{overflow:auto}
.ecc-procurement-table{min-width:1900px!important}
.ecc-procurement-table th{white-space:nowrap}
.ecc-procurement-table td{vertical-align:top}
.ecc-proc-input{width:118px;box-sizing:border-box;border:1px solid #dfe2ea;border-radius:8px;padding:8px 9px;background:#fff;color:#232635;font-size:12px}
.ecc-proc-input[data-proc-field="supplier_name"]{width:150px}
.ecc-proc-input[data-proc-field="supplier_order_reference"]{width:135px}
.ecc-proc-input[data-proc-field="notes"]{width:180px}
.ecc-proc-input[data-proc-field="destination_code"]{width:70px;text-transform:uppercase}
.ecc-proc-input[data-proc-field="currency_code"]{width:72px;text-transform:uppercase}
.ecc-proc-total{font-weight:800;background:#f7f8fb}
.ecc-proc-status{min-width:120px;margin-top:0}
.ecc-proc-save{white-space:nowrap}
.ecc-proc-save-status{display:block;max-width:160px;margin-top:6px;color:#626779;line-height:1.25}


/* CJDropshipping procurement tracking */
.ecc-cj-panel{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:16px 0;padding:16px 18px;border:1px solid #dfe2ea;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(22,25,39,.04)}
.ecc-cj-panel>div:first-child{display:grid;gap:5px}
.ecc-cj-panel b{font-size:14px;color:#1d2030}
.ecc-cj-panel span{font-size:12px;color:#6f7486}
.ecc-cj-connected{border-color:#cfe9d9;background:#f8fdf9}
.ecc-cj-warning{border-color:#f0d5b7;background:#fffaf4}
.ecc-cj-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ecc-cj-actions input{min-width:300px;border:1px solid #dfe2ea;border-radius:10px;padding:9px 11px;background:#fff;color:#232635}
.ecc-danger{border-color:#e4b8b8!important;color:#a63232!important}
.ecc-tracking-card{display:grid;gap:5px;min-width:180px}
.ecc-tracking-card b{font-size:12px;color:#313545}
.ecc-tracking-card small,.ecc-muted{font-size:11px;color:#777c8d}
.ecc-tracking-number{font:700 12px ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-all}
.ecc-tracking-card a{font-size:11px;font-weight:700;text-decoration:none}
.ecc-tracking-found{padding:8px;border:1px solid #dcebe1;border-radius:10px;background:#fbfefc}
.ecc-error-text{color:#b43a3a!important}
.ecc-proc-platform{width:100%;max-width:none;margin:0 0 6px}
.ecc-procurement-table{min-width:1850px!important}
@media(max-width:820px){.ecc-cj-panel{align-items:flex-start;flex-direction:column}.ecc-cj-actions{width:100%}.ecc-cj-actions input{min-width:0;flex:1}}