.tng{position:relative;background:#fff;border:1px solid #eadfd8;border-radius:15px;padding:10px 8px 24px;overflow:hidden}.tng-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:4px 5px 12px}.tng-month{font-size:20px;font-weight:750;text-transform:capitalize}.tng-actions{display:flex;gap:6px}.tng-actions button{background:#f3ebe6;border:1px solid #eadfd8;border-radius:9px;padding:8px 10px;color:#302925}.tng-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;margin-bottom:10px}.tng-days button{border:0;background:transparent;border-radius:12px;padding:7px 0;color:#302925}.tng-days button span{display:block;font-size:12px;text-transform:capitalize}.tng-days button strong{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;margin-top:4px;font-size:17px}.tng-days button.active strong{background:#302925;color:#fff;border-radius:50%}.tng-scroll{overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.tng-columns{display:flex;min-width:max-content}.tng-clock{width:58px;flex:none;position:sticky;left:0;background:white;z-index:4;border-right:1px solid #eadfd8}.tng-name{height:52px;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:700;padding:5px;border-bottom:1px solid #eadfd8;background:#fbf8f5;position:sticky;top:0;z-index:2}.tng-clockbody{position:relative}.tng-time{position:absolute;left:0;right:0;transform:translateY(-8px);font-size:12px;text-align:center;color:#776d67}.tng-person{width:175px;flex:none;border-right:1px solid #eadfd8}.tng-track{position:relative;background:repeating-linear-gradient(to bottom,transparent 0,transparent 42.5px,#eadfd8 43px,#eadfd8 43.5px)}.tng-appt{position:absolute;left:3px;right:3px;width:calc(100% - 6px);background:#f0faf8;border:1px solid #c4e6e0;border-left:4px solid #53afa7;border-radius:3px;text-align:left;overflow:hidden;padding:5px 6px;display:flex;flex-direction:column;align-items:flex-start;gap:2px;color:#302925;font-size:12px;cursor:pointer}.tng-appt b{font-size:12px}.tng-appt strong{font-size:13px}.tng-appt span,.tng-appt small{font-size:11px;line-height:1.3}.tng-plus{position:sticky;left:100%;bottom:12px;display:block;margin:12px 8px 0 auto;width:54px;height:54px;border:0;border-radius:50%;background:#3155d7;color:white;font-size:34px;box-shadow:0 3px 12px #0002}.tng-empty{padding:25px;color:#776d67}@media(max-width:600px){.tng-person{width:158px}.tng-clock{width:49px}.tng-month{font-size:17px}.tng-actions button{padding:7px}}

.tng-block{position:absolute;left:3px;right:3px;width:calc(100% - 6px);background:#e5e2df;border:1px solid #a6a09a;border-left:4px solid #77716d;color:#38332f;font-size:12px;text-align:left;padding:4px;z-index:1;overflow:hidden;cursor:pointer}.tng-appt{z-index:2}.tng-track{touch-action:pan-x}.tn-rule-days{display:flex;flex-wrap:wrap;gap:8px}.tn-rule-days label{padding:8px;border:1px solid #ddd;border-radius:8px}.tn-rule-days input{width:auto}