/* ManualeReef site technical v2 — aligned with Tools/PWA */
.pro-workspace-panel[data-pro-panel="tecnica"]{
  display:grid;
  gap:18px;
  padding:6px 0 0;
}
.pro-workspace-panel[data-pro-panel="tecnica"]>.pro-panel-intro{
  margin:4px 0 0;
  padding:20px 22px;
  border:1px solid rgba(103,204,229,.16);
  border-radius:18px;
  background:linear-gradient(135deg,#0a3557,#082944);
  box-shadow:0 14px 34px rgba(0,0,0,.14);
}
.pro-workspace-panel[data-pro-panel="tecnica"]>.pro-panel-intro h2{color:#fff!important}
.pro-workspace-panel[data-pro-panel="tecnica"]>.pro-panel-intro p{color:#b8cddd!important}
.pro-workspace-panel[data-pro-panel="tecnica"]>.pro-panel-intro .resource-badge{
  color:#68d4ec!important;
  border-color:rgba(104,212,236,.35)!important;
}

#tool-technical.technical-v2{
  margin:0!important;
  padding:22px!important;
  border:1px solid rgba(103,204,229,.18)!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,#0a3557,#082944)!important;
  color:#fff!important;
  box-shadow:0 18px 42px rgba(0,0,0,.16)!important;
}
#tool-technical.technical-v2>.event-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  padding-bottom:18px;
  margin-bottom:0;
  border-bottom:1px solid rgba(255,255,255,.08);
}
#tool-technical.technical-v2>.event-head .resource-badge{
  color:#6fd7ec!important;
  border-color:rgba(111,215,236,.34)!important;
  background:rgba(111,215,236,.05)!important;
}
#tool-technical.technical-v2>.event-head h2{
  margin:8px 0 6px!important;
  color:#fff!important;
  font:700 clamp(28px,3vw,40px)/1.05 Georgia,"Times New Roman",serif!important;
}
#tool-technical.technical-v2>.event-head p{
  max-width:820px;
  margin:0!important;
  color:#b8cddd!important;
  line-height:1.6!important;
}
#tool-technical.technical-v2>.event-head .local-pill{
  flex:0 0 auto;
  border-color:rgba(241,190,77,.42)!important;
  background:rgba(241,190,77,.07)!important;
  color:#f2c35a!important;
}

#tool-technical.technical-v2 .technical-overview-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin:18px 0 20px;
}
#tool-technical.technical-v2 .technical-overview-grid article{
  min-height:118px;
  padding:16px 18px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:14px!important;
  background:#061f36!important;
  box-shadow:none!important;
}
#tool-technical.technical-v2 .technical-overview-grid span{
  color:#78d7ea!important;
  font-size:10px!important;
  letter-spacing:.12em!important;
  font-weight:900!important;
}
#tool-technical.technical-v2 .technical-overview-grid strong{
  margin-top:7px;
  color:#fff!important;
  font-size:32px!important;
  line-height:1!important;
}
#tool-technical.technical-v2 .technical-overview-grid small{
  margin-top:7px;
  color:#9fb7c7!important;
  line-height:1.45!important;
}

#tool-technical.technical-v2 .technical-columns,
#tool-technical.technical-v2 .technical-lists-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  margin-top:16px;
}
#tool-technical.technical-v2 .technical-panel{
  padding:18px!important;
  border:1px solid rgba(103,204,229,.16)!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,#0b3151,#08233c)!important;
  color:#fff!important;
  box-shadow:0 12px 28px rgba(0,0,0,.10)!important;
}
#tool-technical.technical-v2 .technical-panel-head{
  display:flex;
  flex-direction:column;
  gap:5px;
  margin:0 0 15px;
}
#tool-technical.technical-v2 .technical-panel-head h3{
  margin:0!important;
  color:#fff!important;
  font:700 24px/1.05 Georgia,"Times New Roman",serif!important;
}
#tool-technical.technical-v2 .technical-panel-head small{
  color:#9fb7c7!important;
  line-height:1.5!important;
}

#tool-technical.technical-v2 .technical-form-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
#tool-technical.technical-v2 .technical-form-grid label{
  display:flex;
  flex-direction:column;
  gap:7px;
  color:#c8dbe6!important;
  font-size:12px!important;
  font-weight:800!important;
}
#tool-technical.technical-v2 .technical-form-grid label .optional{color:#7f9aaa!important;font-weight:600!important}
#tool-technical.technical-v2 .technical-form-grid input,
#tool-technical.technical-v2 .technical-form-grid select{
  width:100%!important;
  min-height:46px!important;
  padding:10px 12px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:9px!important;
  background:#061f36!important;
  color:#fff!important;
  font:inherit!important;
  outline:none!important;
  box-shadow:none!important;
}
#tool-technical.technical-v2 .technical-form-grid input:focus,
#tool-technical.technical-v2 .technical-form-grid select:focus{
  border-color:#62cfe8!important;
  box-shadow:0 0 0 3px rgba(98,207,232,.10)!important;
}
#tool-technical.technical-v2 .technical-form-grid input::placeholder{color:#8fa6b6!important;opacity:1!important}
#tool-technical.technical-v2 .technical-full{grid-column:1/-1}
#tool-technical.technical-v2 .technical-action-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}
#tool-technical.technical-v2 .technical-action-row button,
#tool-technical.technical-v2 .technical-item-actions button{
  min-height:40px;
  padding:9px 14px!important;
  border-radius:9px!important;
  font-weight:900!important;
  cursor:pointer!important;
}
#tool-technical.technical-v2 .technical-action-row button:not(.secondary-btn){
  border:0!important;
  background:linear-gradient(180deg,#f6cc67,#e6ad38)!important;
  color:#082139!important;
}
#tool-technical.technical-v2 .technical-action-row .secondary-btn{
  border:1px solid rgba(255,255,255,.18)!important;
  background:#082842!important;
  color:#c6d9e4!important;
}
#tool-technical.technical-v2 #siteTechnicalMessage{
  min-height:20px;
  margin:14px 2px 0;
  color:#78d7ea!important;
  font-weight:700;
}

#tool-technical.technical-v2 .technical-list{display:flex;flex-direction:column;gap:10px}
#tool-technical.technical-v2 .technical-empty{
  padding:16px!important;
  border:1px dashed rgba(255,255,255,.16)!important;
  border-radius:12px!important;
  background:#061f36!important;
  color:#9fb7c7!important;
  line-height:1.55!important;
}
#tool-technical.technical-v2 .technical-item{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:14px;
  padding:14px 15px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:13px!important;
  background:#061f36!important;
  color:#fff!important;
}
#tool-technical.technical-v2 .technical-item-main{display:flex;flex-direction:column;gap:4px;min-width:0}
#tool-technical.technical-v2 .technical-item-main>span{
  color:#69d2e9!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.1em!important;
}
#tool-technical.technical-v2 .technical-item-main strong{color:#fff!important;font-size:16px!important;line-height:1.35!important}
#tool-technical.technical-v2 .technical-item-main small{color:#9fb7c7!important;line-height:1.5!important}
#tool-technical.technical-v2 .technical-item-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
#tool-technical.technical-v2 .technical-item-actions button{
  min-height:34px!important;
  padding:7px 10px!important;
  border:1px solid rgba(103,204,229,.20)!important;
  background:#0a3557!important;
  color:#bfeaf3!important;
  font-size:10px!important;
}
#tool-technical.technical-v2 .technical-item-actions .danger-soft{
  border-color:rgba(229,118,118,.25)!important;
  background:rgba(121,33,42,.16)!important;
  color:#ffb9bd!important;
}
#tool-technical.technical-v2 .technical-pill{
  display:inline-flex!important;
  margin-top:7px!important;
  padding:5px 8px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:999px!important;
  background:#0a3557!important;
  color:#acd0df!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.06em!important;
}
#tool-technical.technical-v2 .technical-pill.attention{border-color:rgba(241,190,77,.42)!important;background:rgba(241,190,77,.08)!important;color:#f2c35a!important}
#tool-technical.technical-v2 .technical-pill.soon{border-color:rgba(103,204,229,.34)!important;background:rgba(103,204,229,.07)!important;color:#79d8eb!important}
#tool-technical.technical-v2 .technical-linked-note{color:#80cfe2!important;font-style:normal!important}
#tool-technical.technical-v2>.site-shared-note{
  display:flex!important;
  gap:9px!important;
  align-items:flex-start!important;
  margin-top:18px!important;
  padding:13px 14px!important;
  border:1px solid rgba(103,204,229,.16)!important;
  border-radius:12px!important;
  background:rgba(103,204,229,.045)!important;
  color:#9fb7c7!important;
}
#tool-technical.technical-v2>.site-shared-note strong{color:#72d7ed!important}
#tool-technical.technical-v2>.site-shared-note span{color:#9fb7c7!important}

@media(max-width:900px){
  #tool-technical.technical-v2{padding:16px!important}
  #tool-technical.technical-v2>.event-head{flex-direction:column}
  #tool-technical.technical-v2 .technical-overview-grid,
  #tool-technical.technical-v2 .technical-columns,
  #tool-technical.technical-v2 .technical-lists-grid,
  #tool-technical.technical-v2 .technical-form-grid{grid-template-columns:1fr!important}
  #tool-technical.technical-v2 .technical-full{grid-column:auto}
  #tool-technical.technical-v2 .technical-item{flex-direction:column}
  #tool-technical.technical-v2 .technical-item-actions{justify-content:flex-start}
}
@media(max-width:560px){
  .pro-workspace-panel[data-pro-panel="tecnica"]>.pro-panel-intro{padding:16px}
  #tool-technical.technical-v2{border-radius:14px!important}
  #tool-technical.technical-v2 .technical-panel{padding:15px!important}
  #tool-technical.technical-v2 .technical-panel-head h3{font-size:21px!important}
  #tool-technical.technical-v2 .technical-overview-grid article{min-height:100px}
}
