/* ─────────────────────────────────────────────────────────────────
 * tuta-extra.css — utilities the precompiled tuta.css does not contain.
 *
 * tuta.css is a Tailwind build frozen at a point in time: it only holds the
 * classes that existed in the codebase back then. Any newer page using a
 * class outside that set gets NO styling for it — silently. Rather than
 * rebuild Tailwind on every deploy, the handful of utilities newer pages
 * rely on are defined here, with Tailwind's exact semantics and names.
 *
 * Loaded right after tuta.css by layout-top.php and the standalone pages.
 * If you add a class that renders as nothing, add it here.
 * ───────────────────────────────────────────────────────────────── */

/* layout */
.flex-none{flex:none}
.self-center{align-self:center}
.w-40{width:10rem}
.h-40{height:10rem}
.inset-4{inset:1rem}
.max-h-64{max-height:16rem}
.max-h-72{max-height:18rem}
.max-w-6xl{max-width:72rem}
.min-w-\[12rem\]{min-width:12rem}
.min-w-\[16rem\]{min-width:16rem}
.max-w-\[10rem\]{max-width:10rem}
.max-w-\[14rem\]{max-width:14rem}
.p-10{padding:2.5rem}
.px-0\.5{padding-left:.125rem;padding-right:.125rem}
.mb-2\.5{margin-bottom:.625rem}
.-mx-1{margin-left:-.25rem;margin-right:-.25rem}
.gap-x-3{column-gap:.75rem}
.gap-x-6{column-gap:1.5rem}
.space-x-2>:not([hidden])~:not([hidden]){margin-left:.5rem}
.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}
.rotate-90{transform:rotate(90deg)}
.first\:border-t-0:first-child{border-top-width:0}

/* type */
.normal-case{text-transform:none}
.tracking-widest{letter-spacing:.1em}
.text-\[9px\]{font-size:9px;line-height:1.3}
.text-\[11\.5px\]{font-size:11.5px;line-height:1.4}
.text-\[12\.5px\]{font-size:12.5px;line-height:1.4}
.line-clamp-2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}

/* colour */
.bg-white\/90{background-color:rgba(255,255,255,.9)}
.bg-gray-50\/80{background-color:rgba(249,250,251,.8)}

/* responsive grids */
@media (min-width:768px){
  .md\:grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}
}
@media (min-width:1024px){
  .lg\:flex-col{flex-direction:column}
  .lg\:grid-cols-\[minmax\(0\,1fr\)_auto\]{grid-template-columns:minmax(0,1fr) auto}
}
@media (min-width:1280px){
  .xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
  .xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}
  .xl\:grid-cols-\[minmax\(0\,1fr\)_300px\]{grid-template-columns:minmax(0,1fr) 300px}
  .xl\:grid-cols-\[minmax\(0\,1fr\)_320px\]{grid-template-columns:minmax(0,1fr) 320px}
  .xl\:grid-cols-\[minmax\(0\,3fr\)_minmax\(0\,2fr\)\]{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}
}

/* widths used by the group reports tables */
.min-w-\[9rem\]{min-width:9rem}
.min-w-\[11rem\]{min-width:11rem}