body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--qviding-red:#8b0000;--header-bg:#333;--bg-color:#f8f9fa;--text-main:#2c3e50;--text-muted:#95a5a6;--accent-green:#27ae60;--accent-blue:#007bff;--light-blue:#4da6ff}body{background-color:#f8f9fa;background-color:var(--bg-color);color:#2c3e50;color:var(--text-main);counter-reset:page;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;padding:0}.app-container{background:#fff;box-shadow:0 0 40px #00000008;display:flex;flex-direction:column;margin:0 auto;max-width:700px;min-height:100vh}.header{align-items:center;border-bottom:1px solid #eaeaea;color:#333;display:flex;justify-content:space-between;padding:15px 20px}.header-logo{height:40px;margin-right:15px;width:auto}.header h1{color:#333;font-size:1.1rem;font-weight:700;margin:0;text-transform:uppercase}.nav-tabs{background:#f9f9f9;border-bottom:1px solid #ddd;display:flex}.nav-tab{border-bottom:3px solid #0000;color:#666;cursor:pointer;flex:1 1;font-weight:600;padding:15px;text-align:center}.nav-tab.active{background:#fff;border-bottom-color:#8b0000;border-bottom-color:var(--qviding-red);color:#8b0000;color:var(--qviding-red)}.schedule-btn{background-color:#f1f3f5;border:none;border-radius:20px;color:#333;cursor:pointer;font-size:.8rem;font-weight:600;margin-left:auto;padding:6px 12px;transition:all .2s}.schedule-btn:hover{background-color:#e9ecef;transform:translateY(-1px)}.date-selector select{background-color:#fff;border:1px solid #eee;border-radius:6px;cursor:pointer;font-size:.95rem;outline:none;padding:8px;width:100%}option.saved-date{background-color:#e8f5e9;color:#2e7d32;font-weight:700}option:disabled{background-color:#f0f0f0;color:#999;font-style:italic}.info-box{background-color:#fffcfc;border:1px solid #f2dede;border-radius:6px;margin:15px 20px;padding:15px;position:relative}.info-item{color:#555;font-size:.85rem;margin-bottom:4px}.randomize-btn{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:20px;box-shadow:0 2px 5px #0000000d;color:#555;cursor:pointer;display:flex;font-size:.75rem;font-weight:600;gap:5px;padding:6px 12px;position:absolute;right:15px;top:15px}.randomize-btn:hover{background-color:#f5f5f5;transform:translateY(-1px)}.session-builder{padding:10px 20px 40px}.slot-card{background:#fff;border:none;border-bottom:1px solid #eee;border-radius:0;cursor:pointer;padding:10px 5px;position:relative}.slot-card:hover{background-color:#fafafa}.slot-card:before{background-color:#eee;border-radius:4px;bottom:10px;content:"";left:-10px;position:absolute;top:10px;transition:background-color .3s;width:3px}.slot-card.completed:before{background-color:#27ae60;background-color:var(--accent-green)}.slot-label{color:#95a5a6;color:var(--text-muted);display:block;font-size:.65rem;font-weight:700;margin-bottom:2px;text-transform:uppercase}.slot-content{color:#2c3e50;color:var(--text-main);font-size:1rem;font-weight:600}.slot-placeholder{color:#ccc;font-style:italic;font-weight:300}.status-icon{color:#eee;font-size:1.1rem}.slot-card.completed .status-icon{color:#27ae60;color:var(--accent-green)}.card-image-wrapper{align-items:center;display:flex;gap:10px;margin-right:10px}.schedule-table{border-collapse:collapse;margin-top:10px;width:100%}.schedule-table th{background-color:#fff;border-bottom:1px solid #ddd;color:#333;font-size:.85rem;font-weight:700;padding:12px 10px;text-align:left;text-transform:uppercase}.schedule-table td{border-bottom:1px solid #f0f0f0;font-size:.95rem;padding:12px 10px;vertical-align:top}.schedule-table tbody tr:nth-child(2n){background-color:#f9f9f9}.schedule-table tr:last-child td{border-bottom:none}.schedule-week{color:#333;font-weight:700;white-space:nowrap;width:80px}.schedule-note{color:#777;display:block;font-size:.8rem;font-style:italic;margin-top:4px}.saved-sessions-container{padding:20px}.saved-sessions-container h2{color:#333;font-size:1.2rem;margin-bottom:15px}.saved-list{grid-gap:15px;display:grid;gap:15px}.saved-card{background:#fff;border:1px solid #eee;border-left:4px solid #007bff;border-left:4px solid var(--accent-blue);border-radius:8px;padding:15px;position:relative}.saved-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.saved-date{color:#333;display:block;font-size:1rem;font-weight:700}.saved-theme{color:#666;display:block;font-size:.85rem;margin-top:2px}.saved-actions{border-top:1px solid #f5f5f5;display:flex;gap:10px;margin-top:15px;padding-top:10px}.card-action-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;flex:1 1;font-size:.8rem;font-weight:600;gap:5px;justify-content:center;padding:6px 12px}.btn-edit{background-color:#f0f7ff;color:#007bff;color:var(--accent-blue)}.btn-edit:hover{background-color:#e3f2fd}.btn-share{background-color:#e8f5e9;color:#27ae60;color:var(--accent-green)}.btn-share:hover{background-color:#d4edda}.btn-delete{background-color:#fff0f0;color:#8b0000;color:var(--qviding-red);flex:0 1}.btn-delete:hover{background-color:#ffe6e6}.btn-print{background-color:#f5f5f5;color:#555}.btn-print:hover{background-color:#e0e0e0}.saved-zoom-btn{align-items:center;background:#fff;border:1px solid #ddd;border-radius:50%;color:#555;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:15px;top:15px;width:32px}.saved-zoom-btn:hover{border-color:#333;color:#000;transform:scale(1.1)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;max-width:600px;overflow:hidden;width:100%}.large-modal{height:90vh;max-width:700px}.modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:15px 20px}.modal-title{color:#333;font-size:1.1rem;font-weight:700}.close-btn{background:none;border:none;color:#999;cursor:pointer;font-size:1.5rem}.preview-scroll{background-color:#fff;flex:1 1;overflow-y:auto;padding:0}.preview-page{align-items:center;border-bottom:10px solid #f5f5f5;display:flex;flex-direction:column;margin-bottom:20px;padding:20px}.preview-title{background:#fff;border-left:5px solid #8b0000;font-size:1.2rem;font-weight:700;margin-bottom:20px;padding:10px;text-align:left;width:100%}.preview-image{max-height:400px;max-width:100%;object-fit:contain}.drill-list{overflow-y:auto;padding:0}.drill-item{align-items:center;border-bottom:1px solid #f9f9f9;cursor:pointer;display:flex;gap:15px;padding:10px 20px}.drill-item:hover{background-color:#f8f9fa}.drill-item.selected{background-color:#e8f5e9;border-left:4px solid #27ae60;border-left:4px solid var(--accent-green)}.drill-item.disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.5}.drill-name{font-size:.9rem;font-weight:500}.coach-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:20px;padding:0 5px}.coach-card{align-items:center;background-color:#fff;border:1px solid #eee;border-radius:6px;cursor:pointer;display:flex;padding:8px;transition:all .2s}.coach-card:hover{background-color:#f0f7ff}.coach-card.selected,.coach-card:hover{border-color:#007bff;border-color:var(--accent-blue)}.coach-card.selected{background-color:#e3f2fd}.coach-checkbox{accent-color:#007bff;accent-color:var(--accent-blue);height:16px;margin-right:8px;width:16px}.coach-avatar{background-color:#eee;border-radius:50%;height:32px;margin-right:8px;object-fit:cover;width:32px}.coach-info{display:flex;flex-direction:column;justify-content:center}.coach-name{color:#333;font-size:.8rem;font-weight:600}.action-buttons{display:flex;gap:15px;justify-content:center;margin-top:30px}.btn-base{align-items:center;border:none;border-radius:30px;cursor:pointer;display:flex;font-size:.9rem;font-weight:700;gap:8px;padding:12px 24px;transition:all .2s}.btn-primary{background-color:#333;box-shadow:0 4px 12px #0000001a;color:#fff}.btn-primary:hover:not(:disabled){background-color:#000;transform:translateY(-2px)}.btn-secondary{background-color:#4da6ff;background-color:var(--light-blue);box-shadow:0 4px 12px #4da6ff33;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#39f;transform:translateY(-2px)}.btn-base:disabled{background-color:#eee;box-shadow:none;color:#aaa;cursor:not-allowed}.send-email-btn{background-color:#007bff;background-color:var(--accent-blue);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:12px;width:100%}.send-email-btn:disabled{background-color:#ccc}.zoom-btn{align-items:center;background:#fff;border:1px solid #ddd;border-radius:50%;color:#555;cursor:pointer;display:flex;height:28px;justify-content:center;width:28px}.zoom-btn:hover{border-color:#333;color:#000;transform:scale(1.1)}.fullscreen-overlay{align-items:center;background-color:#fffffff2;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.fullscreen-image{border-radius:4px;box-shadow:0 10px 40px #0000001a;max-height:95vh;max-width:95vw}.print-appendix,.print-footer,.print-info{display:none}.landing-container{align-items:center;background-color:#fff;display:flex;justify-content:center;min-height:100vh}.landing-content{max-width:500px;padding:40px;text-align:center;width:100%}.landing-logo{height:120px;margin-bottom:20px;width:auto}.landing-content h1{color:#8b0000;font-size:1.8rem;margin-bottom:10px;text-transform:uppercase}.landing-subtitle{color:#666;font-size:1.1rem;margin-bottom:40px}.team-list{display:flex;flex-direction:column;gap:15px}.team-button{background-color:#fff;border:1px solid #ddd;border-left:5px solid #8b0000;border-radius:8px;box-shadow:0 4px 10px #0000000d;color:#333;cursor:pointer;font-size:1.1rem;font-weight:700;padding:20px;text-align:left;transition:all .2s}.team-button:hover{background-color:#fafafa;box-shadow:0 6px 15px #0000001a;transform:translateY(-2px)}.login-modal{max-width:400px}.login-input{border:1px solid #ccc;border-radius:6px;box-sizing:border-box;font-size:1rem;padding:12px;transition:border-color .2s;width:100%}.login-input:focus{border-color:#8b0000;border-color:var(--qviding-red);outline:none}.password-input{padding-right:40px}.password-wrapper{position:relative;width:100%}.toggle-password-btn{align-items:center;background:#0000;border:none;color:#999;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;outline:none;padding:0;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.toggle-password-btn:hover{color:#333}@media print{@page{size:A4 portrait;margin:0}body,html{background:#fff;height:auto;margin:0!important;overflow:hidden;padding:0!important}.app-container{box-shadow:none;margin:0;max-width:100%;padding:0;width:100%}.saved-sessions-container{margin:0!important;padding:0!important}.action-buttons,.date-selector,.header button,.modal-overlay,.nav-tabs,.print-btn-container,.randomize-btn,.saved-list,.saved-sessions-container>h2,.slot-card div[style*="font-size: 1.2rem"],.status-icon,.zoom-btn{display:none!important}.header{border-bottom:3px solid #8b0000;margin-bottom:20px;padding:20px!important}.header-logo{height:50px}.header h1{font-size:1.8rem}.print-info{background-color:#fff!important;border:1px solid #ccc;border-radius:6px;border-top:4px solid #8b0000;display:block!important;margin:0 20px 30px}.print-info h2{background:#f9f9f9;border-bottom:1px solid #eee;font-size:1.2rem;margin:0;padding:10px 15px}.print-details-grid{grid-gap:8px;display:grid;font-size:1rem;gap:8px;grid-template-columns:1fr 1fr;padding:15px}.session-builder{display:block!important;margin-bottom:0;padding:0 20px}.slot-card{background:#0000!important;border:none!important;border-bottom:1px solid #ccc!important;padding:10px 0!important;page-break-inside:avoid}.slot-card:before{display:none}.slot-card img{display:none!important}.slot-content{color:#000!important;font-size:1.1rem!important;font-weight:600!important}.slot-label{color:#666!important;font-size:.85rem!important;margin-bottom:0!important}.print-appendix{display:block!important}.appendix-page{align-items:center;background:#fff;break-after:avoid;break-before:page;display:flex;height:98vh;justify-content:center;margin:0;overflow:hidden;padding:0;page-break-after:avoid;page-break-before:always;position:relative;width:100vw}.appendix-label{display:none!important}.appendix-image{box-shadow:none;max-height:95vw;max-width:95vh;object-fit:contain;transform:rotate(-90deg)}.print-footer{bottom:20px;color:#666;display:block!important;font-size:.9rem;position:absolute;right:30px;z-index:100}.appendix-page{counter-increment:page}.print-footer:after{content:"Sida " counter(page)}}.header{background-color:#fff;box-shadow:0 2px 5px #0000001a;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.app-footer{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#333333bf;color:#fff;justify-content:space-between;left:50%;max-width:600px;padding:0 25px;transform:translateX(-50%);width:95%}.footer-user{display:flex;flex-direction:column}.footer-user-name{font-size:.9rem;font-weight:700}.footer-user-role{color:#ccc;font-size:.75rem}.footer-actions{display:flex;gap:20px}.footer-btn{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:5px;position:relative;transition:transform .2s}.footer-btn:hover{transform:scale(1.1)}.app-container{overflow-x:hidden;padding-bottom:100px}.settings-tabs{border-bottom:1px solid #ddd;display:flex;margin-bottom:20px}.settings-tab{border-bottom:2px solid #0000;cursor:pointer;padding:10px 20px}.settings-tab.active{border-bottom-color:#8d1b3d;color:#8d1b3d;font-weight:700}.settings-form-group{margin-bottom:15px}.settings-form-group label{display:block;font-size:.9rem;font-weight:600;margin-bottom:5px}.settings-input{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;padding:8px;width:100%}.coach-list-item{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:10px}.chat-window{display:flex;flex-direction:column;height:400px}.chat-messages{background:#f0f2f5;flex:1 1;gap:10px;overflow-y:auto;padding:15px}.chat-messages,.chat-msg{display:flex;flex-direction:column}.chat-msg{border-radius:12px;box-shadow:0 1px 2px #0000001a;max-width:80%;padding:8px 12px;position:relative}.chat-msg.me{align-self:flex-end;background-color:#8d1b3d;border-bottom-right-radius:2px;color:#fff}.chat-msg.other{align-self:flex-start;background-color:#fff;border-bottom-left-radius:2px;color:#000}.chat-msg-sender{color:#8d1b3d;font-size:.7rem;font-weight:700;margin-bottom:2px}.chat-msg-text{font-size:.95rem;line-height:1.4;overflow-wrap:break-word;white-space:pre-wrap}.chat-msg-time{font-size:.65rem;margin-top:4px;opacity:.8;text-align:right}.chat-input-area{display:flex;gap:10px}.profile-pic-preview{border:2px solid #ddd;border-radius:50%;height:80px;margin-bottom:10px;object-fit:cover;width:80px}.unread-dot{background-color:#4cd964;border:2px solid #333;border-radius:50%;height:10px;position:absolute;right:0;top:0;width:10px}.typing-indicator{color:#888;font-size:.8rem;font-style:italic;margin-bottom:10px;margin-left:5px}.save-btn-small{background-color:#28a745;border:none;border-radius:20px;color:#fff;cursor:pointer;display:block;font-size:1rem;font-weight:700;margin:20px auto 0;padding:10px 30px}.save-btn-small:hover{background-color:#218838}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.read-by-tooltip{background:#000c;border-radius:4px;bottom:100%;color:#fff;display:none;font-size:.7rem;padding:5px 10px;position:absolute;right:0;white-space:nowrap;z-index:10}.read-by-container:hover .read-by-tooltip{display:block}.drill-bank-btn-container{padding:15px 20px 0}.date-selector{background-color:#fff;border-bottom:1px solid #f5f5f5;padding:15px 20px}.week-nav{align-items:center;display:flex;font-size:1.2rem;font-weight:700;justify-content:space-between;margin-bottom:20px}.week-nav-btn{background:none;border:none;cursor:pointer;font-size:1.5rem;padding:0 5px}.day-row{align-items:center;border-bottom:1px solid #eee;border-radius:4px;display:flex;margin-bottom:5px;padding:15px 10px}.day-name{color:#555;font-weight:700;width:100px}.day-content{flex:1 1}.session-card-mini{background-color:#e8f5e9;border:1px solid #c8e6c9;border-radius:4px;cursor:pointer;padding:10px;transition:background .2s}.session-card-mini:hover{background-color:#c8e6c9}.missing-session{align-items:center;color:#999;display:flex;font-style:italic;justify-content:space-between}.add-session-btn{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:5px 10px}.modal-overlay{z-index:3000}.modal-overlay.top-layer{z-index:3100}.modal-content{max-height:90vh;overflow-y:auto;overscroll-behavior:contain}.switch{display:inline-block;flex-shrink:0;height:24px;position:relative;width:40px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:34px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:16px;left:4px;width:16px}input:checked+.slider{background-color:#4cd964}input:checked+.slider:before{transform:translateX(16px)}.hover-theme-color:hover{color:#8d1b3d}.month-grid{grid-gap:5px;display:grid;gap:5px;grid-template-columns:30px repeat(7,minmax(0,1fr));margin-top:10px;max-height:75vh;overflow-y:auto}.month-header-cell{font-size:.8rem;font-weight:700;padding:5px;text-align:center}.month-week-cell{align-items:center;background:#f9f9f9;border-radius:4px;color:#999;display:flex;font-size:.7rem;font-weight:700;justify-content:center}.month-day-cell{background:#fff;border:1px solid #eee;border-radius:4px;display:flex;flex-direction:column;font-size:.8rem;min-height:80px;padding:5px;position:relative}.month-day-cell.has-session{background-color:#e8f5e9;border-color:#c8e6c9;cursor:pointer}.month-day-cell.has-session:hover{background-color:#c8e6c9}.month-day-cell.is-cancelled{background-color:#ffebee;border-color:#ffcdd2}.month-day-cell.is-cancelled:hover{background-color:#ffcdd2}.month-day-cell.is-break{background-color:#fff0f0;border-color:#ffcdd2;cursor:default}.month-day-cell.is-break:hover{background-color:#ffebee}.month-day-number{font-weight:700;margin-bottom:5px}.month-session-info{color:#333;font-size:.7rem}.month-nav{align-items:center;display:flex;gap:5px;justify-content:center;margin-bottom:15px}.drill-bank-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.drill-bank-card{align-items:center;background:#fff;border:1px solid #eee;border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:10px;text-align:center}.drill-bank-thumb{border:1px solid #ddd;border-radius:4px;cursor:pointer;height:100px;object-fit:cover;width:100%}.drill-bank-fav-btn{background:none;border:none;color:#ccc;cursor:pointer;font-size:1.2rem;transition:color .2s}.drill-bank-fav-btn.active{color:gold}.drill-bank-fav-icon{color:gold;font-size:1rem;position:absolute;right:5px;text-shadow:0 0 2px #00000080;top:5px}.saved-plan-card{transition:all .2s}.saved-plan-card:hover{background-color:#f9f9f9;border-color:#8d1b3d!important}.saved-plan-title{font-weight:400;transition:all .2s}.saved-plan-card:hover .saved-plan-title{color:#8d1b3d;font-weight:700}.year-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(6,1fr)}.year-grid-item{background:#fff;border:1px solid #ccc;border-radius:4px;display:flex;flex-direction:column;height:100px;overflow:hidden}.year-grid-header{background:#f0f0f0;border-bottom:1px solid #ccc;font-size:.8rem;font-weight:700;padding:2px;text-align:center}.year-grid-content{display:flex;flex:1 1;flex-direction:column;height:100%}.year-grid-full,.year-grid-split-bottom,.year-grid-split-top{align-items:center;display:flex;flex:1 1;flex-direction:column;font-size:.7rem;justify-content:center;padding:2px;text-align:center;width:100%}.logout-btn{transition:transform .2s}.logout-btn:hover{transform:scale(1.1)}.app-footer{align-items:center;border-radius:30px;bottom:20px;box-shadow:0 4px 15px #0000004d;display:flex;height:60px;overflow:hidden;position:fixed;transition:width .3s cubic-bezier(.4,0,.2,1),background-color .3s ease,padding .3s ease,left .3s ease,transform .3s ease;z-index:2000}.app-footer.expanded{background:#333333bf;color:#fff;left:50%;max-width:600px;padding:0 10px;transform:translateX(-50%);width:95%}.app-footer.collapsed,.app-footer.expanded{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.app-footer.collapsed{background:#dcdcdce6;color:#555;cursor:pointer;justify-content:center;left:20px;padding:0;transform:translateX(0);width:60px}.app-footer.collapsed:hover{transform:scale(1.1)}@media (min-width:640px){.app-footer.collapsed{left:50%;transform:translateX(-300px)}.app-footer.collapsed:hover{transform:translateX(-300px) scale(1.1)}}.footer-content{align-items:center;display:flex;flex:1 1;justify-content:flex-end;min-width:0;opacity:1;transition:opacity .2s ease .1s;white-space:nowrap}.footer-collapse-btn{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fffc;cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;margin-right:0;transition:background-color .2s,color .2s;width:44px}.footer-collapse-btn:hover{background:#fff3;color:#fff}.msg-actions{display:flex;gap:5px;justify-content:flex-end;margin-top:5px;opacity:0;transition:opacity .2s}.chat-msg:hover .msg-actions{opacity:1}.msg-action-btn{align-items:center;background:none;border:none;color:#999;cursor:pointer;display:flex;font-size:1rem;padding:2px 5px}.msg-action-btn:hover{color:#333;transform:scale(1.1)}.msg-reactions{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end;margin-top:4px}.reaction-pill{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 1px 2px #0000000d;cursor:pointer;display:flex;font-size:.75rem;gap:3px;padding:2px 6px;position:relative}.reaction-tooltip{background:#000c;border-radius:4px;bottom:100%;color:#fff;display:none;font-size:.7rem;left:50%;margin-bottom:5px;padding:4px 8px;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:10}.reaction-pill:hover .reaction-tooltip{display:block}.reaction-pill.me{background:#e3f2fd;border-color:#bbdefb}.reaction-picker{background:#fff;border:1px solid #ccc;border-radius:20px;box-shadow:0 4px 15px #0003;display:flex;gap:8px;padding:5px 10px;position:fixed;transform:translateX(-50%);z-index:9999}.reaction-picker.pos-bottom{transform:translate(-50%,-100%)}.reaction-option{cursor:pointer;font-size:1.4rem;transition:transform .1s}.reaction-option.delete-btn{align-items:center;border-right:1px solid #eee;color:#d32f2f;display:flex;margin-right:8px;padding-right:8px}.reaction-option.delete-btn:hover{background-color:#ffebee;border-radius:4px}.reaction-option:hover{transform:scale(1.3)}@keyframes slideInFromRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideInFromLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.anim-next{animation:slideInFromRight .35s cubic-bezier(.25,1,.5,1) forwards}.anim-prev{animation:slideInFromLeft .35s cubic-bezier(.25,1,.5,1) forwards}.action-btn{align-items:center;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:.85rem;gap:8px;justify-content:center;padding:8px 16px;transition:background-color .2s}.btn-edit{background-color:#333}.btn-edit:hover{background-color:#000}.btn-cancel{background-color:#d32f2f}.btn-cancel:hover{background-color:#b71c1c}.btn-print{background-color:#607d8b}.btn-print:hover{background-color:#455a64}.btn-share{background-color:#e1f5fe;color:#0277bd}.btn-share:hover{background-color:#b3e5fc}.modal-share-btn:hover{background-color:#e0e0e0!important}@media (max-width:768px){.chat-modal-content{border-radius:0!important;display:flex;flex-direction:column;height:100%!important;max-height:100%!important;max-width:100%!important;width:100%!important}.chat-window{flex:1 1;height:100%!important}.chat-input-area{background:#fff;border-top:1px solid #eee;bottom:0;padding:10px;position:-webkit-sticky;position:sticky}.chat-input-area input,.chat-input-area textarea{font-size:16px!important}.modal-overlay.chat-mode{align-items:stretch;padding:0}.msg-actions{opacity:1!important}.action-btn span{display:none}.action-btn{border-radius:50%;flex:0 0 auto;height:48px;justify-content:center;padding:12px;width:48px}.action-buttons-container{gap:20px!important;justify-content:center!important}}@media print{body *{visibility:hidden}body{overflow:visible!important}.modal-overlay,.modal-overlay *{visibility:visible}.modal-overlay{background:#fff;height:auto;left:0;min-height:100%;position:absolute;top:0;z-index:9999}.modal-content,.modal-overlay{display:block!important;width:100%}.modal-content{border:none;box-shadow:none;max-height:none!important;max-width:100%!important;position:static!important}.modal-content,.preview-scroll{height:auto!important;overflow:visible!important}.btn-base,.close-btn{display:none!important}}