.tile{background-color:var(--white);border:1px solid var(--light-purple);border-radius:.5rem;padding:1.5rem;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f;transition:all .2s ease-in-out;position:relative;display:flex;flex-direction:column;gap:1rem}.tile--compact{padding:1rem;gap:.75rem}.tile--large{padding:2rem;gap:1.5rem}.tile--hover:hover{border-color:var(--primary);box-shadow:0 4px 12px #4e46aa1f,0 2px 4px #4e46aa14}.tile--hover:active{box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f}.tile--selected{border-color:var(--primary);background-color:var(--primary100);box-shadow:0 0 0 2px var(--primary100)}.tile--disabled{opacity:.6;cursor:not-allowed;background-color:var(--disabled-bkg)}.tile--flat{box-shadow:none;border-color:var(--neutral90)}.tile--elevated{box-shadow:0 4px 16px #0000001f,0 2px 8px #00000014}.tile--outlined{border-width:2px;border-color:var(--primary);box-shadow:none}.tile--ghost{background-color:transparent;border-color:var(--neutral90);box-shadow:none}.tile--success{border-left:4px solid var(--excellent-green)}.tile--warning{border-left:4px solid var(--okay-orange)}.tile--error{border-left:4px solid var(--not-okay-red)}.tile--info{border-left:4px solid var(--great-blue)}.tile--primary{border-left:4px solid var(--primary)}.tile__header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--neutral90)}.tile__body{flex:1;display:flex;flex-direction:column;gap:.75rem}.tile__footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-top:1rem;border-top:1px solid var(--neutral90)}.tile__title{font-size:1.125rem;font-weight:600;color:var(--black);margin:0;line-height:1.4}.tile__subtitle{font-size:.875rem;font-weight:500;color:var(--gray-text);margin:0;line-height:1.4}.tile__description{font-size:var(--body-text);color:var(--gray-text);line-height:1.6;margin:0}.tile__meta{font-size:var(--body-text-small);color:var(--neutral-50);line-height:1.5}.tile-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.tile-grid--2{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.tile-grid--3{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.tile-grid--4{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.tile-list{display:flex;flex-direction:column;gap:1rem}.tile-list--compact{gap:.5rem}.tile__badge{position:absolute;top:-8px;left:-10px;z-index:1}.tile__ribbon{position:absolute;top:-11px;left:-11px;padding:.5rem 1rem;font-weight:600;font-size:var(--body-text-small);background-color:var(--white);color:var(--primary);border:1px solid var(--light-purple);text-transform:uppercase;letter-spacing:.5px;z-index:1;display:inline-flex;align-items:center;justify-content:center}.tile__ribbon:before{content:"";position:absolute;bottom:-6px;left:0;border-top:6px solid rgba(0,0,0,.2);border-left:10px solid transparent;border-right:0px solid transparent}.tile__ribbon--available{background-color:#e0f2f1;color:#00897b}.tile__ribbon--available:before{border-top-color:#00897b}.tile__ribbon--almost-capacity{background-color:#ffedd5;color:#9a3412}.tile__ribbon--almost-capacity:before{border-top-color:#9a3412}.tile__ribbon--no-capacity{background-color:#fee2e2;color:#991b1b}.tile__ribbon--no-capacity:before{border-top-color:#991b1b}.tile__ribbon--success{background-color:var(--excellent-green);color:var(--white)}.tile__ribbon--success:before{border-top-color:#4caf50}.tile__ribbon--warning{background-color:var(--okay-orange);color:var(--white)}.tile__ribbon--warning:before{border-top-color:#e65100}.tile__ribbon--error{background-color:var(--not-okay-red);color:var(--white)}.tile__ribbon--error:before{border-top-color:#c62828}.tile__ribbon--info{background-color:var(--great-blue);color:var(--white)}.tile__ribbon--info:before{border-top-color:#0288d1}.tile__ribbon--primary{background-color:var(--primary);color:var(--white)}.tile__ribbon--primary:before{border-top-color:#3d3691}.tile__actions{display:flex;gap:.5rem;align-items:center}.tile__divider{height:1px;background-color:var(--neutral90);margin:.75rem 0;border:none}.tile__section{display:flex;flex-direction:column;gap:.5rem}.tile__section+.tile__section{margin-top:.75rem}@media(max-width:768px){.tile{padding:1rem;gap:.75rem}.tile--large{padding:1.5rem;gap:1rem}.tile-grid,.tile-grid--2,.tile-grid--3,.tile-grid--4{grid-template-columns:1fr}.tile__header,.tile__footer{flex-direction:column;align-items:flex-start}}.tile--hover:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){.tile,.tile--hover{transition:none}.tile--hover:hover{transform:none}}