/* Počítadlo dnů */
.dc-wrap{padding:1.2rem;}
.dc-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1rem;}
.dc-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:1rem;align-items:start;}

.dc-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.9rem;}
.dc-tab{border:1px solid rgba(127,127,127,.25);background:rgba(255,255,255,.02);padding:.55rem .85rem;border-radius:999px;cursor:pointer;font-weight:800;opacity:.88;}
.dc-tab.is-active{opacity:1;box-shadow:0 0 0 4px rgba(127,127,127,.12);}

.dc-panel{padding:.2rem 0 .4rem;}
.dc-two{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;}

.field{display:block;margin:.45rem 0;}
.field-label{display:block;font-weight:800;margin:.2rem 0 .4rem;}
.input{width:100%;padding:.85rem 1rem;border-radius:14px;border:1px solid rgba(127,127,127,.25);background:rgba(255,255,255,.02);outline:none;}
.input:focus{border-color:rgba(127,127,127,.5);box-shadow:0 0 0 4px rgba(127,127,127,.15);}
.field-help{margin-top:.35rem;}

.dc-options{display:flex;flex-direction:column;gap:.4rem;margin:.6rem 0 1rem;}

.dc-result{padding:1rem;border-radius:16px;border:1px solid rgba(127,127,127,.2);background:rgba(0,0,0,.06);}
.dc-big{font-size:2.2rem;font-weight:900;line-height:1.1;}
.dc-small{margin-top:.3rem;}

.dc-actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.8rem;}
.dc-toast{margin-top:.75rem;min-height:1.1rem;font-weight:700;opacity:.92;}
.dc-hint{margin-top:.75rem;}

.dc-panel-card{padding:1rem;border-radius:16px;border:1px solid rgba(127,127,127,.2);background:rgba(255,255,255,.02);}
.dc-panel-title{margin:.1rem 0 1rem;}
.dc-detail{display:grid;gap:.55rem;}
.dc-row{display:flex;justify-content:space-between;gap:1rem;padding:.65rem .75rem;border-radius:14px;border:1px solid rgba(127,127,127,.18);background:rgba(0,0,0,.06);}

.dc-note{margin-top:1rem;}
.dc-note-title{font-weight:900;margin:0 0 .35rem;}
.dc-note-list{margin:.3rem 0 0;padding-left:1.2rem;}
.dc-note-list li{margin:.25rem 0;}

@media (max-width: 900px){
  .dc-grid{grid-template-columns:1fr;}
  .dc-two{grid-template-columns:1fr;}
  .dc-big{font-size:1.9rem;}
}
