/* FRONTERA ONE V1.5.7.15
   Fast background uploads, Design Materials, Home label and live clock */
:root{
  --v1573-navy:#0a1d3a;
  --v1573-blue:#294b76;
  --v1573-border:#dbe4ef;
  --v1573-soft:#f6f8fb;
  --v1573-green:#137a55;
  --v1573-red:#b42318;
}
#date.v1573-clock{
  min-width:178px;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
  text-align:center;
  font-weight:750;
  color:#243b59;
}
.v1573-upload-center{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:12000;
  width:min(390px,calc(100vw - 28px));
  display:flex;
  flex-direction:column;
  gap:8px;
  pointer-events:none;
}
.v1573-upload-task{
  pointer-events:auto;
  background:rgba(10,29,58,.96);
  color:#fff;
  border-radius:13px;
  padding:12px 14px;
  box-shadow:0 16px 38px rgba(10,29,58,.26);
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px 12px;
  align-items:center;
}
.v1573-upload-task b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v1573-upload-task small{display:block;color:#d5dfed;margin-top:3px}
.v1573-upload-task .pct{font-variant-numeric:tabular-nums;font-weight:850}
.v1573-upload-task .bar{grid-column:1/-1;height:4px;border-radius:8px;background:rgba(255,255,255,.18);overflow:hidden}
.v1573-upload-task .bar i{display:block;height:100%;width:8%;background:#fff;border-radius:8px;transition:width .18s ease}
.v1573-upload-task.ok{background:rgba(19,122,85,.97)}
.v1573-upload-task.error{background:rgba(180,35,24,.97)}
.v1573-upload-task.error .bar i{background:#ffd5cf}
.v1573-upload-task button{border:0;background:transparent;color:#fff;font-size:18px;cursor:pointer}

#designfiles .v1573-toolbar{
  display:flex;gap:8px;align-items:center;flex-wrap:wrap;
}
#designfiles .v1573-toolbar select,
#designfiles .v1573-toolbar input{
  min-height:38px;border:1px solid #cfdae7;border-radius:9px;background:#fff;padding:0 10px;
}
.v1573-design-table{width:100%;border-collapse:collapse;table-layout:fixed;min-width:1040px}
.v1573-design-table th,.v1573-design-table td{
  padding:11px 10px;border-bottom:1px solid #e5ebf2;vertical-align:middle;text-align:left;
}
.v1573-design-table th{background:#f5f7fa;color:#52657d;font-size:12px;position:sticky;top:0;z-index:1}
.v1573-design-table .file-name{font-weight:800;color:#0a1d3a;overflow-wrap:anywhere}
.v1573-design-table .meta{font-size:11px;color:#6a788c;margin-top:4px}
.v1573-design-chip{
  display:inline-flex;align-items:center;min-height:25px;padding:3px 9px;border-radius:999px;
  background:#eef4fb;color:#214c78;font-weight:800;font-size:11px;
}
.v1573-design-actions{display:flex;gap:6px;flex-wrap:wrap}
.v1573-design-actions .btn{padding:7px 10px}
.v1573-design-deleted{opacity:.72;background:#fff8f7}
.v1573-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.v1573-form-grid .span2{grid-column:span 2}.v1573-form-grid .span4{grid-column:1/-1}
.v1573-form-grid label{display:block;font-size:12px;font-weight:800;color:#324967;margin-bottom:6px}
.v1573-form-grid input,.v1573-form-grid select,.v1573-form-grid textarea{
  width:100%;box-sizing:border-box;border:1px solid #cfd9e6;border-radius:9px;padding:10px 11px;background:#fff;font:inherit;
}
.v1573-form-note{margin-top:7px;color:#6b778b;font-size:11px}
.v1573-design-mobile{display:none}
#v1573ExcelPreviewModal .modal{width:min(1180px,96vw)}
.v1573-preview-scroll{overflow:auto;max-height:68vh;border:1px solid #dfe6ef;border-radius:10px}
.v1573-preview-table{border-collapse:collapse;min-width:700px;font-size:12px}
.v1573-preview-table td,.v1573-preview-table th{border:1px solid #dfe6ef;padding:6px 8px;white-space:pre-wrap;max-width:320px;overflow-wrap:anywhere}
.v1573-preview-table th{background:#f3f6fa;position:sticky;top:0}
.v1573-custom-category{display:none}
.v1573-custom-category.on{display:block}
@media(max-width:760px){
  #date.v1573-clock{min-width:0;font-size:10px}
  .v1573-form-grid{grid-template-columns:1fr 1fr}
  .v1573-form-grid .span2,.v1573-form-grid .span4{grid-column:1/-1}
  #designfiles .tablewrap{display:none}
  .v1573-design-mobile{display:flex;flex-direction:column;gap:10px}
  .v1573-design-card{background:#fff;border:1px solid #dfe6ef;border-radius:13px;padding:13px}
  .v1573-design-card h3{margin:0 0 5px;color:#0a1d3a;font-size:15px}
  .v1573-design-card p{margin:4px 0;color:#5f6f83;font-size:12px;white-space:pre-wrap}
}

#sh_custom_category_wrap input{width:100%}