/* 16a.11 · מצגת הצעה ללקוח – עורך משמאל תצוגה, טופס מימין (תחילת השורה) */
.dk-list .dk-new{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px;margin-bottom:16px}
.dk-list .dk-new label{flex-basis:100%;font-size:calc(13px * var(--fz));font-weight:600}
.dk-list .dk-new select{flex:1;min-width:0;max-width:460px;padding:9px 11px;border:1px solid var(--line);border-radius:var(--radius);background:var(--raised)}
.dk-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.dk-item{display:flex;gap:12px;align-items:center;text-align:right;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:10px;color:var(--ink);cursor:pointer;font:inherit}
.dk-item:hover{border-color:var(--signal-line);background:var(--raised)}
.dk-item .dk-th{width:88px;height:62px;flex:none;border-radius:4px;background:var(--line-soft) center/cover no-repeat}
.dk-item .dk-tx{display:flex;flex-direction:column;gap:3px;min-width:0}
.dk-item b{font-size:calc(15px * var(--fz));overflow-wrap:anywhere}
.dk-item small{color:var(--muted);font-size:calc(13px * var(--fz))}

.dk-ed .page-head .tools{display:flex;gap:8px;flex-wrap:wrap;margin-inline-start:auto}
.dk-tabs{display:none;gap:6px;margin-bottom:12px}
.dk-tabs .btn{flex:1}
.dk-tabs .btn.on{background:var(--signal);color:var(--surface);border-color:var(--signal)}
.dk-split{display:grid;grid-template-columns:minmax(360px,440px) minmax(0,1fr);gap:18px;align-items:start}
.dk-form{display:flex;flex-direction:column;gap:10px;min-width:0}
.dk-prev{position:sticky;top:76px;max-height:calc(100vh - 96px);overflow:auto;min-width:0;padding-bottom:20px}
.dk-prev-head{display:flex;gap:10px;align-items:baseline;color:var(--muted);font-size:calc(13px * var(--fz));margin-bottom:10px}
.dk-prev-head b{color:var(--ink);font-size:calc(15px * var(--fz))}
#dkSlides{display:flex;flex-direction:column;gap:12px}
.dk-frame{position:relative;overflow:hidden;border-radius:4px;box-shadow:0 1px 3px rgba(var(--shadow),.14);flex:none}
.dk-num{position:absolute;top:8px;right:8px;z-index:2;background:rgba(15,42,38,.85);color:#F6F2EA;font-size:11px;padding:2px 7px;border-radius:20px;font-variant-numeric:tabular-nums}
@media(max-width:980px){
  .dk-tabs{display:flex}
  .dk-split{grid-template-columns:1fr}
  .dk-prev{position:static;max-height:none;overflow:visible}
  .dk-split[data-view="edit"] .dk-prev{display:none}
  .dk-split[data-view="preview"] .dk-form{display:none}
}

.dk-sec{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}
.dk-sec>summary{list-style:none;display:flex;align-items:center;gap:10px;padding:11px 14px;cursor:pointer;font-weight:700;font-size:calc(15px * var(--fz))}
.dk-sec>summary::-webkit-details-marker{display:none}
.dk-sec>summary small{font-weight:400;color:var(--muted);font-size:calc(12px * var(--fz))}
.dk-sec>summary .chev{margin-inline-start:auto;color:var(--muted);transition:transform .15s}
.dk-sec[open]>summary .chev{transform:rotate(-90deg)}
.dk-sec .dk-on{width:17px;height:17px;accent-color:var(--signal);margin:0}
.dk-body{border-top:1px solid var(--line-soft);padding:12px 14px 14px;display:flex;flex-direction:column;gap:10px}
.dk-row{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}
.dk-row.c2{grid-template-columns:1fr 1fr}
.dk-row.c3{grid-template-columns:1fr 1fr 1fr}
.dk-col{display:flex;flex-direction:column;gap:8px}
.dk-f{display:flex;flex-direction:column;gap:4px;min-width:0}
.dk-f>span{font-size:calc(12.5px * var(--fz));font-weight:600;color:var(--muted)}
.dk-ed input[type=text],.dk-ed select,.dk-ed textarea{width:100%;min-width:0;padding:8px 10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--raised);color:var(--ink)}
.dk-ed input[type=text]:focus,.dk-ed select:focus,.dk-ed textarea:focus{border-color:var(--signal);background:var(--surface);outline:none}
.dk-ed input::placeholder,.dk-ed textarea::placeholder{color:var(--faint)}
.dk-ed textarea{resize:vertical;line-height:1.5}
.dk-ed input[type=color]{width:42px;height:34px;padding:2px;border:1px solid var(--line);border-radius:var(--radius);background:var(--raised)}
.dk-sw{display:inline-flex;align-items:center;gap:6px;font-size:calc(13px * var(--fz));min-height:36px}
.dk-sw input{accent-color:var(--signal);width:16px;height:16px}
.dk-help{margin:0;color:var(--muted);font-size:calc(12.5px * var(--fz));line-height:1.5}
.dk-sub{font-size:calc(12.5px * var(--fz));font-weight:700;color:var(--signal);margin-top:2px}
.dk-acts{display:flex;gap:8px;flex-wrap:wrap}

.dk-img{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px;border:1px dashed var(--line-2);border-radius:var(--radius);background:var(--raised)}
.dk-img .dk-th{width:64px;height:46px;flex:none;border-radius:4px;background:var(--line-soft) center/cover no-repeat}
.dk-img .dk-meta{flex:1;min-width:110px;display:flex;flex-direction:column;gap:2px}
.dk-img .dk-meta small{color:var(--muted)}
.dk-file{position:relative;overflow:hidden;cursor:pointer}
.dk-file input{position:absolute;inset:0;opacity:0;cursor:pointer}

.dk-card{border:1px solid var(--line);border-radius:var(--radius);padding:10px;display:flex;flex-direction:column;gap:8px;background:var(--raised)}
.dk-card-h{display:flex;align-items:center;gap:6px}
.dk-card-h b{flex:1;font-size:calc(13.5px * var(--fz))}
.dk-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.dk-chip{display:inline-flex;align-items:center;gap:4px;border-radius:5px;padding:3px 4px 3px 8px;font-size:calc(12.5px * var(--fz));font-weight:700;border:1px solid transparent}
.dk-chip.walk{background:#EDE7DB;color:#0F2A26;font-weight:500}
.dk-chip.bus{background:#1E7B45;color:#FCFAF5;cursor:pointer}
.dk-chip.bus.o{background:transparent;color:var(--ink);border-color:var(--ink)}
.dk-chip .x{background:none;border:0;color:inherit;padding:0 2px;font-size:15px;line-height:1;opacity:.7;cursor:pointer}
.dk-chip .x:hover{opacity:1}
.dk-chev{color:var(--muted)}
.dk-addline{display:inline-flex;gap:4px;align-items:center}
.dk-addline input[type=text]{width:72px}
.dk-ph{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.dk-ph-i{display:flex;flex-direction:column;gap:4px;min-width:0}
.dk-ph-im{aspect-ratio:4/3;max-width:100%;border-radius:4px;background:var(--line-soft) center/cover no-repeat;position:relative}
.dk-ph-im button{position:absolute;top:4px;left:4px;border:0;border-radius:4px;background:rgba(15,42,38,.82);color:#fff;padding:1px 8px;font-size:14px;cursor:pointer}

.dk-pick{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;max-height:60vh;overflow:auto;margin:6px 0 14px}
.dk-pick-i{position:relative;padding:0;border:2px solid transparent;border-radius:6px;background:var(--line-soft);aspect-ratio:4/3;overflow:hidden;cursor:pointer}
.dk-pick-i img{width:100%;height:100%;object-fit:cover;display:block}
.dk-pick-i[aria-pressed="true"]{border-color:var(--signal)}
.dk-pick-i span{position:absolute;top:6px;right:6px;min-width:22px;height:22px;border-radius:11px;background:var(--signal);color:var(--surface);font-weight:700;font-size:13px;display:grid;place-items:center}
.dk-pick-i span:empty{display:none}
@media(max-width:520px){.dk-row.c3{grid-template-columns:1fr 1fr}.dk-row.c2{grid-template-columns:1fr}}

#dkLocHint,#dkCmHint{color:var(--warn);font-weight:600}
/* 16a.13 · חישוב זמני הגעה */
.dk-calc{border:1px solid var(--signal-line);background:var(--signal-soft);border-radius:var(--radius);padding:10px;display:flex;flex-direction:column;gap:8px}
.dk-calc-msg{margin:0;font-size:calc(12.5px * var(--fz));color:var(--signal);font-weight:600}
.dk-calc-msg.bad{color:var(--alert)}
/* 16a.15 · עורך המפה */
.dk-zoom{display:flex;align-items:center;gap:8px;min-height:36px}
.dk-zoom b{min-width:64px;text-align:center;font-variant-numeric:tabular-nums}
/* 16a.16 · בחירת אייקון לסניפים */
.dk-icons{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.dk-icon{display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 2px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);cursor:pointer;font:inherit}
.dk-icon small{font-size:calc(11.5px * var(--fz));color:var(--muted)}
.dk-icon:hover{border-color:var(--signal-line)}
.dk-icon[aria-checked="true"]{border-color:var(--signal);background:var(--signal-soft);color:var(--signal)}
.dk-icon[aria-checked="true"] small{color:var(--signal)}
/* 16a.18 · שיתוף המצגת בפאנל הלקוח */
.dk-share{display:flex;flex-direction:column;gap:8px;margin:6px 0 14px}
.dk-share-row{display:flex;gap:10px;align-items:flex-start;padding:10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--raised);cursor:pointer}
.dk-share-row input{margin-top:3px;accent-color:var(--signal);width:17px;height:17px}
.dk-share-row span{display:flex;flex-direction:column;gap:2px}
.dk-share-row small{color:var(--muted)}
.co-deck{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px 12px;margin:10px 0;border:1px solid var(--signal-line);background:var(--signal-soft);border-radius:var(--radius)}
.co-deck span{display:flex;flex-direction:column;gap:2px}
.co-deck small{color:var(--muted);font-size:calc(12.5px * var(--fz))}
.co-deck a.btn{text-decoration:none}
/* 16a.19 · משימה חודשית עם רשימת דירות */
.tg-items{margin-top:10px;border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--raised)}
.tg-items>summary{list-style:none;display:flex;align-items:center;gap:10px;padding:8px 10px;cursor:pointer;font-size:calc(13.5px * var(--fz))}
.tg-items>summary::-webkit-details-marker{display:none}
.tg-bar{flex:0 0 120px;height:6px;border-radius:3px;background:var(--line-soft);overflow:hidden}
.tg-bar span{display:block;height:100%;background:var(--signal)}
.tg-items ul{list-style:none;margin:0;padding:4px 10px 10px;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:4px 12px}
.tg-row{display:flex;align-items:center;gap:8px;padding:4px 0;cursor:pointer;font-size:calc(14px * var(--fz))}
.tg-row input{accent-color:var(--signal);width:17px;height:17px;flex:none}
.tg-row.on span{color:var(--muted);text-decoration:line-through}
.tg-row small{color:var(--faint);font-size:calc(12px * var(--fz));margin-inline-start:auto}
/* 16a.20 · טופס הוצאה */
.ff-extra{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;padding:10px;border:1px solid var(--signal-line);background:var(--signal-soft);border-radius:var(--radius)}
.ff-extra label{display:flex;flex-direction:column;gap:5px;font-weight:600;font-size:calc(13px * var(--fz))}
.ff-extra select{padding:9px 11px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.ff-file{grid-column:1/-1;display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-weight:600;font-size:calc(13px * var(--fz))}
.ff-file small{color:var(--muted);font-weight:400}
.ff-pick{position:relative;overflow:hidden;cursor:pointer}
.ff-pick input{position:absolute;inset:0;opacity:0;cursor:pointer}
.ff-taxdoc{margin:10px 0;border:1px solid var(--line);border-radius:var(--radius);padding:4px 10px}
.ff-taxdoc>summary{cursor:pointer;padding:6px 0;font-weight:600}
@media(max-width:560px){.ff-extra{grid-template-columns:1fr}}

/* 16a.20 · חשבונות בנכס */
.bills-panel .op-state.bl-ours{color:var(--muted)}
.bills-panel .op-state.bl-reimburse{color:var(--warn)}
.bills-panel .op-state.bl-owes{color:var(--signal)}
.bl-modes{border:1px solid var(--line);border-radius:10px;padding:8px 12px;margin:4px 0 12px;display:grid;gap:6px}
.bl-modes legend{padding:0 6px;font-weight:700;font-size:calc(13.5px * var(--fz))}
.bl-mode{display:flex;gap:10px;align-items:flex-start;padding:6px 4px;cursor:pointer;border-radius:8px}
.bl-mode:has(input:checked){background:var(--surface-2, rgba(26,95,168,.07))}
.bl-mode input{margin-top:4px}
.bl-mode span{display:grid;gap:2px}
.bl-mode small{color:var(--muted);font-size:calc(12.5px * var(--fz))}
.bl-file{display:flex;gap:10px;align-items:center;margin:4px 0 8px}
.bl-file small{color:var(--muted)}