.tag-layout{height:calc(100vh - 66px);min-height:0;display:grid;grid-template-columns:248px minmax(0,1fr)}.tag-sidebar{min-height:0}.side-gap{height:15px;flex:none}.tag-main{min-width:0;overflow:auto;padding:34px clamp(24px,4vw,64px) 28px;background:#11161e}.tag-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1080px;margin:0 auto 25px}.eyebrow{font-size:9px;letter-spacing:1.25px;font-weight:700;color:#8391a3}.tag-heading h1{font-size:24px;letter-spacing:-.45px;margin:5px 0 3px;color:#eef3fa}.tag-heading p{font-size:11px;color:#96a3b5;margin:0}.tag-primary{height:36px;padding:0 13px;border:1px solid #6391dc;border-radius:8px;background:linear-gradient(100deg,#467cdb,#5a76dc);color:white;font-size:11px;font-weight:650;white-space:nowrap;cursor:pointer;box-shadow:0 4px 14px #497fe633;transition:.18s}.tag-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.tag-toolbar{max-width:1080px;margin:0 auto 12px;display:flex;align-items:center;gap:14px}.tag-search{height:37px;width:min(380px,65%);display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid #303c4c;border-radius:8px;background:#1b232e;color:#95a4b7}.tag-search:focus-within{border-color:#6e9df0;box-shadow:0 0 0 3px #6e9df01c}.tag-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#e9eef6;font:11px "Segoe UI",sans-serif}.tag-search input::placeholder{color:#77869a}.tag-summary{margin-left:auto;display:flex;gap:7px;color:#8492a4;font-size:10px}.tag-summary span:first-child{color:#c4cedc;font-weight:600}.summary-dot{color:#526176}.tag-table{max-width:1080px;margin:0 auto;border:1px solid #2a3442;border-radius:11px;overflow:hidden;background:#171e28;box-shadow:0 10px 28px #06090f22}.tag-table-head,.tag-row{display:grid;grid-template-columns:minmax(220px,1fr) 125px 170px;align-items:center;gap:12px}.tag-table-head{height:38px;padding:0 17px;background:#1c2430;border-bottom:1px solid #2a3442;color:#8493a6;font-size:9px;font-weight:700;letter-spacing:.4px}.tag-row{min-height:55px;padding:8px 17px;border-bottom:1px solid #26313e;transition:background .16s}.tag-row:last-child{border-bottom:0}.tag-row:hover{background:#1c2633}.tag-identity{display:flex;align-items:center;gap:10px;min-width:0}.tag-color{width:9px;height:9px;border-radius:50%;flex:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--tag-color) 14%,transparent)}.tag-name-button{border:0;background:transparent;padding:4px 0;color:#e1e8f1;font:600 11px "Segoe UI",sans-serif;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.tag-name-button:hover{color:#a9cbff}.tag-use-button{border:0;background:transparent;color:#a9c9f6;font:11px "Segoe UI",sans-serif;cursor:pointer;padding:5px 0;text-align:left}.tag-use-button:hover{text-decoration:underline}.tag-actions{display:flex;gap:6px;justify-content:flex-start}.tag-action{height:27px;padding:0 9px;border:1px solid #354253;border-radius:6px;background:#202936;color:#bac6d5;font:10px "Segoe UI",sans-serif;cursor:pointer;transition:.16s}.tag-action:hover{border-color:#526984;background:#29384a}.tag-action.delete{color:#e7a4a4}.tag-empty{padding:34px;text-align:center;color:#95a3b5;font-size:11px}.tag-pagination{max-width:1080px;margin:13px auto 0;display:flex;align-items:center;justify-content:space-between;color:#8593a5;font-size:10px}.page-controls{display:flex;align-items:center;gap:5px}.page-button,.page-number{min-width:29px;height:28px;border:1px solid #303c4c;border-radius:6px;background:#1b232e;color:#b9c5d4;font:11px "Segoe UI",sans-serif;cursor:pointer}.page-button:hover,.page-number:hover{background:#29384a}.page-button:disabled{opacity:.4;cursor:default}.page-number{border-color:transparent;background:transparent}.page-number.active{background:#293c55;border-color:#415a77;color:#dceaff}.tag-note{max-width:1080px;margin:18px auto 0;padding:11px 13px;border:1px solid #293544;border-radius:8px;background:#171e28;color:#8e9caf;font-size:10px;line-height:1.55}.tag-dialog{width:min(440px,calc(100vw - 32px));padding:22px;border:1px solid #3a4758;border-radius:14px;background:#171e28;color:#e9eef6;box-shadow:0 24px 80px #0009}.tag-dialog::backdrop{background:#06090dcc;backdrop-filter:blur(3px)}.dialog-title{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:19px}.dialog-title h2{font-size:18px;margin:4px 0 0}.dialog-close{width:29px;height:29px;border:1px solid #394657;border-radius:7px;background:#202936;color:#b9c5d4;font-size:19px;line-height:1;cursor:pointer}.field-label{display:block;margin:13px 0 6px;color:#b8c4d3;font-size:10px;font-weight:600}.text-field{width:100%;height:38px;padding:0 10px;border:1px solid #354253;border-radius:7px;background:#111820;color:#e9eef6;font:12px "Segoe UI",sans-serif;outline:0}.text-field:focus{border-color:#6e9df0;box-shadow:0 0 0 3px #6e9df01c}.color-label{display:flex;justify-content:space-between}.color-label span{font-size:9px;color:#8493a6;font-weight:400}.color-pick{display:flex;align-items:center;gap:9px;color:#8998aa;font-size:10px}.color-pick input{width:39px;height:30px;border:1px solid #394657;border-radius:6px;background:#202936;padding:3px;cursor:pointer}.dialog-error{min-height:17px;margin-top:8px;color:#f0a2a2;font-size:10px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.dialog-secondary,.delete-confirm{height:33px;padding:0 12px;border:1px solid #3a4758;border-radius:7px;background:#202936;color:#c4cedc;font:11px "Segoe UI",sans-serif;cursor:pointer}.dialog-secondary:hover{background:#29384a}.delete-confirm{background:#713a43;border-color:#9b5660;color:#fff}.delete-confirm:hover{background:#86444f}.delete-copy{color:#b5c0ce;font-size:11px;line-height:1.6;margin:0}.related-list{display:grid;gap:7px}.related-note{padding:10px 11px;border:1px solid #303c4c;border-radius:7px;background:#1c2531;color:#d1dae6;font-size:11px}.related-note small{display:block;margin-top:3px;color:#8b99aa;font-size:9px}.related-empty{padding:14px;color:#909eaf;font-size:11px;text-align:center}
@media(max-width:1000px){.tag-layout{grid-template-columns:218px minmax(0,1fr)}.tag-table-head,.tag-row{grid-template-columns:minmax(170px,1fr) 95px 152px}.tag-main{padding-left:25px;padding-right:25px}}
@media(max-width:790px){.tag-layout{grid-template-columns:205px minmax(0,1fr)}.tag-main{padding:24px 17px}.tag-heading{align-items:flex-start}.tag-heading h1{font-size:21px}.tag-table-head,.tag-row{grid-template-columns:minmax(135px,1fr) 70px 140px;gap:8px;padding-left:11px;padding-right:11px}.tag-action{padding:0 7px}}
@media(max-width:580px){.tag-layout{grid-template-columns:1fr}.tag-sidebar{display:none}.tag-heading{gap:10px}.tag-heading p{max-width:270px}.tag-toolbar{align-items:flex-start;flex-direction:column}.tag-search{width:100%}.tag-summary{margin-left:0}.tag-table-head,.tag-row{grid-template-columns:minmax(125px,1fr) 57px 112px;gap:5px;padding-left:9px;padding-right:9px}.tag-table-head{font-size:8px}.tag-name-button,.tag-use-button{font-size:10px}.tag-action{padding:0 5px;font-size:9px}.tag-pagination{gap:8px}.page-number,.page-button{min-width:25px;height:26px}}