.ph-cql-page{position: relative;display: flex;flex-direction: column;align-items: stretch;gap: 12px;padding: 18px;box-sizing: border-box;background: #F6F8FA;height: 100%;min-height: 0;overflow: hidden;line-height: normal}.ph-cql-tabs{flex-shrink: 0;display: grid;grid-template-columns: repeat(5,minmax(0,1fr));gap: 8px}.ph-cql-tab{text-align: left;border: 1.5px solid #E3E8EF;background: #FBFCFD;border-radius: 8px;padding: 8px 12px;cursor: pointer;font: inherit;margin: 0;display: flex;align-items: center;gap: 10px;min-width: 0;color: inherit}.ph-cql-tab--on{border-color: #1D6FE0;background: #fff}.ph-cql-tab:hover{border-color: #B9CFF2}.ph-cql-tab__num{font-size: 22px;font-weight: 700;font-variant-numeric: tabular-nums;line-height: 1}.ph-cql-tab__num--warn{color: #B5810E}.ph-cql-tab__num--danger{color: #DC2626}.ph-cql-tab__num--cust{color: #0F4897}.ph-cql-tab__num--info{color: #1D6FE0}.ph-cql-tab__num--success{color: #16A34A}.ph-cql-tab__num--neutral{color: #0F1826}.ph-cql-tab__text{display: flex;flex-direction: column;gap: 2px;min-width: 0}.ph-cql-tab__label{font-size: 12.5px;font-weight: 600;color: #0F1826;white-space: nowrap}.ph-cql-tab__hint{font-size: 10.5px;color: #9AA3B2;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.ph-cql-tab__hint--danger{color: #DC2626}.ph-cql-card{flex: 1;min-height: 0;position: relative;display: flex;flex-direction: column;background: #fff;border: 1px solid #E3E8EF;border-radius: 8px;overflow: hidden}.ph-cql-toolbar{flex-shrink: 0;display: flex;align-items: center;gap: 8px;padding: 8px 12px;border-bottom: 1px solid #EEF1F5;flex-wrap: nowrap}.ph-cql-chips{display: flex;gap: 6px;flex-wrap: wrap;min-width: 0}.ph-cql-chip{border: 1px solid #E3E8EF;background: #fff;color: #4B5563;border-radius: 999px;padding: 3px 10px;font: inherit;font-size: 11.5px;margin: 0;cursor: pointer;display: inline-flex;gap: 5px;white-space: nowrap}.ph-cql-chip--on{border-color: #1D6FE0;background: #EEF5FF;color: #1D6FE0}.ph-cql-chip--dim{opacity: .5}.ph-cql-chip__n{font-weight: 600;color: #9AA3B2}.ph-cql-chip--on .ph-cql-chip__n{color: #1D6FE0}.ph-cql-chip .ph-cql-chip__n--alert{color: #DC2626}.ph-cql-search{margin-left: auto;position: relative;flex: 1 1 180px;min-width: 150px;max-width: 230px}.ph-cql-search::before{content: "";position: absolute;left: 10px;top: 50%;width: 13px;height: 13px;transform: translateY(-50%);pointer-events: none;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 24 24' fill='none' stroke='%239AA3B2' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E") no-repeat center / 13px 13px}.ph-cql-search__input{width: 100%;box-sizing: border-box;padding: 5px 10px 5px 30px;border: 1px solid #E3E8EF;border-radius: 6px;font-size: 12px;font-family: inherit;outline: none;background: #fff;color: #0F1826;line-height: normal}.ph-cql-search__input:focus{border-color: #1D6FE0}.ph-cql-search__input::placeholder{color: #9AA3B2}.ph-cql-grid{display: grid;grid-template-columns: 132px minmax(0,1fr) 124px 160px 100px 176px 164px;gap: 8px}.ph-cql-head{flex-shrink: 0;padding: 6px 12px;border-bottom: 1px solid #E3E8EF;font-size: 11px;color: #9AA3B2;background: #FAFBFD}.ph-cql-right{text-align: right}.ph-cql-body{flex: 1;min-height: 0;overflow: auto}.ph-cql-empty{text-align: center;padding: 60px 20px;color: #9AA3B2;font-size: 12.5px;line-height: 1.7}.ph-cql-foot{padding: 14px;text-align: center;font-size: 11.5px;color: #9AA3B2}.ph-cql-pos{position: absolute;right: 14px;bottom: 10px;background: rgba(15,24,38,.78);color: #fff;font-size: 11px;border-radius: 999px;padding: 4px 11px;font-variant-numeric: tabular-nums;pointer-events: none}.ph-cql-row{align-items: center;padding: 9px 12px;border-bottom: 1px solid #F1F4F8;background: #fff}.ph-cql-row:hover{background: #F8FAFC}.ph-cql-row--dimmed{opacity: .6}.ph-cql-st{display: flex;flex-direction: column;gap: 4px;align-items: flex-start;min-width: 0}.ph-cql-pill{display: inline-flex;align-items: center;gap: 5px;font-size: 11px;font-weight: 600;border: 1px solid;border-radius: 999px;padding: 1px 8px;white-space: nowrap}.ph-cql-pill__dot{width: 6px;height: 6px;border-radius: 50%}.ph-cql-pill--amber{color: #92600A;background: #FFF6E3;border-color: #F5D48F}.ph-cql-pill--amber .ph-cql-pill__dot{background: #F59A0B}.ph-cql-pill--red{color: #B91C1C;background: #FDECEC;border-color: #F5C9C9}.ph-cql-pill--red .ph-cql-pill__dot{background: #DC2626}.ph-cql-pill--navy{color: #0F4897;background: #E6F1FE;border-color: #B9CFF2}.ph-cql-pill--navy .ph-cql-pill__dot{background: #0F4897}.ph-cql-pill--blue{color: #1D6FE0;background: #EEF5FF;border-color: #B9CFF2}.ph-cql-pill--blue .ph-cql-pill__dot{background: #1D6FE0}.ph-cql-pill--green{color: #16A34A;background: #F0FDF4;border-color: #A7DDBC}.ph-cql-pill--green .ph-cql-pill__dot{background: #16A34A}.ph-cql-pill--gray{color: #6B7280;background: #F2F5F9;border-color: #E3E8EF}.ph-cql-pill--gray .ph-cql-pill__dot{background: #9AA3B2}.ph-cql-wait{font-size: 11px;white-space: nowrap}.ph-cql-wait--muted{color: #667085}.ph-cql-wait--warn{color: #B5810E}.ph-cql-wait--danger{color: #B91C1C}.ph-cql-wait--info{color: #1D6FE0}.ph-cql-cust{min-width: 0}.ph-cql-cust__name{display: block;font-size: 13px;font-weight: 600;color: #1D6FE0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-decoration: none}.ph-cql-cust__name:hover{color: #1A5FC4;text-decoration: underline}.ph-cql-cust__meta{display: flex;align-items: center;gap: 6px;font-size: 11px;color: #9AA3B2;margin-top: 3px;white-space: nowrap;overflow: hidden}.ph-cql-cust__code{font-family: var(--font-mono);color: #667085}.ph-cql-ver{font-size: 10px;font-weight: 700;border-radius: 4px;padding: 0 5px;font-family: var(--font-mono)}.ph-cql-ver--multi{color: #1D6FE0;background: #EEF5FF}.ph-cql-ver--single{color: #667085;background: #F2F5F9}.ph-cql-cust__plan{font-family: var(--font-mono);font-size: 11px;color: #1D6FE0;text-decoration: none}.ph-cql-cust__plan:hover{color: #1A5FC4}.ph-cql-amt__main{font-size: 13px;font-weight: 700;font-variant-numeric: tabular-nums}.ph-cql-amt__main--on{color: #0F1826}.ph-cql-amt__main--off{color: #9AA3B2}.ph-cql-amt__sub{font-size: 10.5px;color: #9AA3B2;margin-top: 2px;white-space: nowrap}.ph-cql-ia{min-width: 0;display: flex;flex-direction: column;gap: 3px;align-items: flex-start}.ph-cql-ia__text{font-size: 11.5px;white-space: nowrap}.ph-cql-ia__text--unsent{color: #9AA3B2}.ph-cql-ia__text--opened{color: #0F1826}.ph-cql-ia__text--unopened{color: #B5810E}.ph-cql-ia__text--none{color: #C2C9D4}.ph-cql-fb{display: inline-block;box-sizing: border-box;font-size: 10.5px;font-weight: 600;color: #92600A;background: #FFF6E3;border: 1px solid #F5D48F;border-radius: 4px;padding: 0 6px;white-space: nowrap;max-width: 100%;overflow: hidden;text-overflow: ellipsis}.ph-cql-ia__off{font-size: 10.5px;color: #B91C1C;white-space: nowrap}.ph-cql-valid__main{font-size: 12px;font-variant-numeric: tabular-nums;white-space: nowrap}.ph-cql-valid__main--on{color: #0F1826}.ph-cql-valid__main--soon{color: #B5810E}.ph-cql-valid__main--over{color: #B91C1C}.ph-cql-valid__main--off{color: #9AA3B2}.ph-cql-valid__sub{font-size: 10.5px;margin-top: 2px;white-space: nowrap}.ph-cql-valid__sub--muted{color: #9AA3B2}.ph-cql-valid__sub--soon{color: #B5810E}.ph-cql-valid__sub--over{color: #B91C1C}.ph-cql-ev{min-width: 0}.ph-cql-ev__head{font-size: 11px;color: #667085;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.ph-cql-ev__text{font-size: 11.5px;color: #4B5563;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top: 1px}.ph-cql-ev__none{font-size: 11.5px;color: #C2C9D4}.ph-cql-acts{display: flex;gap: 6px;justify-content: flex-end;align-items: center}.ph-cql-btn{border: 1px solid;border-radius: 6px;padding: 4px 10px;font: inherit;font-size: 11.5px;line-height: 1;height: 26px;box-sizing: border-box;display: inline-flex;align-items: center;white-space: nowrap;margin: 0;cursor: pointer;text-decoration: none}.ph-cql-btn--view{border-color: #E3E8EF;background: #fff;color: #4B5563;padding: 4px 9px}.ph-cql-btn--view:hover{border-color: #B9CFF2;background: #F5F9FF;color: #1D6FE0}.ph-cql-btn--primary{font-weight: 500;border-color: #1D6FE0;background: #1D6FE0;color: #fff}.ph-cql-btn--warn{font-weight: 500;border-color: #F5D48F;background: #FFF6E3;color: #92600A}.ph-cql-btn--ghost{font-weight: 500;border-color: #E3E8EF;background: #fff;color: #4B5563}.ph-cql-toast{position: absolute;left: 50%;bottom: 28px;transform: translateX(-50%);background: #0F1826;color: #fff;font-size: 12.5px;border-radius: 8px;padding: 10px 16px;box-shadow: 0 6px 20px rgba(15,24,38,.25);z-index: 5;animation: ph-cql-toast-hide .2s ease 2.6s forwards}@keyframes ph-cql-toast-hide{to{opacity: 0;visibility: hidden}}