58 lines
18 KiB
CSS
58 lines
18 KiB
CSS
#view-quantity{grid-template-rows:auto minmax(0,1fr);overflow:hidden;gap:8px}
|
||
#view-quantity>.takeoff-menu{grid-column:1/-1;display:flex;gap:6px;min-height:44px;align-items:center}
|
||
.takeoff-menu button,.takeoff-workspace button,.tq-preview-dialog button{font:inherit;cursor:pointer;border:1px solid #d1dfed;background:white;color:#24567f;border-radius:5px;padding:8px 11px;line-height:1.3}
|
||
.takeoff-menu button{font-size:12px;min-height:36px}
|
||
.takeoff-menu button[aria-pressed=true]{background:#1f5fa8;color:white;border-color:#1f5fa8;font-weight:600}
|
||
#view-quantity>.takeoff-workspace{grid-column:1/-1;min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:10px;color:#19324b;font-family:inherit;padding:0;border:0;background:transparent}
|
||
#view-quantity>.takeoff-workspace[hidden]{display:none}
|
||
.tq-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:#fff;padding:11px 14px;border:1px solid #dbe5ef;border-radius:7px;flex-shrink:0}
|
||
.tq-toolbar h2{font-size:18px;line-height:1.3;margin:0;font-weight:700;color:#152f48}
|
||
.takeoff-workspace select,.takeoff-workspace input:not([type=checkbox]){font:inherit;border:1px solid #cadcec;border-radius:5px;background:#fff;color:#234666;padding:6px 8px;min-width:0}
|
||
.tq-toolbar>select{max-width:170px;font-size:12px;height:34px}
|
||
.takeoff-actions{display:flex;gap:7px;align-items:center;margin-left:auto}
|
||
.takeoff-actions button{font-size:12px;min-height:34px}
|
||
.takeoff-actions button:last-child{background:#1f5fa8;border-color:#1f5fa8;color:white}
|
||
.takeoff-workspace button:disabled{opacity:.45;cursor:not-allowed}
|
||
.tq-header-progress{font-size:11px;font-weight:600;color:#995210;background:#fff0e0;padding:6px 9px;border-radius:14px;white-space:nowrap}
|
||
.takeoff-status{margin:0;color:#8f5a17;background:#fff5e7;border-radius:12px;padding:5px 9px;line-height:1.3;font-size:11px;max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
|
||
.takeoff-status[data-state=done]{color:#236b49;background:#e8f6ed}
|
||
.tq-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;background:linear-gradient(100deg,#edf6ff,#f4f9ff);border:1px solid #e1edf8;border-radius:7px;padding:10px;flex-shrink:0}
|
||
.tq-flow button{display:flex;gap:12px;align-items:center;background:none;border:0;text-align:left;position:relative;padding:2px 14px}
|
||
.tq-flow button:not(:last-child)::after{content:'›';font-size:25px;color:#a3bed7;position:absolute;right:0;top:4px}
|
||
.tq-flow svg{width:30px;height:30px;flex-shrink:0;color:#1787e0;background:#e0f0ff;border-radius:50%;padding:5px;box-sizing:content-box}
|
||
.tq-flow b{display:block;font-size:13px;color:#193e61}.tq-flow small{display:block;font-size:10px;color:#5b7793;margin-top:4px}.tq-flow em{display:inline-block;font-style:normal;background:#ffead2;color:#aa570d;padding:2px 5px;border-radius:4px;font-size:10px;margin-top:3px}
|
||
.tq-dashboard-grid{display:grid;grid-template-columns:280px minmax(0,1fr) 365px;gap:10px;flex:1;min-height:0}
|
||
.tq-panel{background:white;border:1px solid #d9e4ef;border-radius:7px;padding:12px;min-width:0;min-height:0;overflow:hidden;box-sizing:border-box}
|
||
#view-quantity .tq-panel h3{font-size:14px;line-height:1.4;margin:0 0 10px;font-weight:700;color:#1c3650}
|
||
.tq-input-panel{display:flex;flex-direction:column}
|
||
.tq-progress{display:flex;justify-content:space-between;gap:5px;flex-wrap:wrap;flex-shrink:0;font-size:10px;color:#55718c;margin-bottom:10px}.tq-progress b{font-size:10px;font-weight:500}.tq-progress progress{width:100%;height:7px;border:0;appearance:none}.tq-progress progress::-webkit-progress-bar{background:#eaf1f7;border-radius:5px}.tq-progress progress::-webkit-progress-value{background:#1e6dc4;border-radius:5px}
|
||
.tq-input-scroll{overflow:auto;min-height:0;flex:1;scrollbar-width:thin;padding-right:3px;overscroll-behavior:contain}
|
||
.tq-missing-box{background:#fff4e7;border:1px solid #ffdab4;border-radius:6px;padding:9px;margin-bottom:10px;color:#a45d13;font-size:11px}.tq-missing-box summary{font-weight:700;cursor:pointer}.tq-missing-box p{font-size:10px;margin:7px 0;line-height:1.5}.tq-missing-box button{display:block;font-size:10px;border:0;background:transparent;color:#994d0e;padding:4px 0;text-decoration:underline;text-align:left}
|
||
.tq-input-group{border:1px solid #dce6f1;border-radius:6px;overflow:hidden;margin-bottom:9px}.tq-input-group>summary{cursor:pointer;background:#f3f7fc;display:flex;align-items:center;justify-content:space-between;gap:5px;padding:8px;font-size:11px}.tq-input-group>summary::before{content:'›';color:#50718e}.tq-input-group[open]>summary::before{content:'⌄'}.tq-input-group>summary strong{margin-right:auto}.tq-count-done{color:#287b4d}.tq-count-missing{color:#c47111}
|
||
.tq-project-identity{display:grid;grid-template-columns:64px minmax(0,1fr);font-size:10px;gap:5px;margin:9px}.tq-project-identity dt{color:#6b8195}.tq-project-identity dd{margin:0;overflow-wrap:anywhere}
|
||
.tq-field{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px;margin:0;padding:8px;border-top:1px solid #edf1f6;font-size:10px;align-items:center}.tq-field-name{line-height:1.4}.tq-field input,.tq-field output{grid-column:1/-1;width:100%;box-sizing:border-box;display:block;min-height:30px;padding:6px 8px;border-radius:4px;font-size:11px!important;font-variant-numeric:tabular-nums}.tq-field output{border:1px solid #cfe1f4;color:#295979;background:#edf6ff}.tq-field small{display:none;grid-column:1/-1;overflow-wrap:anywhere;font-size:9px;color:#748aa0}.tq-field:focus-within small{display:block}.tq-field.is-missing input{border-color:#f2a551;background:#fffaf3}.tq-field-warning{position:absolute;right:15px;top:39px;border-radius:50%;background:#ee963d;color:white;width:13px;height:13px;text-align:center;line-height:13px;font-weight:700}.tq-field.is-missing input{padding-right:25px}
|
||
.tq-input-tag{font-size:9px;line-height:1.3;border-radius:8px;padding:2px 6px;white-space:nowrap}.tq-input-tag.auto{background:#e1f0ff;color:#236fb6}.tq-input-tag.manual{background:#edf1f6;color:#3c536d}.tq-input-tag.template{background:#e8effb;color:#4b68a4}.tq-fixed-conditions{font-size:10px;padding:8px;color:#708399}.tq-fixed-conditions summary{cursor:pointer}.tq-fixed-conditions p{margin:6px 0}.tq-approval{font-size:10px;line-height:1.6;display:flex;gap:5px;background:#f7f9fc;padding:9px;border:1px solid #e1e9f2;border-radius:5px}.tq-approval input{flex-shrink:0;align-self:flex-start;margin-top:3px}.tq-input-reset{flex-shrink:0;padding-top:8px}.tq-input-reset button{font-size:10px;width:100%;color:#657c92}
|
||
.tq-results-panel{display:flex;flex-direction:column}
|
||
.tq-summary-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;flex-shrink:0;margin-bottom:10px}
|
||
.tq-summary-card{text-align:left;background:linear-gradient(135deg,#fff,#f5f9ff)!important;border:1px solid #dce8f5!important;padding:11px 9px!important;border-radius:7px!important;min-width:0}.tq-summary-title{display:flex;gap:6px;align-items:center;font-size:10px;color:#47617a;white-space:nowrap}.tq-summary-title svg{width:20px;height:20px;flex-shrink:0;color:#2487db}.tq-summary-card strong{display:block;margin-top:10px;font-size:21px;letter-spacing:-.03em;color:#152e4c;white-space:nowrap;font-variant-numeric:tabular-nums}.tq-summary-card strong small{font-size:11px;font-weight:600;letter-spacing:0}
|
||
.tq-review-notices{flex-shrink:0;border:1px solid #e6e2d8;background:#fffbf4;border-radius:5px;font-size:10px;margin-bottom:10px;max-height:135px;overflow:auto}.tq-review-notices summary{cursor:pointer;padding:7px 9px;color:#926222}.tq-review-notices p{line-height:1.5;margin:5px 9px;color:#6e6d69}
|
||
.tq-result-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:7px;flex-shrink:0;margin-bottom:10px}.tq-view-tabs{display:flex;gap:4px}.tq-view-tabs button{padding:7px 8px;font-size:10px;white-space:nowrap}.tq-view-tabs button[aria-pressed=true]{background:#1f5fa8;border-color:#1f5fa8;color:white}.tq-result-controls input{font-size:10px!important;min-width:150px;flex:1;max-width:240px;min-height:30px}
|
||
.tq-table-scroll{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;outline:none}.tq-result-table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;font-size:10px;color:#34506b}.tq-result-table th{position:sticky;top:0;background:#eff4fa;z-index:2;border-top:1px solid #dbe5ef;color:#253f58;text-align:left;font-size:10px;font-weight:600}.tq-result-table th,.tq-result-table td{padding:7px 6px;border-bottom:1px solid #e0e8f1;border-right:1px solid #e4ebf3;vertical-align:middle;line-height:1.45;overflow-wrap:anywhere}.tq-result-table th:first-child,.tq-result-table td:first-child{border-left:1px solid #dbe5ef}.tq-result-table th:nth-child(1){width:17%}.tq-result-table th:nth-child(2){width:19%}.tq-result-table th:nth-child(3){width:26%}.tq-result-table th:nth-child(4){width:6%}.tq-result-table th:nth-child(5){width:15%}.tq-result-table th:nth-child(6){width:17%}.tq-result-table td:nth-child(5){text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:500}.tq-result-table td:nth-child(3) span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:9px}.tq-result-table code{display:block;font-size:9px;color:#6f8da8;margin-top:3px}.tq-result-table td button{font-size:10px;text-align:left;padding:0;border:0;background:none;color:inherit;white-space:normal}.tq-result-table tr[data-selection]{cursor:pointer}.tq-result-table tr[data-selection]:hover{background:#f1f8ff}.tq-result-table tr.is-selected{background:#dceeff!important;color:#1e527c}.tq-group-row td{background:#f8fbfe;font-weight:600}.tq-group-row button{display:flex;align-items:center;gap:8px;width:100%;font-weight:600}.tq-group-row small{margin-left:auto;color:#8aa0b3;font-size:9px;font-weight:400}
|
||
.tq-status-tag{display:inline-block;font-size:9px;border-radius:10px;padding:2px 5px;white-space:nowrap}.tq-status-tag.done{background:#e5f5e9;color:#2a794a}.tq-status-tag.review{background:#fff0dc;color:#af6715}.tq-status-tag.stale{background:#f7efdb;color:#90772f}.tq-table-note{font-size:9px;line-height:1.5;color:#7a8fa2;margin:7px 0 0;flex-shrink:0}
|
||
.tq-right-panel{display:grid;grid-template-rows:minmax(0,1.15fr) minmax(0,1fr);gap:10px;min-width:0;min-height:0}.tq-mini-panel{display:flex;flex-direction:column;padding:10px}.tq-panel-heading{display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.tq-panel-heading button{padding:2px 7px;font-size:16px}.tq-panel-heading h3{margin-bottom:0!important}
|
||
.tq-mini-panel .takeoff-excel-preview{display:flex;flex-direction:column;flex:1;min-height:0}.tq-mini-panel .takeoff-excel-toolbar{display:flex;gap:3px;margin:8px 0 6px;flex-wrap:nowrap;flex-shrink:0}.tq-mini-panel .takeoff-excel-toolbar select{font-size:9px!important;padding:3px!important;min-height:24px;height:24px;max-width:115px}.tq-mini-panel .takeoff-excel-toolbar select:last-of-type{max-width:50px;margin-left:auto}.tq-mini-panel .takeoff-excel-toolbar button{padding:2px 6px;min-height:22px;font-size:12px}.tq-mini-panel .takeoff-excel-toolbar>span{display:none}.takeoff-excel-page-count{font-size:10px;color:#58748e;white-space:nowrap;align-self:center}.tq-mini-panel .takeoff-excel-viewport{min-height:0;max-height:none;height:auto;flex:1;padding:8px;overscroll-behavior:contain}.tq-mini-panel .takeoff-excel-paper{padding:12px;margin:auto}.takeoff-excel-quantity.is-linked{background:#bfe3ff!important;outline:3px solid #1888d5;outline-offset:-3px}
|
||
.tq-formula-panel{overflow:auto;scrollbar-width:thin;padding:11px}.tq-selected-title{font-size:10px;color:#667d93;line-height:1.5;margin:0 0 8px}.tq-formula-block{display:grid;grid-template-columns:42px minmax(0,1fr);gap:7px;padding:8px 0;border-bottom:1px solid #edf2f7;font-size:10px;line-height:1.5}.tq-formula-block>b{color:#4f6c86;font-size:10px}.tq-formula-block pre{margin:0;font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;max-height:130px;overflow:auto}.tq-formula-inputs{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 7px;margin:0;font-size:9px}.tq-formula-inputs dt{color:#71879c}.tq-formula-inputs dd{margin:0;text-align:right;color:#35536c;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.tq-formula-answer{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#e6f3ff;padding:10px;border-radius:5px;margin-top:8px;font-size:11px}.tq-formula-answer strong{font-size:20px;color:#174c80;font-variant-numeric:tabular-nums}.tq-formula-source{font-size:10px;margin-top:9px;color:#637c93}.tq-formula-source summary{cursor:pointer}.tq-formula-source pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;line-height:1.5}.tq-formula-source p{overflow-wrap:anywhere;font-size:9px;line-height:1.4;margin:5px 0}
|
||
.tq-preview-dialog{width:94vw;height:94dvh;max-width:94vw;max-height:94dvh;box-sizing:border-box;border:1px solid #d5e2ed;border-radius:12px;padding:20px;background:#f8fbff;color:#244b6c;overflow:auto}.tq-preview-dialog::backdrop{background:#19324b66;backdrop-filter:blur(4px)}.tq-dialog-close{display:block;margin-left:auto;margin-bottom:8px}.tq-preview-dialog .takeoff-excel-viewport{max-height:76dvh}
|
||
.tq-full-preview{flex:1;min-height:0;overflow:auto}.tq-full-preview .takeoff-excel-viewport{max-height:calc(100dvh - 305px)}.tq-full-trace:empty{display:none}.tq-full-trace{background:white;padding:15px;margin-top:12px;border:1px solid #dbe5ef}.tq-full-trace pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}
|
||
@keyframes quantity-update{0%,30%{background:#fff0b8}100%{background:transparent}}.tq-quantity-changed{animation:quantity-update 2.5s ease-out}
|
||
@media(min-width:1700px){.tq-dashboard-grid{grid-template-columns:300px minmax(0,1fr) 410px}.tq-result-table{font-size:12px}.tq-result-table td button{font-size:11px}.tq-summary-card strong{font-size:25px}.tq-field{font-size:11px}.tq-field input,.tq-field output{font-size:12px!important}.tq-formula-block{font-size:12px}.tq-formula-inputs{font-size:11px}}
|
||
@media(max-width:1450px){.tq-dashboard-grid{grid-template-columns:245px minmax(0,1fr) 315px;gap:8px}.tq-panel{padding:9px}.tq-summary-card{padding:9px 6px!important}.tq-summary-card strong{font-size:17px}.tq-summary-title{font-size:9px;gap:3px}.tq-summary-title svg{width:16px;height:16px}.tq-summary-card strong small{font-size:9px}.tq-flow{padding:7px}.tq-flow button{gap:7px;padding:2px 8px}.tq-flow svg{width:23px;height:23px}.tq-flow small{font-size:9px}.tq-toolbar{padding:9px 11px;gap:7px}.tq-toolbar h2{font-size:16px}}
|
||
@media(max-width:1100px){#view-quantity>.takeoff-workspace{overflow:auto}.tq-dashboard-grid{grid-template-columns:235px minmax(0,1fr);flex:none;min-height:650px;height:calc(100dvh - 250px)}.tq-right-panel{grid-column:1/-1;grid-template-columns:1fr 1fr;grid-template-rows:380px;min-height:380px}.tq-flow small{display:none}.tq-flow svg{width:20px;height:20px}.tq-flow b{font-size:11px}.tq-flow button{padding:2px}.tq-header-progress{font-size:10px}.takeoff-status{max-width:130px}}
|
||
@media(max-width:700px){.tq-dashboard-grid{display:flex;flex-direction:column;height:auto;min-height:0}.tq-input-panel{height:430px;flex-shrink:0}.tq-results-panel{height:650px;flex-shrink:0}.tq-right-panel{display:grid;grid-template-columns:1fr;grid-template-rows:360px 400px;flex-shrink:0}.tq-flow{gap:2px}.tq-flow button{gap:3px}.tq-flow svg{display:none}.tq-flow em{font-size:8px}.tq-toolbar{gap:6px}.takeoff-actions{width:100%;justify-content:flex-end}.tq-header-progress{display:none}}
|
||
@media(prefers-reduced-motion:reduce){.tq-quantity-changed{animation:none}}
|
||
@media print{.takeoff-menu,.takeoff-actions,.tq-flow,.tq-input-panel,.tq-result-controls{display:none!important}.tq-dashboard-grid{display:block}.tq-results-panel,.tq-right-panel,.tq-panel{overflow:visible;height:auto}.tq-table-scroll{overflow:visible}.tq-summary-cards{break-inside:avoid}}
|
||
.tq-project-dialog{width:min(96vw,1800px);max-height:92dvh;box-sizing:border-box;border:1px solid #cfdeec;border-radius:14px;padding:20px;background:#f8fbff;color:#17324c;box-shadow:0 20px 80px #1234;overflow:auto}
|
||
.tq-project-dialog::backdrop{background:#142a4780}.tq-project-dialog>header,.tq-project-tools{display:flex;align-items:center;gap:12px;justify-content:space-between}.tq-project-dialog h2{font-size:20px;margin:0}.tq-project-dialog p{font-size:13px;white-space:pre-line}.tq-project-tools{justify-content:flex-end;margin:16px 0}.tq-project-tools label{margin-right:auto;display:flex;align-items:center;gap:8px}.tq-project-dialog button{padding:10px 14px;border:1px solid #b8d4ef;border-radius:7px;background:white;color:#175da0}.tq-project-table{max-height:64dvh;overflow:auto;border:1px solid #d4e1ed;background:white}.tq-project-table table{border-collapse:collapse;min-width:100%;font-size:12px}.tq-project-table th,.tq-project-table td{border:1px solid #dde6ef;padding:9px;min-width:150px}.tq-project-table th{background:#edf5fd;text-align:left}.tq-project-table thead th{position:sticky;top:0;z-index:2}.tq-project-table tbody th{position:sticky;left:0;z-index:1;max-width:220px}.tq-project-table small{display:block;margin-top:5px;color:#72839a;max-width:240px;font-weight:400}.tq-project-table input:not([type=checkbox]){width:130px;box-sizing:border-box;padding:9px;border:1px solid #b9d3ed;border-radius:5px;background:white;color:#17324c}.tq-project-table input.is-missing{border-color:#f49d53;background:#fff8ed}.tq-project-table output{display:block;background:#edf6ff;padding:9px;border-radius:5px}.tq-project-error{color:#a94413}
|
||
.tq-report-dialog{display:flex;flex-direction:column;overflow:hidden}.tq-report-dialog:not([open]){display:none}.tq-report-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;flex:1;min-height:0}.tq-report-grid>.takeoff-excel-preview{display:flex;flex-direction:column;min-width:0;min-height:0}.tq-report-grid .takeoff-excel-toolbar{flex-shrink:0}.tq-report-grid .takeoff-excel-viewport{flex:1;min-height:0;max-height:none;padding:14px}.tq-report-grid .takeoff-excel-paper{margin:auto}.tq-dialog-trace{overflow:auto;min-height:0;padding:16px;background:white;border:1px solid #d5e2ed;border-radius:8px}.takeoff-excel-viewport.is-page-fit{display:flex;align-items:center;justify-content:center}.takeoff-excel-viewport.is-page-fit>.takeoff-excel-paper{flex:none;margin:auto}.tq-report-dialog .tq-dialog-close{flex-shrink:0}
|
||
@media(max-width:1000px){.tq-report-grid{grid-template-columns:minmax(0,1fr) 260px}.tq-report-grid .takeoff-excel-toolbar>span{display:none}}
|