/* HAJIME Wedding OS · Planner Package 03 FIX07 */
.pkg3f7-complete{background:#edf7f0!important;color:#247443!important;border-color:#b9dec5!important;cursor:default!important;opacity:1!important}
.pkg3f7-design-page{display:grid;gap:18px}.pkg3f7-page-head h1{font-size:30px;margin:4px 0}.pkg3f7-page-head p{font-size:16px;max-width:850px}
.pkg3f7-design-list{display:grid;gap:18px}.pkg3f7-design-card .card-body{display:grid;gap:15px}.pkg3f7-design-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.pkg3f7-design-head h3{font-size:24px;margin:3px 0 7px}.pkg3f7-design-head p{font-size:16px;line-height:1.55;margin:0}.pkg3f7-assignment-state{border-radius:999px;padding:7px 11px;font-size:13px;font-weight:800;white-space:nowrap}.pkg3f7-assignment-state.done{background:#e7f5eb;color:#20703d}.pkg3f7-assignment-state.pending{background:#fff2d7;color:#8a5a00}
.pkg3f7-source-gallery,.pkg3f7-message-images{display:flex;gap:10px;flex-wrap:wrap}.pkg3f7-thumb{border:1px solid #e6dfdc;background:#fff;border-radius:12px;padding:6px;width:120px;display:grid;gap:5px;cursor:pointer}.pkg3f7-thumb img{width:100%;height:92px;object-fit:cover;border-radius:8px}.pkg3f7-thumb span{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pkg3f7-no-image{padding:18px;border:1px dashed #d8ceca;border-radius:12px;color:#80736f}
.pkg3f7-source-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.pkg3f7-source-summary>div{padding:12px;border:1px solid #e7dfdc;border-radius:12px;background:#fcfaf9;display:grid;gap:5px}.pkg3f7-source-summary span{font-size:13px;color:#746967}.pkg3f7-source-summary b{font-size:16px}.pkg3f7-status{display:inline-flex;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800;width:max-content}.pkg3f7-status.ok{background:#e6f5eb;color:#247142}.pkg3f7-status.conditional{background:#fff0cf;color:#8b5c00}.pkg3f7-status.blocked{background:#fde8e8;color:#a12626}.pkg3f7-status.pending{background:#eeeae8;color:#685e5b}
.pkg3f7-assign{display:grid;grid-template-columns:minmax(170px,1.1fr) minmax(140px,.7fr) minmax(220px,1.3fr) auto;gap:9px;align-items:center}.pkg3f7-assigned{padding:11px 13px;border-radius:10px;background:#f5f1ef;font-size:15px}
.pkg3f7-inline-thread{border-top:1px solid #eadfdb;padding-top:15px}.pkg3f7-inline-thread>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:11px}.pkg3f7-inline-thread h4{font-size:20px;margin:0 0 4px}.pkg3f7-inline-thread header p{margin:0;color:#746967;font-size:14px}.pkg3f7-inline-thread header>span{border-radius:999px;background:#f0e8e5;padding:6px 10px;font-size:12px;font-weight:700}.pkg3f7-message-list{display:grid;gap:10px;max-height:520px;overflow:auto;padding-right:4px}.pkg3f7-message{display:grid;grid-template-columns:38px 1fr;gap:10px;padding:11px;border:1px solid #e9e0dd;border-radius:12px;background:#fff}.pkg3f7-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#eee4e1;color:#7c4f56;font-weight:800}.pkg3f7-message-main header{display:flex;justify-content:space-between;gap:10px}.pkg3f7-message-main p{font-size:15px;line-height:1.55;margin:7px 0;white-space:pre-wrap}.pkg3f7-message-main blockquote{margin:7px 0;padding:8px;border-left:3px solid #b7888e;background:#f8f3f2;font-size:13px;display:grid}.pkg3f7-version{display:inline-flex;background:#eee7f8;color:#5e3d84;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:700}.pkg3f7-files,.pkg3f7-mentions,.pkg3f7-receipts{font-size:12px;margin-top:7px;display:flex;gap:8px;flex-wrap:wrap}.pkg3f7-receipts{color:#6f7774}.pkg3f7-annotation-link{border:0;background:#f5e8d7;color:#724c1e;border-radius:999px;padding:6px 10px;font-weight:700;font-size:12px;cursor:pointer;margin-top:7px}.pkg3f7-thread-form{display:grid;gap:9px;margin-top:12px}.pkg3f7-thread-form textarea{font-size:15px}.pkg3f7-thread-tools{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) minmax(160px,.7fr) auto;gap:8px;align-items:start}.pkg3f7-thread-tools details{position:relative}.pkg3f7-thread-tools select{width:100%;min-height:100px}.pkg3f7-reply{display:flex;justify-content:space-between;background:#f5f0ee;padding:8px 10px;border-radius:8px}.pkg3f7-readonly{padding:10px;border-radius:9px;background:#f7f4f2;color:#6d6360;font-size:13px;margin-top:10px}.pkg3f7-versions{font-size:14px}.pkg3f7-muted{color:#807571}
.pkg3f7-image-editor{display:grid;gap:12px}.pkg3f7-image-stage{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-height:280px}.pkg3f7-image-wrap{position:relative;display:flex;justify-content:center;align-items:center;min-height:260px;max-height:68vh;overflow:hidden;background:#171717;border-radius:12px}.pkg3f7-image-wrap img{display:block;max-width:100%;max-height:68vh;width:auto;height:auto;object-fit:contain}.pkg3f7-image-wrap canvas{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);touch-action:none;cursor:crosshair}.pkg3f7-img-nav{width:42px;height:56px;border-radius:12px;border:0;background:#312b2bcc;color:#fff;font-size:32px;cursor:pointer;z-index:3}.pkg3f7-image-meta{display:flex;justify-content:space-between;font-size:14px}.pkg3f7-annotation-tools{display:flex;gap:7px;align-items:center;flex-wrap:wrap;padding:10px;border-radius:11px;background:#f7f2f0}.pkg3f7-annotation-tools button,.pkg3f7-tool{border:1px solid #d8cbc7;background:#fff;border-radius:8px;padding:8px 10px;cursor:pointer}.pkg3f7-tool.active{background:#82565e;color:#fff;border-color:#82565e}.pkg3f7-annotation-tools label{display:flex;align-items:center;gap:6px}.pkg3f7-annotation-send{display:grid;grid-template-columns:1fr auto auto;gap:8px}.pkg3f7-annotation-note{font-size:12px;color:#756b68;margin:0}.pkg3f7-image-editor.readonly .pkg3f7-image-wrap canvas{pointer-events:none}.pkg3f7-message-images .pkg3f7-thumb{width:96px}.pkg3f7-message-images .pkg3f7-thumb img{height:72px}
@media(max-width:1100px){.pkg3f7-source-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.pkg3f7-assign,.pkg3f7-thread-tools{grid-template-columns:1fr 1fr}.pkg3f7-annotation-send{grid-template-columns:1fr 1fr}.pkg3f7-annotation-send input{grid-column:1/-1}}
@media(max-width:700px){.pkg3f7-source-summary,.pkg3f7-assign,.pkg3f7-thread-tools{grid-template-columns:1fr}.pkg3f7-design-head{display:grid}.pkg3f7-image-stage{grid-template-columns:1fr}.pkg3f7-img-nav{position:absolute;top:45%;z-index:5}.pkg3f7-img-nav.prev{left:6px}.pkg3f7-img-nav.next{right:6px}.pkg3f7-annotation-send{grid-template-columns:1fr}}
/* FIX07: backdrop không được che nội dung modal; ảnh ghi chú cần vùng thao tác rộng. */
#modal .modal-backdrop{z-index:0}
#modal .modal-card{z-index:1}
#modal:has(.pkg3f7-image-editor) .modal-card{width:min(1180px,calc(100vw - 32px))}
#modal:has(.pkg3f7-image-editor) .modal-body{padding:16px}
#modal:has(.pkg3f7-image-editor) .pkg3f7-image-wrap{min-height:420px}
#modal:has(.pkg3f7-image-editor) .pkg3f7-image-wrap img{max-height:72vh}
@media(max-width:700px){#modal:has(.pkg3f7-image-editor) .pkg3f7-image-wrap{min-height:260px}}
.pkg3f7-image-stage.single{grid-template-columns:minmax(0,1fr)}
.pkg3f7-image-stage.single .pkg3f7-image-wrap{width:100%}
.pkg3f7-image-wrap canvas{z-index:2;pointer-events:auto}


/* CHAT 11.27 UAT 01/09 — ảnh ghi chú phải hiển thị trực tiếp trong dòng trao đổi. */
.pkg3f7-annotation-preview{display:inline-block;width:auto;max-width:240px;margin:10px 0 4px;padding:0;border:1px solid var(--border);border-radius:12px;background:var(--panel,#fff);overflow:hidden;text-align:left;cursor:pointer;vertical-align:top}
.pkg3f7-annotation-preview-stage{display:inline-block;position:relative;max-width:220px;max-height:160px;line-height:0;background:var(--surface,#f7f7f7);overflow:hidden}
.pkg3f7-annotation-preview-stage>img{display:block;width:auto;height:auto;max-width:220px;max-height:160px;object-fit:contain}
.pkg3f7-inline-note-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.pkg3f7-inline-note-text{position:absolute;z-index:2;max-width:70%;padding:2px 5px;border-radius:4px;background:rgba(255,255,255,.86);font-weight:700;line-height:1.2;transform:translateY(-100%);white-space:pre-wrap;word-break:break-word;pointer-events:none}
.pkg3f7-annotation-preview-caption{display:block;padding:9px 11px;font-size:12px;line-height:1.35;color:var(--muted);background:var(--panel,#fff)}