/* Bautagebuch (site_diary.js). Shell and list rows reuse the Rechtsassistent's classes (legal.css). */
.sd-bar{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;margin-bottom:12px;padding:12px 14px}
.sd-bar .field{margin-bottom:0}
.sd-project{flex:1;min-width:220px;max-width:460px}
.sd-daynav{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:12px}
.sd-daynav input[type=date]{padding:7px 10px;border:1px solid var(--bd);border-radius:10px;font-family:inherit;font-size:13px;background:var(--w);color:var(--tx)}
.sd-daynav-t{font-size:13px;font-weight:600;margin-left:6px}
.sd-state{font-size:11.5px;color:var(--tx2);margin:-4px 0 10px}
.sd-closed b{color:var(--tx)}
.sd-section{margin-bottom:10px;animation:segIn var(--dur-2) var(--ease-out)}
.sd-section-t{font-size:13px;font-weight:600;margin-bottom:10px}
.sd-section .field:last-child{margin-bottom:0}
.sd-section textarea,.sd-table input,.sd-ed-field input,.sd-ed-field select,.sd-ed-sec{width:100%;padding:8px 10px;border:1px solid var(--bd);border-radius:10px;font-family:inherit;font-size:13px;background:var(--w);color:var(--tx)}
.sd-section textarea{resize:vertical;line-height:1.5;display:block}
.sd-section textarea:focus,.sd-table input:focus,.sd-ed-field input:focus,.sd-ed-field select:focus,.sd-ed-sec:focus,.sd-daynav input:focus{outline:2px solid var(--pkl);border-color:var(--pk)}
.sd-short{max-width:340px}
.sd-table-wrap{overflow-x:auto}
.sd-table{width:100%;border-collapse:collapse;font-size:13px}
.sd-table th{text-align:left;font-size:11px;font-weight:600;color:var(--tx2);padding:0 6px 4px 0}
.sd-table td{padding:0 6px 6px 0;vertical-align:top}
.sd-table td:last-child,.sd-table th:last-child{width:1%;padding-right:0}
.sd-table input{min-width:90px}
.sd-table-ro td{padding:6px 10px 6px 0;border-top:1px solid var(--bd)}
.sd-table-ro td:last-child,.sd-table-ro th:last-child{width:auto}
.sd-addrow{margin-top:2px}
.sd-ro{margin-bottom:10px}
.sd-ro:last-child{margin-bottom:0}
.sd-ro-l{font-size:11px;font-weight:600;color:var(--tx2);margin-bottom:2px}
.sd-ro-v{font-size:13px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}
.sd-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px}
.sd-hint{font-size:11.5px;color:var(--tx2)}
.sd-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin-bottom:8px}
.sd-photo{position:relative;aspect-ratio:4/3;border-radius:10px;overflow:hidden;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:11.5px;color:var(--tx2);text-align:center}
.sd-photo img{width:100%;height:100%;object-fit:cover;cursor:zoom-in;display:block}
.sd-photo-x{position:absolute;top:5px;right:5px;width:22px;height:22px;border:0;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}
.sd-photo-add{border:1.5px dashed var(--bd2);background:transparent;cursor:pointer;transition:border-color var(--dur-1),background var(--dur-1)}
.sd-photo-add:hover{border-color:var(--tx2);background:var(--w)}
.sd-export{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:12px;padding:12px 14px}
.sd-export .field{margin-bottom:0}
.sd-export .lg-check{padding-bottom:9px}
.sd-export .btn{margin-left:auto}
.sd-ed-head{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.sd-ed-sec{font-weight:600}
.sd-ed-field{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.sd-ed-field .sd-ed-label{flex:2;min-width:160px}
.sd-ed-field select{flex:1;min-width:140px;width:auto}
.sd-ed-field .sd-ed-cols{flex:2;min-width:180px}
.sd-ed-btns{display:flex;gap:4px;flex-shrink:0;margin-left:auto}
@media (max-width:640px){
  .sd-daynav-t{flex-basis:100%;margin-left:0}
  .sd-export .btn{margin-left:0;width:100%;justify-content:center}
  .sd-ed-field{padding-bottom:8px;border-bottom:1px solid var(--bd)}
}
.sd-place{flex:1;min-width:200px;max-width:300px}
.sd-inline{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.sd-inline input{flex:1;min-width:200px}
.sd-wide{max-width:720px}
.sd-weather{white-space:nowrap}
.sd-section-t .ico{vertical-align:-2px;margin-right:4px}
.sd-capture-busy{display:flex;align-items:center;gap:12px;font-size:13px}
.sd-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.sd-chip{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;padding:3px 6px 3px 9px;border-radius:99px;background:var(--bg);color:var(--tx2);max-width:240px;overflow:hidden;white-space:nowrap}
.sd-chip button{border:0;background:transparent;color:var(--tx2);cursor:pointer;display:inline-flex;padding:2px;border-radius:50%}
.sd-chip button:hover{background:var(--bd)}
.sd-proposal{border-color:var(--tx)}
.sd-prop{display:flex;gap:10px;align-items:flex-start;padding:9px 0;border-top:1px solid var(--bd);cursor:pointer}
.sd-prop:first-of-type{border-top:0;padding-top:0}
.sd-prop input{margin-top:3px;flex-shrink:0}
.sd-prop-src{font-size:11.5px;color:var(--tx2);margin-top:3px;overflow-wrap:anywhere}
.sd-prop-src .ico{vertical-align:-1px}
.sd-prop-open{padding-top:9px;border-top:1px solid var(--bd)}
.sd-caption{font-size:12px;color:var(--tx2);margin-bottom:4px}
.sd-caption b{color:var(--tx);font-weight:600;margin-right:4px}
.sd-sources summary{cursor:pointer;margin-bottom:0;list-style-position:inside}
.sd-sources[open] summary{margin-bottom:10px}
.sd-setting .lg-check{align-items:flex-start;line-height:1.5}
.sd-setting .lg-check input{margin-top:3px}
.sd-setting b{color:var(--tx)}
.sd-legal-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:7px 0;border-top:1px solid var(--bd)}
.sd-legal-row:first-of-type{border-top:0;padding-top:0}
.sd-legal-btns{display:flex;gap:6px;flex-wrap:wrap}
.sd-hub-h{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px}
.sd-hub-pick{display:flex;gap:10px;flex-wrap:wrap}
.sd-hub-pick .field{flex:1;min-width:160px}
.sd-hub-pick select,.sd-hub-pick input{width:100%;padding:8px 10px;border:1px solid var(--bd);border-radius:10px;font-family:inherit;font-size:13px;background:var(--w);color:var(--tx)}
.sd-hub .sd-section{box-shadow:none}
.sd-cam{margin-top:8px}
.sd-cam video{width:100%;max-height:420px;border-radius:12px;background:#000;display:block;object-fit:contain}
.sd-shots{margin:8px 0 0;grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}
.sd-shot img{cursor:default}
.sd-capture .hub-rec{margin-top:8px}
.sd-link{display:flex;gap:10px;align-items:flex-start;padding:8px 0;border-top:1px solid var(--bd)}
.sd-section-t + .sd-link{border-top:0;padding-top:0}
.sd-link > .ico{margin-top:3px;flex-shrink:0;color:var(--tx2)}
.sd-link-b{flex:1;min-width:0}
.sd-link-x{border:0;background:none;color:var(--tx2);cursor:pointer;padding:3px;border-radius:6px;flex-shrink:0}
.sd-link-x:hover{background:var(--bg);color:var(--tx)}
.sd-prop .sd-link{padding:0;border:0;flex:1;min-width:0}
.sd-links-new{margin-top:6px}
.sd-section-t + .sd-links-new{margin-top:0}
.modal .sd-hub label.sd-prop{display:flex;font-size:inherit;font-weight:inherit;color:var(--tx);margin:0}