.problem-trigger{position:fixed;bottom:66px;left:18px;z-index:100;display:flex;align-items:center;gap:8px;border:1px solid var(--border,#e1e6ef);border-radius:24px;padding:10px 14px;background:var(--surface,#fff);color:var(--text,#35435b);box-shadow:0 6px 24px #17335b16;font:inherit;font-size:12px;cursor:pointer}.problem-trigger:hover{color:#1a73e8;transform:translateY(-2px)}.problem-trigger:disabled{opacity:.6}.modal:has(.problem-form){width:min(720px,calc(100vw - 28px));max-height:94dvh;padding:0}.modal:has(.problem-form)>.modal-title{position:sticky;top:0;background:var(--surface,#fff);z-index:2;padding:22px 26px;border-bottom:1px solid var(--border,#e8edf5)}.problem-form{padding:0 26px 24px}.problem-intro{font-size:12px;line-height:1.9;color:var(--muted,#718096);margin:18px 0}.problem-detail label,.problem-form label{display:flex;flex-direction:column;gap:7px;font-size:12px;margin:14px 0;color:var(--text,#334155)}.problem-detail select,.problem-detail textarea,.problem-form input,.problem-form select,.problem-form textarea,.problem-tools input,.problem-tools select{width:100%;border:1px solid var(--border,#e0e6ef);border-radius:9px;padding:10px 12px;background:var(--surface,#fff);font:inherit;color:var(--text,#26334b);box-sizing:border-box}.problem-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.problem-screenshot{border:1px solid var(--border,#e1e7ef);border-radius:12px;overflow:hidden;background:#f3f6fa}.problem-screenshot>img{display:block;width:100%;height:190px;object-fit:contain}.problem-image-actions{display:flex;align-items:center;gap:12px;justify-content:space-between;background:var(--surface,#fff);padding:10px 13px;font-size:11px}.problem-image-actions button,.problem-image-actions span{display:flex;gap:6px;align-items:center}.problem-no-image{height:130px;display:grid;place-content:center;text-align:center;gap:10px;color:#8492a8}.problem-no-image svg{margin:auto}.problem-page{font-size:10px;color:#8a95a6;display:block;overflow-wrap:anywhere}.problem-form footer{display:flex;gap:10px;position:sticky;bottom:0;padding:18px 0 8px;background:var(--surface,#fff)}.problem-success{display:flex;align-items:center;flex-direction:column;gap:12px;padding:35px 10px}.problem-success>svg{color:#158064}.problem-success p{color:#718096}.problem-success strong{padding:10px 18px;background:#eff6ff;border-radius:10px;color:#1a73e8}.problem-tools{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:18px;border-bottom:1px solid #e7ecf3}.problem-tools input{max-width:290px;flex:1 1;min-width:160px}.problem-tools select{width:auto}.problem-tools .button{margin-inline-start:auto}.problem-badge{display:inline-flex;padding:4px 9px;border-radius:6px;background:#f0f4f9;color:#54647d;font-size:11px;white-space:nowrap}.problem-badge.OPEN{background:#eaf2ff;color:#2464bc}.problem-badge.IN_PROGRESS{background:#fff4d9;color:#976710}.problem-badge.RESOLVED{background:#e5f6ef;color:#167255}.problem-badge.URGENT{background:#fff0f0;color:#b83b49}.problem-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.problem-stats>div{padding:18px;background:var(--surface,#fff);border:1px solid var(--border,#e7ecf3);border-radius:12px;display:flex;justify-content:space-between;align-items:center;font-size:12px}.problem-stats strong{font-size:24px}.problem-title-cell{max-width:300px;white-space:normal!important}.problem-title-cell small{display:block;margin-top:6px;color:#8492a8}.modal:has(.problem-detail){width:min(960px,calc(100vw - 28px));max-height:94dvh}.problem-detail{direction:rtl}.problem-detail-summary{display:flex;gap:12px;flex-wrap:wrap;font-size:11px;color:#718096}.problem-detail>h3{font-size:18px;line-height:1.8}.problem-description{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:2;padding:18px;background:#f7f9fc;border-radius:12px}.problem-detail-image img{max-width:100%;max-height:440px;display:block;margin:18px auto;border:1px solid #e2e8f0;border-radius:10px}.problem-detail-actions{display:flex;gap:12px;align-items:center;margin:12px 0}.problem-detail-actions a{font-size:12px}.problem-detail .problem-two{grid-template-columns:1fr 1fr}.problem-events{border-top:1px solid #e7edf5;margin-top:24px;padding-top:14px}.problem-event{border-inline-start:2px solid #dce9fc;margin:14px 0;padding:0 14px;font-size:12px}.problem-event>div{display:flex;gap:10px;color:#718096;font-size:11px}.problem-event p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.problem-pagination{display:flex;align-items:center;justify-content:center;gap:20px;padding:16px;font-size:12px}@media (max-width:650px){.problem-trigger span{display:none}.problem-trigger{padding:11px;bottom:64px;left:10px}.problem-form{padding:0 18px 20px}.problem-two{gap:10px}.problem-stats{grid-template-columns:1fr 1fr}.problem-tools .button{margin-inline-start:0}.problem-screenshot>img{height:150px}}@media print{.problem-trigger{display:none}}@media (prefers-reduced-motion:no-preference){.problem-trigger{transition:transform .2s,color .2s}}