/* TimeKube — the date parts and their calendar (window.TKWhen, js/tk-when.js), wherever they are mounted: the photo dialogs, Add / Edit person, New moment, Milestones, Share, the profile, the Kube wizard. Moved from css/tk-details.css 132-167 (8c-2b). */
.tkw-sum{display:flex;align-items:center;gap:5px;flex-wrap:nowrap}
.tkw-msg{margin-top:6px;font-size:13px;color:#c0392b}
.tkw.bad .tkw-part{border-color:#e3a39b}
.tkw-part{border:1.5px solid #e6e4e4;border-radius:999px;padding:6px 8px;font:inherit;font-size:14px;background:#fff;color:#080830;text-align:center;outline:0}
.tkw-part.y{width:68px}.tkw-part.m{width:66px}.tkw-part.d{width:50px}
.tkw-part::placeholder{color:#a9a9b8}
.tkw-part.on{border-color:#080830;font-weight:600}
.tkw-part:focus{border-color:#080830;box-shadow:0 0 0 3px rgba(8,8,48,.08)}
.tkw-part:disabled{opacity:1;background:#fff;color:#080830}
.tkw-sum.ro .tkw-part{opacity:.45;background:#fafafa}
.tkw-time{border:1.5px solid #e6e4e4;border-radius:999px;padding:5px 8px;font:inherit;font-size:13px;margin-left:auto;min-width:0}
.tkw-acts{display:inline-flex;gap:0;margin-left:2px;flex:none}
.tkw-ico{border:0;background:transparent;width:30px;height:30px;padding:4px;border-radius:50%;cursor:pointer;color:#a9a9b8;transition:color .15s ease}
.tkw-ico:hover{color:#080830}
.tkw-ico svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tkw-box{border:1px solid #e6e4e4;border-radius:14px;padding:10px;width:300px;max-width:100%;background:#fff}
/* Open, the calendar floats over what is below it: the pills stay where they were, nothing moves. */
.tkw.open{position:relative;height:34px;z-index:40}
.tkw.open .tkw-box{position:absolute;left:-11px;top:-11px;box-shadow:0 14px 34px rgba(8,8,48,.16)}
.tkw-box .tkw-part{padding:6px 6px}
.tkw-panel{margin-top:10px;padding:0 2px}
.tkw-nav{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#080830;margin-bottom:8px}
.tkw-nav .tkw-arr{border:0;background:transparent;width:26px;height:26px;border-radius:50%;cursor:pointer;font-size:18px;color:#a9a9b8}
.tkw-nav .tkw-arr:hover{color:#080830;background:#f5f4f4}
.tkw-head{font-weight:600}
.tkw-nav button.tkw-head,.tkw-head button{border:0;background:transparent;font:inherit;font-weight:600;color:#080830;cursor:pointer;padding:2px 4px;border-radius:6px}
.tkw-head button:hover,.tkw-nav button.tkw-head:hover{background:#f5f4f4}
.tkw-grid{display:grid;gap:4px}
.tkw-grid.y,.tkw-grid.m{grid-template-columns:repeat(4,1fr)}
.tkw-grid.d{grid-template-columns:repeat(7,1fr)}
.tkw-grid button{border:0;background:transparent;border-radius:8px;padding:7px 0;font:inherit;font-size:14px;cursor:pointer;color:#080830}
.tkw-grid button:hover{background:#f5f4f4}
.tkw-grid button.on{background:#080830;color:#fff}
.tkw-grid button.dim{color:#c7c7d2}
.tkw-wd{text-align:center;font-size:11px;color:#6b6b80;padding:2px 0}