.install-guide-page{min-height:calc(100vh - 128px);background:#fff}.install-guide-query{display:grid;grid-template-columns:280px 280px auto minmax(0,1fr);gap:36px;align-items:center;min-height:73px;padding:15px 54px;border-bottom:1px solid #eef1f4}.install-guide-query label{display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:10px;white-space:nowrap}.install-guide-query select,.install-guide-field select,.install-guide-field input{width:100%;height:32px;min-width:0;padding:0 10px;color:#364152;background:#fff;border:1px solid #dfe4ea;border-radius:5px;outline:0}.install-guide-query select:focus,.install-guide-field select:focus,.install-guide-field input:focus{border-color:#75ade5;box-shadow:0 0 0 2px #1677d21a}.install-guide-query-button{justify-self:start;min-width:58px}.install-guide-form{display:grid;gap:23px;width:500px;padding:28px 0 52px}.install-guide-field{display:grid;grid-template-columns:140px 294px;align-items:center;gap:14px;min-width:0}.install-guide-field>span{color:#2e3744;text-align:right;white-space:nowrap}.install-guide-field input:disabled{color:#b7bec8;background:#f5f5f5}.install-guide-apk-row{align-items:start}.install-guide-apk-row>span{padding-top:8px}.install-guide-apk-actions{display:flex;align-items:center;gap:6px;min-height:32px}.install-guide-file-input{display:none}.install-guide-warning{grid-column:1;width:294px;margin:-13px 0 -2px 154px;color:#f5222d;line-height:18px}.install-guide-address-warning.pending{font-weight:700}.install-guide-file-warning{margin-top:-17px}.install-guide-save-row{padding-left:154px}.install-guide-save-row .promotion-primary{min-width:58px}.install-guide-dialog-backdrop{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:24px;background:#0814245c}.install-guide-package-dialog{width:min(480px,100%);background:#fff;border:1px solid #dfe5ec;border-radius:6px;box-shadow:0 18px 48px #091e3233}.install-guide-package-dialog header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #edf1f5}.install-guide-package-dialog h2{margin:0;font-size:15px}.install-guide-package-dialog header button{display:grid;place-items:center;width:26px;height:26px;padding:0;color:#7d8794;background:transparent;border:0}.install-guide-package-list{display:grid;gap:8px;padding:14px}.install-guide-package-list>button{display:grid;grid-template-columns:26px minmax(0,1fr) 20px;align-items:center;gap:10px;min-height:54px;padding:8px 12px;color:#344054;text-align:left;background:#fff;border:1px solid #dfe5ec;border-radius:5px}.install-guide-package-list>button:hover{color:#126ac9;border-color:#92bee9;background:#f6faff}.install-guide-package-list span{display:grid;gap:4px;min-width:0}.install-guide-package-list strong,.install-guide-package-list small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.install-guide-package-list small{color:#7b8491}.install-guide-package-empty{display:grid;place-items:center;gap:8px;min-height:110px;color:#a3acb8}@media(max-width:1200px){.install-guide-query{grid-template-columns:repeat(2,minmax(220px,1fr)) auto;gap:14px 24px;padding-right:24px}}@media(max-width:900px){.install-guide-query{grid-template-columns:minmax(0,1fr);gap:10px;padding:14px 10px}.install-guide-query label{grid-template-columns:54px minmax(0,1fr)}.install-guide-form{width:100%;gap:18px;padding:20px 10px 40px}.install-guide-field{grid-template-columns:124px minmax(0,1fr);gap:10px}.install-guide-warning{width:auto;margin-left:134px}.install-guide-apk-actions{flex-wrap:wrap}.install-guide-save-row{padding-left:134px}}@media(max-width:620px){.install-guide-field{grid-template-columns:minmax(0,1fr);gap:6px}.install-guide-field>span{text-align:left}.install-guide-apk-row>span{padding-top:0}.install-guide-warning,.install-guide-save-row{margin-left:0;padding-left:0}}.promotion-management-page{min-height:calc(100vh - 128px);color:#303846}.promotion-subtab{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:0 8px 0 18px;border-bottom:1px solid #e8ecf1}.promotion-subtab>span{height:44px;padding:13px 18px 0;color:#126ac9;font-weight:700;border:1px solid #e4e9ef;border-bottom-color:#fff}.promotion-filters{display:grid;grid-template-columns:repeat(4,minmax(190px,1fr));gap:14px 30px;align-items:center;padding:20px 4px 12px}.channel-management-filters{grid-template-columns:repeat(4,minmax(210px,1fr))}.store-template-filters{grid-template-columns:repeat(3,minmax(220px,1fr)) auto}.channel-report-filters,.effect-report-filters{grid-template-columns:repeat(4,minmax(210px,1fr));padding-top:2px}.promotion-filter-control{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;min-width:0;white-space:nowrap}.promotion-filter-control>span:first-child{color:#202938}.promotion-filter-control select,.promotion-filter-control input,.promotion-date-range input{width:100%;min-width:0;height:29px;padding:0 10px;color:#374151;background:#fff;border:1px solid #d9dee7;border-radius:5px;outline:0}.promotion-filter-control select:focus,.promotion-filter-control input:focus{border-color:#7caee4;box-shadow:0 0 0 2px #1677d21a}.effect-channel-multiselect{position:relative;min-width:0;color:#374151}.effect-channel-multiselect summary{position:relative;height:29px;padding:5px 30px 0 10px;overflow:hidden;background:#fff;border:1px solid #d9dee7;border-radius:5px;cursor:pointer;list-style:none;text-overflow:ellipsis}.effect-channel-multiselect summary::-webkit-details-marker{display:none}.effect-channel-multiselect summary:after{position:absolute;top:4px;right:10px;color:#8d96a4;content:"⌄"}.effect-channel-multiselect[open] summary{border-color:#7caee4;box-shadow:0 0 0 2px #1677d21a}.effect-channel-options{position:absolute;top:33px;right:0;left:0;z-index:8;max-height:240px;padding:7px 5px;overflow-y:auto;background:#fff;border:1px solid #e5e8ec;border-radius:10px;box-shadow:0 10px 28px #1f293729}.effect-channel-options label{display:flex;align-items:center;gap:8px;min-height:30px;padding:4px 7px;overflow:hidden;border-radius:4px;cursor:pointer;text-overflow:ellipsis}.effect-channel-options label:hover{background:#eef8fd}.effect-channel-options label:has(input:checked){background:#dff1fa;font-weight:700}.effect-channel-options input{width:14px;height:14px;margin:0;padding:0;flex:0 0 auto}.promotion-date-range{grid-template-columns:auto minmax(250px,1fr)}.date-range-inputs{display:grid;grid-template-columns:1fr 22px 1fr;align-items:center;min-width:0}.date-range-inputs input{border-radius:0}.date-range-inputs input:first-child{border-right:0;border-radius:5px 0 0 5px}.date-range-inputs input:last-child{border-left:0;border-radius:0 5px 5px 0}.date-range-inputs b{display:grid;place-items:center;height:29px;color:#8d96a4;background:#fff;border-top:1px solid #d9dee7;border-bottom:1px solid #d9dee7;font-weight:400}.promotion-primary,.promotion-secondary,.promotion-disabled{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:29px;padding:0 13px;border-radius:5px;white-space:nowrap}.promotion-primary{color:#fff;background:#1677d2;border:1px solid #1677d2}.promotion-primary:hover{background:#0f68bd}.promotion-secondary{color:#4d5969;background:#fff;border:1px solid #d7dde6}.promotion-secondary:hover{color:#1677d2;border-color:#9fc8ef}.promotion-disabled{color:#bcc3cd;background:#f8f9fa;border:1px solid #e0e4e9;cursor:not-allowed}.promotion-filter-actions,.promotion-toolbar,.report-actions,.promotion-action-icons{display:flex;align-items:center;gap:8px}.quick-channel-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-height:40px;padding:0 4px 10px}.quick-channel-filters>span{margin-right:4px;color:#202938}.quick-channel-filters button{height:29px;padding:0 13px;color:#526071;background:#fff;border:1px solid #d7dde6;border-radius:5px}.quick-channel-filters button:hover,.quick-channel-filters button.active{color:#fff;background:#1677d2;border-color:#1677d2}.promotion-toolbar{justify-content:flex-end;min-height:39px;padding:0 8px 7px}.template-list-heading{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 4px}.promotion-table-wrap{width:100%;overflow:auto;border-top:1px solid #edf1f5;border-bottom:1px solid #edf1f5;scrollbar-color:#c1c8d1 transparent;scrollbar-width:thin}.channel-management-table{max-height:calc(100vh - 324px)}.channel-report-table{max-height:calc(100vh - 344px)}.promotion-table{width:100%;border-collapse:collapse;table-layout:fixed}.promotion-table th,.promotion-table td{height:48px;padding:8px 10px;border-right:1px solid #edf1f5;border-bottom:1px solid #edf1f5;text-align:center;vertical-align:middle}.promotion-table th{position:sticky;top:0;z-index:2;height:39px;color:#202938;font-weight:700;background:#fafafa}.promotion-table tr:nth-child(2n) td{background:#fbfbfb}.promotion-table tbody tr:hover td{background:#f5f9ff}.promotion-table th:last-child,.promotion-table td:last-child{border-right:0}.channel-management-table .promotion-table td{height:64px}.store-template-table .promotion-table td{height:246px}.store-template-table .promotion-table th{position:static}.promotion-switch{display:inline-flex;align-items:center;justify-content:space-between;width:49px;height:21px;padding:0 3px 0 7px;color:#fff;background:#cfd3d8;border:0;border-radius:11px}.promotion-switch span{order:2;font-size:10px}.promotion-switch i{order:1;width:15px;height:15px;background:#fff;border-radius:50%;box-shadow:0 1px 2px #0000002e}.promotion-switch.checked{padding:0 3px 0 6px;background:#5e9edc}.promotion-switch.checked span{order:1}.promotion-switch.checked i{order:2}.copy-link{display:inline-flex;align-items:center;gap:5px;max-width:100%;padding:0;color:#14913a;background:transparent;border:0}.copy-link span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-break:break-all}.promotion-icon-action{display:inline-grid;place-items:center;width:23px;height:23px;padding:0;color:#2d82dd;background:transparent;border:0;border-radius:4px}.promotion-icon-action:hover{background:#eaf4ff}.template-app-icon{width:66px;height:66px;object-fit:cover;border-radius:12px}.template-intro{margin:0;color:#252d38;line-height:24px;text-align:left}.store-template-page .promotion-dialog{width:min(680px,100%)}.store-template-fields{display:grid;gap:13px}.template-comment-list{display:grid;gap:6px;max-height:180px;overflow:auto;margin-bottom:12px}.template-comment-list>div{display:grid;grid-template-columns:minmax(0,1fr) 30px 30px;align-items:center;gap:4px;padding:8px 10px;border:1px solid #e5e9ef;border-radius:4px}.template-comment-list span,.template-comment-list small{display:block;min-width:0}.template-comment-list small{overflow:hidden;color:#6b7480;text-overflow:ellipsis;white-space:nowrap}.template-comment-list button{width:28px;height:28px;display:inline-grid;place-items:center;border:1px solid #dfe4ea;background:#fff;color:#2474c6;cursor:pointer}.promotion-template-preview-frame{width:min(760px,78vw);height:min(680px,72vh);border:1px solid #dfe4ea;background:#f5f7fa}.text-action{color:#1932d0;background:transparent;border:0}.promotion-checkbox{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.promotion-checkbox input,.dialog-check input{width:15px;height:15px;accent-color:#1677d2}.report-warning{min-height:34px;padding:9px 4px 0;color:#f5222d}.report-actions{justify-content:flex-end;min-height:36px;padding-right:8px}.promotion-report-summary{display:grid;grid-template-columns:repeat(8,minmax(108px,1fr));margin:0 16px 10px;overflow-x:auto;border-top:1px solid #e3e7ec;border-bottom:1px solid #e3e7ec;background:#fafbfd}.promotion-report-summary>div{min-width:108px;padding:10px 12px;border-right:1px solid #e8ebef}.promotion-report-summary span,.promotion-report-summary strong,.channel-report-new-table .text-action strong,.channel-report-new-table .text-action small{display:block}.promotion-report-summary span{color:#6a7480;font-size:12px}.promotion-report-summary strong{margin-top:4px;color:#17212b;font-size:17px;font-weight:600}.channel-report-new-table .text-action{min-width:132px;text-align:left}.channel-report-new-table .text-action small{margin-top:3px;color:#7a8490}.report-date-band{height:39px;padding:3px 8px;background:#d3d3d3}.report-date-band select{height:30px;background:#fff}.report-link-value{color:#1b36ff}.report-total-row td{position:sticky;bottom:0;z-index:1;background:#fff!important}.difference-positive{color:#0a9b1f}.difference-negative{color:#f5222d}.effect-report-sections{display:grid;gap:18px}.effect-report-band{min-width:0}.effect-report-band h2{height:39px;margin:0;padding:11px 8px 0;color:#202938;font-size:13px;font-weight:700;background:#d3d3d3}.effect-table{min-width:1500px}.effect-table th,.effect-table td{height:53px}.promotion-pagination{display:flex;align-items:center;gap:8px;min-height:43px;padding-top:7px}.promotion-pagination button{min-width:21px;height:23px;padding:0 4px;color:#1769cf;background:#fff;border:0;border-radius:4px}.promotion-pagination button.active{border:1px solid #2d7ff2}.promotion-pagination select{min-width:84px;height:25px}.promotion-pagination input{width:43px;height:25px;border:1px solid #d9dee7;border-radius:4px}.promotion-empty{display:grid;place-items:center;gap:6px;height:110px;color:#bec5cf}.promotion-dialog-backdrop{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:24px;background:#0814245c}.promotion-dialog{width:min(480px,100%);max-height:calc(100vh - 48px);overflow:auto;background:#fff;border:1px solid #dfe5ec;border-radius:6px;box-shadow:0 18px 48px #091e3233}.promotion-dialog header,.promotion-dialog footer{display:flex;align-items:center;padding:12px 16px}.promotion-dialog header{justify-content:space-between;border-bottom:1px solid #edf1f5}.promotion-dialog header h2{margin:0;font-size:15px}.promotion-dialog header button{display:grid;place-items:center;width:26px;height:26px;color:#7d8794;background:transparent;border:0}.promotion-dialog-body{display:grid;gap:13px;padding:20px 22px}.promotion-dialog footer{justify-content:flex-end;gap:8px;border-top:1px solid #edf1f5}.promotion-dialog-field{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:12px}.promotion-dialog-field>span{text-align:right}.promotion-dialog-field input,.promotion-dialog-field select,.promotion-dialog-field textarea{width:100%;min-width:0;height:30px;padding:0 9px;border:1px solid #d9dee7;border-radius:5px}.promotion-dialog-field textarea{height:90px;padding-top:8px;resize:vertical}.tutorial-list{display:grid;gap:10px;margin:0;padding-left:24px;line-height:20px}.channel-test-result{display:grid;place-items:center;gap:9px;padding:14px;color:#15803d}.channel-test-result span{max-width:100%;color:#526173;word-break:break-all}.dialog-check{display:inline-flex;align-items:center;gap:8px;padding-left:110px}.promotion-linked-procedures{margin-top:14px}@media(max-width:1500px){.promotion-filters,.channel-management-filters,.store-template-filters,.channel-report-filters,.effect-report-filters{grid-template-columns:repeat(3,minmax(190px,1fr))}.channel-management-table,.channel-report-table{max-height:calc(100vh - 365px)}}@media(max-width:900px){body:has(.promotion-management-page){min-width:0;overflow-x:hidden}body:has(.promotion-management-page) .sidebar{width:152px;flex-basis:152px}body:has(.promotion-management-page) .topbar{min-width:0;overflow:hidden}body:has(.promotion-management-page) .top-actions .latency,body:has(.promotion-management-page) .top-actions .locale,body:has(.promotion-management-page) .top-actions .clock,body:has(.promotion-management-page) .top-actions .user{display:none}body:has(.promotion-management-page) .workspace{padding:10px 8px 32px}.promotion-filters,.channel-management-filters,.store-template-filters,.channel-report-filters,.effect-report-filters{grid-template-columns:minmax(0,1fr);gap:10px}.promotion-date-range{grid-template-columns:auto minmax(0,1fr)}.quick-channel-filters{flex-wrap:nowrap;overflow-x:auto}.quick-channel-filters>span,.quick-channel-filters button{flex:0 0 auto}.promotion-toolbar,.report-actions,.template-list-heading{flex-wrap:wrap}.promotion-dialog-backdrop{padding:12px}.promotion-dialog-field{grid-template-columns:minmax(0,1fr);gap:6px}.promotion-dialog-field>span{text-align:left}.dialog-check{padding-left:0}}
