.cq-public,.cq-admin{--cq-ink:#20343b;--cq-muted:#57696f;--cq-line:#dce3de;--cq-accent:#b74d00;color:var(--cq-ink);line-height:1.85;direction:rtl}
.cq-public *,.cq-admin *{box-sizing:border-box}.cq-public{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;margin-top:35px;scroll-margin-top:20px}.cq-eyebrow{font-size:.8rem;font-weight:700;color:var(--cq-accent)}.cq-public h2{font-size:clamp(1.5rem,3vw,2.2rem);line-height:1.55;margin:8px 0 14px}.cq-intro>p{color:var(--cq-muted);font-size:.95rem}.cq-steps{list-style:none;display:grid;gap:16px;padding:12px 0;margin:18px 0}.cq-steps li{display:flex;align-items:center;gap:12px}.cq-steps b{display:grid;place-items:center;width:37px;height:37px;border-radius:13px;background:#1d3c3a;color:#fff}.cq-form-box,.cq-detail,.cq-list{background:#fff;border:1px solid var(--cq-line);border-radius:22px;padding:26px;box-shadow:0 9px 35px #20343b08}.cq-public input,.cq-public textarea,.cq-public select,.cq-admin input,.cq-admin textarea,.cq-admin select,.cq-admin button,.cq-public button{font:inherit}.cq-public fieldset{border:0;padding:0;margin:0 0 18px}.cq-public legend{font-weight:700;margin-bottom:9px;font-size:.9rem}.cq-purpose{display:flex;gap:10px;flex-wrap:wrap}.cq-purpose label{padding:10px;border:1px solid var(--cq-line);background:#f9fbf6;border-radius:12px;font-size:.85rem;cursor:pointer;display:flex;align-items:center;gap:6px}.cq-purpose input{accent-color:#1d3c3a}.cq-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.cq-fields label,.cq-review label{display:grid;gap:7px;font-size:.86rem;font-weight:700}.cq-fields label>span{color:var(--cq-accent);display:contents}.cq-fields label>small{display:contents;color:var(--cq-muted)}.cq-fields input,.cq-fields select,.cq-fields textarea,.cq-review input,.cq-review select,.cq-review textarea{width:100%;border:1px solid #c8d3cc;border-radius:11px;padding:10px 12px;background:#fff;color:var(--cq-ink);min-width:0;min-height:45px;font-weight:400}.cq-fields textarea,.cq-review textarea{resize:vertical}.cq-wide{grid-column:1/-1}.cq-submit{background:#1d3c3a;color:#fff;border:0;border-radius:28px;padding:12px 23px;font-weight:700;cursor:pointer;min-height:46px}.cq-public .cq-submit{width:100%;margin-top:22px}.cq-muted{font-size:.8rem!important;color:var(--cq-muted);line-height:1.9}.cq-trap{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}.cq-success,.cq-alert{padding:15px 18px;border-radius:13px;margin-bottom:18px;font-size:.92rem}.cq-success{background:#e9f5e6;color:#244c2f;border:1px solid #bfd9b6}.cq-success strong{font-size:1.1rem}.cq-alert{background:#fff0e9;color:#87350c;border:1px solid #efc9b3}.cq-public :focus-visible,.cq-admin :focus-visible{outline:3px solid #b56a32;outline-offset:3px}
.cq-admin-head,.cq-detail-head,.cq-toolbar,.cq-pagination{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.cq-admin-head h1{font-size:1.85rem;margin:3px 0}.cq-admin-head p{margin:0;color:var(--cq-muted)}.cq-secondary{color:#315b51;border:1px solid var(--cq-line);background:#fff;padding:8px 15px;border-radius:25px;text-decoration:none}.cq-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:23px 0}.cq-stats>div{border:1px solid var(--cq-line);background:#fff;border-radius:16px;padding:18px 23px;display:flex;align-items:center;justify-content:space-between;gap:12px}.cq-stats strong{font-size:1.8rem;color:#315b51}.cq-stats span{color:var(--cq-muted);font-size:.9rem}.cq-detail{margin-bottom:25px}.cq-detail-head h2{margin:0;font-size:1.45rem}.cq-detail-head>div>span{color:var(--cq-muted);font-size:.8rem}.cq-badge{display:inline-flex;align-items:center;white-space:nowrap;font-size:.78rem;font-weight:700;border-radius:25px;padding:4px 11px}.cq-new{color:#8a4b00;background:#fff0d6}.cq-in_progress{color:#254d87;background:#e9f0fd}.cq-resolved{color:#255b38;background:#e7f3e9}.cq-info{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0;padding-bottom:22px;border-bottom:1px solid var(--cq-line)}.cq-info dt{color:var(--cq-muted);font-size:.78rem}.cq-info dd{margin:3px 0;font-size:.95rem;overflow-wrap:anywhere}.cq-info a,.cq-table a{color:#315b51;text-decoration:none}.cq-message{background:#f6f8f3;border-radius:14px;padding:18px 22px}.cq-message h3{font-size:1rem;margin:0}.cq-message p{white-space:normal;overflow-wrap:anywhere;margin:9px 0 0}.cq-review{display:grid;gap:16px;margin-top:24px}.cq-review select{max-width:300px}.cq-review .cq-submit{justify-self:start}.cq-review p{margin:0}.cq-tabs{display:flex;gap:8px;flex-wrap:wrap}.cq-tabs a{color:#36534b;background:#f3f6ee;border-radius:25px;text-decoration:none;padding:8px 15px;font-size:.87rem;display:flex;gap:10px;align-items:center}.cq-tabs a.active{background:#1d3c3a;color:#fff}.cq-tabs b{font-size:.75rem;border:1px solid #a8c0b4;border-radius:20px;padding:0 6px}.cq-search{display:flex;gap:6px}.cq-search input{border:1px solid var(--cq-line);border-radius:9px;padding:8px 12px;min-width:0;max-width:230px}.cq-search button{background:#1d3c3a;color:#fff;border:0;border-radius:9px;padding:8px 15px;cursor:pointer}.cq-table-wrap{overflow:auto;margin-top:20px}.cq-table{width:100%;border-collapse:collapse;font-size:.87rem;text-align:right}.cq-table th{background:#f2f6ee;color:var(--cq-muted);font-weight:700;white-space:nowrap}.cq-table td,.cq-table th{padding:14px 12px;border-bottom:1px solid var(--cq-line);vertical-align:middle}.cq-table td{min-width:100px}.cq-table td:first-child{min-width:170px}.cq-table small{display:block;color:var(--cq-muted);margin-top:4px}.cq-open{white-space:nowrap;font-weight:700}.cq-empty{text-align:center;padding:35px!important;color:var(--cq-muted)}.cq-pagination{justify-content:center;margin-top:22px;font-size:.86rem}.cq-pagination a{padding:6px 15px;border:1px solid var(--cq-line);border-radius:25px;text-decoration:none;color:#315b51}.cq-pagination span{color:var(--cq-muted)}
@media(max-width:850px){.cq-public{grid-template-columns:1fr}.cq-info{grid-template-columns:repeat(2,minmax(0,1fr))}.cq-stats{gap:8px}.cq-stats>div{padding:12px;align-items:start;flex-direction:column;gap:0}.cq-form-box,.cq-detail,.cq-list{padding:20px}}
@media(max-width:520px){.cq-fields,.cq-info{grid-template-columns:1fr}.cq-public{gap:18px}.cq-search{width:100%}.cq-search input{flex:1;max-width:none}.cq-admin-head h1{font-size:1.5rem}.cq-tabs a{padding:7px 10px}.cq-stats span{font-size:.77rem}.cq-purpose{flex-direction:column}}
