:root{--navy:#0b1533;--navy2:#142756;--blue:#3267e3;--violet:#6d43c5;--magenta:#c52d78;--ink:#18233d;--muted:#6d7890;--line:#e4e9f1;--surface:#fff;--bg:#f3f6fb;--shadow:0 12px 34px rgba(29,43,78,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.side{position:fixed;left:0;top:0;bottom:0;width:270px;background:linear-gradient(180deg,var(--navy),#11234b);padding:22px 17px;color:#dfe7ff;display:flex;flex-direction:column;z-index:30}.brand{display:flex;gap:12px;align-items:center;padding:4px 6px 24px}.brand img{width:48px;height:48px;object-fit:contain;background:#fff;border-radius:13px;padding:5px}.brand strong{display:block;color:#fff;font-size:19px}.brand small{font-size:11px;color:#9fb0db;line-height:1.4}.side nav{display:grid;gap:6px}.side nav a{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:12px;font-size:14px;font-weight:700;color:#bdcaed}.side nav a:hover,.side nav a.active{background:linear-gradient(135deg,rgba(50,103,227,.3),rgba(109,67,197,.24));color:#fff}.side nav em{margin-left:auto;background:#d92d79;color:#fff;font-style:normal;font-size:10px;min-width:24px;height:24px;padding:0 7px;display:grid;place-items:center;border-radius:99px}.spacer{flex:1}.unit{padding:13px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);border-radius:14px}.unit span,.unit small{font-size:10px;color:#9fb0db;display:block}.unit b{font-size:13px;color:#fff;display:block;margin:4px 0}.logout{display:flex;align-items:center;gap:9px;padding:12px;margin-top:8px;color:#c8d4f4;font-size:13px;font-weight:700}main{margin-left:270px;min-height:100vh}.top{height:78px;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:20}.top h1{margin:0;font-size:19px}.top p{margin:3px 0 0;color:var(--muted);font-size:11px}.top-unit{text-align:right}.top-unit span{display:block;font-size:10px;color:var(--muted);text-transform:uppercase}.top-unit b{font-size:13px}.content{padding:28px;max-width:1550px;margin:auto}.hero{background:linear-gradient(125deg,#0d1735,#1f478f 58%,#6a348f);color:#fff;border-radius:24px;padding:28px;display:grid;grid-template-columns:1.4fr .8fr;gap:24px;box-shadow:0 18px 45px rgba(22,38,81,.19)}.hero h2{margin:0 0 8px;font-size:30px}.hero p{color:#d7e1ff;line-height:1.65;margin:0;max-width:780px}.hero-side{display:flex;align-items:center;justify-content:flex-end}.hero-number{text-align:right}.hero-number strong{font-size:42px}.hero-number span{display:block;font-size:12px;color:#dbe4ff}.grid{display:grid;gap:16px}.grid-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.stats{margin:20px 0}.card{background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:0 8px 24px rgba(30,45,82,.05)}.stat{padding:17px}.stat span{display:block;color:var(--muted);font-size:11px;font-weight:700}.stat strong{font-size:26px;display:block;margin-top:5px}.stat .dot{width:10px;height:10px;border-radius:50%;margin-bottom:9px}.dot.rest{background:#17a76b}.dot.transit{background:#2d78d4}.dot.use{background:#e19a20}.dot.pickup{background:#cf3d92}.dot.returning{background:#7d57c6}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin:26px 0 12px}.section-head h2{margin:0;font-size:18px}.section-head p{margin:4px 0 0;font-size:12px;color:var(--muted)}.btn{border:0;border-radius:11px;padding:10px 14px;font-weight:800;display:inline-flex;align-items:center;gap:7px;cursor:pointer}.btn-primary{background:linear-gradient(135deg,var(--blue),#526be3);color:#fff}.btn-secondary{background:#edf1f7;color:#33415f}.btn-pickup{background:linear-gradient(135deg,#922e8c,#d73178);color:#fff}.btn-return{background:linear-gradient(135deg,#6c49b9,#8b68d4);color:#fff}.btn-success{background:#eaf8f2;color:#087c4d}.btn-sm{padding:7px 9px;font-size:11px}.table-wrap{overflow:auto}.table{border-collapse:collapse;width:100%;font-size:12px}.table th{padding:12px;text-align:left;color:#6b7790;background:#fafbfd;border-bottom:1px solid var(--line);font-size:10px;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.table td{padding:13px 12px;border-bottom:1px solid #edf0f5;vertical-align:middle}.table tr:last-child td{border-bottom:0}.badge{padding:5px 8px;border-radius:99px;font-size:10px;font-weight:900;display:inline-flex;align-items:center}.badge.rest{background:#e8f8f1;color:#087c4d}.badge.transit{background:#e8f2ff;color:#1769aa}.badge.use{background:#fff2dd;color:#996000}.badge.pickup{background:#fdeafa;color:#9d2878}.badge.returning{background:#f0eaff;color:#6240a8}.badge.closed,.badge.neutral{background:#eef1f5;color:#5e687a}.aging{font-weight:800}.aging.warn{color:#b36b00}.aging.critical{color:#b72f3a}.filters{padding:15px;display:grid;grid-template-columns:2fr 1fr auto;gap:10px}.input,.select,.textarea{width:100%;padding:10px 11px;border:1px solid #dfe5ef;border-radius:11px;background:#fff;color:var(--ink);outline:0}.textarea{min-height:90px}.input:focus,.select:focus,.textarea:focus{border-color:#84a4ff;box-shadow:0 0 0 4px rgba(50,103,227,.08)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field{display:grid;gap:6px}.field label{font-size:11px;font-weight:800;color:#52617c}.full{grid-column:1/-1}.card-pad{padding:19px}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.info{background:#f7f9fc;padding:11px;border-radius:12px}.info span{display:block;color:var(--muted);font-size:10px}.info b{font-size:12px;display:block;margin-top:3px}.timeline{display:grid}.event{display:grid;grid-template-columns:30px 1fr;gap:10px;padding-bottom:17px;position:relative}.event:not(:last-child):before{content:"";position:absolute;left:14px;top:29px;bottom:0;width:2px;background:#e1e7f0}.event-dot{width:29px;height:29px;border-radius:9px;background:#edf3ff;color:#3267e3;display:grid;place-items:center;z-index:1}.event b{font-size:12px}.event p{font-size:11px;color:var(--muted);margin:3px 0}.flash{padding:12px 14px;border-radius:11px;margin-bottom:14px;border:1px solid}.flash.success{background:#edf9f3;color:#116a49;border-color:#ccebdc}.flash.error{background:#fff0f1;color:#a82d38;border-color:#ffd0d4}.flash.warning{background:#fff7e8;color:#895a06;border-color:#f4dda8}.login{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}.login-art{background:linear-gradient(140deg,#0b1533,#1d418a 58%,#6d348d);padding:52px;color:#fff;display:flex;flex-direction:column;justify-content:space-between}.login-brand{display:flex;gap:14px;align-items:center}.login-brand img{width:64px;height:64px;background:#fff;border-radius:16px;padding:6px}.login-art h1{font-size:46px;line-height:1.05;margin:0;max-width:680px}.login-art p{color:#d8e2ff;max-width:620px;line-height:1.7}.login-panel{display:grid;place-items:center;padding:35px}.login-box{width:min(420px,100%)}.login-box h2{font-size:28px;margin:0 0 6px}.login-box p{color:var(--muted);margin-bottom:24px}.login-box .field{margin-bottom:13px}.login-box .btn{width:100%;justify-content:center;margin-top:6px}.search-results{border:1px solid var(--line);border-radius:12px;margin-top:7px;overflow:hidden;background:#fff}.search-results button{display:block;width:100%;border:0;border-bottom:1px solid #edf0f5;background:#fff;text-align:left;padding:10px;cursor:pointer}.search-results button:hover{background:#f5f8ff}.empty{padding:36px;text-align:center;color:var(--muted)}@media(max-width:1100px){.grid-6{grid-template-columns:repeat(3,1fr)}}@media(max-width:780px){.side{width:72px;padding:18px 9px}.brand div,.side nav span,.side nav em,.unit,.logout{display:none}.brand{padding:0 2px 20px}.brand img{width:50px;height:50px}.side nav a{justify-content:center;padding:12px}main{margin-left:72px}.content{padding:17px}.top{padding:0 16px}.top-unit{display:none}.hero{grid-template-columns:1fr}.hero-side{justify-content:flex-start}.hero-number{text-align:left}.grid-6,.grid-4,.grid-3,.grid-2,.form-grid,.info-grid{grid-template-columns:1fr}.filters{grid-template-columns:1fr}.login{grid-template-columns:1fr}.login-art{display:none}}

/* ===== CRI-iTrac v2.1.0 interface refinement ===== */
:root{--surface:#fff;--surface-2:#f6f8fc;--shadow-lg:0 18px 50px rgba(20,34,72,.12);--radius-xl:22px;--magenta:#c43183}
.muted{color:var(--muted);line-height:1.65}.hidden{display:none!important}.full-span{grid-column:1/-1}.btn-block{width:100%;justify-content:center}.btn-light{background:#fff;color:#1d315f}.btn-ghost{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-ghost:hover{background:rgba(255,255,255,.2)}
.hero-itrac{overflow:hidden;position:relative;min-height:270px}.hero-copy{position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);border-radius:999px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px}.hero-actions{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}.custody-visual{position:relative;min-height:210px;display:grid;place-items:center}.visual-folder{width:112px;height:112px;border-radius:30px;background:linear-gradient(145deg,#fff,#dbe6ff);color:#274f9e;display:grid;place-items:center;box-shadow:0 28px 60px rgba(0,0,0,.24);transform:rotate(-5deg);animation:floaty 4s ease-in-out infinite}.orbit{position:absolute;border:1px solid rgba(255,255,255,.24);border-radius:50%}.orbit.o1{width:180px;height:180px;animation:spin 18s linear infinite}.orbit.o2{width:245px;height:245px;border-style:dashed;animation:spin 28s linear reverse infinite}.visual-chip{position:absolute;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.94);color:#20345f;font-size:10px;font-weight:900;box-shadow:0 10px 25px rgba(0,0,0,.15);animation:floaty 5s ease-in-out infinite}.visual-chip.c1{top:18px;right:14px}.visual-chip.c2{left:5px;bottom:42px;animation-delay:.8s}.visual-chip.c3{right:2px;bottom:12px;animation-delay:1.5s}.pickup-count{background:var(--magenta)!important}@keyframes floaty{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-8px) rotate(-2deg)}}@keyframes spin{to{transform:rotate(360deg)}}
.enhanced-stats .stat{transition:.25s ease;position:relative;overflow:hidden}.enhanced-stats .stat:after{content:"";position:absolute;inset:auto -25px -35px auto;width:75px;height:75px;border-radius:50%;background:rgba(50,103,227,.06)}.stat-link{color:inherit}.stat-link:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:#cad7f5}.stat small{font-size:9px;color:#96a1b6;margin-top:7px;display:block}.pulse-stat{box-shadow:0 8px 24px rgba(196,49,131,.10)}
.dashboard-split{display:grid;grid-template-columns:1.15fr .85fr;gap:22px}.pickup-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.pickup-card{padding:17px}.pickup-callout{padding:8px 10px;background:#fff0fa;color:#9b2b74;font-size:10px;font-weight:900;border-radius:10px;margin:8px 0}.watch-list{overflow:hidden}.watch-row{display:grid;grid-template-columns:8px minmax(160px,1fr) minmax(100px,.6fr) auto 18px;gap:12px;align-items:center;padding:13px 14px;border-bottom:1px solid #edf0f5;color:inherit;transition:.2s}.watch-row:last-child{border-bottom:0}.watch-row:hover{background:#f8faff}.watch-status{width:7px;height:38px;border-radius:99px;background:#dfe4ec}.watch-status.transit{background:#2d78d4}.watch-status.use{background:#e19a20}.watch-status.pickup{background:#cf3d92}.watch-status.returning{background:#7d57c6}.watch-main{display:grid;gap:2px}.watch-main b{font-size:12px}.watch-main small,.watch-person{font-size:10px;color:var(--muted)}
.file-filters{grid-template-columns:minmax(260px,2fr) minmax(150px,.7fr) minmax(150px,.7fr) auto auto}.active-filters{grid-template-columns:minmax(260px,2fr) minmax(170px,.8fr) auto auto}.log-filters{grid-template-columns:minmax(260px,2fr) minmax(140px,.8fr) minmax(140px,.8fr) 145px 145px auto auto}.autocomplete-wrap{position:relative}.search-input-wrap{position:relative}.search-input-wrap>svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#7e8ca8;z-index:2}.search-input-wrap>.input{padding-left:38px}.autocomplete-panel{position:absolute;z-index:80;left:0;right:0;top:calc(100% + 5px);filter:drop-shadow(0 15px 25px rgba(26,39,77,.15))}.suggestion-list{max-height:330px;overflow:auto}.suggestion-row,.file-suggestions button{display:flex!important;align-items:center;gap:10px}.suggestion-row small,.file-suggestions small{display:block;color:#77839a;margin-top:2px;font-size:10px}.suggestion-avatar,.file-suggest-icon{width:34px;height:34px;border-radius:10px;background:#edf3ff;color:#2f65da;display:grid;place-items:center;font-weight:900;flex:0 0 34px}.selected-person{padding:9px 11px;border-radius:10px;background:#eaf8f2;color:#0d7b4f;font-size:11px;font-weight:800;margin-top:7px}.autocomplete-empty{padding:11px 12px;background:#fff;border:1px solid var(--line);border-radius:11px;font-size:11px;color:var(--muted)}.autocomplete-empty.error{color:#a82d38}
.view-toolbar{display:flex;justify-content:space-between;align-items:center;margin:14px 0;color:var(--muted);font-size:11px}.view-toggle{display:inline-flex;background:#e9eef6;border-radius:11px;padding:3px}.view-toggle button{border:0;background:transparent;padding:7px 10px;border-radius:8px;color:#63718c;font-size:10px;font-weight:900;display:flex;align-items:center;gap:5px;cursor:pointer}.view-toggle button.active{background:#fff;color:#284e9d;box-shadow:0 3px 10px rgba(30,45,82,.09)}
.file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:16px}.file-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:17px;box-shadow:0 8px 24px rgba(30,45,82,.05);position:relative;overflow:hidden;opacity:0;transform:translateY(8px);transition:.28s ease}.file-card.reveal{opacity:1;transform:none}.file-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:#cbd7f1}.file-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#dfe4ec}.file-card.status-rest:before{background:#17a76b}.file-card.status-transit:before{background:#2d78d4}.file-card.status-use:before{background:#e19a20}.file-card.status-pickup:before{background:#cf3d92}.file-card.status-returning:before{background:#7d57c6}.file-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.file-symbol{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#eef1f5;color:#63718c}.file-symbol.big{width:56px;height:56px;border-radius:16px}.file-symbol.sm{width:31px;height:31px;border-radius:9px;flex:0 0 31px}.file-symbol.rest{background:#e7f8f0;color:#0b8756}.file-symbol.transit{background:#e9f2ff;color:#206fba}.file-symbol.use{background:#fff1dc;color:#a36603}.file-symbol.pickup{background:#fdeafa;color:#a3287b}.file-symbol.returning{background:#f0eaff;color:#6a47ae}.file-card h3{font-size:15px;margin:14px 0 4px;line-height:1.35}.file-number{font-size:11px;color:#4f6287;font-weight:800;margin:0 0 12px}.file-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:9px}.file-tags span{display:inline-flex;align-items:center;gap:5px;background:#f5f7fb;border-radius:99px;padding:5px 8px;font-size:9px;font-weight:800;color:#65728d}.mini-meta{display:grid;gap:7px;margin:10px 0 14px}.mini-meta span{display:flex;align-items:flex-start;gap:7px;color:#65728a;font-size:10px;line-height:1.35}.file-card-actions{margin-top:auto}.active-card{min-height:300px}.pickup-callout{padding:8px 10px;background:#fff0fa;color:#9b2b74;font-size:10px;font-weight:900;border-radius:10px;margin:8px 0}.modern-table-card{overflow:hidden}.modern-table th{background:#f5f7fb;color:#66728b;padding:13px 14px}.modern-table td{padding:14px}.modern-table tbody tr{transition:.18s}.modern-table tbody tr:hover{background:#fafcff}.table-file,.file-link{display:flex;align-items:center;gap:10px;color:inherit}.table-file small,.file-link small{display:block;font-size:9px;color:var(--muted);margin-top:2px}.icon-btn{width:32px;height:32px;display:inline-grid;place-items:center;border:0;border-radius:9px;background:#edf2fa;color:#355da9;cursor:pointer}.icon-btn:hover{background:#dfe9fb}.icon-btn.danger{color:#a53b45;background:#fff0f1}.date-stack{display:grid}.date-stack small{font-size:9px;color:var(--muted)}.movement-action{display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:10px}.movement-card{box-shadow:0 12px 35px rgba(30,45,82,.06)}
.category-layout{grid-template-columns:330px 1fr;align-items:start}.category-create{position:sticky;top:96px}.category-illustration{height:100px;border-radius:16px;background:linear-gradient(135deg,#eaf1ff,#f7eaf7);display:grid;place-items:center;margin-bottom:16px;overflow:hidden}.tag-stack{display:flex;gap:8px;align-items:center}.tag-stack span{width:54px;height:54px;border-radius:16px;background:#fff;display:grid;place-items:center;color:#3663ba;box-shadow:0 9px 22px rgba(36,61,115,.10)}.tag-stack span:nth-child(2){transform:translateY(10px);color:#7d57c6}.tag-stack span:nth-child(3){width:40px;height:40px;color:#c43183}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.category-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px;display:grid;grid-template-columns:42px 1fr auto;gap:11px;align-items:start;box-shadow:0 7px 22px rgba(30,45,82,.04);opacity:0;transform:translateY(8px);transition:.25s}.category-card.reveal{opacity:1;transform:none}.category-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.category-icon{width:42px;height:42px;border-radius:13px;background:#eef3ff;color:#426cbe;display:grid;place-items:center}.category-body h3{font-size:13px;margin:2px 0 5px}.category-body p{font-size:10px;color:var(--muted);margin:0 0 10px;line-height:1.5}.category-meta{display:flex;align-items:center;gap:8px;font-size:9px;color:#77849a}.compact-form{grid-template-columns:1fr 1fr}.form-shell{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px}.form-aside{background:linear-gradient(160deg,#0f1e43,#294e92);color:#fff}.form-aside p{color:#dbe4fa;line-height:1.65;font-size:11px}.aside-visual{width:80px;height:80px;border-radius:22px;background:rgba(255,255,255,.12);display:grid;place-items:center;margin-bottom:18px}.inline-control{display:grid;grid-template-columns:1fr auto;gap:8px}.form-actions{display:flex;justify-content:flex-end;gap:9px}.lifecycle-mini{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:18px}.lifecycle-mini span{font-size:8px;font-weight:900;padding:5px 7px;border-radius:99px;background:rgba(255,255,255,.13)}.lifecycle-mini i{font-style:normal;color:#9fb2db}.empty-state{padding:42px 20px;text-align:center}.empty-state h3{margin:10px 0 5px}.empty-state p{color:var(--muted);font-size:11px}.empty-icon{width:60px;height:60px;border-radius:18px;background:#eff4ff;color:#3964b7;display:grid;place-items:center;margin:auto}
@media(max-width:1200px){.dashboard-split{grid-template-columns:1fr}.pickup-board{grid-template-columns:repeat(2,1fr)}.file-filters,.log-filters{grid-template-columns:1fr 1fr 1fr}.category-layout,.form-shell{grid-template-columns:1fr}.category-create{position:static}.form-aside{display:none}}
@media(max-width:780px){.pickup-board{grid-template-columns:1fr}.file-grid{grid-template-columns:1fr}.file-filters,.active-filters,.log-filters{grid-template-columns:1fr}.view-toolbar{align-items:flex-start;gap:10px}.watch-row{grid-template-columns:7px 1fr auto}.watch-person{display:none}.category-grid{grid-template-columns:1fr}.compact-form{grid-template-columns:1fr}.inline-control{grid-template-columns:1fr}.hero-actions{display:grid}.hero-actions .btn{justify-content:center}.custody-visual{display:none}}
.file-detail-head{padding:18px;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center}.detail-title h2{margin:4px 0;font-size:21px}.detail-title p{margin:0;color:var(--muted);font-size:11px}.eyebrow-dark{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#61708d;font-weight:900}.big-badge{font-size:11px;padding:7px 10px}.lifecycle-ribbon{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:14px 0 18px}.life-step{background:#eef1f6;border-radius:13px;padding:10px;text-align:center;color:#8893a6;position:relative}.life-step span{width:24px;height:24px;margin:0 auto 5px;border-radius:50%;display:grid;place-items:center;background:#dce2ec;font-size:9px;font-weight:900}.life-step b{font-size:9px}.life-step.done{background:#edf8f3;color:#107953}.life-step.done span{background:#1aa36e;color:#fff}.life-step.current{background:#edf3ff;color:#2c5dad;box-shadow:inset 0 0 0 1px #cddcff}.life-step.current span{background:#3267e3;color:#fff}.action-panel{margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.pickup-panel{background:#fff7fb;margin:16px -19px -19px;padding:16px 19px 19px;border-radius:0 0 17px 17px}.enhanced-timeline{max-height:680px;overflow:auto;padding-right:4px}
@media(max-width:780px){.file-detail-head{grid-template-columns:auto 1fr}.file-detail-head>.badge{grid-column:1/-1;justify-self:start}.lifecycle-ribbon{grid-template-columns:1fr}.life-step{text-align:left;display:flex;align-items:center;gap:8px}.life-step span{margin:0}.detail-grid{grid-template-columns:1fr}}

/* ===== CRI-iTrac v2.1.1 premium records cards ===== */
.register-head{align-items:center;margin-top:4px}.page-kicker{display:inline-flex;align-items:center;gap:6px;color:#5571aa;font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;margin-bottom:7px}.register-head h2{font-size:22px;letter-spacing:-.025em}.register-head p{max-width:760px;line-height:1.55}.register-file-btn{box-shadow:0 10px 24px rgba(50,103,227,.22)}
.premium-filterbar{border:1px solid #e2e8f2;box-shadow:0 10px 34px rgba(29,43,78,.055);background:linear-gradient(180deg,#fff,#fbfcff)}
.premium-view-toolbar{margin:18px 0 15px}.result-count{display:flex;align-items:center;gap:10px}.result-count>span{min-width:42px;height:42px;padding:0 11px;border-radius:13px;background:linear-gradient(135deg,#122a5b,#3768c9);color:#fff;display:grid;place-items:center;font-size:16px;font-weight:900;box-shadow:0 8px 20px rgba(37,71,139,.18)}.result-count div{display:grid}.result-count b{font-size:11px;color:#394762}.result-count small{font-size:9px;color:#8490a4;margin-top:2px}.active-counter{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border-radius:999px;background:#edf3ff;color:#315da9;font-size:10px;font-weight:900;border:1px solid #dbe6fb}
.premium-file-grid{grid-template-columns:repeat(auto-fill,minmax(315px,1fr));gap:20px}.premium-file-card{--card-accent:#65758f;--card-accent-2:#8290a5;--card-soft:#f1f4f8;--card-border:#dfe5ee;padding:0;border-radius:22px;border:1px solid var(--card-border);box-shadow:0 12px 34px rgba(24,38,74,.07);display:flex;flex-direction:column;min-height:330px;background:#fff}.premium-file-card.status-rest{--card-accent:#12815c;--card-accent-2:#2eab7b;--card-soft:#eaf8f2;--card-border:#d8eee5}.premium-file-card.status-transit{--card-accent:#235fb2;--card-accent-2:#4789dc;--card-soft:#eaf3ff;--card-border:#d8e6f9}.premium-file-card.status-use{--card-accent:#98620a;--card-accent-2:#d39327;--card-soft:#fff4df;--card-border:#f2e4c6}.premium-file-card.status-pickup{--card-accent:#9d2d78;--card-accent-2:#cf4a98;--card-soft:#fff0f8;--card-border:#f0d7e6}.premium-file-card.status-returning{--card-accent:#6543a7;--card-accent-2:#8864cf;--card-soft:#f2edff;--card-border:#e2daf5}.premium-file-card:before{display:none}.premium-file-card:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--card-accent) 32%,#fff);box-shadow:0 22px 54px rgba(27,42,81,.14)}
.premium-card-banner{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px;background:linear-gradient(135deg,var(--card-soft),#fff 76%);border-bottom:1px solid var(--card-border)}.premium-card-banner:after{content:"";position:absolute;right:-24px;top:-33px;width:105px;height:105px;border-radius:50%;border:20px solid color-mix(in srgb,var(--card-accent) 8%,transparent);pointer-events:none}.premium-card-banner:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--card-accent),var(--card-accent-2))}.premium-status-group{display:flex;align-items:center;gap:10px;min-width:0;position:relative;z-index:1}.premium-file-symbol{width:46px;height:46px;border-radius:14px;background:#fff!important;color:var(--card-accent)!important;border:1px solid color-mix(in srgb,var(--card-accent) 14%,#fff);box-shadow:0 7px 18px color-mix(in srgb,var(--card-accent) 12%,transparent)}.status-copy{display:grid;gap:2px;min-width:0}.status-copy small{font-size:8px;text-transform:uppercase;letter-spacing:.09em;color:#8893a6;font-weight:900}.status-copy strong{font-size:12px;color:var(--card-accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.days-out-pill,.rest-pill{position:relative;z-index:1;display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border-radius:999px;background:#fff;border:1px solid var(--card-border);box-shadow:0 3px 10px rgba(27,43,82,.04);font-size:9px;font-weight:900;color:var(--card-accent);white-space:nowrap}.days-out-pill.warn{background:#fff8e8;color:#9a6405;border-color:#eedbae}.days-out-pill.critical{background:#fff0f1;color:#ab3440;border-color:#f0cdd1}.rest-pill{color:#137654}
.premium-file-body{padding:17px 17px 14px;display:flex;flex-direction:column;gap:0;flex:1}.premium-ref-row{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}.file-ref-label{font-size:9px;font-weight:950;letter-spacing:.08em;color:#5e6f8f;text-transform:uppercase;white-space:nowrap}.premium-category-chip{max-width:55%;display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:5px 8px;background:#f5f7fb;color:#67758e;font-size:8px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.premium-category-chip svg{flex:0 0 auto}.premium-file-title{font-size:17px!important;line-height:1.38!important;letter-spacing:-.012em;margin:0 0 15px!important;color:#172440;min-height:46px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.premium-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:auto}.premium-meta-item{min-width:0;background:#f8fafd;border:1px solid #edf1f6;border-radius:13px;padding:10px;display:grid;grid-template-columns:30px 1fr;gap:8px;align-items:center}.premium-meta-icon{width:30px;height:30px;border-radius:9px;background:#fff;color:var(--card-accent);display:grid;place-items:center;box-shadow:0 3px 9px rgba(30,45,82,.055)}.premium-meta-item div{min-width:0;display:grid;gap:2px}.premium-meta-item small{font-size:8px;color:#8a95a8;text-transform:uppercase;letter-spacing:.055em;font-weight:800}.premium-meta-item strong{font-size:10px;line-height:1.35;color:#3c4c68;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.source-line{display:flex;align-items:center;gap:5px;margin-top:10px;font-size:9px;color:#8791a3}.source-line span{color:#8791a3}.source-line b{font-size:9px;color:#56647c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.premium-pickup-notice{display:flex;align-items:center;gap:9px;border:1px solid #efd4e4;background:linear-gradient(135deg,#fff3fa,#fff);border-radius:13px;padding:9px 10px;margin:-3px 0 11px;color:#9d2d78}.premium-pickup-notice>svg{flex:0 0 auto}.premium-pickup-notice div{display:grid;gap:1px}.premium-pickup-notice b{font-size:9px}.premium-pickup-notice span{font-size:8px;color:#966986}
.premium-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 15px 13px;border-top:1px solid #edf1f5;background:#fcfdff}.premium-updated{display:flex;align-items:center;gap:5px;font-size:8px;color:#8b96a8;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.premium-open-link{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border-radius:9px;background:#edf3ff;color:#2d5cac;font-size:9px;font-weight:900;transition:.18s;white-space:nowrap}.premium-open-link:hover{background:#dce8ff;transform:translateX(2px)}.premium-open-link.pickup-link{background:#fce8f5;color:#9d2d78}.premium-open-link.pickup-link:hover{background:#f7d8eb}
.premium-empty{border-style:dashed;background:linear-gradient(180deg,#fff,#fbfcff)}.premium-table-card{border-radius:20px;box-shadow:0 12px 34px rgba(24,38,74,.06)}.table-category-chip{display:inline-flex;padding:5px 8px;border-radius:999px;background:#f5f7fb;color:#68758c;font-size:9px;font-weight:800}
.premium-pickup-card{position:relative;overflow:hidden;background:#fff;border:1px solid #efd4e4;border-radius:20px;box-shadow:0 12px 32px rgba(117,38,91,.08);padding:0;transition:.25s}.premium-pickup-card:hover{transform:translateY(-4px);box-shadow:0 20px 44px rgba(117,38,91,.14)}.premium-pickup-card:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#9d2d78,#d54d9e)}.pickup-card-head{display:grid;grid-template-columns:46px 1fr auto;gap:10px;align-items:center;padding:15px 15px 11px;background:linear-gradient(135deg,#fff0f8,#fff)}.pickup-card-head>div:nth-child(2){display:grid;gap:2px}.pickup-card-head small{font-size:8px;color:#a07a94;text-transform:uppercase;letter-spacing:.08em;font-weight:900}.pickup-card-head strong{font-size:11px;color:#9d2d78}.pickup-age{display:inline-flex;align-items:center;gap:4px;padding:5px 7px;border-radius:999px;background:#fff;color:#9d2d78;border:1px solid #efd9e6;font-size:8px;font-weight:900}.pickup-file-ref{margin:12px 15px 4px;font-size:8px;font-weight:950;color:#6c7890;letter-spacing:.08em}.premium-pickup-card h3{font-size:14px;margin:0 15px 13px;line-height:1.35;min-height:38px}.pickup-meta-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 15px 14px}.pickup-meta-row>span{display:grid;grid-template-columns:22px 1fr;gap:6px;align-items:center;background:#faf8fb;border-radius:11px;padding:8px;color:#8c3e72}.pickup-meta-row div{display:grid;gap:1px;min-width:0}.pickup-meta-row small{font-size:7px;text-transform:uppercase;color:#a18a9a;font-weight:800}.pickup-meta-row b{font-size:9px;color:#55495a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.premium-pickup-action{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;border-top:1px solid #f2dce9;background:#fff8fc;color:#9d2d78;font-size:9px;font-weight:900}.premium-pickup-action>span{display:inline-flex;align-items:center;gap:6px}.premium-pickup-action:hover{background:#fcebf6}
@media(max-width:1100px){.premium-file-grid{grid-template-columns:repeat(auto-fill,minmax(285px,1fr))}}
@media(max-width:680px){.register-head{align-items:flex-start}.premium-file-grid{grid-template-columns:1fr;gap:14px}.premium-file-card{min-height:0}.premium-meta-grid{grid-template-columns:1fr}.premium-ref-row{align-items:flex-start}.premium-category-chip{max-width:50%}.premium-card-footer{align-items:flex-start;flex-direction:column}.premium-open-link{width:100%;justify-content:space-between}.pickup-meta-row{grid-template-columns:1fr}.result-count>span{min-width:38px;height:38px}.premium-card-banner{padding:13px}.premium-file-body{padding:15px}}