/* Preview-only comment panel (never part of the live build). */
.pm-fab{position:fixed;right:18px;bottom:18px;z-index:950;display:inline-flex;align-items:center;gap:.5rem;
  padding:.8rem 1.15rem;border-radius:100px;background:var(--copper-deep);color:var(--cream);
  font-weight:700;font-size:.95rem;box-shadow:0 8px 22px rgba(10,20,34,.35);border:2px solid rgba(244,239,228,.25);}
.pm-fab:hover{background:var(--navy);}
.pm-fab:focus-visible{outline:3px solid var(--copper-light);outline-offset:2px;}
.pm-badge{min-width:1.45rem;height:1.45rem;padding:0 .4rem;border-radius:100px;background:var(--cream);color:var(--copper-deep);
  font-size:.8rem;font-weight:800;display:inline-grid;place-items:center;}
.pm-badge[hidden]{display:none;}
@media (max-width:560px){.pm-fab{right:12px;bottom:12px;padding:.7rem .95rem;}}

.pm-toast{position:fixed;right:18px;bottom:84px;z-index:950;max-width:min(380px,calc(100vw - 36px));display:flex;gap:.8rem;
  align-items:center;padding:.9rem 1rem;border-radius:14px;background:var(--navy);color:var(--on-dark);
  font-size:.92rem;box-shadow:0 14px 34px rgba(0,0,0,.35);border-left:3px solid var(--copper-light);}
.pm-toast[hidden]{display:none;}
.pm-toast__btn{flex:none;font-weight:700;color:var(--copper-light);text-decoration:underline;text-underline-offset:3px;}

.pm-work{margin-left:.6rem;padding:.15rem .6rem;border-radius:100px;background:rgba(227,168,104,.16);color:var(--copper-light);font-weight:700;}
@media (max-width:640px){.pm-work{margin-left:.3rem;font-size:.72rem;}}

.pm-dialog{width:min(620px,calc(100vw - 2rem));max-height:calc(100vh - 2rem);padding:1.5rem 1.5rem 1.4rem;border:0;border-radius:20px;
  background:var(--paper);color:var(--ink-soft);box-shadow:0 30px 80px rgba(0,0,0,.45);overflow:auto;}
.pm-dialog::backdrop{background:rgba(10,20,34,.55);}
.pm-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;}
.pm-head h2{font-size:1.4rem;color:var(--ink);}
.pm-close{width:40px;height:40px;border-radius:50%;font-size:1.6rem;line-height:1;color:var(--ink);border:1px solid var(--line-light);flex:none;}
.pm-form{display:grid;gap:1rem;margin-top:1rem;}
.pm-where{font-size:.92rem;color:var(--ink-dim);}
.pm-where strong{color:var(--ink);}
.pm-field{display:grid;gap:.4rem;font-weight:700;font-size:.9rem;color:var(--ink);}
.pm-optional{font-weight:400;color:var(--ink-dim);}
.pm-field textarea,.pm-field input{font:inherit;font-weight:400;font-size:1rem;color:var(--ink);background:#fff;
  border:1.5px solid rgba(15,29,48,.22);border-radius:10px;padding:.75rem .85rem;min-height:44px;}
.pm-field textarea{resize:vertical;min-height:110px;}
.pm-field textarea:focus-visible,.pm-field input:focus-visible{outline:2px solid var(--copper);outline-offset:1px;border-color:var(--copper);}
.pm-status{padding:.8rem 1rem;border-radius:12px;font-size:.92rem;background:rgba(184,115,51,.1);border-left:3px solid var(--copper);color:var(--ink);}
.pm-status.is-error{background:rgba(180,40,40,.08);border-left-color:#b42828;}
.pm-actions{display:flex;flex-wrap:wrap;gap:.8rem;}

.pm-push{margin-top:1.2rem;padding:1rem 1.1rem;border-radius:14px;background:var(--cream);display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;justify-content:space-between;}
.pm-push p{font-size:.92rem;color:var(--ink);flex:1 1 260px;}
.pm-push[hidden],.pm-push .btn[hidden]{display:none;}

.pm-history{margin-top:1.4rem;border-top:1px solid var(--line-light);padding-top:1.1rem;}
.pm-history h3{font-size:1.05rem;color:var(--ink);}
.pm-empty{margin-top:.6rem;font-size:.92rem;color:var(--ink-dim);}
.pm-list{margin-top:.8rem;display:grid;gap:.7rem;}
.pm-item{padding:.85rem 1rem;border-radius:12px;background:var(--cream);border-left:3px solid var(--line-light);}
.pm-item--resim{border-left-color:var(--copper);}
.pm-item--hotovo{border-left-color:#2f7d4f;}
.pm-item--nebudu{border-left-color:var(--ink-dim);}
.pm-item__head{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;}
.pm-item__where{font-size:.85rem;font-weight:700;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line-light);}
.pm-item__where:hover{border-color:var(--copper);}
.pm-item__text{margin-top:.45rem;font-size:.95rem;color:var(--ink);white-space:pre-wrap;}
.pm-item__meta{margin-top:.35rem;font-size:.78rem;color:var(--ink-dim);}
.pm-item__eta{margin-top:.35rem;font-size:.86rem;font-weight:700;color:var(--copper-deep);}
.pm-item__reply{margin-top:.5rem;font-size:.9rem;padding:.55rem .7rem;border-radius:8px;background:var(--paper);}
.pm-chip{font-size:.74rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:.2rem .55rem;border-radius:100px;}
.pm-chip--prijato{background:rgba(15,29,48,.08);color:var(--ink);}
.pm-chip--resim{background:rgba(184,115,51,.16);color:var(--copper-deep);}
.pm-chip--hotovo{background:rgba(47,125,79,.14);color:#22603c;}
.pm-chip--nebudu{background:rgba(88,101,122,.14);color:var(--ink-soft);}

.pm-attach{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .8rem;margin-top:-.3rem;}
.pm-attach__btn{font-weight:700;font-size:.9rem;color:var(--copper-deep);padding:.45rem .9rem;border-radius:100px;border:1.5px solid rgba(184,115,51,.45);}
.pm-attach__btn:hover{border-color:var(--copper);}
.pm-attach__btn:disabled{opacity:.5;cursor:not-allowed;}
.pm-attach__hint{font-size:.82rem;color:var(--ink-dim);}
.pm-thumbs{display:flex;flex-wrap:wrap;gap:.6rem;}
.pm-thumb{position:relative;width:84px;height:84px;border-radius:10px;overflow:hidden;border:1px solid var(--line-light);}
.pm-thumb img{width:100%;height:100%;object-fit:cover;}
.pm-thumb__rm{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;background:rgba(15,29,48,.8);color:#fff;font-size:1rem;line-height:1;}
.pm-form.is-drop{outline:2px dashed var(--copper);outline-offset:6px;border-radius:12px;}
.pm-item__images{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem;}
.pm-item__images a{display:block;width:96px;height:72px;border-radius:8px;overflow:hidden;border:1px solid var(--line-light);}
.pm-item__images img{width:100%;height:100%;object-fit:cover;}