.time-entry{border-left:5px solid #e4b900}.time-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid #ddd}.time-card>div{min-width:0}.time-card p{margin:6px 0}.time-card small{color:#5d6670}.time-card button{flex-shrink:0}.time-totals{background:#f5f6f7;border-radius:12px;padding:12px 20px;margin:16px 0}.time-price{display:block;width:100%;text-align:left;white-space:normal;margin:8px 0}[data-time-form] details p,[data-time-form] fieldset{overflow-wrap:anywhere}[data-time-price-picker]{margin-top:16px}@media(max-width:600px){.time-card{align-items:stretch;flex-direction:column}.time-card button{width:100%}.time-entry .btn{width:100%;white-space:normal}[data-time-form] .actions{display:grid;grid-template-columns:1fr}}
#modal:has([data-time-form]) .btn,#modal:has([data-time-billing]) .btn{white-space:normal;min-width:0;max-width:100%}#modal:has([data-time-billing]) p,#modal:has([data-time-list]){overflow-wrap:anywhere}@media(max-width:600px){#modal:has([data-time-billing]) .actions{display:grid;grid-template-columns:1fr}.time-totals{padding:10px}}