/* Utility row B: client tools left, next-deadline chip right (a core/details disclosure). Scoped to .util-tools. */
.util-tools{--wheat:var(--wp--preset--color--highlight,var(--accent));--wheat-bg:var(--wp--preset--color--notice-bg);--wheat-ink:var(--wp--preset--color--notice-ink);--wheat-line:var(--wp--preset--color--notice-line);--wheat-on-deep:var(--wp--preset--color--highlight-on-deep,#fff);background:var(--stone);font-size:15px;color:var(--muted);position:relative;z-index:30}
.util-tools > .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px}
.util-tools .util-links{font-size:15px}
.util-tools .util-links ul{gap:24px}
.util-tools .util-links a{color:var(--ink);text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:7px;padding:4px 0}
.util-tools .util-links a:hover{text-decoration:underline}
.util-tools .i-lock > a::before{content:"";flex:none;width:16px;height:16px;background:var(--accent);-webkit-mask:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><rect x='4.5' y='10.5' width='15' height='10' rx='2'/><path d='M8 10.5V7.5a4 4 0 0 1 8 0v3'/></svg>") center/contain no-repeat;mask:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><rect x='4.5' y='10.5' width='15' height='10' rx='2'/><path d='M8 10.5V7.5a4 4 0 0 1 8 0v3'/></svg>") center/contain no-repeat}
.util-tools .i-upload > a::before{content:"";flex:none;width:16px;height:16px;background:var(--accent);-webkit-mask:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M12 15V4M7.5 8.5 12 4l4.5 4.5M5 14v4.5A1.5 1.5 0 0 0 6.5 20h11a1.5 1.5 0 0 0 1.5-1.5V14'/></svg>") center/contain no-repeat;mask:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M12 15V4M7.5 8.5 12 4l4.5 4.5M5 14v4.5A1.5 1.5 0 0 0 6.5 20h11a1.5 1.5 0 0 0 1.5-1.5V14'/></svg>") center/contain no-repeat}
.util-tools .i-card > a::before{content:"";flex:none;width:16px;height:16px;background:var(--accent);-webkit-mask:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='5.5' width='18' height='13' rx='2'/><path d='M3 10h18M7 15h4'/></svg>") center/contain no-repeat;mask:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='5.5' width='18' height='13' rx='2'/><path d='M3 10h18M7 15h4'/></svg>") center/contain no-repeat}
.util-tools .short-l{display:none}
.util-tools .util-r{display:flex;align-items:center;gap:20px}
.util-tools .tel{margin:0}.util-tools .tel a{color:var(--ink);font-weight:600;text-decoration:none}.util-tools .tel a:hover{text-decoration:underline}
.util-tools .due{position:relative;margin:0}
.util-tools .due > summary{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--wheat-line);background:var(--wheat-bg);color:var(--wheat-ink);font-size:15px;font-weight:700;cursor:pointer;white-space:nowrap;list-style:none}
.util-tools .due > summary::-webkit-details-marker{display:none}
.util-tools .due > summary::before{content:"";flex:none;width:16px;height:16px;background:var(--wheat);-webkit-mask:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='3.5' y='5' width='17' height='15.5' rx='2'/><path d='M3.5 10h17M8 3v4M16 3v4'/></svg>") center/contain no-repeat;mask:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='3.5' y='5' width='17' height='15.5' rx='2'/><path d='M3.5 10h17M8 3v4M16 3v4'/></svg>") center/contain no-repeat}
.util-tools .due > summary::after{content:"";flex:none;width:14px;height:14px;background:currentColor;-webkit-mask:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>") center/contain no-repeat;mask:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>") center/contain no-repeat}
.util-tools .due[open] > summary::after{transform:rotate(180deg)}
.util-tools .due-panel{position:absolute;right:0;top:calc(100% + 8px);width:min(360px,calc(100vw - 32px));background:#fff;border:1px solid var(--rule);border-radius:8px;box-shadow:0 12px 32px rgba(21,43,76,.16);padding:18px 20px 16px;z-index:40}
.util-tools .due-h{font-weight:700;color:var(--ink);font-size:15px;margin:0}
.util-tools .due-list{list-style:none;margin:8px 0 12px;padding:0}
.util-tools .due-list li{display:grid;gap:2px;padding:10px 0;border-top:1px solid var(--rule);color:var(--ink);line-height:1.4;font-size:15px}
.util-tools .due-list time{font-weight:700;color:var(--wheat-ink)}
.util-tools .go{margin:0}.util-tools .go a{font-weight:600;text-decoration:none;font-size:15px;white-space:nowrap}.util-tools .go a:hover .lbl{text-decoration:underline}
@media (max-width:640px){.util-tools > .wrap{min-height:48px;gap:10px}.util-tools .util-links ul{gap:14px}.util-tools .long{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.util-tools .short-l{display:inline}.util-tools .util-links .long{display:none}.util-tools .hide-sm{display:none}}
@media (max-width:400px){.util-tools .util-links ul{gap:12px}.util-tools .util-links a{gap:5px}}