/* Extends the unassigned-wait-alerts settings shell. Only this prototype's pages. */
body{min-width:960px}.settings-shell .topbar{left:0}.settings-shell .main{bottom:0}.settings-sidebar{overflow-y:auto}.tag-page{display:flex;flex-direction:column;height:100%;gap:16px}.tag-page>.segmented{align-self:flex-start;flex-shrink:0;margin-right:24px}.tag-page>.segmented>button{padding:0 26px;height:38px}.tag-page>.segmented>button:nth-child(1):after,.tag-page>.segmented>button:nth-child(4):after{display:none}.tag-tab-help{margin-left:8px;width:12px;height:12px;vertical-align:-1px}.tag-content{background:#fff;flex:1;min-height:0;border-radius:8px 0 0 0;display:flex;flex-direction:column;padding:0 24px 24px}.tag-content>.tabs{height:47px;flex:none;gap:26px;margin:0 -24px;padding:0 24px}.tag-content>.tabs button{padding:0;height:47px}.tag-toolbar{display:flex;align-items:center;gap:16px;padding:20px 0 12px;flex:none}.tag-toolbar .tag-search{width:280px;height:32px}.tag-status-filter{position:relative}.tag-filter-button{height:32px;min-width:80px;display:flex;align-items:center;gap:20px;justify-content:space-between;padding:0 10px}.tag-toolbar .spacer{flex:1}.tag-toolbar>.button{min-width:64px}.tag-tree{border:1px solid #eceef1;border-radius:8px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));flex:1;min-height:0;overflow:hidden}.tag-column{border-right:1px solid #eceef1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.tag-column:last-child{border:0}.tag-col-head{height:52px;display:flex;align-items:center;justify-content:space-between;flex:none;padding:0 22px}.tag-add,.tag-sort{background:none;border:0;cursor:pointer;display:flex;align-items:center;gap:5px;white-space:nowrap;padding:0;font-size:14px}.tag-add{color:#3158ff}.tag-add .plus{font-size:21px;line-height:14px}.tag-sort{color:#333}.tag-sort svg{width:14px;height:14px}.tag-sort:disabled,.tag-add:disabled{color:#c8c8c8;cursor:not-allowed}.tag-list{flex:1;min-height:0;overflow:auto;padding:0 8px 12px;scrollbar-width:thin;scrollbar-color:#c7c7c7 transparent}.tag-row{height:40px;min-height:40px;display:flex;align-items:center;margin-bottom:4px;border-radius:7px;position:relative;padding:0 16px;cursor:pointer;gap:8px}.tag-row:hover{background:#f7f7f7}.tag-row.selected{background:#fff3eb}.tag-row.disabled{color:#999}.tag-row .tag-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.tag-more{background:none;border:0;color:#aaa;cursor:pointer;line-height:20px;width:20px;opacity:0;padding:0}.tag-row:hover .tag-more,.tag-row.selected .tag-more,.tag-more:focus{opacity:1}.tag-disabled-title{margin:14px 8px 10px;border-top:1px solid #eceef1;padding:16px 8px 0;color:#c4c4c4;font-size:12px}.tag-empty{font-size:13px;color:#bfbfbf;padding:16px;text-align:center}.tag-menu{position:fixed;min-width:128px;border-radius:8px;background:#fff;box-shadow:0 4px 18px #0003;padding:4px;z-index:90}.tag-menu:before{content:'';position:absolute;width:10px;height:10px;background:#fff;right:22px;top:-5px;transform:rotate(45deg)}.tag-menu button{display:flex;align-items:center;gap:8px;background:none;border:0;width:100%;text-align:left;padding:8px 10px;border-radius:5px;font-size:14px;position:relative;cursor:pointer}.tag-menu button:hover{background:#f5f5f5}.tag-menu svg{width:16px;height:16px}.tag-filter-menu{position:absolute;top:36px;left:0;background:#fff;box-shadow:0 3px 16px #0002;padding:4px;z-index:40;min-width:100px;border-radius:6px}.tag-filter-menu button{border:0;background:#fff;padding:7px 12px;text-align:left;width:100%;cursor:pointer}.tag-filter-menu button:hover,.tag-filter-menu button.selected{background:#fff3eb}.tag-mask{position:fixed;inset:0;z-index:60;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;padding:24px}.tag-modal{background:#fff;border-radius:12px;max-height:calc(100vh - 48px);max-width:calc(100vw - 48px);overflow:auto;width:600px;box-shadow:none}.tag-modal-head{display:flex;justify-content:space-between;align-items:center;padding:16px 24px 0;height:48px}.tag-modal-head h3{font-size:16px;font-weight:500;margin:0}.tag-modal-head .close{font-size:23px;color:#111;padding:0;width:20px;height:24px;background:none;border:0;cursor:pointer;font-weight:300}.tag-form{padding:16px 48px 0}.tag-form .field{margin:0 0 24px}.tag-form label{font-weight:400;display:block;margin-bottom:8px}.tag-form .required{color:#f44;margin-right:4px}.tag-name-wrap{position:relative}.tag-name-wrap input{height:32px;width:100%;padding-right:70px}.tag-name-count{position:absolute;right:12px;top:6px;color:#999;font-size:13px}.tag-ai-row{display:flex;align-items:center;justify-content:space-between;margin:0 0 4px}.tag-ai-row label{margin:0}.tag-form .hint{font-size:13px;line-height:22px;color:#999;margin:0}.tag-form .prompt-field{margin-top:24px;margin-bottom:0}.tag-form textarea{height:98px;width:100%;resize:none;margin-top:8px;line-height:22px;padding:4px 10px;font:inherit}.tag-form textarea::placeholder{color:#bfbfbf}.tag-actions{display:flex;gap:12px;justify-content:flex-end;padding:32px 48px 24px}.tag-actions .button{height:32px}.tag-actions .primary{padding:0 16px}.tag-actions .primary:disabled{background:#ffc7a7;border-color:#ffc7a7;color:#fff;cursor:not-allowed}.tag-form-error,.import-error{font-size:13px;color:#f04444;margin-top:8px;line-height:20px}.tag-switch{border:0;display:inline-flex;align-items:center;cursor:pointer;background:#bfbfbf;border-radius:16px;width:28px;height:16px;padding:2px;transition:background .15s}.tag-switch:after{content:'';background:#fff;box-shadow:0 1px 3px #0003;width:12px;height:12px;border-radius:50%;transform:translateX(0)}.tag-switch.on{background:#ff6600}.tag-switch.on:after{transform:translateX(12px)}.import-mask{align-items:flex-start;padding-top:min(100px,10vh)}.tag-modal.import-modal{width:500px}.import-body{padding:6px 24px 0}.download-template{background:#ff812b;border-color:#ff812b;color:#fff;padding:0 14px;gap:8px;display:inline-flex;align-items:center;height:32px;border-radius:6px}.download-template svg{width:16px;height:16px}.import-note{padding:8px 8px 12px;font-size:12px;line-height:19px;color:#999}.upload-zone{border:1px dashed #d9d9d9;background:#fafafa;border-radius:8px;height:190px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;padding:12px;color:#111}.upload-zone:hover,.upload-zone.dragging{border-color:#ff6600;background:#fffaf6}.upload-symbol{width:48px;height:48px;background:white;box-shadow:0 2px 8px #0001;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:12px;color:#ff6600}.upload-symbol svg{width:22px;height:22px}.upload-zone .main-text{font-size:16px;line-height:24px}.upload-zone .sub-text{font-size:12px;color:#999;margin-top:4px}.uploaded-file{margin-top:8px;font-size:14px;display:flex;align-items:center;gap:8px;min-height:24px}.uploaded-file .file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.uploaded-file svg{width:14px;height:14px;color:#999}.uploaded-file button{margin-left:auto;border:0;background:none;color:#aaa;cursor:pointer}.import-modal .tag-actions{padding:32px 24px 24px}.file-input{display:none}.sort-description{margin:14px 24px;color:#999;font-size:13px}.sort-list{max-height:450px;overflow:auto;margin:0 24px;padding:0;list-style:none}.sort-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #eee;background:#fff;border-radius:5px;margin-bottom:8px;cursor:grab}.sort-item.dragging{opacity:.4}.sort-item.over{border-color:#ff6600;background:#fff4ed}.sort-handle{color:#aaa;line-height:10px;letter-spacing:2px;font-size:16px}.sort-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sort-modal{width:500px}.sort-modal .tag-actions{padding:24px}.confirm-modal{width:500px;padding:24px}.confirm-heading{display:flex;align-items:center;gap:10px;font-size:16px;margin-bottom:20px}.confirm-symbol{background:#ffb54c;color:white;width:16px;height:16px;border-radius:50%;font-size:12px;text-align:center;line-height:16px}.confirm-modal p{padding-left:28px;line-height:23px;margin:0}.confirm-modal .tag-actions{padding:32px 0 0}.import-tasks-page{height:100%;background:#fff;border-radius:8px 0 0 0;display:flex;flex-direction:column;padding:16px 24px}.task-page-title{height:48px;background:#fafafa;border-radius:6px;display:flex;align-items:center;flex:none;padding:0 24px;font-size:16px}.task-page-title:before{content:'';width:2px;height:16px;background:#ff6600;margin-right:8px}.task-note{color:#5d6e87;font-size:14px;padding:16px 24px 24px;line-height:22px;flex:none}.task-table-wrap{overflow:auto;flex:1;min-height:0;padding:0 24px}.task-table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;min-width:1100px}.task-table th{height:46px;background:#fafafa;text-align:left;font-weight:400;font-size:14px;border:0;padding:12px 16px;position:sticky;top:0;z-index:1}.task-table th:first-child{border-radius:8px 0 0 8px}.task-table th:last-child{border-radius:0 8px 8px 0}.task-table td{border:0;height:48px;padding:12px 16px;font-size:14px;line-height:22px;word-break:break-word}.task-table tr:nth-child(1) td{background:#fafafa}.task-table td:first-child{border-radius:8px 0 0 8px}.task-table td:last-child{border-radius:0 8px 8px 0}.task-status{display:flex;align-items:center;gap:8px;white-space:nowrap}.status-dot{width:6px;height:6px;border-radius:50%;background:#ff3145;display:inline-block;flex:none}.status-dot.success{background:#52c41a}.status-dot.pending{background:#ff9900}.task-actions button{background:none;border:0;padding:0;margin-right:8px;font-size:14px;cursor:pointer;color:#5566ff;line-height:22px;text-align:left}.task-actions button:disabled{color:#999;cursor:not-allowed}.task-pagination{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:20px 16px 0;flex:none;font-size:14px}.task-pagination button{min-width:24px;height:24px;background:#fff;border:1px solid transparent;border-radius:5px;padding:0 5px;cursor:pointer}.task-pagination button.active{border-color:#ff6600;color:#ff6600}.task-pagination button:disabled{color:#ccc;cursor:not-allowed}.task-pagination select{height:26px;border:1px solid #ddd;border-radius:4px;background:#fff;color:#333;margin-left:8px;font:inherit}.prototype-tools{position:fixed;bottom:58px;right:20px;z-index:95;width:330px;border:1px solid #eee;border-radius:10px;background:#fff;box-shadow:0 8px 32px #0002;padding:18px;font-size:13px;line-height:22px}.prototype-tools h3{font-size:15px;margin:0 0 12px;font-weight:500}.prototype-tools p{color:#888;margin:0 0 12px}.prototype-tools .button{margin:0 6px 8px 0;font-size:12px;height:30px}.prototype-tools .reset{color:#e45c00}.prototype-badge{position:fixed;bottom:0;left:0;font-size:10px;color:#aaa;padding:2px 8px;pointer-events:none}#toast{top:16px;border-radius:28px;padding:11px 17px;display:flex;align-items:center;gap:8px;font-size:14px;white-space:normal;max-width:90vw}#toast .toast-mark{display:inline-flex;background:#52c41a;border-radius:50%;width:16px;height:16px;align-items:center;justify-content:center;color:#fff;font-size:11px;flex:none}#toast.error .toast-mark{background:#ff4d4f}.demo-toggle{font-size:12px}.tag-scope-toast{color:#555}@media(max-width:1300px){.tag-col-head{padding:0 12px}.tag-add,.tag-sort{font-size:12px}.tag-row{padding:0 10px}.tag-page>.segmented>button{padding:0 18px}.task-table-wrap{padding:0}.task-note{padding-left:0}.import-tasks-page{padding-left:20px;padding-right:20px}}@media(max-height:700px){.tag-modal{max-height:calc(100vh - 24px)}.tag-mask{padding:12px}.import-mask{padding-top:40px}.tag-form{padding-top:8px}.tag-actions{padding-top:24px}}

.tag-page>.segmented{height:38px;padding:3px;overflow:visible}.tag-page>.segmented>button{height:32px}.tag-tab-help{filter:invert(47%) sepia(99%) saturate(2870%) hue-rotate(359deg) brightness(102%) contrast(108%)}.tag-content>.tabs button{font-size:14px}

.tag-form .field>label:before{content:none!important}.tag-page>.segmented .tag-tab-help{margin-left:8px}.tag-row:focus-within .tag-more{opacity:1}
.tag-form .required:before{content:none!important}
