.drive-folders-hero {
  background: linear-gradient(135deg, #f7fbff, #edf6ff 58%, #f4f9f3);
}
.drive-folder-notice {
  display: flex;
  gap: 8px;
  flex-direction: column;
  margin: 18px 0;
  padding: 16px 19px;
  border: 1px solid #c9e2d0;
  border-radius: 15px;
  background: #f1faf3;
  color: #356947;
}
.drive-folder-notice span {
  font-size: 13px;
}
.drive-folder-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 15px;
}
.drive-folder-grid > article {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 17px;
  padding: 22px;
  border: 1px solid #d7e5ea;
  border-radius: 19px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(20, 64, 80, 0.06);
}
.drive-folder-icon {
  display: grid;
  width: 54px;
  height: 54px;
  place-items: center;
  border-radius: 16px;
  background: linear-gradient(135deg, #4285f4, #34a853);
  color: #fff;
  font-size: 25px;
}
.drive-folder-grid h3 {
  margin: 9px 0 5px;
}
.drive-folder-grid p {
  min-height: 38px;
  margin: 0 0 8px;
  color: #66808a;
}
.drive-folder-grid small {
  color: #82969e;
}
.drive-folder-actions {
  grid-column: 2;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 5px;
}
.drive-folder-actions a {
  text-decoration: none;
}
@media (max-width: 900px) {
  .drive-folder-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 600px) {
  .drive-folder-grid > article {
    grid-template-columns: 1fr;
  }
  .drive-folder-actions {
    grid-column: 1;
  }
}
.drive-folder-tree { display:grid; gap:12px; }
.drive-tree-node { min-width:0; }
.drive-tree-node > article { display:grid; grid-template-columns:58px minmax(0,1fr); gap:17px; padding:18px; border:1px solid #d7e5ea; border-radius:17px; background:#fff; box-shadow:0 8px 24px rgba(20,64,80,.06); }
.drive-tree-node h3 { margin:7px 0 4px; }
.drive-tree-node p { margin:0 0 6px; color:#66808a; }
.drive-tree-children { display:grid; gap:10px; margin:10px 0 0 28px; padding-left:18px; border-left:3px solid #d9edf2; }
.drive-tree-node.compact > article { grid-template-columns:38px minmax(0,1fr); gap:9px; padding:10px; border-radius:12px; }
.drive-tree-node.compact .drive-folder-icon { width:38px; height:38px; border-radius:10px; font-size:17px; }
.drive-tree-node.compact h3 { margin:3px 0; }
.drive-tree-node.compact p { font-size:11px; }
.library-drive-tree .drive-tree-children { margin-left:18px; padding-left:10px; }
.drive-tree-node .drive-folder-actions { grid-column:2; display:flex; gap:8px; flex-wrap:wrap; }
@media (max-width:600px) {
  .drive-tree-node > article { grid-template-columns:1fr; }
  .drive-tree-node .drive-folder-actions { grid-column:1; }
  .drive-tree-children { margin-left:10px; padding-left:10px; }
}