:root

{font-family:Inter,Arial,
sans-serif;
color:#202329;
background:#eef0f3}

*{box-sizing:border-box}

body{margin:0}

header {background:
#181a1e;
color:white;
padding:15px 24px;
display:flex;
justify-content:space-between;
align-items:center;gap:12px}

header strong
{font-size:19px;
letter-spacing:.4px}

header strong span{color:#ff801a}

header small{display:block;
color:#b4b5b9;
font-size:11px;
margin-top:4px}

.head-actions
{display:flex;
gap:8px}

button{border:0;
border-radius:8px;
padding:10px 13px;
cursor:pointer;
font-weight:700;
font-size:12px}

.orange{background:#f47c20;
color:#fff}

.ghost{background:#e9ebee;
color:#272a2d}

header
 .ghost
 {background:#35383d;
 color:#fff}

 main
 {display:grid;
 grid-template-columns:350px minmax(0,1fr);min-height:calc(100vh - 70px)}

 .sidebar{background:white;
 border-right:1px solid #dce0e4;
 padding:22px;max-height:calc(100vh - 70px);overflow:auto}

 .section-title
 {font-size:14px;
 font-weight:800;
 margin:23px 0 12px;
 padding-bottom:8px;
 border-bottom:1px solid #e7e8eb}

 .section-title:first-child{margin-top:0}

 label{font-size:12px;font-weight:700;
 display:block;
 margin:10px 0}

 input:not([type=checkbox]),

 select{display:block;width:100%;
 margin-top:6px;border:1px solid #d5d8dd;
 border-radius:7px;padding:9px;
 font:inherit;font-size:12px;background:#fff;min-width:0}

 input[type=file]{padding:7px}

 .two{display:grid;grid-template-columns:1fr 1fr;gap:9px}.

 two>*{min-width:0}.two button{margin-top:6px}.add-row

 {display:flex;gap:6px;align-items:end}

 .add-row input{flex:1}.add-row button
 {white-space:nowrap}.muted{color:#717780;font-size:11px;line-height:1.5}

 .full{width:100%;margin-top:8px}

 .training-item
{border:1px solid #e5e7ea;
 border-radius:8px;
 padding:9px;
 margin:8px 0}

 .training-item

  .training-top{display:flex;
  align-items:center;gap:7px}

 .training-top input
 {width:auto}

 .training-top span
 {flex:1;
 font-size:12px;
 font-weight:700}

 .training-top button
 {padding:3px 8px;
 background:#ffe6e0;
 color:#a33}

 .training-item input[type=date]{margin-top:7px}

 .workspace
 {padding:24px 26px;
 overflow:auto}

 .workspace-title{display:flex;

 justify-content:space-between;align-items:start;
 gap:10px;flex-wrap:wrap}

 .workspace-title h1
 {font-size:23px;
 margin:0 0 6px}

 .workspace-title p
 {font-size:13px;
 color:#6d737a;
 margin:0}

 .switch{background:#fff;
 border-radius:8px;
 padding:10px 14px;
 margin:0}

 .cards{display:flex;
 gap:26px;justify-content:center;
 align-items:start;
 flex-wrap:wrap;
 margin:30px auto}

 .card-wrap h2
 {font-size:13px;
 color:#555;
 text-align:center}

 .badge{position:relative;
 width:300px;height:501px;
 background:white;
 border:1px solid #c8cdd3;
 box-shadow:0 12px 28px #16191d20;
 overflow:hidden;background-size:100% 100%;
 background-repeat:no-repeat;
 isolation:isolate}

 .placeholder-art {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}

/* FRENTE */
.placeholder-art[data-side="front"] {
    background-image: url("../assets/img/background-frente.png");
}

/* VERSO */
.placeholder-art[data-side="back"] {
    background-image: url("../assets/img/background-verso.png");
}

 .badge.has-bg 
 .placeholder-art{display:none}

 .layer{position:absolute;z-index:2;
 box-sizing:border-box;
 overflow:hidden;
 overflow-wrap:anywhere;
 white-space:pre-line;
 line-height:1.18;
 padding:2px;
 color:#16191d;
 touch-action:none;
 user-select:none;
 cursor:move}

 .badge.editing 
 .layer:hover{outline:1px dashed #f47c20}.badge.editing .layer.selected{outline:2px solid #e46b12;background:#f47c2020}.badge:not(.editing) .layer{cursor:default}.photo-layer{padding:0;border:1px solid #ddd;background:#f2f3f5;display:flex;align-items:center;justify-content:center;text-align:center;font-size:12px;color:#777}.photo-layer img,.logo-layer img{width:100%;height:100%;object-fit:contain;display:block}.photo-layer img{object-fit:cover}.logo-layer{display:flex;align-items:center;justify-content:center;color:#aaa;font-size:10px}.trainings-layer{font-size:11px;line-height:1.4;white-space:normal}.trainings-layer div{margin-bottom:5px}.note{font-size:12px;color:#6e7379;text-align:center;margin:8px auto;max-width:650px}@media(max-width:820px){main{grid-template-columns:1fr}.sidebar{max-height:none}.workspace{padding:18px 8px}header{padding:12px}.head-actions{flex-wrap:wrap}.badge{width:300px;height:501px}}@page{size:A4 portrait;margin:12mm}@media print{header,.sidebar,.workspace-title,.note,.card-wrap h2{display:none!important}body,main,.workspace{background:#fff!important;margin:0!important;padding:0!important;display:block!important}.cards{display:flex!important;gap:5mm!important;justify-content:flex-start!important;align-items:flex-start!important;flex-wrap:nowrap!important;margin:0!important}.badge{width:85.6mm!important;height:142.9mm!important;box-shadow:none!important;border:0!important;print-color-adjust:exact;-webkit-print-color-adjust:exact;break-inside:avoid!important}.layer{outline:none!important;background:transparent!important}.card-wrap{break-inside:avoid!important}.placeholder-art{print-color-adjust:exact;-webkit-print-color-adjust:exact}}