@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');

:root{--ink:#14201e;--muted:#687572;--line:#e5e9e7;--paper:#f5f7f6;--white:#fff;--teal:#087b6b;--teal-dark:#075f54;--mint:#dff4ed;--navy:#112b2a;--danger:#c34646;--shadow:0 15px 45px rgba(29,51,47,.08)}
*{box-sizing:border-box}html{font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--paper)}body{margin:0}button,input,select{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:var(--navy);color:#d9e6e2;display:flex;flex-direction:column;padding:30px 22px;z-index:10}.brand{display:flex;align-items:center;gap:12px;font-family:Manrope,sans-serif}.brand>span:last-child{display:flex;flex-direction:column}.brand strong{font-size:18px;letter-spacing:.05em}.brand small{font-size:12px;color:#87a29c;letter-spacing:.12em;text-transform:uppercase}.brand-mark{width:34px;height:34px;display:flex;align-items:end;gap:3px;padding:7px;border:1px solid rgba(255,255,255,.24);border-radius:10px}.brand-mark span{display:block;width:5px;background:#50c9ac;border-radius:3px}.brand-mark span:nth-child(1){height:11px}.brand-mark span:nth-child(2){height:19px}.brand-mark span:nth-child(3){height:15px}.nav-links{margin-top:48px;display:flex;flex-direction:column;gap:8px}.nav-links a{display:flex;align-items:center;gap:13px;padding:12px 14px;border-radius:9px;color:#9eb3ae;font-weight:600;font-size:14px}.nav-links a:hover,.nav-links a.active{background:rgba(89,200,173,.12);color:#fff}.nav-links a.active{box-shadow:inset 3px 0 #4dccaa}.nav-links svg{width:19px;height:19px;fill:currentColor}.sidebar-foot{margin-top:auto;border-top:1px solid rgba(255,255,255,.1);padding-top:20px}.user-card{display:flex;gap:10px;align-items:center;min-width:0}.avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#2b6960;color:#fff;font-weight:700}.user-card>span:last-child{min-width:0;display:flex;flex-direction:column}.user-card strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-card small{font-size:11px;color:#89a29d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logout{border:0;background:none;color:#95aaa5;padding:12px 0 0;font-size:12px}.logout:hover{color:#fff}.main{margin-left:250px;min-height:100vh}.topbar{height:104px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 42px;gap:20px}.topbar h1{font-family:Manrope,sans-serif;font-size:25px;margin:2px 0 0}.eyebrow,.step-label{margin:0;color:var(--teal);text-transform:uppercase;letter-spacing:.14em;font-weight:800;font-size:10px}.service-status{margin-left:auto;font-size:12px;color:#61706d;display:flex;align-items:center;gap:8px}.service-status span{width:8px;height:8px;background:#3fbb89;border-radius:50%;box-shadow:0 0 0 4px #e2f5ed}.menu-button{display:none;border:0;background:none;font-size:22px}.content{padding:30px 42px 50px;max-width:1600px;margin:auto}.flash{position:relative;padding:14px 45px 14px 16px;border-radius:10px;margin-bottom:20px;font-size:14px}.flash.success{background:#e4f5ed;color:#17634f}.flash.error,.form-errors{background:#fff0f0;color:#9f3434}.flash button{position:absolute;right:14px;top:10px;border:0;background:none;font-size:20px}.flash ul{margin:6px 0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:21px;display:flex;gap:16px;box-shadow:0 4px 18px rgba(29,51,47,.025)}.stat-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;font-weight:800}.stat-icon.blue{background:#e4effd;color:#3972b9}.stat-icon.amber{background:#fff0d8;color:#b77717}.stat-icon.green{background:#dcf3eb;color:#16735e}.stat-icon.violet{background:#eee8fc;color:#7355b6}.stat-card div{display:flex;flex-direction:column}.stat-card small{font-size:11px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.stat-card strong{font-family:Manrope,sans-serif;font-size:25px;margin-top:4px}.stat-card p{font-size:11px;color:#8b9593;margin:3px 0 0}.dashboard-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,.72fr);gap:20px;margin-top:20px}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 4px 18px rgba(29,51,47,.025)}.upload-panel,.storage-panel{padding:24px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:19px}.panel-heading h2,.welcome-card h2{font-family:Manrope,sans-serif;font-size:18px;margin:3px 0 0}.shield{font-size:11px;background:var(--mint);color:#27715f;padding:7px 10px;border-radius:20px}.drop-zone{position:relative;border:1.5px dashed #b6c9c4;background:#f8fbfa;border-radius:12px;height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:.2s}.drop-zone:hover{border-color:var(--teal);background:#f1faf7}.drop-zone input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.drop-zone strong{font-size:13px}.drop-zone small{color:#8a9693;font-size:11px;margin-top:5px}.upload-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:9px;background:var(--mint);color:var(--teal);font-size:21px;margin-bottom:9px}.upload-options{display:grid;grid-template-columns:1.4fr 1fr auto;align-items:end;gap:12px;margin-top:15px}label{font-size:12px;font-weight:700;color:#46534f;display:flex;flex-direction:column;gap:7px}input,select{width:100%;border:1px solid #dce3e0;background:#fff;border-radius:8px;padding:11px 12px;color:var(--ink);outline:none}input:focus,select:focus{border-color:#4fae99;box-shadow:0 0 0 3px rgba(8,123,107,.1)}label small{font-weight:400;color:#8a9693}.button{border:1px solid transparent;border-radius:8px;padding:11px 17px;font-weight:700;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:12px}.button.primary{background:var(--teal);color:#fff}.button.primary:hover{background:var(--teal-dark)}.button.secondary{border-color:#d7dfdc;background:#fff}.button.wide{width:100%;padding:13px 18px}.storage-panel .panel-heading>strong{font-family:Manrope;color:var(--teal);font-size:20px}.storage-ring{--percent:0;width:134px;height:134px;border-radius:50%;margin:8px auto 21px;background:conic-gradient(var(--teal) calc(var(--percent)*1%),#e8efec 0);display:grid;place-items:center;position:relative}.storage-ring:after{content:'';position:absolute;inset:11px;background:#fff;border-radius:50%}.storage-ring div{z-index:1;display:flex;flex-direction:column;text-align:center}.storage-ring strong{font:700 17px Manrope}.storage-ring small{font-size:10px;color:var(--muted)}.storage-meta{border-top:1px solid var(--line);padding-top:14px;display:flex;justify-content:space-between}.storage-meta span{display:flex;flex-direction:column;font-size:10px;color:#82908d}.storage-meta strong{font-size:12px;color:var(--ink);margin-top:3px}.table-panel{margin-top:20px;padding:24px}.text-link{font-size:12px;font-weight:700;color:var(--teal)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th{padding:11px 12px;border-bottom:1px solid var(--line);font-size:10px;color:#7c8986;text-transform:uppercase;letter-spacing:.06em}td{padding:13px 12px;border-bottom:1px solid #edf0ef;font-size:12px;color:#596663;vertical-align:middle}tbody tr:last-child td{border:0}.file-name{display:flex;align-items:center;gap:11px;min-width:200px}.file-name>span:last-child{display:flex;flex-direction:column}.file-name strong{color:var(--ink);max-width:280px;overflow:hidden;text-overflow:ellipsis}.file-name small,.cell-sub{display:block;color:#98a19f;margin-top:3px;font-size:10px}.file-icon{width:36px;height:39px;display:grid;place-items:center;background:#e8f2ef;color:#36806e;border-radius:7px;font-size:8px;font-weight:800}.pill{padding:5px 8px;border-radius:15px;background:#f0f3f2;color:#5c6865;font-size:10px}.icon-button{border:1px solid #dfe5e3;background:#fff;width:30px;height:30px;display:grid;place-items:center;border-radius:7px;color:#52615d;font-weight:800}.icon-button:hover{border-color:var(--teal);color:var(--teal)}.icon-button.danger:hover{border-color:#da7474;color:var(--danger)}.actions{display:flex;gap:6px}.actions form{margin:0}.empty-state{text-align:center;padding:45px 20px}.empty-state>span{display:grid;place-items:center;width:48px;height:48px;margin:auto;background:#edf5f2;border-radius:13px;color:var(--teal);font-size:24px}.empty-state h3{font:700 15px Manrope;margin:12px 0 4px}.empty-state p{margin:0;color:#84908d;font-size:12px}.processing-strip{margin-top:18px;padding:14px 18px;background:#e9f5f1;border:1px solid #cee7df;border-radius:11px;display:flex;align-items:center;gap:13px}.processing-strip div{display:flex;flex-direction:column}.processing-strip strong{font-size:12px}.processing-strip small{font-size:10px;color:#6e7c78;margin-top:2px}.spinner{width:20px;height:20px;border:2px solid #abd6ca;border-top-color:var(--teal);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.welcome-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:32px;display:grid;grid-template-columns:.7fr 1.3fr;gap:50px;box-shadow:var(--shadow)}.welcome-card>div p{color:var(--muted);line-height:1.65;font-size:14px}.workspace-form{display:grid;grid-template-columns:1fr 1fr;gap:15px}.workspace-form button{align-self:end}.library-tools{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px}.search-form{display:flex;gap:9px;flex:1;max-width:750px}.search-form input{max-width:380px}.status{display:inline-flex;align-items:center;gap:6px;text-transform:capitalize}.status i{width:7px;height:7px;border-radius:50%;background:#a0aaa7}.status-available i{background:#3bad7c}.status-pending i{background:#db9b35}.status-rejected i{background:#d35454}.status-deleted i{background:#8a9290}.pagination{margin-top:20px}.pagination nav>div:first-child{display:none}.pagination nav>div:last-child{display:flex;align-items:center;justify-content:space-between}.pagination nav p{font-size:11px;color:var(--muted)}.pagination nav span,.pagination nav a{font-size:11px}.pagination svg{width:16px}.auth-page{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:#fff}.auth-visual{position:relative;background:radial-gradient(circle at 65% 30%,rgba(48,132,115,.45),transparent 35%),linear-gradient(145deg,#0d3532,#102421);color:#fff;padding:42px 55px;display:flex;flex-direction:column;overflow:hidden}.auth-visual:after{content:'';position:absolute;width:450px;height:450px;border:1px solid rgba(124,211,190,.16);border-radius:50%;right:-120px;bottom:-180px;box-shadow:0 0 0 80px rgba(124,211,190,.035),0 0 0 160px rgba(124,211,190,.025)}.brand-light{color:#fff}.auth-message{margin:auto 0;position:relative;z-index:1;max-width:580px}.auth-message .eyebrow{color:#69d4b9}.auth-message h1{font:700 clamp(40px,5vw,68px)/1.08 Manrope;margin:15px 0 23px;letter-spacing:-.045em}.auth-message h1 em{font-style:normal;color:#69d4b9}.auth-message>p:last-child{color:#b6c9c4;max-width:500px;line-height:1.7;font-size:15px}.security-note{position:relative;z-index:1;color:#91aaa4;font-size:11px;letter-spacing:.02em}.security-note span{color:#67cfb4}.auth-panel{display:grid;place-items:center;padding:45px}.auth-box{width:100%;max-width:410px}.auth-box h2{font:700 30px Manrope;margin:11px 0 8px}.auth-box>.muted{color:#7b8784;font-size:13px;line-height:1.6;margin-bottom:27px}.form-stack{display:flex;flex-direction:column;gap:16px}.check{display:flex;flex-direction:row;align-items:center;font-weight:500}.check input{width:auto}.form-errors{padding:10px 14px;border-radius:8px;font-size:12px;margin-bottom:17px}.form-errors p{margin:3px 0}
@media(max-width:1100px){.stats-grid{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.storage-panel{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.storage-panel .panel-heading{margin:0}.storage-meta{border:0;padding:0;gap:25px}.welcome-card{grid-template-columns:1fr}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.2s}.nav-open .sidebar{transform:none;box-shadow:20px 0 50px rgba(0,0,0,.2)}.main{margin:0}.topbar{height:85px;padding:0 20px}.menu-button{display:block}.service-status{display:none}.content{padding:20px}.stats-grid{grid-template-columns:1fr 1fr}.upload-options{grid-template-columns:1fr}.storage-panel{display:block}.storage-panel .panel-heading{margin-bottom:15px}.storage-meta{border-top:1px solid var(--line);padding-top:14px}.welcome-card{padding:23px;gap:20px}.workspace-form{grid-template-columns:1fr}.library-tools{align-items:stretch;flex-direction:column}.search-form{flex-direction:column;max-width:none}.search-form input{max-width:none}.auth-page{grid-template-columns:1fr}.auth-visual{display:none}.auth-panel{padding:30px 20px;min-height:100vh}.table-panel{padding:15px}}
@media(max-width:480px){.stats-grid{grid-template-columns:1fr}.topbar h1{font-size:21px}.content{padding:14px}.upload-panel,.storage-panel{padding:18px}.file-library{padding:10px}.auth-box h2{font-size:26px}}

/* Integrations */
.credential-reveal{background:linear-gradient(135deg,#103c38,#0d2d2a);color:#fff;border-radius:15px;padding:24px;margin-bottom:20px;box-shadow:var(--shadow)}.reveal-warning{display:flex;align-items:center;gap:13px}.reveal-warning>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#f5bd5c;color:#31250f;font-weight:800}.reveal-warning strong{font:700 16px Manrope}.reveal-warning p{color:#a9c0ba;font-size:11px;margin:3px 0}.secret-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:20px}.credential-reveal label{color:#bdd0cb}.copy-field{display:flex}.copy-field input{border-radius:8px 0 0 8px;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16);color:#fff;font-family:monospace}.copy-field button{border:1px solid rgba(255,255,255,.16);border-left:0;background:rgba(255,255,255,.12);color:#fff;font-size:10px;font-weight:700;padding:0 10px}.copy-field button:last-child{border-radius:0 8px 8px 0}.connection-example{display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.13);margin-top:18px;padding-top:16px}.connection-example>div{display:flex;flex-direction:column;gap:5px}.connection-example strong{font:500 12px monospace;color:#d2e5e0}.integration-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(290px,.55fr);gap:20px}.integration-form-panel{padding:24px}.integration-form{display:grid;grid-template-columns:1fr 1fr;gap:15px}.scope-picker{grid-column:1/-1;border:1px solid var(--line);border-radius:10px;padding:15px;display:grid;grid-template-columns:1fr 1fr;gap:9px}.scope-picker legend{font-size:11px;font-weight:800;color:#46534f;padding:0 7px}.scope-option{display:flex;flex-direction:row;align-items:flex-start;padding:10px;border-radius:8px;background:#f7f9f8;cursor:pointer}.scope-option input{width:auto;margin-top:2px}.scope-option span{display:flex;flex-direction:column}.scope-option strong{font-size:11px;color:var(--ink)}.scope-option small{font-size:9px}.integration-form>.button{grid-column:1/-1}.integration-help{background:#e5f2ee;border-radius:14px;padding:26px}.integration-help h2{font:700 19px Manrope;margin:5px 0 22px}.integration-help ol{list-style:none;margin:0 0 20px;padding:0}.integration-help li{display:flex;gap:12px;margin-bottom:18px}.integration-help li>span{flex:0 0 27px;height:27px;display:grid;place-items:center;background:#fff;border-radius:7px;color:var(--teal);font-weight:800;font-size:11px}.integration-help li div{display:flex;flex-direction:column}.integration-help li strong{font-size:12px}.integration-help li p{color:#687a75;font-size:10px;line-height:1.5;margin:3px 0}.empty-inline{padding:22px;background:#f5f8f7;border-radius:10px;text-align:center}.empty-inline p{color:var(--muted);font-size:12px}.systems-panel{margin-top:20px;padding:24px}.count-badge{background:#f0f3f2;border-radius:20px;padding:6px 10px;font-size:10px;color:#65716e}.system-list{display:flex;flex-direction:column;gap:12px}.system-card{border:1px solid var(--line);border-radius:11px;overflow:hidden}.system-summary{display:flex;align-items:center;gap:13px;padding:16px}.system-logo{display:grid;place-items:center;width:39px;height:39px;border-radius:10px;background:#dff2ec;color:var(--teal);font:800 11px Manrope}.system-title{flex:1}.system-title>div{display:flex;align-items:center;gap:10px}.system-title h3{font:700 13px Manrope;margin:0}.system-title p{font-size:10px;color:#7d8986;margin:4px 0 0}.credential-list{background:#f8faf9;border-top:1px solid var(--line);padding:0 16px}.credential-row{min-height:63px;display:grid;grid-template-columns:minmax(250px,1fr) 1fr auto;align-items:center;gap:15px;border-bottom:1px solid #e8ecea}.credential-row:last-child{border:0}.credential-row>div:first-child{display:flex;align-items:center;gap:9px}.credential-row>div:first-child>span:last-child{display:flex;flex-direction:column}.credential-row strong{font:600 11px monospace}.credential-row small{font-size:9px;color:#84908d;margin-top:3px}.credential-dot{width:7px;height:7px;border-radius:50%;background:#929b99}.credential-dot.active{background:#3bad7c}.credential-dot.revoked{background:#d35454}.scope-chips{display:flex;gap:4px;flex-wrap:wrap}.scope-chips span{font-size:8px;padding:4px 6px;background:#e7eeec;border-radius:10px;color:#60706c}.credential-actions{display:flex;gap:9px}.credential-actions form{margin:0}.text-button{border:0;background:none;color:var(--teal);font-size:10px;font-weight:700;padding:5px}.danger-text{color:var(--danger)}.no-credentials{font-size:10px;color:#899491;margin:15px 0}
@media(max-width:1050px){.integration-layout{grid-template-columns:1fr}.integration-help ol{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.credential-row{grid-template-columns:1fr auto}.scope-chips{display:none}}
@media(max-width:700px){.secret-grid,.integration-form,.scope-picker{grid-template-columns:1fr}.integration-form>.button,.scope-picker{grid-column:auto}.connection-example{align-items:flex-start;flex-direction:column;gap:12px}.integration-help ol{display:block}.credential-row{grid-template-columns:1fr;padding:12px 0;gap:8px}.system-summary{align-items:flex-start;flex-wrap:wrap}.system-summary form{margin-left:auto}}

/* File access */
.access-topline{margin-bottom:13px}.back-link{font-size:11px;color:var(--teal);font-weight:700}.file-access-header{padding:20px 24px;display:flex;align-items:center;justify-content:space-between}.access-file{display:flex;align-items:center;gap:14px}.file-icon.large{width:48px;height:52px}.access-file h2{font:700 17px Manrope;margin:3px 0}.access-file p{font-size:10px;color:#7c8986;margin:0}.access-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:20px;margin-top:20px}.access-policy-panel,.grant-form-panel,.grants-panel{padding:24px}.visibility-options{display:flex;flex-direction:column;gap:9px}.visibility-card{position:relative;display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:11px;border:1px solid var(--line);border-radius:10px;padding:13px;cursor:pointer}.visibility-card.selected{border-color:#58a995;background:#f1faf7;box-shadow:0 0 0 2px rgba(8,123,107,.08)}.visibility-card input{width:auto}.visibility-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:#e8f1ee;color:var(--teal)}.visibility-card>span:last-child{display:flex;flex-direction:column}.visibility-card strong{font-size:11px}.visibility-card small{font-size:9px;line-height:1.45}.visibility-options>.button{align-self:flex-end;margin-top:4px}.policy-warning{font-size:9px;color:#8a7770;background:#fff8ea;padding:9px;border-radius:7px;margin:13px 0 0}.grant-form{display:flex;flex-direction:column;gap:13px}.action-picker{border:1px solid var(--line);border-radius:9px;padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:7px}.action-picker legend{font-size:10px;font-weight:800;padding:0 5px}.action-picker label{display:flex;flex-direction:row;align-items:flex-start;background:#f7f9f8;padding:8px;border-radius:7px}.action-picker input{width:auto;margin-top:2px}.action-picker label span{display:flex;flex-direction:column}.action-picker strong{font-size:10px}.action-picker small{font-size:8px}.optional{font-weight:400;color:#8b9693}.grants-panel{margin-top:20px}.grant-list{display:flex;flex-direction:column}.grant-row{display:grid;grid-template-columns:auto minmax(180px,1fr) 1fr 150px auto;align-items:center;gap:13px;padding:14px 5px;border-bottom:1px solid var(--line)}.grant-row:last-child{border:0}.grant-row.inactive{opacity:.55}.target-avatar{width:35px;height:35px;display:grid;place-items:center;border-radius:9px;background:#e3f1ed;color:var(--teal);font-size:9px;font-weight:800}.grant-target,.grant-expiry{display:flex;flex-direction:column}.grant-target strong{font-size:11px}.grant-target small,.grant-expiry small{font-size:9px;color:#899491;margin-top:3px}.grant-actions{display:flex;flex-wrap:wrap;gap:4px}.grant-actions span{font-size:8px;background:#e9efed;border-radius:10px;padding:4px 7px}.grant-expiry .status{font-size:10px}
@media(max-width:1000px){.access-layout{grid-template-columns:1fr}.grant-row{grid-template-columns:auto 1fr auto}.grant-actions{grid-column:2}.grant-expiry{grid-column:2}}
@media(max-width:620px){.file-access-header{align-items:flex-start;gap:15px}.file-access-header>.button{display:none}.action-picker{grid-template-columns:1fr}.grant-row{grid-template-columns:auto 1fr}.grant-row>form{grid-column:2}.access-policy-panel,.grant-form-panel,.grants-panel{padding:17px}}

/* Folder browser */
.breadcrumbs{display:flex;align-items:center;gap:8px;margin-bottom:14px;font-size:10px;color:#82908d}.breadcrumbs a{color:var(--teal);font-weight:700}.breadcrumbs strong{color:var(--ink)}.folder-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.folder-toolbar>div{display:flex;align-items:center;gap:13px}.folder-toolbar h2{font:700 20px Manrope;margin:0}.folder-toolbar p{font-size:10px;color:#7f8d89;margin:4px 0 0}.folder-hero-icon{display:grid;place-items:center;width:45px;height:42px;border-radius:10px;background:#dff2ec;color:var(--teal);font-size:20px}.folder-action-panel{padding:22px;margin-bottom:18px}.panel-close{border:0;background:none;font-size:20px;color:#7d8986}.inline-folder-form{display:grid;grid-template-columns:1.2fr 1.5fr 1fr auto;align-items:end;gap:12px}.inline-folder-form .wide-field{grid-column:span 2}.folder-browser{padding:23px}.folder-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.folder-tile{display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-radius:10px;padding:14px;transition:.15s}.folder-tile:hover{border-color:#6cb4a3;background:#f4faf8;transform:translateY(-1px)}.folder-tile>span{color:#e2a83c;font-size:23px}.folder-tile div{display:flex;flex:1;min-width:0;flex-direction:column}.folder-tile strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.folder-tile small{font-size:9px;color:#899491;margin-top:3px}.folder-tile i{font-style:normal;color:#899491}.folder-files{margin-top:18px;border-top:1px solid var(--line);padding-top:9px}.grant-row.inherited{background:#f5faf8}.grant-row.inherited .target-avatar{background:#edf2f0;color:#71807c}
@media(max-width:950px){.folder-grid{grid-template-columns:1fr 1fr}.inline-folder-form{grid-template-columns:1fr 1fr}.inline-folder-form .wide-field{grid-column:auto}}
@media(max-width:650px){.folder-toolbar{align-items:flex-start;flex-direction:column}.folder-toolbar>.actions{width:100%;flex-wrap:wrap}.folder-grid,.inline-folder-form{grid-template-columns:1fr}.folder-browser{padding:15px}}