/*******************************************************************************
 * @file         productivity.css
 * @brief        Part of the TopoTrace static module.
 * @project      TopoTrace
 *
 * @author       Michael McGinnis
 * @date         2026-09-18
 * @version      1.0.0
 *
 * Copyright (c) 2026 TopoTrace LLC. All rights reserved.
 * Licensed under the Apache License, Version 2.0 -- see the LICENSE file at the repository root.
 ******************************************************************************/

.product-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 24px;padding-bottom:18px;border-bottom:1px solid var(--border,#dfe5e9)}.product-tabs a{padding:7px 11px;background:#fff;border:1px solid #dfe5e9;border-radius:7px;font-size:12px}.product-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0}.product-metrics a{padding:24px;background:#fff;border:1px solid #dfe5e9;border-radius:10px;font-size:17px;font-weight:650}.product-attention{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:14px 0;border-bottom:1px solid #edf0f2}.product-attention small{display:block;color:#60717d;margin-top:4px}.product-table{width:100%;overflow:auto}.product-table table{width:100%;font-size:12px}.product-table td{max-width:420px;overflow-wrap:anywhere;vertical-align:top}.product-table pre{white-space:pre-wrap;max-height:280px;overflow:auto;font-size:11px}.product-page .work-field{margin-bottom:12px}.product-page textarea{width:100%;padding:12px}.product-host-picker{max-height:300px;overflow:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}.product-secret{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}.product-page .fact-card{margin-bottom:20px}@media(max-width:700px){.product-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.product-attention{align-items:flex-start}.product-tabs a{font-size:11px}.product-metrics a{padding:16px;font-size:14px}}
.product-tabs a{text-decoration:none}.product-tabs a[aria-current="page"]{background:#9e2435;color:white;border-color:#9e2435}.product-metrics a{text-decoration:none;display:flex;flex-direction:column;gap:8px}.product-metrics strong{font-size:30px;line-height:1.2}.product-metrics span{font-size:12px;color:#60717d;font-weight:500}.product-page .visibility-toolbar{display:flex;flex-wrap:wrap;gap:14px}.product-page .fact-card>button{margin-right:10px;margin-top:10px}

.product-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.product-page details>summary{cursor:pointer;font-size:15px;font-weight:650}.product-page details[open]>summary{margin-bottom:20px}@media(max-width:700px){.product-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}