/* Daily Life Doc, round 38 (zone T; the page "Goals, Progress, Instructions", part 6): the new parts of the Atlas tab
   on the Atlas card (.atl, .asec, .ash, .afr from css/atlas.css): Day's Days off row (js/atlas/atlas-tab.js),
   Preferences with ✕ in Edit and the + Preference row (js/atlas/atlas-prefs.js), Connections with a tinted status
   and History as day · words · who (js/atlas/atlas-more.js), and Files with Paste and Add file under the rows
   (js/profile/profile-files.js, the rows' look in css/profile.css). */

.aday-s { margin-top: 6px; }
.aoff .av > span { color: var(--ink); }

.apr .ax { width: 28px; height: 28px; border-radius: 999px; background: var(--field); color: var(--ink3); font-size: var(--t-xs); line-height: 28px; cursor: pointer; }
.apr .ax:hover { color: var(--bad); }
.apr .apin { flex: 1 1 100%; max-width: none; box-shadow: none; }
.apr .apin:focus { box-shadow: 0 0 0 2px var(--sage); }
.apadd { display: grid; grid-template-columns: 190px minmax(0, 1fr) auto; gap: 8px 12px; align-items: center; padding: 8px 10px; animation: dd-rise var(--m-add) var(--ease-out) both; }
.apadd .ain { max-width: none; box-shadow: none; }
.apadd .ain:focus { box-shadow: 0 0 0 2px var(--sage); }
.apbtn { display: inline-flex; gap: 6px; }
.apref .acts { margin-top: 4px; padding: 0 10px; }

.acn .av > span:first-child { font-weight: 500; }
.acn.s-ready .av > span:first-child { color: var(--good-d); }
.acn.s-building .av > span:first-child, .acn.s-waiting .av > span:first-child { color: var(--try-d); }
.acn.s-cannot .av > span:first-child { color: var(--bad); }
.acn.s-off .av > span:first-child { font-weight: 400; color: var(--ink3); }

.ahist .ahr { display: grid; grid-template-columns: 64px minmax(0, 1fr) auto; gap: 12px; align-items: baseline; padding: 7px 10px; font-size: var(--t-s); }
.ahist .ahr + .ahr { border-top: 1px solid var(--cardline); }
.ahist .ahday { font-size: var(--t-xs); color: var(--ink3); white-space: nowrap; }
.ahist .aht { overflow-wrap: anywhere; }
.ahist .ahb { font-size: var(--t-xs); color: var(--ink3); white-space: nowrap; }

.afiles .prf .acts { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; padding: 0 10px; }
.afiles .plist { margin-top: 0; }
.afiles .ppaste { padding: 0 10px; }

@media (max-width: 880px) {
  .apadd { grid-template-columns: minmax(0, 1fr); padding: 8px 6px; }
  .apbtn { justify-content: flex-end; }
  .apref .acts, .afiles .prf .acts, .afiles .ppaste { padding: 0 6px; }
  .ahist .ahr { grid-template-columns: 52px minmax(0, 1fr) auto; gap: 8px; padding: 7px 6px; }
}