/* =====================================================================
   S.G.W.S. PC V1 — diseño de escritorio (estilo Speed Separation System)
   Solo pantalla: la impresión y los PDF no cambian.
   ===================================================================== */
@media screen {
:root{
  --pc-bg1:#0f2038;--pc-bg2:#1a1436;
  --pc-panel:#152640;--pc-panel2:#101f38;--pc-line:#3a5378;--pc-line2:#4a6a96;
  --pc-text:#f4f8ff;--pc-muted:#b9cbe3;--pc-cyan:#8fe3ff;--pc-strong:#ffffff;
  --pc-blue-a:#3a6cab;--pc-blue-b:#1f427a;--pc-blue-line:#6db6f2;
  --pc-teal-a:#22a0bb;--pc-teal-b:#0f6a86;--pc-teal-line:#6fdcf0;
  --pc-purple-a:#7a55bb;--pc-purple-b:#4d3688;--pc-purple-line:#a98cea;
  --pc-red-a:#8a3242;--pc-red-b:#5c1f2b;--pc-red-line:#d46a7c;
  --pc-warn:#f6cd5f;--pc-ok:#5ddc98;--pc-prod:#6dbaff;--pc-late:#ff8686;--pc-done2:#d4e0f2;
  --pc-side-a:#122543;--pc-side-b:#0f1830;
  --pc-item-a:#1d3559;--pc-item-b:#152847;--pc-item-ha:#26466f;--pc-item-hb:#1b3559;
  --pc-input:#0d1b31;--pc-rowline:#2b4266;--pc-rowhover:#1d3559;
  --pc-topbar:rgba(15,32,56,.94);--pc-modal-a:#17294a;--pc-modal-b:#101f38;--pc-overlay:rgba(0,0,0,.6);
  --pc-foot:#dbe8fa;--pc-side:300px;
}
body.pc.pc-light{
  --pc-bg1:#e9f3ff;--pc-bg2:#d9e8fb;
  --pc-panel:#ffffff;--pc-panel2:#f2f8ff;--pc-line:#b3cbe6;--pc-line2:#8fb0d6;
  --pc-text:#10243d;--pc-muted:#48627f;--pc-cyan:#0b6aa8;--pc-strong:#0a1a30;
  --pc-warn:#b26a00;--pc-ok:#16824a;--pc-prod:#1663b8;--pc-late:#c62f2f;--pc-done2:#3d556f;
  --pc-side-a:#d6e7fa;--pc-side-b:#c8ddf5;
  --pc-item-a:#ffffff;--pc-item-b:#eaf3ff;--pc-item-ha:#f4f9ff;--pc-item-hb:#dcebfc;
  --pc-input:#ffffff;--pc-rowline:#d3e2f4;--pc-rowhover:#e6f1ff;
  --pc-topbar:rgba(233,243,255,.95);--pc-modal-a:#ffffff;--pc-modal-b:#f2f8ff;--pc-overlay:rgba(15,30,55,.5);
  --pc-foot:#22405f;
}

/* ---------- Base ---------- */
html body.pc{
  background:linear-gradient(180deg,var(--pc-bg1) 0%,var(--pc-bg1) 40%,var(--pc-bg2) 100%) fixed!important;
  color:var(--pc-text)!important;font-family:Arial,Helvetica,sans-serif;
  padding-left:var(--pc-side);min-height:100vh;
}
body.pc h1,body.pc h2,body.pc h3,body.pc h4,body.pc p,body.pc label,body.pc span,body.pc div,body.pc strong,body.pc b{color:inherit}
body.pc .hint,body.pc .meta,body.pc small{color:var(--pc-muted)!important}
body.pc main{max-width:none!important;margin:0!important;padding:0 28px 32px!important;width:auto!important}

/* ---------- Barra superior ---------- */
body.pc .topbar{
  position:sticky!important;top:0!important;z-index:20;height:auto!important;min-height:0!important;
  display:flex!important;flex-direction:row!important;align-items:center!important;gap:18px;
  height:64px!important;padding:0 max(28px,calc(100vw - env(titlebar-area-width,100vw) - env(titlebar-area-x,0px) + 16px)) 0 28px!important;margin:0!important;
  -webkit-app-region:drag;
  background:var(--pc-topbar)!important;backdrop-filter:blur(6px);
  border-bottom:1px solid var(--pc-line)!important;box-shadow:none!important;
}
body.pc .topbar #sgwsSystemHeader{
  position:static!important;transform:none!important;width:auto!important;top:auto!important;left:auto!important;
  text-align:left!important;flex:1;min-width:0;
}
body.pc .topbar .sgwsSystemName{font-size:26px!important;letter-spacing:.14em!important;color:var(--pc-strong)!important;text-align:left!important;line-height:1.1!important;font-weight:800!important}
body.pc .topbar .sgwsSystemSubtitle{font-size:12px!important;letter-spacing:.02em!important;color:var(--pc-muted)!important;text-align:left!important;margin-top:4px!important;font-weight:400!important}
body.pc .topbar .sgwsHeaderRule{display:none!important}
body.pc .topbar .brandrow{display:none!important}
body.pc .topbar .headerActions{
  position:static!important;display:flex!important;align-items:center!important;gap:14px!important;flex-wrap:nowrap!important;
  width:auto!important;right:auto!important;top:auto!important;transform:none!important;margin:0!important;
}
body.pc .topbar .todayDate{display:inline!important;font-size:12px!important;color:var(--pc-muted)!important;white-space:nowrap}
body.pc .topbar .syncStatus{
  font-size:12px!important;color:var(--pc-muted)!important;margin:0!important;white-space:nowrap!important;
  padding:6px 12px;border:1px solid var(--pc-line);border-radius:99px;background:var(--pc-panel2);
}
body.pc .topbar .syncStatus.pcOk{color:var(--pc-ok)!important;border-color:#1f5a3d}
body.pc .topbar .syncStatus.pcBad{color:var(--pc-late)!important;border-color:#6a2b2b}

body.pc .topbar button,body.pc .topbar select,body.pc .topbar input,body.pc #sideMenu{-webkit-app-region:no-drag}

/* ---------- Botones (biselados, como el panel SSS) ---------- */
body.pc button.primary,body.pc .btn,body.pc .actions button,body.pc #addSep,body.pc .settingsTab,
body.pc .multiBar button,body.pc .sgws-precios-bar button,body.pc .quoteColor,body.pc #quoteMultiAdd,body.pc #orderMultiAdd{
  font:700 13px Arial,sans-serif!important;letter-spacing:.06em!important;text-transform:uppercase;color:#fff!important;cursor:pointer;
  border-radius:11px!important;padding:12px 18px!important;border:1px solid var(--pc-blue-line)!important;
  background:linear-gradient(180deg,var(--pc-blue-a),var(--pc-blue-b))!important;
  box-shadow:inset 0 1px 0 #ffffff40,0 4px 12px #0006!important;width:auto;
}
body.pc button.primary:hover,body.pc .actions button:hover,body.pc .settingsTab:hover,body.pc .multiBar button:hover,body.pc .sgws-precios-bar button:hover{filter:brightness(1.18)}
body.pc button.pcBtnPurple{border-color:var(--pc-purple-line)!important;background:linear-gradient(180deg,var(--pc-purple-a),var(--pc-purple-b))!important}
body.pc button.pcBtnTeal{border-color:var(--pc-teal-line)!important;background:linear-gradient(180deg,var(--pc-teal-a),var(--pc-teal-b))!important}
body.pc .settingsTab{padding:10px 16px!important;background:linear-gradient(180deg,var(--pc-item-a),var(--pc-item-b))!important;border-color:var(--pc-line2)!important;box-shadow:none!important}
body.pc .settingsTab.active{background:linear-gradient(180deg,var(--pc-blue-a),var(--pc-blue-b))!important;border-color:var(--pc-blue-line)!important}
body.pc .remove,body.pc button.danger,body.pc [class*="delete"],body.pc .licenseActions .danger{
  color:#fff!important;border:1px solid var(--pc-red-line)!important;background:linear-gradient(180deg,var(--pc-red-a),var(--pc-red-b))!important;border-radius:10px!important;
}
body.pc .back{
  font:700 12px Arial!important;letter-spacing:.1em;text-transform:uppercase;color:var(--pc-cyan)!important;
  background:none!important;border:1px solid var(--pc-line)!important;border-radius:10px!important;padding:9px 14px!important;margin:18px 0 6px!important;cursor:pointer;box-shadow:none!important;
}
body.pc .back:hover{border-color:var(--pc-blue-line)!important}

/* ---------- Barra lateral fija ---------- */
body.pc #sideMenu{
  display:flex!important;flex-direction:column;gap:6px;
  position:fixed!important;left:0!important;top:0!important;bottom:0!important;right:auto!important;
  width:var(--pc-side)!important;height:100vh!important;max-width:none!important;transform:none!important;
  padding:18px 14px 12px!important;margin:0!important;overflow-y:auto;z-index:50;
  background:linear-gradient(180deg,var(--pc-side-a),var(--pc-side-b))!important;border:0!important;border-right:1px solid var(--pc-line)!important;
  border-radius:0!important;box-shadow:none!important;
}
body.pc #sideMenu[hidden]{display:flex!important}
body.pc #sideMenu .sideMenuHead{display:none!important}
body.pc .pcBrand{text-align:center;margin-bottom:8px}
body.pc .pcBrand .headerCenter{position:static!important;transform:none!important;width:auto!important;height:auto!important;display:flex;justify-content:center;margin:0!important}
body.pc .pcBrand .homeBtn{
  position:static!important;width:112px!important;height:112px!important;min-width:112px!important;min-height:112px!important;
  padding:0!important;border:0!important;border-radius:50%!important;background:none!important;box-shadow:none!important;cursor:pointer;
}
body.pc .pcBrand .homeBtn img{width:112px!important;height:112px!important;object-fit:contain;filter:drop-shadow(0 4px 14px #000a)}
body.pc .pcBrand b{display:block;margin-top:8px;font-size:13px;letter-spacing:.1em;line-height:1.35;white-space:normal;text-align:center;padding:0 6px;color:var(--pc-strong)!important}
body.pc .pcBrand{flex-shrink:0;width:100%}
body.pc .topbar .sgwsSystemSubtitle{white-space:normal!important;line-height:1.25!important}

body.pc .pcBrand .hint{margin-top:3px;font-size:10px!important;letter-spacing:.08em}
body.pc .sideMenuSectionTitle{font-size:11px!important;font-weight:700!important;letter-spacing:.2em!important;color:var(--pc-cyan)!important;margin:16px 6px 4px!important;text-transform:uppercase;padding:0!important}
body.pc .menuItem{
  display:flex!important;align-items:center;gap:10px;width:100%!important;text-align:left!important;
  font:700 13px Arial!important;letter-spacing:.06em!important;text-transform:uppercase;color:var(--pc-text)!important;
  background:linear-gradient(180deg,var(--pc-item-a),var(--pc-item-b))!important;border:1px solid var(--pc-line2)!important;
  border-radius:10px!important;padding:11px 12px!important;margin:0!important;cursor:pointer;box-shadow:none!important;
}
body.pc .menuItem i{font-style:normal;width:18px;text-align:center;color:var(--pc-cyan)}
body.pc .menuItem:hover{border-color:var(--pc-blue-line)!important;background:linear-gradient(180deg,var(--pc-item-ha),var(--pc-item-hb))!important}
body.pc .menuItem.active{background:linear-gradient(180deg,var(--pc-blue-a),var(--pc-blue-b))!important;border-color:var(--pc-blue-line)!important;box-shadow:inset 0 1px 0 #ffffff33!important}
body.pc .pcSideFoot{margin-top:auto;padding-top:14px;text-align:center;font-size:10px;color:var(--pc-muted);letter-spacing:.04em}
body.pc .pcSideFoot img{width:64px;height:64px;object-fit:contain;display:block;margin:0 auto 6px}
body.pc .pcSideFoot b{color:var(--pc-foot)}

/* ---------- Inicio ---------- */
body.pc #listView .hero{
  display:flex!important;align-items:center;gap:20px;margin:18px 0 14px!important;padding:6px 4px!important;height:auto!important;min-height:0!important;
  background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;
}
body.pc .welcomeUser{display:flex;align-items:center;gap:16px;min-height:0!important;height:auto!important}
body.pc .welcomeText{display:flex!important;flex-direction:row!important;align-items:center;gap:18px;flex-wrap:wrap;min-height:0!important;height:auto!important;margin:0!important;padding:0!important}
body.pc .welcomeGreeting{font-size:11px!important;letter-spacing:.2em!important;color:var(--pc-cyan)!important;font-weight:700!important;text-transform:uppercase}
body.pc .welcomeNameRow{display:flex;align-items:center;gap:16px}
body.pc .welcomeUser h2,body.pc #welcomeName{font-size:30px!important;margin:0!important;color:var(--pc-strong)!important}
body.pc .welcomeLogo{width:64px!important;height:64px!important;object-fit:contain;border-radius:10px;border:1px solid var(--pc-line)!important;background:#000!important;padding:4px!important}

body.pc .pcStats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:20px}
body.pc .pcStat{
  text-align:left;background:var(--pc-panel)!important;border:1px solid var(--pc-line)!important;border-radius:12px!important;
  padding:14px 16px!important;cursor:pointer;color:var(--pc-text)!important;box-shadow:none!important;font-family:Arial;
}
body.pc .pcStat:hover{border-color:var(--pc-blue-line)!important}
body.pc .pcStat.selected{border-color:var(--pc-cyan)!important;box-shadow:0 0 0 1px var(--pc-cyan) inset!important}
body.pc .pcStat span{display:block;font-size:11px;letter-spacing:.14em;color:var(--pc-muted);font-weight:700;text-transform:uppercase}
body.pc .pcStat b{display:block;font-size:30px;margin-top:6px}
body.pc .st-pend b{color:var(--pc-warn)}body.pc .st-prod b{color:var(--pc-prod)}body.pc .st-late b{color:var(--pc-late)}
body.pc .st-done b{color:var(--pc-ok)}body.pc .st-deliv b{color:var(--pc-done2)}

body.pc .recordsColumns{display:grid!important;grid-template-columns:1fr 1fr!important;gap:20px!important;align-items:start}
body.pc .recordsColumn{background:var(--pc-panel);border:1px solid var(--pc-line);border-radius:14px;overflow:hidden;min-width:0;padding:0!important;margin:0!important}
body.pc .recordsHead{display:flex;align-items:center;gap:12px;min-height:66px;padding:0 18px;border-bottom:1px solid var(--pc-line)}
body.pc .recordsHead h4{margin:0!important;font-size:13px!important;letter-spacing:.2em!important;color:var(--pc-cyan)!important;flex:1;text-align:left!important;background:none!important;border:0!important;padding:0!important;box-shadow:none!important;font-weight:800!important}
body.pc .recordsHead .toolbar{display:block;margin:0!important;padding:0!important}
body.pc .cards{display:block!important;gap:0!important;padding:0!important}
body.pc .rowHead,body.pc .cards .card{display:grid;align-items:center;column-gap:12px;padding:0 18px}
body.pc .rowHeadQuotes,body.pc .quoteRecord{grid-template-columns:118px minmax(0,1fr) 96px 56px 96px}
body.pc .rowHeadOrders,body.pc .orderRow{grid-template-columns:118px minmax(0,1fr) 96px 56px 108px}
body.pc .rowHead{padding-top:10px;padding-bottom:10px;font-size:11px;letter-spacing:.1em;color:var(--pc-muted);text-transform:uppercase;font-weight:700}
body.pc .cards .card{
  padding-top:13px;padding-bottom:13px;border:0!important;border-top:1px solid var(--pc-rowline)!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;cursor:pointer;margin:0!important;
}
body.pc .cards .card:hover{background:var(--pc-rowhover)!important}
body.pc .cards .folio{font-size:14px!important;font-weight:700;letter-spacing:.04em;white-space:nowrap;color:var(--pc-strong)!important}
body.pc .cards .cli{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--pc-text)}
body.pc .cards .cli small{display:block;font-size:11px;margin-top:2px;overflow:hidden;text-overflow:ellipsis}
body.pc .cards .c-date{font-size:13px;color:var(--pc-text);white-space:nowrap}
body.pc .cards .c-num{text-align:right;font-size:14px!important;color:var(--pc-text)!important}
body.pc .rowHead .c-num{text-align:right;font-size:11px!important}
body.pc .cards .c-state{color:var(--pc-text)!important}
body.pc .cards .c-total{font-weight:700;white-space:nowrap;color:var(--pc-strong)!important}
body.pc .cards .badge,body.pc .badge{display:inline-block;font-size:12px!important;font-weight:700;padding:5px 11px!important;border-radius:99px!important;border:1px solid var(--pc-line2);background:#152744;color:var(--pc-text)}
body.pc .badge.pending,body.pc .badge.pendiente{color:var(--pc-warn);border-color:#6d5a25;background:#2a2412}
body.pc .empty{padding:36px 18px;text-align:center;color:var(--pc-muted)}
@media (max-width:1750px){body.pc .recordsColumns{grid-template-columns:1fr!important}body.pc .pcStats{grid-template-columns:repeat(3,1fr)}}

/* ---------- Campos y formularios ---------- */
body.pc .panel{
  background:var(--pc-panel)!important;border:1px solid var(--pc-line)!important;border-radius:14px!important;
  padding:20px 22px!important;margin:16px 0!important;box-shadow:none!important;color:var(--pc-text)!important;
}
body.pc .panel h2{font-size:14px!important;letter-spacing:.2em;color:var(--pc-cyan)!important;text-transform:uppercase;margin:0 0 14px!important}
body.pc .panel h3,body.pc .panel h4{color:var(--pc-cyan)!important;letter-spacing:.14em;text-transform:uppercase;font-size:12px!important}
body.pc label{color:var(--pc-muted)!important;font-size:12px!important;font-weight:700!important;letter-spacing:.04em}
body.pc input,body.pc select,body.pc textarea{
  background:var(--pc-input)!important;color:var(--pc-text)!important;border:1px solid var(--pc-line2)!important;border-radius:9px!important;
  font-size:14px!important;padding:11px 12px!important;font-family:Arial,sans-serif;
}
body.pc input::placeholder,body.pc textarea::placeholder{color:var(--pc-muted);opacity:.7}
body.pc input:focus,body.pc select:focus,body.pc textarea:focus{outline:none;border-color:var(--pc-cyan)!important;box-shadow:0 0 0 2px #6fd8ff33}
body.pc input[type=checkbox],body.pc input[type=radio]{accent-color:#5aa8e8}
body.pc input[readonly]{color:var(--pc-muted)!important}
body.pc .grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important;gap:14px!important}
body.pc .detailGrid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important}
body.pc .paygrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
body.pc .detailItem,body.pc .pay,body.pc .sepCard,body.pc .sep,body.pc .subpanel,body.pc .costGarment,
body.pc .quoteSummary,body.pc .quoteResult,body.pc .quoteColor,body.pc .quoteLocationsBlock,body.pc .quoteAdditionalPanel{
  background:var(--pc-panel2)!important;color:var(--pc-text)!important;border:1px solid var(--pc-line)!important;border-radius:11px!important;
}
body.pc .detailItem b,body.pc .pay b{color:var(--pc-cyan)!important}
body.pc .quoteColor.active{border-color:var(--pc-cyan)!important;box-shadow:0 0 0 1px var(--pc-cyan) inset!important}
body.pc .quoteTotal{background:var(--pc-panel2)!important;border:1px solid var(--pc-blue-line)!important;border-radius:12px!important;color:var(--pc-strong)!important}
body.pc .quoteTotal strong{color:var(--pc-ok)!important}
body.pc .preview,body.pc .detailImage{border:1px solid var(--pc-line);background:#000}
body.pc table{color:var(--pc-text)}
body.pc th,body.pc td{border-color:var(--pc-line)!important;color:var(--pc-text)}
body.pc .settingsSectionTitle{color:var(--pc-strong)!important}

/* ---------- Ventanas (login, licencias, precios, info) ---------- */
body.pc .securityOverlay,body.pc .setupOverlay,body.pc .licenseAdminOverlay,body.pc .sgws-precios-modal,body.pc .infoModal{
  background:var(--pc-overlay)!important;backdrop-filter:blur(3px);
}
body.pc .securityCard,body.pc .setupCard,body.pc .licenseAdminCard,body.pc .sgws-precios-card,body.pc .infoModalCard{
  background:linear-gradient(180deg,var(--pc-modal-a),var(--pc-modal-b))!important;color:var(--pc-text)!important;
  border:1px solid var(--pc-blue-line)!important;border-radius:16px!important;box-shadow:0 20px 60px #000c!important;
}
body.pc .securityCard h1,body.pc .securityCard h2,body.pc .setupCard h1,body.pc .setupCard h2,
body.pc .licenseAdminCard h2,body.pc .sgws-precios-card h2,body.pc .sgws-loader-title{color:var(--pc-cyan)!important;letter-spacing:.14em}
body.pc .securityError{color:#ff9aa8!important}
body.pc .sgws-precios-close,body.pc .infoModalClose{color:#fff!important;background:transparent!important;border:0!important;font-size:22px}
body.pc .licenseItem,body.pc .sgws-precio-item,body.pc [class*="sgws-"] .item{background:var(--pc-panel2)!important;border:1px solid var(--pc-line)!important;color:var(--pc-text)!important}
body.pc .licenseMeta{color:var(--pc-muted)!important}
body.pc .licenseStatusActive{color:var(--pc-ok)!important}body.pc .licenseStatusOff{color:var(--pc-late)!important}

/* ---------- Detalle de orden / cotización ---------- */
body.pc #detailView .panel{background:var(--pc-panel)!important}
body.pc #detailView .folio{color:var(--pc-strong)!important;font-size:20px}
body.pc #detailView .badge{display:inline-flex!important;align-items:center;height:auto!important;min-height:0!important;width:auto!important;align-self:flex-start}
body.pc #detailView h2,body.pc #detailView h3{color:var(--pc-cyan)!important}


/* ---------- Bloques que eran claros en la versión celular ---------- */
body.pc .multiBar,body.pc .syncNotice,body.pc .fixed-credit,body.pc .sgws-precios-bar,body.pc .sgws-lista-estado,body.pc .sgws-lista-aviso,
body.pc .sgws-carga-resultado,body.pc .sgws-loader-help,body.pc .sgws-captured-row,body.pc .orderLocationPanel,body.pc .quoteInkHeader,
body.pc .quoteStampSectionHeader,body.pc .quoteSizeGrid,body.pc .locationGallery,body.pc .setupLogoPreview{
  background:var(--pc-panel2)!important;color:var(--pc-text)!important;border:1px solid var(--pc-line)!important;border-radius:12px!important;box-shadow:none!important;
}
body.pc .multiBar{padding:10px 12px!important}
body.pc .syncNotice strong,body.pc .fixed-credit strong,body.pc .sgws-lista-aviso{color:var(--pc-cyan)!important}
body.pc .syncNotice span,body.pc .sgws-precios-bar span,body.pc .fixed-credit div{color:var(--pc-muted)!important}
body.pc .sgws-lista-aviso{text-align:center;padding:12px;font-weight:700;letter-spacing:.08em}
body.pc .quoteInkAdd,body.pc #addOrderLocation,body.pc #addQuoteLocation,body.pc .sgws-main-load,body.pc .sgws-secondary-load,body.pc .sgws-mode-btn{
  font:700 13px Arial,sans-serif!important;letter-spacing:.06em!important;text-transform:uppercase;color:#fff!important;cursor:pointer;
  border-radius:11px!important;padding:11px 18px!important;border:1px solid var(--pc-teal-line)!important;
  background:linear-gradient(180deg,var(--pc-teal-a),var(--pc-teal-b))!important;box-shadow:inset 0 1px 0 #ffffff40,0 4px 12px #0006!important;
}
body.pc .sgws-mode-btn{border-color:var(--pc-line2)!important;background:linear-gradient(180deg,var(--pc-item-a),var(--pc-item-b))!important;box-shadow:none!important}
body.pc .sgws-mode-btn.active{border-color:var(--pc-blue-line)!important;background:linear-gradient(180deg,var(--pc-blue-a),var(--pc-blue-b))!important}
body.pc .sgws-price-mode{display:flex;gap:10px;margin:10px 0}
body.pc .sgws-main-load{width:100%}
body.pc .quoteInkTotalLabel{background:none!important;border:0!important}
body.pc .fixed-credit img{width:72px!important}

body.pc #inkCostsPanel label,body.pc #designCostsPanel label,body.pc #textileCostsPanel label{display:flex!important;flex-direction:column;gap:6px;align-items:stretch}
body.pc #inkCostsPanel input,body.pc #designCostsPanel input,body.pc #textileCostsPanel input{width:100%!important}
body.pc .orderLocationPanel{padding:12px 14px!important}
body.pc .orderLocationPanel .quoteInkHeader{border:0!important;background:none!important;padding:0!important;display:flex;align-items:center;justify-content:space-between;gap:12px}


/* ---------- Letras más grandes y mejor contraste ---------- */
body.pc .menuItem{font-size:15px!important;letter-spacing:.03em!important;padding:12px 14px!important}
body.pc .menuItem.active{color:#fff!important}
body.pc .sideMenuSectionTitle{font-size:13px!important}
body.pc .pcBrand .hint{font-size:12px!important}
body.pc .pcSideFoot{font-size:12px}
body.pc .topbar .sgwsSystemSubtitle{font-size:14px!important}
body.pc .topbar .todayDate,body.pc .topbar .syncStatus{font-size:14px!important}
body.pc button.primary,body.pc .btn,body.pc .actions button,body.pc #addSep,body.pc .multiBar button,body.pc .sgws-precios-bar button,
body.pc .quoteInkAdd,body.pc #addOrderLocation,body.pc #addQuoteLocation,body.pc .sgws-main-load,body.pc .sgws-secondary-load,body.pc .sgws-mode-btn{font-size:15px!important}
body.pc .settingsTab,body.pc .quoteColor,body.pc .sgws-mode-btn{font-size:14px!important;color:var(--pc-text)!important}
body.pc .settingsTab.active,body.pc .sgws-mode-btn.active{color:#fff!important}
body.pc .quoteColor.active{color:var(--pc-strong)!important}
body.pc .pcStat span{font-size:13px}
body.pc .pcStat b{font-size:38px}
body.pc .recordsHead h4{font-size:16px!important}
body.pc .rowHead,body.pc .rowHead .c-num{font-size:13px!important}
body.pc .rowHeadQuotes,body.pc .quoteRecord{grid-template-columns:130px minmax(0,1fr) 110px 70px 120px}
body.pc .rowHeadOrders,body.pc .orderRow{grid-template-columns:130px minmax(0,1fr) 110px 70px 130px}
body.pc .cards .cli{font-size:16px}
body.pc .cards .cli small{font-size:13px}
body.pc .cards .c-date{font-size:15px}
body.pc .cards .c-num{font-size:16px!important}
body.pc .cards .badge,body.pc .badge{font-size:14px!important}
body.pc .welcomeGreeting{font-size:13px!important}
body.pc label{font-size:14px!important}
body.pc input,body.pc select,body.pc textarea{font-size:16px!important}
body.pc .panel{font-size:16px}
body.pc .panel h2{font-size:16px!important}
body.pc .panel h3,body.pc .panel h4{font-size:14px!important}
body.pc .hint,body.pc .meta,body.pc small{font-size:14px!important}
body.pc th,body.pc td{font-size:15px}
body.pc .detailItem{font-size:16px}
body.pc .detailItem b,body.pc .pay b{font-size:13px!important}
body.pc .sgws-loader-title{font-size:18px!important}
body.pc .sgws-precios-card{font-size:16px}
body.pc .back{font-size:14px!important}
@media (max-width:1000px){:root{--pc-side:76px}}

/* ---------- Costos de textil: tallas en UNA sola fila, casillas chicas ---------- */
body.pc #textileCostsPanel .grid,
body.pc #textileCostsPanel .subpanel .grid,
body.pc #sgwsDynamicTextileCosts .grid,
body.pc #sgwsDynamicTextileCosts .sgws-captured-row .grid{
  display:grid!important;
  grid-template-columns:repeat(7,84px)!important;
  grid-auto-columns:84px!important;
  gap:4px 14px!important;
  margin:0!important;
  justify-content:start;
  align-items:end;
}
body.pc #textileCostsPanel .grid label,
body.pc #sgwsDynamicTextileCosts .grid label{
  display:flex!important;flex-direction:column;align-items:center;gap:5px;
  font-size:14px!important;font-weight:700;color:var(--pc-muted);text-align:center;margin:0!important;
}
body.pc #textileCostsPanel .subpanel input[type="number"],
body.pc #sgwsDynamicTextileCosts .grid input[type="number"]{
  width:84px!important;max-width:84px!important;min-width:0!important;
  padding:8px 6px!important;text-align:center;font-size:16px!important;
}
body.pc #textileCostsPanel .subpanel{display:flex;align-items:center;gap:18px;padding:10px 14px!important;margin:6px 0!important}
body.pc #textileCostsPanel .subpanel h4{min-width:78px;margin:0!important;font-size:15px!important}
body.pc #sgwsDynamicTextileCosts .sgws-captured-row{grid-template-columns:90px auto!important;justify-content:start;padding:8px 12px!important}
body.pc #sgwsDynamicTextileCosts .sgws-captured-label{font-size:15px!important;color:var(--pc-strong)}

body.pc .menuItem.active i{color:#fff!important}

/* ---------- Botones de colores: van en la barra lateral (izquierda), no arriba ---------- */
body.pc .topbar #newQuoteBtn,body.pc .topbar #newBtn{display:none!important}
body.pc #sideMenu #menuNewQuote,body.pc #sideMenu #menuNewOrder{color:#fff!important;font-size:15px!important}
body.pc #sideMenu #menuNewQuote i,body.pc #sideMenu #menuNewOrder i{color:#fff!important}
body.pc #sideMenu #menuNewQuote{background:linear-gradient(180deg,var(--pc-purple-a),var(--pc-purple-b))!important;border-color:var(--pc-purple-line)!important;box-shadow:inset 0 1px 0 #ffffff40,0 4px 12px #0004!important}
body.pc #sideMenu #menuNewOrder{background:linear-gradient(180deg,var(--pc-teal-a),var(--pc-teal-b))!important;border-color:var(--pc-teal-line)!important;box-shadow:inset 0 1px 0 #ffffff40,0 4px 12px #0004!important}
body.pc #sideMenu #menuNewQuote:hover,body.pc #sideMenu #menuNewOrder:hover{filter:brightness(1.15)}

/* ---------- Bienvenida: logo del usuario a la izquierda, tamaño fijo ---------- */
body.pc #listView .welcomeUser{display:flex!important;align-items:center;gap:22px}
body.pc #listView .welcomeText,body.pc #listView .welcomeNameRow{display:contents!important}
body.pc #listView .welcomeUser #welcomeLogo,body.pc #listView .welcomeNameRow .welcomeLogo{
  order:-1!important;flex:0 0 auto!important;width:84px!important;height:84px!important;min-width:84px;max-width:84px;
  object-fit:contain!important;margin:0 18px 0 0!important;padding:0!important;border-radius:0!important;
  border:0!important;background:transparent!important;box-shadow:none!important;
}
body.pc #listView .welcomeUser #welcomeLogo[hidden]{display:none!important}
body.pc #listView .welcomeGreeting{order:0;margin-right:16px!important}
body.pc #listView .welcomeUser #welcomeName{order:1;font-size:32px!important}

/* ---------- Modo compacto: que todo quepa a zoom 100% sin tener que bajarlo ---------- */
body.pc .pcStats{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important;margin-bottom:14px!important}
body.pc .pcStat{display:flex!important;align-items:center;justify-content:space-between;gap:8px;padding:9px 16px!important;min-height:0!important;height:auto!important}
body.pc .pcStat span{font-size:13px!important;letter-spacing:.08em!important}
body.pc .pcStat b{font-size:26px!important;margin:0!important;line-height:1}
body.pc #listView .hero{margin:10px 0 10px!important;padding:2px 4px!important}
body.pc #listView .welcomeUser #welcomeLogo,body.pc #listView .welcomeNameRow .welcomeLogo{width:56px!important;height:56px!important;min-width:56px;max-width:56px}
body.pc #listView .welcomeUser #welcomeName{font-size:26px!important}
body.pc #sideMenu{gap:4px!important;padding:12px 12px 10px!important}
body.pc .pcBrand .homeBtn img{width:84px!important;height:84px!important}
body.pc .pcBrand{margin-bottom:4px}
body.pc .pcBrand b{margin-top:4px;font-size:12px}
body.pc .menuItem{padding:8px 12px!important;font-size:14px!important}
body.pc #sideMenu #menuNewQuote,body.pc #sideMenu #menuNewOrder{font-size:14px!important}
body.pc .sideMenuSectionTitle{margin:8px 6px 2px!important;font-size:12px!important}
body.pc .pcSideFoot{padding-top:8px}
body.pc .pcSideFoot img{width:44px;height:44px;margin-bottom:3px}
body.pc .topbar{height:58px!important}
body.pc .topbar .sgwsSystemName{font-size:22px!important}
body.pc .recordsColumns{gap:14px!important}

body.pc .rowHead span,body.pc .rowHead .c-num{font-size:13px!important;letter-spacing:.08em!important;font-weight:700!important}

/* Logo del usuario: siempre a la derecha, PNG sin fondo, sin recuadro */
body.pc #listView .hero{justify-content:flex-start}
body.pc #listView .welcomeUser{flex:1;min-width:0}
body.pc #listView .welcomeUser #welcomeLogo,body.pc #listView .welcomeNameRow .welcomeLogo{
  order:9!important;margin:0 0 0 auto!important;width:auto!important;height:64px!important;min-width:0!important;max-width:180px!important;
  border-radius:0!important;object-fit:contain!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;
}

/* Cajas de estado a prueba de ventanas angostas: nada se sale de la caja */
body.pc .pcStat{overflow:hidden;box-sizing:border-box}
body.pc .pcStat span{flex:1 1 auto;min-width:0;line-height:1.2;letter-spacing:.04em!important;font-size:12.5px!important}
body.pc .pcStat b{flex:0 0 auto}
@media (max-width:1650px){
  body.pc .pcStat{flex-direction:column;align-items:flex-start!important;justify-content:center;gap:3px;padding:8px 14px!important}
  body.pc .pcStat span{flex:0 0 auto;white-space:nowrap}
  body.pc .pcStat b{font-size:24px!important}
}

body.pc #listView .welcomeUser{justify-content:flex-start!important}
body.pc #listView .welcomeUser #welcomeName{margin:0!important}

/* Con zoom muy alto la ventana "mide" pocos píxeles: las cajas se acomodan en varias filas en vez de aplastarse */
body.pc .pcStats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important}
body.pc .pcStat span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
body.pc .pcStat{min-width:0}

/* El aviso "Sistema inteligente…" siempre se ve (si falta espacio baja a dos renglones) */
body.pc .topbar{height:auto!important;min-height:58px;padding-top:6px!important;padding-bottom:6px!important}
body.pc .topbar .sgwsSystemSubtitle{display:block!important;font-size:13.5px!important}

/* ===== Ajustes de la revisión: encabezado, bienvenida, cajas de estado ===== */
/* Aviso del sistema: grande, legible y siempre visible */
body.pc .topbar .sgwsSystemName{font-size:28px!important}
body.pc .topbar .sgwsSystemSubtitle{font-size:17px!important;font-weight:600!important;color:var(--pc-text)!important;letter-spacing:.01em!important;margin-top:3px!important;line-height:1.25!important}
body.pc .topbar{padding-top:8px!important;padding-bottom:8px!important}

/* Bienvenida: más grande y con más aire; el logo va pegado al nombre */
body.pc #listView .hero{margin:30px 0 36px!important;padding:14px 4px!important}
body.pc #listView .welcomeUser{gap:0!important}
body.pc #listView .welcomeGreeting{font-size:18px!important;letter-spacing:.22em!important;margin-right:26px!important}
body.pc #listView .welcomeUser #welcomeName{font-size:58px!important;line-height:1.1!important}
body.pc #listView .welcomeUser #welcomeLogo,body.pc #listView .welcomeNameRow .welcomeLogo{
  order:9!important;margin:0 0 0 24px!important;height:100px!important;width:auto!important;max-width:240px!important
}
body.pc #listView .welcomeUser #welcomeLogo.pcRound{border-radius:50%!important;width:100px!important;object-fit:cover!important}

/* Cajas de estado: angostas y compactas, alineadas a la izquierda */
body.pc .pcStats{display:flex!important;flex-wrap:wrap;gap:12px!important;justify-content:flex-start;margin-bottom:18px!important}
body.pc .pcStat{flex:0 0 190px!important;width:190px!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center;gap:2px;padding:8px 14px!important}
body.pc .pcStat span{flex:0 0 auto!important;white-space:nowrap;font-size:13px!important}
body.pc .pcStat b{font-size:26px!important}

/* Pantallas de poca altura (por ejemplo con zoom): la barra izquierda se compacta para no tener scroll */
@media (max-height:860px){
  body.pc .pcBrand .homeBtn img{width:60px!important;height:60px!important}
  body.pc .pcBrand .hint{display:none}
  body.pc .menuItem{padding:6px 12px!important}
  body.pc .sideMenuSectionTitle{margin:5px 6px 1px!important}
  body.pc .pcSideFoot img{display:none}
}

/* Refuerzo: posiciones fijas, sin depender de cómo reparta el espacio el navegador */
body.pc #listView .welcomeUser #welcomeName,body.pc #listView .welcomeGreeting{flex:0 0 auto!important;width:auto!important;max-width:none!important}
body.pc #listView .welcomeUser{justify-content:flex-start!important;align-items:center!important;width:auto!important}
body.pc .pcStats{display:grid!important;grid-template-columns:repeat(5,190px)!important;gap:12px!important;justify-content:start!important}
body.pc .pcStat{width:190px!important;flex:none!important}
@media (max-width:1550px){body.pc .pcStats{grid-template-columns:repeat(auto-fill,190px)!important}}

/* Cajas de estado: tamaño compacto, como la casilla "Pendientes" de la maqueta */
body.pc .pcStats{grid-template-columns:repeat(5,134px)!important;gap:10px!important}
@media (max-width:1550px){body.pc .pcStats{grid-template-columns:repeat(auto-fill,134px)!important}}
body.pc .pcStat{width:134px!important;padding:7px 12px!important;border-radius:10px!important}
body.pc .pcStat span{font-size:12px!important;letter-spacing:.03em!important}
body.pc .pcStat b{font-size:24px!important}

/* Cajas de estado: pequeñas, con el texto centrado y el grupo centrado en la pantalla */
body.pc .pcStats{display:flex!important;flex-wrap:wrap;justify-content:center!important;gap:10px!important;margin:0 auto 22px!important;grid-template-columns:none!important}
body.pc .pcStat{
  flex:0 0 128px!important;width:128px!important;height:62px!important;min-height:0!important;box-sizing:border-box;
  flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center;
  padding:5px 6px!important;gap:1px!important;border-radius:12px!important;
}
body.pc .pcStat span{font-size:12px!important;letter-spacing:.01em!important;text-align:center;width:100%;white-space:nowrap;line-height:1.15;overflow:visible!important;text-overflow:clip!important}
body.pc .pcStat b{font-size:26px!important;text-align:center;line-height:1.05}
/* Bienvenida: un poco separada del borde izquierdo */
body.pc #listView .hero{padding-left:64px!important}

/* Registros: Cotizaciones a la izquierda y Órdenes de trabajo a la derecha, lado a lado */
@media (min-width:1080px){
  body.pc .recordsColumns{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;align-items:start}
}
body.pc .recordsColumn{container-type:inline-size;min-width:0}
body.pc .rowHeadQuotes,body.pc .quoteRecord{grid-template-columns:112px minmax(0,1fr) 92px 52px 96px!important}
body.pc .rowHeadOrders,body.pc .orderRow{grid-template-columns:112px minmax(0,1fr) 92px 60px 128px!important}
body.pc .rowHead,body.pc .quoteRecord,body.pc .orderRow{column-gap:10px!important;padding-left:14px!important;padding-right:14px!important}
body.pc .quoteRecord>*,body.pc .orderRow>*{min-width:0;overflow:hidden;text-overflow:ellipsis}
body.pc .orderRow>.c-state{overflow:visible}
body.pc .rowHead>.c-num{text-align:right}
/* Si la columna queda angosta, se oculta la fecha para que todo lo importante quepa */
@container (max-width:620px){
  body.pc .rowHeadQuotes,body.pc .quoteRecord{grid-template-columns:104px minmax(0,1fr) 48px 88px!important}
  body.pc .rowHeadOrders,body.pc .orderRow{grid-template-columns:104px minmax(0,1fr) 56px 124px!important}
  body.pc .rowHead>:nth-child(3),body.pc .quoteRecord>:nth-child(3),body.pc .orderRow>:nth-child(3){display:none!important}
}

/* El selector "Todos los estados" no se muestra; el filtro se usa tocando las cajas de estado */
body.pc .recordsOrders .toolbar,body.pc #statusFilter{display:none!important}

/* ===== Configuración > Mi usuario ===== */
body.pc #settingsView>.back{display:none!important}                 /* el menú de la izquierda ya cumple esa función */
body.pc #settingsView .fixed-credit{display:none!important}         /* el "powered by" ya está en la barra izquierda */
body.pc #settingsView #configPanel{max-width:560px}
body.pc #settingsView #configPanel label{display:block;margin-bottom:14px;font-weight:700}
body.pc #settingsView #configPanel input:not([type=file]){width:100%!important;max-width:520px}
body.pc #settingsView #configPanel input[type=file]{width:100%;max-width:520px;padding:9px 10px!important}
body.pc #settingsView #configPanel .actions{display:flex;gap:12px;margin-top:8px}
body.pc #settingsView .syncNotice{display:flex!important;align-items:center;gap:10px;padding:8px 14px!important;margin-top:22px;max-width:760px;font-size:13px!important}
body.pc #settingsView .syncNotice strong{font-size:13px!important;white-space:nowrap}
body.pc #settingsView .syncNotice span{font-size:13px!important}

/* Usuario: Mi usuario (izquierda) y Añadir usuario (derecha) en la misma pantalla; ya no hay pestaña aparte */
body.pc #sideMenu #menuUsers{display:none!important}
body.pc #settingsView.pcUsers>.panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 20px;align-items:start}
body.pc #settingsView.pcUsers>.panel>h2,body.pc #settingsView.pcUsers>.panel>.settingsSectionTitle,body.pc #settingsView.pcUsers>.panel>.settingsTabs,
body.pc #settingsView.pcUsers>.panel>.syncNotice{grid-column:1/-1}
body.pc #settingsView.pcUsers>.panel>.settingsSectionTitle{display:none}
body.pc #settingsView.pcUsers #configPanel{grid-column:1;max-width:none;grid-row:2}
body.pc #settingsView.pcUsers #usersPanel{grid-column:2;grid-row:2}
body.pc #settingsView.pcUsers #configPanel,body.pc #settingsView.pcUsers #usersPanel{
  background:var(--pc-panel2);border:1px solid var(--pc-line);border-radius:14px;padding:18px 20px 20px;margin-top:6px
}
body.pc #settingsView.pcUsers #configPanel::before,body.pc #settingsView.pcUsers #usersPanel::before{
  display:block;font-size:14px;font-weight:800;letter-spacing:.2em;color:var(--pc-cyan);margin-bottom:14px
}
body.pc #settingsView.pcUsers #configPanel::before{content:"MI USUARIO"}
body.pc #settingsView.pcUsers #usersPanel::before{content:"AÑADIR USUARIO"}
body.pc #settingsView.pcUsers #usersPanel label{display:block;margin-bottom:14px;font-weight:700}
body.pc #settingsView.pcUsers #usersPanel input:not([type=file]){width:100%!important}
body.pc #settingsView.pcUsers #usersPanel input[type=file]{width:100%;padding:9px 10px!important}
body.pc #settingsView.pcUsers #usersPanel .usersList{margin-top:18px}
body.pc #settingsView.pcUsers #configPanel input:not([type=file]),body.pc #settingsView.pcUsers #configPanel input[type=file]{max-width:none}
body.pc #settingsView .preview{width:96px;height:96px;object-fit:contain;border:0!important;background:transparent!important;border-radius:0!important;margin:4px 0 10px;display:block}
body.pc #settingsView .preview[hidden]{display:none!important}
@media (max-width:1100px){
  body.pc #settingsView.pcUsers>.panel{grid-template-columns:1fr}
  body.pc #settingsView.pcUsers #configPanel,body.pc #settingsView.pcUsers #usersPanel{grid-column:1;grid-row:auto}
}

/* Casillas "sin contraseña" */
body.pc label.pcCheck{display:flex!important;align-items:center;gap:10px;font-weight:700;margin:6px 0 14px!important}
body.pc label.pcCheck input[type=checkbox]{width:20px!important;height:20px;min-width:20px;padding:0!important;margin:0}
body.pc #settingsView #configPanel input[disabled]{opacity:.7}

body.pc #settingsView label.pcCheck{display:flex!important;justify-content:flex-start!important;align-items:center!important;gap:10px!important;text-align:left}
body.pc #settingsView label.pcCheck input[type=checkbox]{width:20px!important;max-width:20px!important;min-width:20px!important;height:20px!important;flex:0 0 20px;padding:0!important;margin:0!important}

/* Un taller = un usuario: "Añadir usuario" no se muestra */
body.pc #settingsView #usersPanel{display:none!important}
body.pc #settingsView.pcUsers>.panel{grid-template-columns:minmax(0,680px)!important}
body.pc #settingsView.pcUsers #configPanel{grid-column:1!important}

/* ---------- Ventanas angostas: la barra lateral se vuelve compacta ---------- */
@media (max-width:1000px){
  :root{--pc-side:76px}
  body.pc .menuItem{font-size:0!important;justify-content:center;padding:11px 0!important}
  body.pc .menuItem i{font-size:16px;width:auto}
  body.pc #sideMenu #menuNewQuote,body.pc #sideMenu #menuNewOrder{font-size:0!important;justify-content:center;padding:9px 0!important}
  body.pc #sideMenu #menuNewQuote i,body.pc #sideMenu #menuNewOrder i{font-size:16px!important}
  body.pc .pcBrand b,body.pc .pcBrand .hint,body.pc .sideMenuSectionTitle,body.pc .pcSideFoot span{display:none}
  body.pc .pcBrand .homeBtn,body.pc .pcBrand .homeBtn img{width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important}
  body.pc .pcSideFoot img{width:40px;height:40px}
  body.pc .topbar .todayDate{display:none!important}
}
}

/* ---------- PC-4: prendas propias (Costos de textil) ---------- */
@media screen{
body.pc .sgws-precios-bar .sgws-new-garment{background:linear-gradient(#3fbf78,#1f8f50)!important;border-color:#166b3b!important;color:#fff!important;font-size:15px}
body.pc #sgwsCustomGarments{margin-top:6px}
body.pc .sgwsCg{background:var(--pc-panel,#fff);border:1px solid var(--pc-line,#b9d3f2);border-radius:8px;padding:10px 14px;margin-bottom:10px}
body.pc .sgwsCg h3{margin:0 0 6px;font-size:16px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
body.pc .cgChip{display:inline-block;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:700;margin-left:6px;background:#d7f5df;color:#17693a}
body.pc .cgAct{margin-left:auto;font-size:13px;font-weight:400;display:flex;gap:14px}
body.pc .cgAct a{color:#2f6fd6;cursor:pointer;text-decoration:none;white-space:nowrap}
body.pc .cgAct a:hover{text-decoration:underline}
body.pc .cgRow{display:flex;align-items:flex-end;gap:8px;margin:4px 0;flex-wrap:wrap}
body.pc .cgRow b{width:64px;font-size:13px;line-height:22px}
body.pc .cgRow label{display:flex;flex-direction:column;font-size:11px;width:76px}
body.pc .cgRow input{width:76px;height:28px;padding:0 6px}
body.pc .cgAsk{width:420px}
body.pc .cgAsk p{font-size:16px;margin:4px 0 6px;line-height:1.4}
body.pc .cgEmpty{margin:14px 2px;font-size:15px}
body.pc .cgChip.cgChipBrand{background:#ffe7c2;color:#8a5200}
body.pc #textileCostsPanel>.costGarment{display:none!important}
body.pc .sgwsLegend{font-size:16px;font-weight:600;margin:6px 0 12px}
body.pc .cgRenameLink{margin-left:12px;color:#2f6fd6;font-weight:600;text-decoration:none;font-size:13px}
body.pc .cgRenameLink:hover{text-decoration:underline}
body.pc .cgSaveMsg{margin-left:14px;font-weight:700;color:#17693a;transition:opacity .4s;opacity:0}
body.pc .cgListRow{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid #b9d3f2;border-radius:8px;margin:6px 0;background:#f3f8ff}
body.pc .cgListName{flex:1;display:flex;flex-direction:column}
body.pc .cgListName small{opacity:.7}
body.pc .cgListRow button{padding:7px 14px;border-radius:6px;border:1px solid #1f56b0;background:linear-gradient(#4b8cf0,#2f6fd6);color:#fff;font-weight:700;cursor:pointer}
body.pc .cgListRow button.cgOk{background:linear-gradient(#3fbf78,#1f8f50);border-color:#166b3b}
body.pc .cgListRow button.cgNo{background:linear-gradient(#fff,#dbe9fb);color:#10243d;border-color:#9dbde6}
body.pc .cgModalBack{position:fixed;inset:0;background:rgba(10,30,60,.45);z-index:2147483000;display:flex;align-items:flex-start;justify-content:center;padding-top:70px}
body.pc .cgModal{background:var(--pc-panel,#fff);color:var(--pc-text,#10243d);border:2px solid #2f6fd6;border-radius:10px;box-shadow:0 10px 40px #0005;padding:18px;width:490px;max-width:94vw}
body.pc .cgModal h2{margin:0 0 10px;font-size:20px}
body.pc .cgF{margin:10px 0;font-size:13px}
body.pc .cgF input[type=text]{display:block;width:100%;height:32px;margin-top:4px;padding:0 8px;font-size:14px}
body.pc .cgSizes{display:flex;gap:5px;flex-wrap:wrap;margin-top:5px}
body.pc .cgSizes span{padding:4px 10px;border-radius:5px;border:1px solid #9dbde6;background:#f3f8ff;color:#10243d;font-size:13px;cursor:pointer;user-select:none}
body.pc .cgSizes span.on{background:#2f6fd6;color:#fff;border-color:#1f56b0}
body.pc .cgOther{display:flex;gap:6px;margin-top:8px}
body.pc .cgOther input{width:110px!important;margin:0!important}
body.pc .cgOther button,body.pc .cgBtns button{padding:7px 14px;border-radius:6px;border:1px solid #1f56b0;background:linear-gradient(#4b8cf0,#2f6fd6);color:#fff;font-weight:700;cursor:pointer}
body.pc .cgBtns{display:flex;gap:10px;margin-top:14px}
body.pc .cgBtns .cgOk{background:linear-gradient(#3fbf78,#1f8f50);border-color:#166b3b}
body.pc .cgBtns .cgNo{background:linear-gradient(#fff,#dbe9fb);color:#10243d;border-color:#9dbde6}
body.pc .cgModal label.cgChk{display:flex!important;flex-direction:row!important;justify-content:flex-start!important;gap:8px;align-items:center;font-size:14px;font-weight:400!important;text-transform:none!important;letter-spacing:0!important;color:inherit!important}
body.pc .cgModal label.cgChk input{margin:0;width:auto;height:auto}
body.pc .cgNote{font-size:12px;opacity:.75;margin-top:4px}
}

/* ---------- PC-6: costos de tintas en una línea + tintas propias ---------- */
@media screen{
body.pc .inkBar{margin:6px 0 12px}
body.pc .inkBar .sgws-new-garment{padding:10px 18px;border-radius:6px;border:1px solid #166b3b;background:linear-gradient(#3fbf78,#1f8f50);color:#fff;font-weight:700;cursor:pointer}
body.pc .inkRows{display:block}
body.pc .inkRow{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:var(--pc-panel,#fff);border:1px solid var(--pc-line,#b9d3f2);border-radius:8px;padding:8px 14px;margin-bottom:7px}
body.pc .inkHelp{background:#eef6ff;border:1px solid #b9d3f2;border-radius:8px;padding:8px 12px;line-height:1.45}
body.pc .inkName{width:230px;font-weight:700;letter-spacing:1.5px;font-size:14px;color:#0a6aa8;text-transform:uppercase;display:flex;align-items:center;gap:8px}
body.pc .inkRow label{display:flex!important;flex-direction:column;gap:2px!important;font-size:11px;font-weight:700;width:140px}
body.pc .inkRow input,body.pc #inkCostsPanel .inkRow input{width:100%!important;height:30px!important;min-height:0!important;padding:0 8px!important;margin:0!important}
body.pc .inkRow{padding:6px 14px!important}
body.pc .inkRow .cgAct{margin-left:auto}
body.pc .cgTwo{display:flex;gap:10px}
body.pc .cgTwo .cgF input{width:100%}
body.pc .cgTwo .cgF{flex:1}
body.pc .cgModal input[type=number]{display:block;width:100%;height:32px;margin-top:4px;padding:0 8px;font-size:14px}
}

/* ---------- PC-7: Nueva cotización ---------- */
@media screen{
body.pc .qvTitle{font-size:26px;letter-spacing:.12em;text-transform:uppercase;margin:6px 0 14px;color:var(--pc-strong)}
body.pc .qvPanel{padding:14px 18px 16px;margin-bottom:14px}
body.pc .qvH{font-size:14px;letter-spacing:.2em;text-transform:uppercase;color:var(--pc-cyan)!important;margin:0 0 10px}
body.pc .qvHead{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}
body.pc .qvHead .qvH{margin:0}
body.pc .qvTag{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:none;padding:3px 10px;border-radius:99px;background:#ffe3b3;color:#7a4a00!important}
body.pc .qvCheck{margin-left:auto;display:flex!important;flex-direction:row!important;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--pc-text)}
body.pc .qvCheck input{width:auto!important;height:auto!important;margin:0}
body.pc .qvClientGrid{display:grid;grid-template-columns:1.6fr 1fr 1.6fr 1fr;gap:12px 14px}
body.pc .qvClientGrid label,body.pc .qvListLabel,body.pc .qvGar,body.pc .qvExtra label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:700}
body.pc .qvClientGrid .qvWide{grid-column:1/-1}
body.pc .qvListLabel{max-width:380px;margin-bottom:12px}
body.pc .qvRow{position:relative;display:grid;grid-template-columns:minmax(300px,1.2fr) auto minmax(0,2fr);gap:10px 18px;align-items:end;padding:16px 16px 10px;margin-bottom:12px;border:1px solid var(--pc-line);border-radius:10px;background:var(--pc-panel2)}
body.pc .qvNum{position:absolute;top:-1px;left:-1px;min-width:22px;text-align:center;font-size:12px;font-weight:700;color:#fff!important;background:#2f6fd6;border-radius:9px 0 9px 0;padding:1px 7px}
body.pc .qvColorBox{display:flex;flex-direction:column;gap:5px}
body.pc .qvLbl{font-size:12px;font-weight:700}
body.pc .qvColors{display:flex;gap:6px}
body.pc .qvColors .quoteColor{padding:8px 12px!important;border-radius:8px!important;cursor:pointer;font-size:12px!important;letter-spacing:.03em}
body.pc .qvColors .quoteColor.active{background:#10243d!important;color:#fff!important;border-color:#10243d!important}
body.pc .qvOther{margin-top:4px;height:30px}
body.pc .qvSizes{display:flex;flex-wrap:wrap;gap:8px}
body.pc .qvSizes label{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px;font-weight:700;width:62px}
body.pc .qvSizes input{width:62px!important;height:36px!important;text-align:center;padding:0 4px!important;font-size:14px}
body.pc .qvNoPrice{font-size:12px;color:var(--pc-late);font-weight:700;align-self:center}
body.pc .qvFoot{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;font-size:13px}
body.pc .qvPz{padding-left:26px;color:var(--pc-muted)}
body.pc .qvPz b{color:var(--pc-text)}
body.pc .qvRemove{background:none;border:0;color:#c62f2f;font-weight:700;cursor:pointer;font-size:13px}
body.pc .qvRemove:hover{text-decoration:underline}
body.pc .qvAdd{font:700 13px Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#fff;cursor:pointer;border-radius:8px;padding:10px 18px;border:1px solid var(--pc-teal-line);background:linear-gradient(180deg,var(--pc-teal-a),var(--pc-teal-b));box-shadow:inset 0 1px 0 #ffffff40}
body.pc .qvAddGreen{border-color:#166b3b;background:linear-gradient(#3fbf78,#1f8f50)}
body.pc .qvExtra{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;margin-bottom:10px}
body.pc .qvExC{flex:1 1 280px;max-width:420px}
body.pc .qvExM{width:140px}
body.pc .qvEmpty{padding:14px;border:1px dashed var(--pc-line2);border-radius:10px;color:var(--pc-muted);margin-bottom:10px}
body.pc .qvSub{font-size:12px;color:var(--pc-muted);margin:0 0 10px}
body.pc .qvTable{width:100%;border-collapse:collapse;font-size:13px}
body.pc .qvTable th{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--pc-cyan);text-align:left;padding:6px 8px;border-bottom:2px solid var(--pc-line2)!important}
body.pc .qvTable td{padding:6px 8px;border-bottom:1px solid var(--pc-rowline)!important}
body.pc .qvTable .n{text-align:right;white-space:nowrap}
body.pc .qvTable .qvSecRow td{background:var(--pc-item-hb);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--pc-cyan);font-size:12px}
body.pc .qvTable .qvSubRow td{font-weight:700;background:var(--pc-panel2)}
body.pc .qvOnce{font-size:11px;font-style:normal;font-weight:700;color:var(--pc-warn)}
body.pc .qvMeta{display:flex;flex-wrap:wrap;gap:6px 24px;margin:10px 2px 12px;font-size:13px;color:var(--pc-muted)}
body.pc .qvMeta b{color:var(--pc-text)}
body.pc .quoteResult .actions{display:flex;gap:10px;flex-wrap:wrap}
@media (max-width:1100px){
  body.pc .qvClientGrid{grid-template-columns:1fr 1fr}
  body.pc .qvRow{grid-template-columns:1fr}
}
}
@media screen{
body.pc .qvRow>*{min-width:0}
body.pc .qvGar select{width:100%}
}

/* ---------- PC-7b: estampados por prenda + retoques de tarjeta ---------- */
@media screen{
body.pc .qvApply{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:8px 12px;margin:2px 0 12px;border:1px solid var(--pc-line);border-radius:8px;background:var(--pc-panel2)}
body.pc .qvApplyT{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--pc-cyan)}
body.pc .qvApplyChk{display:flex!important;flex-direction:row!important;align-items:center;gap:6px;font-size:13px;font-weight:700;cursor:pointer}
body.pc .qvApplyChk input{width:auto!important;height:auto!important;margin:0}
body.pc .qvApplyWarn{font-size:12px;font-weight:700;color:var(--pc-late)}
body.pc .quoteStampInkHeader{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
body.pc .quoteStampInkHeader .qvCheck{margin-left:auto}
body.pc .quoteStampData .locationMainFields{grid-template-columns:1.6fr 1fr 1.2fr 1.3fr!important}
body.pc .quoteStampData .locationMainFields select,body.pc .quoteStampData .locationMainFields input{font-size:13px!important;letter-spacing:0!important;font-weight:600!important;padding:0 8px!important;text-overflow:ellipsis}
body.pc .quoteStampData .locationMainFields select{text-transform:none}
body.pc .quoteStampData .locationMainFields input[type=file]{font-size:12px!important;padding:6px!important}
body.pc .quoteLocationRemove,body.pc .locationAddInk{font:700 12px Arial,sans-serif!important;letter-spacing:.05em;text-transform:uppercase;color:#fff!important;cursor:pointer;border-radius:8px!important;padding:8px 14px!important;border:1px solid var(--pc-teal-line)!important;background:linear-gradient(180deg,var(--pc-teal-a),var(--pc-teal-b))!important}
body.pc .quoteLocationRemove{border-color:var(--pc-red-line)!important;background:linear-gradient(180deg,var(--pc-red-a),var(--pc-red-b))!important}
}

/* ---------- PC-7c: datos del taller, condiciones e IVA ---------- */
@media screen{
body.pc .profH{font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--pc-cyan)!important;margin:18px 0 8px}
body.pc .profGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px 14px;margin-bottom:6px}
body.pc .profGrid label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:700}
body.pc .profGrid .profWide{grid-column:1/-1}
body.pc .qvCondGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px 14px;margin-bottom:10px}
body.pc .qvCondGrid label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:700}
body.pc .qvCheckLeft{margin-left:0}
}

@media screen{
body.pc .qvCondGrid label[hidden]{display:none!important}
}

/* PC-7d: botones arriba del detalle de cotización */
.quoteDetailPanel .actions{margin:12px 0 16px}

/* PC-8: órdenes de trabajo — estados, detalle y edición */
body.pc .pcStats{grid-template-columns:repeat(6,minmax(0,1fr))!important}
body.pc .st-pend b{color:#d63a3a}body.pc .st-prep b{color:#0fa3a0}
body.pc .badge.status-iniciar{background:#ffdcdc!important;color:#9b1c1c!important;border:1px solid #e05a5a!important}
body.pc .badge.status-preprensa{background:#cff4f1!important;color:#0a6763!important;border:1px solid #2fb5ad!important}
body.pc .badge.status-produccion{background:#d3e5ff!important;color:#12457f!important;border:1px solid #4e8fe0!important}
body.pc .badge.status-demora{background:#ffe0bd!important;color:#7a3600!important;border:1px solid #e58a2b!important}
body.pc .badge.status-terminado{background:#cdf0d6!important;color:#146c2e!important;border:1px solid #3fae5f!important}
body.pc .badge.status-entregado{background:#e3e7ec!important;color:#3b4551!important;border:1px solid #9aa5b3!important}
.oaState{display:flex;align-items:center;gap:12px}.oaState label{margin:0;font-size:11px}.oaState select{margin-top:2px;padding:6px 8px}
.oaActions{margin:12px 0 16px}
.oaDue{font-weight:800;font-size:12.5px}.oaDue.warn{color:#b26a00}.oaDue.late{color:#c62f2f}.oaDue.ok{color:#16824a}
.oaPanel .paygrid input{width:100%;padding:8px 10px;margin-top:2px;border:1px solid #9db8dd;border-radius:8px;font-size:15px}
.oaGrid{grid-template-columns:repeat(4,minmax(0,1fr))}
.oaSep{display:grid;grid-template-columns:30px 1fr 1fr 1fr;gap:10px;align-items:center;margin:8px 0}
.oaSep .oaNo{font-weight:800;text-align:center}
.oaSep input{width:100%;padding:11px 12px;border:1px solid #9db8dd;border-radius:10px;background:#fff;color:#111;font-size:14px}
.oaSep .oaDel,.oaAdd{padding:7px 12px;border:1px solid #8aa6cc;border-radius:8px;background:#fff;color:#111;cursor:pointer}
.oaAdd{margin-top:6px}
@media (max-width:1400px){body.pc .pcStats{grid-template-columns:repeat(3,minmax(0,1fr))!important}}

.oaVa{margin:4px 0 0 18px;padding:0}.oaVa li{margin:2px 0;list-style:disc}

/* PC-9: botones de acceso rápido en la página principal (entre los estados y las listas) */
body.pc .pcHomeActions{display:flex;justify-content:center;gap:18px;margin:0 0 16px}
body.pc .pcHomeActions button{padding:18px 44px!important;min-width:280px;border-radius:13px!important;font-size:17px!important;font-weight:800!important;letter-spacing:.06em;text-transform:uppercase;color:#fff!important;border-width:1px!important;border-style:solid!important;cursor:pointer;box-shadow:0 3px 10px rgba(30,60,110,.25)!important}

/* PC-10: estado de vigencia de cotizaciones */
.qsTag{display:inline-block;padding:3px 10px;border-radius:99px;font-size:11px;font-weight:800;letter-spacing:.04em;border:1px solid}
.qsTag.qs-vig{background:#d3f0dc;color:#146c2e;border-color:#3fae5f}
.qsTag.qs-venc{background:#ffdcdc;color:#9b1c1c;border-color:#e05a5a}
.qsTag.qs-conv{background:#d3e5ff;color:#12457f;border-color:#4e8fe0}
.qsBox{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.qsBox small{color:#5b6b80;font-size:12px}
.quoteRecord .cli small .qsTag{font-size:10px;padding:1px 8px}

/* PC-11: clientes guardados y ajustes de cotizaciones vencidas */
body.pc .profGrid label{min-width:0}
body.pc .profGrid select{width:100%;min-width:0;max-width:100%}
body.pc .qcHint{margin:8px 0 18px!important;line-height:1.5}
.qvClientActions{display:flex;align-items:center;gap:12px;margin-top:10px}
.qvClientActions button{padding:8px 16px;border:1px solid #8aa6cc;border-radius:9px;background:#fff;color:#12457f;font-weight:800;cursor:pointer}
.cliSearch{display:block;margin:12px 0 6px}
.cliRow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border:1px solid #b9cce6;border-radius:12px;background:#f7faff;margin-top:8px}
.cliInfo b{font-size:16px;color:#0f2340}.cliInfo small{display:block;color:#5b6b80;margin-top:2px}
.cliBtns{display:flex;gap:8px}.cliBtns button{padding:8px 16px;border:1px solid #8aa6cc;border-radius:9px;background:#fff;color:#12457f;font-weight:800;cursor:pointer}
.cliBtns button.danger{color:#9b1c1c;border-color:#e05a5a}
.cliGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cliGrid .cliWide,label.cliWide{grid-column:1/-1}