/* NodifyTech daily tools - shared styles (uses site theme variables) */
.dt{font-family:var(--f);color:var(--t1)}
.dt *{box-sizing:border-box}
.dt-card{background:var(--bg2);border:1px solid var(--b);border-radius:var(--r2);padding:1.25rem;margin-bottom:1rem}
.dt-card h3{font-size:1rem;margin:0 0 .85rem;color:var(--t1);font-weight:700}
.dt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.85rem}
.dt-field{display:flex;flex-direction:column;gap:.35rem}
.dt-field label,.dt-lbl{font-size:.8rem;font-weight:600;color:var(--t2)}
.dt-in{width:100%;padding:.65rem .8rem;border:1px solid var(--b);border-radius:var(--r1);background:var(--bg1);color:var(--t1);font:inherit;font-size:.95rem;outline:none;transition:var(--tr)}
.dt-in:focus{border-color:var(--c1);box-shadow:0 0 0 3px var(--c1bg)}
textarea.dt-in{min-height:170px;resize:vertical;line-height:1.55}
.dt-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88rem}
.dt-row{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin-top:.85rem}
.dt-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1.1rem;border:0;border-radius:var(--r1);background:var(--c1);color:#fff;font:inherit;font-weight:600;font-size:.9rem;cursor:pointer;transition:var(--tr)}
.dt-btn:hover{background:var(--c1d)}
.dt-btn2{background:var(--bg1);color:var(--t1);border:1px solid var(--b)}
.dt-btn2:hover{background:var(--bg3)}
.dt-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin-top:1rem}
.dt-stat{background:var(--bg1);border:1px solid var(--b);border-radius:var(--r2);padding:.9rem;text-align:center}
.dt-stat b{display:block;font-size:1.35rem;color:var(--c1);font-weight:800;word-break:break-word}
.dt-stat span{font-size:.78rem;color:var(--t2)}
.dt-big{font-size:2.4rem;font-weight:800;color:var(--c1);text-align:center;margin:.5rem 0;font-variant-numeric:tabular-nums;word-break:break-word}
.dt-note{font-size:.8rem;color:var(--t3);margin-top:.6rem}
.dt-out{background:var(--bg1);border:1px dashed var(--b);border-radius:var(--r1);padding:.85rem;min-height:2.5rem;word-break:break-word;white-space:pre-wrap}
.dt-table{width:100%;border-collapse:collapse;font-size:.9rem;margin-top:.75rem}
.dt-table th,.dt-table td{padding:.55rem .6rem;border-bottom:1px solid var(--b);text-align:left}
.dt-table th{color:var(--t2);font-weight:600;font-size:.8rem}
.dt-check{display:inline-flex;align-items:center;gap:.4rem;font-size:.88rem;color:var(--t2);cursor:pointer}
.dt-tag{display:inline-block;padding:.2rem .6rem;border-radius:var(--rf);background:var(--c1bg);color:var(--c1);font-size:.78rem;font-weight:600}
/* layout safety + mobile */
.tool-grid>*,.tool-body>*{min-width:0}
.dt{max-width:100%}
.dt-out,.dt-stat b{overflow-wrap:anywhere}
.dt-table th{white-space:nowrap}
.dt input,.dt select,.dt textarea{min-width:0;max-width:100%}
.dt input[type=range]{width:100%;accent-color:var(--c1)}
.dt-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.dt-scroll .dt-table{min-width:100%}
.dt img,.dt canvas,.dt video{max-width:100%;height:auto}
.dt input[type=file].dt-in{padding:.5rem}
@media(max-width:600px){
.tool-box.dt{padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
.dt-card{padding:.9rem;border-radius:var(--r1)}
.dt-card h3{font-size:.95rem}
.dt-grid{grid-template-columns:1fr 1fr;gap:.65rem}
.dt-grid>.dt-field:only-child{grid-column:1/-1}
.dt-in{font-size:16px;padding:.6rem .7rem}
.dt-stats{grid-template-columns:1fr 1fr;gap:.55rem}
.dt-stat{padding:.7rem .5rem}
.dt-stat b{font-size:1.05rem}
.dt-big{font-size:1.75rem}
.dt-row{gap:.45rem}
.dt-btn{padding:.6rem .85rem;font-size:.85rem}
.dt-table{font-size:.82rem}
.dt-table th,.dt-table td{padding:.45rem .4rem}
textarea.dt-in{min-height:140px}
}
@media(max-width:380px){.dt-grid{grid-template-columns:1fr}.dt-big{font-size:1.5rem}}
@media(max-width:600px){.dt input[type=time]::-webkit-calendar-picker-indicator{display:none}.dt input[type=time]{padding-left:.3rem;padding-right:.3rem}}

/* ---- v6 ---- */
.dt-btn:disabled{opacity:.5;cursor:not-allowed}
.dt-btn.dt-sm{padding:.4rem .7rem;font-size:.8rem}
.dt-drop{border:2px dashed var(--b);border-radius:var(--r2);padding:1.6rem 1rem;text-align:center;cursor:pointer;background:var(--bg1);transition:var(--tr);display:flex;flex-direction:column;align-items:center;gap:.25rem}
.dt-drop:hover,.dt-drop.on,.dt-drop:focus{border-color:var(--c1);background:var(--c1bg);outline:none}
.dt-drop i{font-size:1.8rem;color:var(--c1)}.dt-drop b{font-size:.95rem}.dt-drop span{font-size:.78rem;color:var(--t3)}
.dt-seg{display:inline-flex;flex-wrap:wrap;gap:.3rem;background:var(--bg1);border:1px solid var(--b);border-radius:var(--r1);padding:.25rem}
.dt-seg button{border:0;background:none;color:var(--t2);font:inherit;font-size:.85rem;font-weight:600;padding:.45rem .8rem;border-radius:calc(var(--r1) - 2px);cursor:pointer}
.dt-seg button.on{background:var(--c1);color:#fff}
.dt-preview{background:repeating-conic-gradient(var(--bg3) 0 25%,var(--bg1) 0 50%) 50%/16px 16px;border:1px solid var(--b);border-radius:var(--r1);display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:120px}
.dt-preview canvas,.dt-preview img,.dt-preview video{max-width:100%;max-height:70vh;display:block}
.dt-list{list-style:none;margin:.6rem 0 0;padding:0;display:flex;flex-direction:column;gap:.4rem}
.dt-list li{display:flex;align-items:center;gap:.5rem;background:var(--bg1);border:1px solid var(--b);border-radius:var(--r1);padding:.5rem .65rem;font-size:.88rem;min-width:0}
.dt-list li>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dt-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .7rem;border-radius:var(--rf);background:var(--bg1);border:1px solid var(--b);font-size:.82rem;cursor:pointer;color:var(--t1)}
.dt-chip:hover{border-color:var(--c1);color:var(--c1)}
.dt-progress{height:8px;background:var(--bg3);border-radius:99px;overflow:hidden;margin-top:.6rem}.dt-progress i{display:block;height:100%;width:0;background:var(--c1);transition:width .2s}
.dt-kbd{display:inline-block;padding:.1rem .45rem;border:1px solid var(--b);border-bottom-width:2px;border-radius:6px;font-family:ui-monospace,monospace;font-size:.8rem;background:var(--bg1)}
.dt-full{grid-column:1/-1}
.dt-split{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
@media(max-width:700px){.dt-split{grid-template-columns:1fr}}
@media(max-width:600px){.dt-drop{padding:1.2rem .8rem}.dt-seg{display:flex;width:100%}.dt-seg button{flex:1;padding:.45rem .4rem;font-size:.8rem}.dt-preview canvas,.dt-preview img,.dt-preview video{max-height:55vh}}

/* ---- v7: steps wizard, compact controls, print ---- */
.dt-steps{position:relative}
.dt-steps-nav{list-style:none;margin:0 0 .9rem;padding:0;display:flex;gap:.35rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.dt-steps-nav::-webkit-scrollbar{display:none}
.dt-steps-nav li{flex:1 0 auto}
.dt-steps-nav button{width:100%;display:flex;align-items:center;gap:.4rem;border:1px solid var(--b);background:var(--bg1);color:var(--t2);border-radius:var(--rf);padding:.35rem .7rem .35rem .35rem;font:inherit;font-size:.78rem;font-weight:600;cursor:pointer;white-space:nowrap}
.dt-steps-nav span{width:22px;height:22px;border-radius:50%;background:var(--bg3);display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;flex:none}
.dt-steps-nav em{font-style:normal}
.dt-steps-nav li.on button{border-color:var(--c1);color:var(--c1);background:var(--c1bg)}
.dt-steps-nav li.on span{background:var(--c1);color:#fff}
.dt-steps-nav li.done span{background:#16a34a;color:#fff}
.dt-steps-ctl{display:flex;gap:.5rem;align-items:center;justify-content:space-between;margin-top:1rem;padding-top:.8rem;border-top:1px solid var(--b)}
.dt-steps-count{font-size:.78rem;color:var(--t3)}
.dt-step{animation:dtfade .2s ease}
@keyframes dtfade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(max-width:600px){.dt-steps-nav em{display:none}.dt-steps-nav li.on em{display:inline}.dt-steps-nav button{padding:.3rem .55rem .3rem .3rem}.dt-steps-ctl{position:sticky;bottom:0;background:var(--bg2);margin:1rem -.9rem -.9rem;padding:.7rem .9rem;border-radius:0 0 var(--r1) var(--r1);z-index:3}.dt-steps-ctl .dt-btn{flex:1;justify-content:center}}
.dt-mini{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.5rem}
.dt-mini .dt-btn{justify-content:center}
@media print{
 .nav,header,footer,.side,.tool-blog,.related,.share-row,.card-bar,.fixed-ad-box,.c-btn,.crumbs,.th-badges,.skip-link,ins,iframe,.wa-float,.back-top,#backTop,.dt-drop,.dt-btn,.dt-row,.dt-seg,.dt-steps-nav,.dt-steps-ctl,.dt-noprint,input[type=range],input[type=file]{display:none!important}
 body,.tool-body,.tool-grid,.tool-box,.dt-card{background:#fff!important;color:#000!important;box-shadow:none!important}
 .tool-grid{display:block!important}.tool-hero{padding:0!important;background:none!important}
 .dt-card{border:1px solid #ddd!important;break-inside:avoid;page-break-inside:avoid}
 .dt-step[hidden]{display:block!important}
 .dt-in{border:1px solid #bbb!important;background:#fff!important;color:#000!important}
 a[href]:after{content:none!important}
}